视觉心理学-如何排版

视觉-排版

绝大多数人潜意识里都不喜欢阅读，在设计时，一定要避免在界面中使用大段的文字。

如果一定要有大段文字，考虑结构化分割、分组、拆解、分栏。

要结构化地去表达信息。越是结构化、精炼，人们就越能更快、更容易地浏览。视觉层次让人专注于相关的信息，同时也会减少人犯错的可能。

文字可读性

字体的选择

无衬线的干净字体永远最优。切记慎用装饰性强的艺术字体。

字符的大小、间距、行间距

对桌面系统而言，好的可读性一般在每行 55 到 75 个字符（包括空格）；最理想状态是每行 65 个字符，行间距是字号的 0.5 倍。

对移动设备而言，每行 35 到 50 个字符，行间距为字号的 0.75~1 倍，这样阅读效率是最高。

话术，文案以及界面用语

不常用的词汇或者阅读者不熟悉的专业词汇，一定要少用。

英文要避免全部用大写字母，避免不合理的文字和背景的对比度

图文混排

左图右文

在左图右文中视觉重心是图片。根据从左向右的阅读习惯，用户会优先对图作出反馈，然后才会看到标题文字。

最适合左图右文的莫过于具有商品属性的文章，用户的视觉重心会先看到商品图片。

再就是使用频率较高的社交类软件，头像作为一种高识别度的载体，一般都会放在左边。

左文右图

用户会先看标题文字，标题就算不吸引人，但如果用户看到图片吸引人，还会产生二次转化，适合资讯推荐类软件

上图下文

这种模式使得聚焦到图片的视觉层级变得更高，图片的质量对引导用户是否产生阅读兴趣的影响非常大。

上文下图

在上文下图的模式里，用户的阅读顺序是自上而下的。这种模式下大图的呈现往往是通屏，占据的比例很大，对用户的视觉冲击比较大。

好处就是标题内容吸引到用户，产生先入为主的优势。这么设计很适合资讯文章中的多图、短视频、大图呈现类形式。

留白

留白可以让作品更有价值感

多用极简主义，通过大量的留白去增加核心元素的价值感。

反之，如果在布局上填充尽可能多的信息元素，减少留白会给人经济实惠的感受。

眼动浏览模式

一个好的页面布局组织方式，应该顺应人扫视的习惯，这样可以节省用户的大量精力，让用户快速看到你想让他看到的。而如果做得不够好，人就会错过关键信息，甚至会离开这个页面。

F 型模式

一定要把最希望用户看到的内容，放在 F 模式的左上角、热点位置上。

将最重要的内容放置在页面的顶部，尽可能快速地表达整个站点的主旨。用最抓眼球的关键词，同时把关键词大字体、粗体或高亮

避免单一布局，你需要通过一些布局的变化来促使用户继续阅读下去

Z 型模式

Z 型模式对于简洁的布局特别管用。

要将重要的信息放在视线能够自然落到的地方，同时要考虑设计一些引导用户持续 Z 视觉动线的元素（比如有冲击力的图片或者文字），引导用户持续浏览下去。