当前位置:首页> 2018

ui设计学习基本准则

发布者:乾学教育 发布时间:2018-11-8 69浏览

      不论是ui设计还是平面设计,都有设计基本准则需要学习。专注于南京ui设计培训的乾学教育,今天就来为大家总结下ui设计学习的几大基本准则。

      1.用色,要让觉得舒服

      App设计中经常会使用到卡片,卡片颜色的使用会直接影响到用户的视觉感受,因此需要确保用色对用户而言是舒适的,上图左侧案例卡片的饱和度和名都明显过稿,这可以当下热门的app应用中得到参考答案,例如微信、支付宝等,他们在银行卡设置这一块用色几乎出奇一致。

      2.字体,采用特殊字体

      使用特殊字体可以和其他内容格式上形成区分,从而达到突出的目的,选择一个好的字体还可以提升视觉的品质,上图右侧案例的利率分别使用了英文字体DIN和DIN 1451 Mittelshrift Alt,这两种字体的结合使其在视觉上达到了完美的平衡。

      3.图标,风格保持一致(图形结构和复杂程度)

      图标是UI设计中的重要组成部分,做好图标设计很重要的一点就是统一性,此案例中强调的就是图标复杂程度的统一性,为保证统一性需要减少图标不必要的细节。推荐阅读>>>时下流行的ui插画风格汇总

ui设计学习基本准则

      4.使用与业务属性相关的颜色

      大多数的业务都有玉器属性相对应的颜色,使用正确的颜色能帮助用户降低理解成本,同时这也是设计师对不同业务作出颜色区分的理论依据。

      5.信息对齐

      对齐的本质是使得界面信息统一且有条理,其目的是提到信息的易读性。不只是文案信息,ui设计中所有的元素都需要对齐。(之前有些过一篇《版式设计排版方式教程-对齐技巧》)

      6.元素之间的间距使用

      不同元素之间的间距尽量使用固定的几个数值进行复用,过多的间距数值会使得界面显得凌乱无需,也会耗费开发更多的精力。

      7.视觉主次对比

      做设计不仅仅是为了好看,还需要从视觉的角度去助力业务,提升产品转化率,从而实现业务上的数据上升。通过视觉的主次对比来引导用户完成操作,转化率的提升或许很小,但对于用户量很大的产品而言,任何一点提升所带来的收益都是不容小视的。

      8.主副文案的层级性

      ui设计中有主副文案的模块很多,重点是要做好主副文案的层级区分,强化主文案,弱化副文案。通常主文案字号要比副文案大6px以上,字体粗细和颜色也要有所区分,确保用户阅读主文案时不会被副文案干扰,从而提高产品对用户的体验。

      9.合理的图文顺序

      不同的图文顺序对用户体验的影响也是很大的,需要根据用户的阅读习惯来确定合理的顺序。此示例为新闻类界面,对于新闻资讯,文字信息的层级通常是要高于图片的,所有需要将文字至于左边。

      10.文字的颜色对比

      信息的类别名称与内容是不同的层级,上图右侧是用户需要认真阅读的,因此在颜色上需要与类别名称进行区别,从而提高用户的阅读体验。

      除了学习用色、字体、图标等方面的基本准则,在学习ui设计的过程中,同学们还需要了解设计规范,交互设计等知识,不仅仅是要会画图这么简单哦。
热门文章

南京苏州各大高校寒假时间表新鲜出炉(文章)免费

乾学原创课程26已学习