ui设计交流文档.pptx

UI设计
1
整理课件
目录
01 UI简介
02 UI设计理念
03 UI设计原则
04 UI设计流程
05 正谱教育UI的设计想法
2
整理课件
01 UI简介
UI即用户界面（ User interface ）
在人和机器的互动过程中，有一个层面，即我们所说的界面（interface）。泛指用户的操作界面，UI设计主要指界面的样式，美观程度。
3
整理课件
01 UI简介
如果说程序是一个人的肌肉和骨骼，那么UI设计就是人的外貌和品格!都是一个成功软件产品必不可少的重要组成部分!
感觉
（视觉/触觉/听觉）
情感
从心理学意义来分，界面可分为感觉（视觉、触觉、听觉等）和情感两个层次。
置界面于用户的控制之下
减少用户的记忆负担
保持界面的一致性
三大原则
用户界面设计的三大原则
4
整理课件
02 UI设计理念
设计理念在不同的软件产品中会有一些不同的具体表现形式，根据产品特性不同、应用场景不同而表现出不同的侧重点及具体特性。但是核心的理念特征却一直保持统一，那就是“内容重于形式”。
UI设计包含用户研究、交互设计、界面设计三大类
以用户为中心
易用
舒适
简单
UI设计
交互
设计
用户
研究
界面
设计
一切以用户为中心，设计出简单舒适易用的界面
5
整理课件
02 UI设计理念
不同的产品
如一个儿童娱乐产品就需要将界面做的花哨一些或者用大的图片充斥;一个应用软件就需要突出使用方便和强大的功能设计要简洁。
同类不同的内容
如一个可爱的幼儿教育产品(像儿歌动画类)就需要将界面做的活泼生动可爱一点;如果是一个中小学生的专业助教类产品就要做的简洁明了一些。
6
整理课件
03 UI设计原则
设计原则
统一性
设计目标一致
外观元素一致
交互行为一致
合理性
用户习惯
接受程度
简易
可用性
可理解性
可达到性
可控制性
7
整理课件
03 UI设计原则
界面没有任何的操作提示，用户就明白通过左右滑动屏幕来查看更多卡片，还知道卡片是以扇形为运动轨迹。
干净简洁的界面可以让用户更加沉浸在阅读的世界里
界面清晰最重要
界面清晰是UI设计的第一步，要想让用户喜欢你设计的UI，首先必须让用户认可它、知道怎么样使用它。让用户在使用时预期会发生什么，并方便地与它交互。
全力维护用户的注意力
在阅读的时候，总是会有事物分散我们的注意力。因此，在设计界面的时候，能够吸引用户的注意力很关键，千万不要将界面的周围设计得乱七八糟。
8
整理课件
03 UI设计原则
用户不知道如何查看很多的卡片，除了查看第一张卡片的详情，其他的卡片脱离了用户的掌控。
图标的作用是以图形化的视觉形象给用户快速引导，如果只是装饰，就不如不要。
让界面处于用户的掌控之中
人类往往对能够掌控自己和周围的环境感到舒服，不考虑用户感受的设计往往会让这种舒适感消失。保证界面处于用户的掌控之中，让用户自己感受主动权。
直接操作的感觉最棒

当能够直接操作物体时，用户的感觉是最棒的。在设计界面时，我们增加的图标往往并不是必需的，比如我们过多的使用按钮、选项等等其他繁琐的东西仅仅是为了填满界面，这些都是画蛇添足。
9
整理课件
03 UI设计原则
界面的交互非常清晰，点击向下展开，再次点击向上收起。
界面非常漂亮，但登录被弱化，并且表现形式雷同输入的提示文字，用户不易察觉。
界面过渡自然
界面的交互都是关联的，所以要认真地考虑到下一步的交互是怎样的，并且通过设计将其实现。当用户已经完成该做的步骤，不要让他们不知所措，给他们自然而然继续下去的方法，以达成目的。
表里如一
如果它看上去像个按钮，那么它就应该具备按钮的功能。设计师不应该在基本的交互问题上耍小聪明，要在更高层次的问题上发挥创造力。
10
整理课件