视觉心理学-如何排版

视觉-排版

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

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

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

文字可读性

字体的选择

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

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

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

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

话术,文案以及界面用语

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

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

图文混排

左图右文

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

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

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

左文右图

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

上图下文

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

上文下图

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

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

留白

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

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

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

眼动浏览模式

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

F 型模式

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

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

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

Z 型模式

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

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

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值