哈尔滨达内IT培训学校
学校服务热线全国服务热线:400-035-8011

哈尔滨ui设计学习基本准则

    1.用色,要让觉得舒服
    App设计中经常会使用到卡片,卡片颜色的使用会直接影响到用户的视觉感受,因此需要确保用色对用户而言是舒适的,上图左侧案例卡片的饱和度和名都明显过稿,这可以当下热门的app应用中得到参考答案,例如微信、支付宝等,他们在银行卡设置这一块用色几乎出奇一致。
    2.字体,采用特殊字体
    使用特殊字体可以和其他内容格式上形成区分,从而达到突出的目的,选择一个好的字体还可以提升视觉的品质,上图右侧案例的利率分别使用了英文字体DIN和DIN1451MittelshriftAlt,这两种字体的结合使其在视觉上达到了的平衡。
    3.图标,风格保持一致(图形结构和复杂程度)
    图标是UI设计中的重要组成部分,做好图标设计很重要的一点就是统一性,此案例中强调的就是图标复杂程度的统一性,为增加统一性需要减少图标不必要的细节。推荐阅读>>>时下流行的ui插画风格汇总
    ui设计学习基本准则
    4.使用与业务属性相关的颜色
    大多数的业务都有玉器属性相对应的颜色,使用正确的颜色能帮助用户降低理解成本,同时这也是设计师对不同业务作出颜色区分的理论依据。
    5.信息对齐

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


    6.元素之间的间距使用
    不同元素之间的间距尽量使用固定的几个数值进行复用,过多的间距数值会使得界面显得凌乱无需,也会耗费开发更多的精力。
    7.视觉主次对比
    做设计不仅仅是为了好看,还需要从视觉的角度去助力业务,提升产品转化率,从而实现业务上的数据上升。通过视觉的主次对比来引导用户完成操作,转化率的提升或许很小,但对于用户量很大的产品而言,任何一点提升所带来的收益都是不容小视的。
    8.主副文案的层级性
    ui设计中有主副文案的模块很多,重点是要做好主副文案的层级区分,强化主文案,弱化副文案。通常主文案字号要比副文案大6px以上,字体粗细和颜色也要有所区分,确保用户阅读主文案时不会被副文案干扰,从而提高产品对用户的体验。
    9.合理的图文顺序
    不同的图文顺序对用户体验的影响也是很大的,需要根据用户的阅读习惯来确定合理的顺序。此示例为新闻类界面,对于新闻资讯,文字信息的层级通常是要高于图片的,所有需要将文字至于左边。
    10.文字的颜色对比
    信息的类别名称与内容是不同的层级,上图右侧是用户需要认真阅读的,因此在颜色上需要与类别名称进行区别,从而提高用户的阅读体验。

尊重原创文章,转载请注明出处与链接:http://news.peixun360.com/900421/ 违者必究! 以上就是 哈尔滨达内IT培训学校 小编为您整理 哈尔滨ui设计学习基本准则 的全部内容。

校区地址

版权所有:培训指南(www.peixun360.com) 技术支持:培训指南网

温馨提示:提交留言后老师会第一时间与您联系!热线电话:400-035-8011