你的设计,讲理么?—— 细数APP设计中的18个细节(2)

“设计绝不是简单的排列组合与简单地再编辑,它应当充满着价值和意义,去说明道理,去删繁就简,去阐明演绎,去修饰美化,去赞美褒扬,使其有戏剧意味,让人们信服你所言……” 

 

    ——图形设计大师Paul Rand(保罗·兰德)

 

 

 

上周我们分享了关于APP设计中的9个细节,从设计风格等方面如何更好的提升用户体验, 今天就让我们来看看从信息呈现上如何做到符合用户的阅读习惯。

 

以下内容授权转自:黑马青年

10

正确处理文字排版的层级关系

 
 
 

工作中我们拿到的需求总会出现大篇幅的文案,不能像概念设计那样任性的删减,在进行文字排版的时候,正确的处理信息之间的层级关系将会提高用户对信息的识别度。我们通常会通过字体大小、颜色、留白、层级分割等技巧来处理,把相同属性的信息归类设计,通过留白的不同达到层级的区分,让整个信息排列主次分明,层级清晰。

 

 
 

 

 

线条与色块分割的合理运用

11

 
 

线条通常用于分割同一类别或拥有相同属性的元素;而色块更多的是用于分割不同类别或者区分不同属性的元素,以达到层次清晰,归类明确的目的。我们在选择分割形式的时候要根据信息之间的关系作出明确的表达,不可为了视觉效果而盲目的穿插运用。

 

 

 
 

12

 

要提前预估信息呈现的最大值

 
 
 

在进行界面布局时,明确信息呈现的最大值,而不是取最小值进行设计。过于理想的长度范围也许界面样式更美观,可是落地之后就会给用户带来非常糟糕的体验。

 

 

 
 

 

 

运用提示符提高用户的阅读效率

13

 
 

在大篇幅的文字信息布局中,合理的运用提示符会提高用户对信息的理解和快速找到需要的信息。提示符可以是数字、字母、图形、色块等等,只要能有效的区分信息层级即可。

 

 

 
 

 

14

信息布局符合阅读习惯

 
 
 

从左到右,从上到下的进行阅读是我们已有的习惯,如果你要打破这个习惯进行视觉表现,会承受挑战用户体验的强大压力。

 

 

 
 

 

 

相同界面下圆角&直角的统一性

15

 
 

在同一个界面设计中,圆角&直角的选择要更加统一的出现在界面中,不要出现混合运用造成视觉表达不一致。如果选择圆角作为视觉语言,统一相同模块下圆角的大小,不可出现大小不一致的情况,让整个界面设计的视觉语言更加规范统一。

 

 
 

16

 

设计表达的一致性

 
 
 

相同的信息模块采用统一的设计表达,不要为了变化而加强用户的理解。前后信息设计的多样性也许在视觉上面更加丰富,可是用户会理解为这是两个不同的模块,操作会不会也不同,无形中就增加了用户的思考时间和学习成本。

 

 

 
 

 

 

别把网页的习惯带到APP设计中

17

 
 

网页与APP的设计在本质上面有很多不同的视觉表现规则,我们在设计APP界面的时候要脱离网页的一些交互习惯,回归到移动用户的习惯中,让界面的操作逻辑更加顺畅。

 

 

 
 

 

18

让表单设计更简洁

 
 
 

表单设计在界面中随处可见,看到一望无际的表单用户总是望而却步。为了缓解用户的这种心理活动,我们设计的时候通常会通过合并归纳相同属性的表单,采用逐步填写来让用户感觉内容很少,通过这样的视错觉让用户完成表单的填写。

 

 

 
 

 

联系方式
苏州美名软件有限公司
中国江苏苏州工业园区
金鸡湖大道1355号
国际科技园二期C303
215021
电话:+86(0)512 68075718
业务咨询:转1009,1054
市场合作:转1006
传真:+86(0)512 68075728
联系我们!
info-cn@mm-software.com
微信公众号