移动APP阅读体验设计之四个对比设计

时间:2016-04-07

当我们在设计APP的时候,其实运营的设计知识很多。也许有些人已经习惯这样的设计方式,自然而然的按照自己的设计思路设计出来了。真正去总结和思考设计的设计师们应该不是很多。

今天网站模版网(www.genban.org)看完了站酷博友Julien朱璘汧的设计经验之后,感触很多,非常实用!顾摘录几点关于阅读体验设计的精华过来跟大家分享。大家也可以阅读《移动APP界面设计分享:文字阅读体验设计篇

传统媒体的转型

网站模版网(www.genban.org)的老谭理解的阅读体验设计其实就是通过对字体、行距、色块、对齐和网格等等的方法来规划和控制布局设计,从而达到一种比较舒适的交互体验。

无论是字体,图片,色块等设计元素,都是通过以下4个角度来提高我们的阅读体验设计的。

 

1、尺寸的对比:

也就是普遍意义上的大,放大你的主要内容,并且要与其他内容产生对比,形成一种视觉上最直接的冲击力;

 

如上图:尺寸上大小接近时,视线漂移中容易偏移在多个内容中,反之对比明显时,同样的颜色字形下,大的更容易吸引视线注意,进而再阅读其他内容。

2、样式的对比:

粗细,深浅等的对比,让主体内容和次要内容之间,形成明确的层级关系,使得阅读和视觉上有明确的指向性;

 

如上图:同等颜色下,粗细对比样式明显时,粗的字体更显厚重,如重拳一般直接人心,不想看也得看。

还有颜色深浅,以背景(深浅、复杂程度)对比强烈的最为明显,接近的相对弱化。

 

3、空间的对比

通常意义上的大背景,以模糊模仿景深效果,实现空间感,常见的分为前景和背景。

 

如例:模糊的背景让复杂的图更加融合,减少其零碎的变化,同时模拟景深实现一定的空间感,让前后内容之间拉开距离,使原本部分不清晰的内容一定程度上清晰更易识别。

 

 

如上图:在此基础上,适当增加前景的修饰(如花瓣、树叶、雪花等等,结合实物有虚有实)可以实现更加明显的空间关系。

 

4、修饰元素的对比

 

如上图:细点的蒙版,让整体背景更加精美,同时让白色的文字在深浅的背景上,都可以识别,同时加上少许投影,增加文字的变化,让整体画面因为这些可有可无的细节更加丰富。

或是在斜线的添加,杂色的添加等等修饰元素和设计手法。都是我们需要在平常多积累多学习的阅读体验设计的技巧。

细节的刻画,首先需要设计师们不断地吸收新鲜血液,线上线下各种形式的图形,物件,都可以成为未来的素材和灵感元素,让自己敏感成习惯,看得越多,知道的越多,遇到需要的时候,能想到的便越多,思考的越多,能转化为自身所得的便越多,这是一个长期不断的过程。

总之:阅读体验设计无非就是对大的尺寸,内容之间的大小、粗细、深浅的明确对比,空间感的塑造,修饰元素的添加等,都将整个画面的张力无限放大,留有更多的身临其近的即视感以及诸多想象空间,在其中可自由呼吸,呼吸这一片大气这样的意境。

这些设计干货都是可以应用在移动APP阅读体验设计当中去,最简单的设计就是通过字体大小对比、文字效果、色块等的方法来处理分级效果。比如哪些字应该大一些,哪些字应该小一些;哪些色块要重一些,哪些浅一些……

 

原文地址:http://www.zcool.com.cn/article/ZMTEyNDU2.html

上一条:精美的iOS 8设计元素,值得APP设计师的收藏 下一条:为什么在Android APP设计上有iOS设计规范的影子

相关文章

最新文章