近期热门
粉丝5
关注 0
获赞 2
什么是UI设计

[UI] 什么是UI设计

[复制链接]
2290 3 0 1 7年前 举报
UI是 User interface  用户界面的简称,用户界面是一个比较广泛的概念,指人和机器互动过程中的一个媒介,以手机为例,手机上的界面都属于用户界面。我们通过这个界面向手机发出指令,手机根据指令产生相应的反馈。除手机之外  比如我们去ATM机取钱的界面,比如一些跑步机上面的操控界面  都是用户界面,这些界面的设计就叫Ui设计,而设计这套界面视觉的人就称为UI设计师。
但是现在说到UI都会想到手机APP的界面。UI其实也是随着智能手机的快速发展,才得以被重视。
那么我们就来讲一下APP的UI(用户界面)设计。
我觉得用户界面可以分为三个部分,一个是我们的界面样式设计,弹出,滑动,还是连接各个界面的跳转关系。我比喻它为骨架。
二是我们的图标设计,图标的设计也会体现APP的风格,好的图标设计会润色和丰满我们的界面。所以我比喻它为APP的肉体。(捂脸,好羞涩)。三是我们运用的色彩。就比喻为皮肤啦。
接下来再说一下我们APP的具体内容的设计流程。
3.jpg
4.jpg
4.1.1.jpg
5.jpg
以这款寻觅APP来说
6.1.jpg
首先会有我们的需求分析。根据用户需求的情况去界定我们的app。反之也说明没有用户需求的产品是不存在的。任何东西的出现,都会是因为它有一定量得需求。
然后是风格的探索和原型的设计,也就是说当我们知道要做一款什么样的app后,我们第二步就是去详细的界定我们app的风格和样式。
在界定样式这一块,一般习惯先用XMind去做信息构架图。也就是内容的整合。将每个小区域都划分起来。
再根据信息构架图去做我们的交互设计。交互设计我们待会再跟大家细说。
当做好交互设计后,就到了我们的视觉设计。根据之前一一界定的样式和风格,去完善和实现我们的界面。
让我们再看一下微信的设计流程
6.jpg
这个界面是不是特别熟悉?首先会有我们的需求文档。如果是在设计公司需求文档是非常重要的。越是详细和完善的需求文档可以省下因为客户突然的要求和变动浪费的时间。
根据需求文档有交互设计师做出原型图(主要是一些样式和交互逻辑)就是这个按钮点下去会出现什么效果,这个滑动后又会有什么样的界面。也就是根据需求分析,界定用户模型。这也就是我们前面讲到的交互设计。然后我们UI对页面的细节进行设计和优化,实现整个界面。所以UI设计师的工作会根偏向视觉一些。在一些大型公司交互和UI是分工合作的。
但是在一般的公司来说,交互和UI都是一个人去完成。甚至需要直接面对客户,去做需求文档。
当交互样式做好了开始设计界面时就到了我们的图标设计。
APP图标有桌面大图标,分类图标,功能图标(又分为线性图标和块状图标)
1.jpg 2.jpg 360截图20160812112512096.jpg
这些图标大多遵循扁平化的潮流。其实扁平化的意思呢是指极简主义。在扁平化之前的设计叫做拟物化设计,就是用大量阴影凹凸去打造写实感。这种放在界面上会显得非常的复杂厚重。比如以前ios7之前
那时候的界面,感受感受就知道它为什么会被扁平化所替代。
3.1.png
这个图的左边就是拟物化图标的时代,右边就是扁平化图标,这样一对比大家就很明显的看出扁平化的优势了。
扁平化设计特质
对于扁平化的定义,依然没有一个固定范式,但概括起来有下面四个特征:
1)没有多余的效果,例如投影、凹凸或渐变等
2)使用简洁风格的元素和图标
3)大胆丰富且明亮的配色风格
4)尽量减少装饰的极简设计



图标说完,我们在说一下APP的配色。
在APP的色彩搭配上一般是跟其内容相呼应的。
每个颜色代表不同的定义。
0104606871468ffaa0d10f5d59a32d3b_看图王.jpg
如图。
蓝色是受到最普遍喜爱的颜色。这就是为什么许多公司用蓝色作为商标颜色或者移动应用程序的图标颜色。但是,这并不意味着大多数公司都应该选择蓝色,因为这样难以在竞争对手中脱颖而出。
比如你看到红色使人想到兴奋,青春,强烈——可口可乐,和红牛。麦当劳。肯德基。
看到绿色会想到水果蔬菜健康等等。
橙色是一种友好、欢快的颜色。越来越多的公司在选择图标颜色时开始避开常见的红色和蓝色,所以橙色逐渐成为一种流行的图标颜色。我们可以打开自己的手机看看。像滴滴,微博,淘宝等APP都是橙色的。

蓝色是世界上最受欢迎的颜色,它还代表信任,实力和可靠性,比如刚刚更新的支付宝

QQ图片20160812115605.png

好了,先更到这里。







3.2.jpg
3.3.jpg
3.4.jpg
3.5.jpg
3.6.jpg
4.1.jpg
5.5.5.5.png
0
点赞
0
打赏
1
添加到收藏夹

0

点击复制链接

使用微信扫码分享
一次扣10个券
全部评论3
您需要登录后才可以回帖 登录 | 立即注册

好东西
6年前
回复

使用道具 举报

看看~~
6年前
回复

使用道具 举报

10万个赞!!!!10万个赞!!!!
7年前
回复

使用道具 举报