• 内页banner
  • ui1
  • 内页3
技术专栏您当前所在位置: 首页 > 技术专栏

郑州UI培训班:视觉界面中UI设计的原则

更新时间:2017-05-23 17:50:46点击次数:192次字号:T|T

众所周知,UI设计让是信息更加有效传达的方法,做UI设计更是为了沟通更加清晰,UI设计培训的过程中如何做到更有效更清晰呢?请跟着郑州丰泽UI培训班老师的步伐来看下边这三条:

    1、产品调性、品牌调性是否传播到位

有些产品是有品牌优先的,比如苹果,同样是手机,大家更认苹果这个牌子,有些产品没有品牌概念,比如网上购买衣服(不专门去选品牌),更看重的是款式。人看东西是先整体后局部的,所以第1眼看上去就要让人感受得到是某品牌或是某品类。

    2、视觉层级是否清晰

这次为了我们纯洁的革命友谊,找个老外的分析分析。浏览以下页面请注意几个问题:

(1)文案和图片的对应关系是否清晰?

(2)按钮和模块的对应关系是否清晰?

(3)图形的应用是否正确?

首先,语言的障碍会严重影响你对这个UI设计页面内容的理解,这个是客观存在的,就算看不懂里面的单词句子,我们也理应从视觉上看得出元素之司的对应关系,如果我们在视觉上都能很清晰地浏览这个UI设计页面,那么这UI页面的真正受众浏览器会更加顺畅、舒适。

    我们通常会利用间距来表明元素之间的关系,下意识地会认为离得近的元素是相关的,这个页面作者没有很好地做好间距的控制,导致我们无法清晰地看出文案和图片的对应关系以及按钮和模块的对应关系。

    下个问题是图形的应用,菱形在网页中就属于比较难控制的元素,作者用了很多的菱形元素,非常影响页面的秩序,菱形用不好,也许只会让页面丑些,然后作者又在页面中运用了很多的竖线,这进步增加了页面的混乱程度。线有分割区域、强调元素、辅助对齐、表明连接四个作用。然而很难看出这个UI设计页面中的到底起到什么作用,只是为了形式感的“统一”硬加上去的,给浏览者增加了很大的视觉负担。所以在不具备定的把控能力的时候,做最简单的才是最保险的,浏览者不会为你的形式感买单,除非你有能力只从视觉上震撼他们。

    我没有牛逼的总监,怎么发现自己的问题?

    在UI设计培训的过程中,测试UI设计页面的层级是否清晰,我们可以用“眯眼测试”的方式,就是让你看到的东西变得模糊,在损失一些细节吲青况下,再看需要突出的元素是否突出,应该有关联的元素是否看上去是有相关性的。

       是否做到了最小化的视觉工作量

多余的元素容易把浏览者的注意力带走,使得重要信息的传播效果大大降低了这就违背了我们UI设计的目的。比如无用的3D元素、过多的颜色或字体、为了“酷炫”所做的形式感,以及一些UI设计师也不知道为什么要加上去的装饰元素等等,这些都会有意无意地影响页面信息的传达。

我们要做的是从视觉上传达功能和行为,用最少的视觉和功能元素发挥最大的效能。完成一个UI设计页面,我们可以尝试删减页面上的元素,直到当删减了某一个元素会影响到功能为止。跟着丰泽UI设计培训班学UI,设计就是这么简单好玩!而简洁,才是最好的!