为什么你的高保真不够“高”

来源:设酷网     作者:日期:2020-08-28     浏览:105    评论:0    
  
核心提示:很多交互新手在做UI界面时都遇到过这样的问题,高保真就是在低保真的基础上加上了配色和阴影,有些同学为了让界面看上去完成度高,又加了更多质感效果。最后界面看上去眼花缭乱,但总觉得差点什么。UI设计中,一个优秀的界面设计既要保证可用性和易用性,又要具备简洁、

很多交互新手在做UI界面时都遇到过这样的问题,高保真就是在低保真的基础上加上了配色和阴影,有些同学为了让界面看上去完成度高,又加了更多质感效果。最后界面看上去眼花缭乱,但总觉得差点什么。

ui设计中,一个优秀的界面设计既要保证可用性易用性,又要具备简洁、美观、柔和。许多市面上成熟的ui设计都是经过长时间的迭代打磨,无数次修改调整的结果。这里,我总结了一些 ui设计的小技巧,可以帮助新手的你快速提升界面质感


排版设计


UI 设计中,排版设计非常重要,排版设计可以决定一个界面基础的可用性易用性,将信息有效的传递给用户。

说到「排版」多数是指文本部分,很多同学认为文本部分只要选择字体字号就够了,但其实文本排版有很多细节需要表达,需要通过视觉上的层次传递内容上的层次。


1.强化层次
强化层次的前提是合理的划分层次,层次的划分应根据文字内容(可依据视觉设计的四大原则中的亲密度,这里不多赘述),划分好层次之后应适当拉开层次之间的对比,达到突出重点,清晰结构的目的。

2.字间距、行高

关于字间距行高和段间距,总结为以下两点小技巧:

  • 字间距:字号增加,以及字体加粗时,应减小字间距。

  • 行高:当字体变小时,应增大行高。

3.使用同一系列字体
同一系列字体完美的解决了不会搭配字体的问题,并且还能适配不同文本和内容,只需要切换同一系列中的字体样式就能达到区分层级的效果。选择风格齐全的字体,更能够满足排版的各种需求


视觉设计


1.阴影:风格统一,反应内容层级
界面中的阴影的是通过对现实生活中物理现象的模拟,达到突出元素之间的高度距离与层次关系的目的。

所以不同的阴影反应着不同的内容层级,如果全部加同样式阴影也就失去了阴影的意义。此外,阴影应尽量柔和,弱化。


2.图标
图标风格应保持统一,首先应样式统一,填充样式或描边样式;其次复杂程度统一,图标描边粗细统一。

[支付宝图标库]

[聚划算官方图标库]


文章作者:MUzi
南安普敦大学交互设计硕士
擅长交互设计用户体验相关专业辅导和课程知识体系建立


原文链接: http://www.makebi.net/37563.html

本文来源:为什么你的高保真不够“高”    http://www.sjschina.com/archives/20946.html
相关评论