加入收藏 | 设为首页 | 会员中心 | 我要投稿 源码网 (https://www.900php.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 运营中心 > 建站资源 > 策划 > 正文

进阶篇!超适用的版式计划能力全方位总结

发布时间:2016-10-30 23:51:28 所属栏目:策划 来源:优设网
导读:副标题#e# 编者按:今天给大家安利一本好书,是腾讯网UED十年精华输出的干货型读物,先节选一小段,关于 版式 设计 的,既有腾讯同学的实战经验,也有大量的基础术语科普,非常不错。 在信息化社会的浪潮中,快节奏的生活让人们开始学会选择性关注。如何在

进阶篇!超适用的版式计划能力全方位总结

图11 图与其说明文字的对应关系要明确

当然,如果所有内容都被过度统一化地进行了处理,则有时会起到相反的作用。在图片的排版过程中,整齐中加入变化是一个不错的选择。

另外,不要用图片将文字切断,这样会损坏文字的可读性。如果在整段的文字中插入图片,那么阅读的视线就会被打断,用户往往不知应该从什么地方继续下去。而对于图片中插入的文字,选用容易辨识的颜色是很重要的。通常最好的选择是白色或黑色。如果选用与图片同色系的颜色,就会不易辨识。同时,应该尽量将文字放置在不影响图片效果的位置上(见图12)。

进阶篇!超适用的版式计划能力全方位总结

图12 图片和文字互不影响效果

文字的组合呈现

文字的目的是使内容能够被读懂。在文字的排版中,易读性是需要重点考虑的问题。为了明确表现出不同内容之间的差别,最基本的处理方式就是改变文字的字号或者颜色。对于需要重点展示的文字,可进行单独的视觉化处理。例如,在图13中,图片下方的两行文字为正文采访内容的重点导读,不仅变化了颜色,还对其进行了斜体处理,让用户在阅读之前就能预估一下正文是不是自己感兴趣的内容,从而决定是否阅读全文。

进阶篇!超适用的版式计划能力全方位总结

图13 对于需要重点展示的文字进行单独的视觉化处理

如图14所示的问答形式则以icon引领,再次遵循之前提到的节奏法则,用户可以直观地了解到要阅读文章的时间成本,层级关系也一目了然。

进阶篇!超适用的版式计划能力全方位总结

图14 以问答形式呈现文字

而如图15所示的引号的运用,也达到了突出重点内容的效果,且增强了整体氛围的代入感。

进阶篇!超适用的版式计划能力全方位总结

图15 运用引号突出重点文字

图解的传达

(编辑:源码网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读