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

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

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

当然还有一种更为随性的版式节奏,即场景化的排布方式。如同美国20世纪50年代的老海报拼贴,如图7(a)所示,或者散落在桌面的明信片排布,如图7(b)所示,显得更为随意自然。

版式设计 网站策划

图7(a) 场景化的排布方式——老海报拼贴

版式设计 网站策划

图7(b) 场景化的排布方式—散落的明信片

同时,用颜色来体现节奏则突破了单纯排版的想法,以更加直观的手段带给用户明确的感知,并掌握其中的规则。正如接下来的例子(见图8),虽然呈现的内容信息量不小,但6种颜色明确了其中的节奏规律,将内容进行了整合。

版式设计 网站策划

图8 用颜色来体现节奏

引导性

说到引导性,比图片排版(见图9)更加直观的是时间轴的运用(见图10)。突出每个节点,结合之前提到过的距离和节奏的方法,呈现更加新颖跃动的排版形式。

图片与文字的相辅相成

在排版的过程中,图片与文本的组合方式也是重要的问题。必须要有意识地避免将图片的美观与文字的易读性相互消解,两者之间的配合非常重要。作为说明图片内容的文字,它与它所说明的部位的对应关系必须是明确的(见图11)。一方面要避免图片与其文字说明的距离过远,另一方面还应该尽量将某图片的文字说明与容易引起误解的图片拉开距离。

版式设计 网站策划

图9 用图片排版实现引导性

版式设计 网站策划

图10 用时间轴实现引导性

注:相关网站建设技巧阅读请移步到建站教程频道。

(编辑:源码网)

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

热点阅读