交互KASH系列丨版式设计的4大准则( 二 ) 本期《交互设计KASH系

我们看上面的名片案例，当你的眼睛看左边的名片时，是不是停过5次？

这个名片上放置了5项孤立的内容。你是从哪里开始的？可能是从中间，因为中间的短句字体最粗。接下来看什么?

当我们将同类信息亲密地组织到一起后，阅读起来就会更轻松，也会更高效地理解信息。

亲密性的思想并不是说所有一切都要更靠近，其真正的含义是：如果某些元素在理解上存在关联，或者相互之间存在某种关系，那么这些元素在视觉上也应当有关联。

微信读书APP的发现页，在「朋友们在读」卡片UI表现形式上，书籍类信息被「亲密」地组织到了上方，朋友/社交类信息被「亲密」地组织到了下方。

写在最后

版式设计原理源于平面设计，但仍然适用于互联网产品的UI设计，因为二者设计的目的都是将信息有效、有序、快速地传递给读者和用户。
本文分析的版式设计原理的四大原则（对齐、重复、对比、亲密），在实际运用中并不是独立的，而是需要互相配合，方可设计出不错的页面。所以，如果我们多去观察身边的版式设计（杂志、网页、APP…），你会发现这四大原则无处不在。

感谢你的阅读，我们下期再见。

小插曲

我在参加人人都是产品经理2019年度作者评选，希望喜欢我的文章的朋友都能来支持我一下~

点击下方链接进入我的个人参选页面，点击红心即可为我投票。

每人最多可投10票哦，登陆了之后就有5票，投完之后可以点击主页的“再投5票”就有机会增加5张选票～

投票即有机会获得百万惊喜礼品&起点学院千元豪礼哦！

投票传送门：http://996.pm/7d1vV

#专栏作家#

王晗陵，微信公众号：设计意志（ID：D-Minder），人人都是产品经理专栏作家。关注交互/UI设计领域及职场能力，擅长需求分析、用户体验和原型设计。

关注公众号「设计意志」，即可查看交互KASH全系列文章。

本文原创发布于人人都是产品经理。未经许可，禁止转载

题图来自 Unsplash，基于 CC0 协议