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

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

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

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

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

 

1、尺寸的对比：

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

 

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

2、样式的对比：

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

 

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

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

 

3、空间的对比

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

 

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

 

 

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

 

4、修饰元素的对比

 

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

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

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

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

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

 

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