本期《交互设计KASH系列》分享的是：版式设计原理的4大准则。 古人云：爱美之心，人皆有之，更何况在如今这个动不动就颜值担当的互联网环境下，产品的颜值显然已成为产品构建过程中的关键因素。 对于交互设计师或是产品经理来说，虽然产品的颜值并不由我们直接负责，但是我们工作的交付物交互文档原型图，在很大程度上需要一定的颜值，以及较好的版式设计能力，来保证高效、准确地向上下游传递产品目标和交互方案。 所以，我接下来将从版式设计的角度，先后分享版式设计的4大原则和视觉动线，帮助大家去构建视觉设计的基础知识框架。 版式设计的黄金准则 版式设计的目的是为了向用户更好地表达信息，并且将信息以更好地视觉效果呈现出来。版式设计原理书籍里有一本经典之作《写给大家看的设计书》。 书中介绍的四大版式设计原则（对齐、重复、对比、亲密）就是为以上目的服务的，好的设计往往也就是因为很好的满足这四大黄金原则。 对齐 任何元素都不能在页面上随意摆放。每一项都应当与页面上的某个内容存在某种视觉联系。不同的元素之间可能距离远近不同，可以通过为不同的元素制造某种对齐来实现整齐有序。 尽管这些孤立元素在页面上的物理位置可能并不靠近，但是通过适当放置，可以让它们看上去是有联系而且相关的，并且与其他信息统一。一个精美的设计不论最初看上去多么杂乱无章，总能找出其中的对齐方式。 左边名片上的元素就好像是随意扔上去一样，导致任一元素与名片上其他元素看上去没有关联。 当我们把所有元素都移至右侧，使它们按同一种方式对齐，现在信息立刻就更有条理了。 尽管在信息元素很多的信息列表页，我们也能找出很多对齐方式，这些对齐方式的组合，可以让页面元素更有序高效的传递给用户。例如上图的知乎APP首页。 重复 设计元素的表现形式需要在整个页面中重复。重复元素可能是一种粗字体、一条粗线，某个项目符号、颜色、设计要素，某种格式、空间关系等。 重复有助于组织信息，这可以帮助读者浏览各个页面。它有利于将设计中单独的部分统一起来。即使在一个只有一页的文档中，重复元素也可以建立一种连续性，将页面有序地组织在一起。 在天猫APPamp；gt；我的页面，我的双11、我的订单属于当前页面信息架构的第一层，所以逻辑上是并列的关系，这导致UI层面的表现形式也极度相似和重复；同时，我的双11、我的订单下包含的信息元素在逻辑上也是并列关系，所以UI表现形式也是遵循重复原则。 对比 页面上的不同元素之间要有对比效果，帮助读者快速捕捉到不同重要性的信息。对比对于信息的组织至关重要，读者一眼看到文档就能立即理解文档的内容。要增加有意思的对比，最容易的方法就是实现字体对比，还可以利用线、颜色、元素之间的间隔、材质等形成对比。 还是刚刚的页面案例，在双11的产品目标下，这个页面需要将双11主题突出显示，所以我的双11、我的订单下的功能图标UI风格作了差异化处理，其中双11的功能图标相比我的订单更具独特性，目的是更好地传递功能按钮入口背后的信息量和优惠活动信息。 亲密 亲密原则：将相关的项组织在一起，移动这些项，使它们的物理位置相互靠近，这样一来，相关的项将被看作凝聚为一体的一个组，而不再是一堆彼此无关的片段。 我们看上面的名片案例，当你的眼睛看左边的名片时，是不是停过5次？ 这个名片上放置了5项孤立的内容。你是从哪里开始的？可能是从中间，因为中间的短句字体最粗。接下来看什么？ 当我们将同类信息亲密地组织到一起后，阅读起来就会更轻松，也会更高效地理解信息。 亲密性的思想并不是说所有一切都要更靠近，其真正的含义是：如果某些元素在理解上存在关联，或者相互之间存在某种关系，那么这些元素在视觉上也应当有关联。 微信读书APP的发现页，在朋友们在读卡片UI表现形式上，书籍类信息被亲密地组织到了上方，朋友社交类信息被亲密地组织到了下方。 写在最后 版式设计原理源于平面设计，但仍然适用于互联网产品的UI设计，因为二者设计的目的都是将信息有效、有序、快速地传递给读者和用户。 本文分析的版式设计原理的四大原则（对齐、重复、对比、亲密），在实际运用中并不是独立的，而是需要互相配合，方可设计出不错的页面。所以，如果我们多去观察身边的版式设计（杂志、网页、APP），你会发现这四大原则无处不在。 感谢你的阅读，我们下期再见。 小插曲 我在参加人人都是产品经理2019年度作者评选，希望喜欢我的文章的朋友都能来支持我一下 点击下方链接进入我的个人参选页面，点击红心即可为我投票。 每人最多可投10票哦，登陆了之后就有5票，投完之后可以点击主页的再投5票就有机会增加5张选票～ 投票即有机会获得百万惊喜礼品amp；amp；起点学院千元豪礼哦！ 投票传送门：http：996。pm7d1vV 专栏作家
防晒霜开封后第二年还能用吗？防晒霜使用注意事项防晒是我们日常生活中很常见的一种护肤产品，很多人经常会使用防晒，很多人喜欢囤货，有些防晒买多了用不完就想着留着第二年再用，那么防晒霜开封后第二年还能用吗？防晒霜使用注意事项。防……有你的现在第九十五章乐伴岚抬起头，看到阎微微在笑，眼里并没有之前要疏远的意思，微微，对不起，我不该迁怒你！过去了，不要让他人的事左右自己的情绪，这段时间你都没有自我了，这不是我认识的小岚。……boots小黄瓜洗面奶怎么用？boots小黄瓜洗面奶使用心得boots家的小黄瓜系列一套都很不错，属于那种很温和补水的那种，这款小黄瓜洗面奶洗完之后不干，很舒服，有一股淡淡的黄瓜味道，很好闻，下面一起来看看这款洗面奶吧！boots小黄瓜……兰蔻爽肤水专柜价格兰蔻爽肤水多少钱一瓶兰蔻家的爽肤水以粉水最为知名，同时还有着蓝水和绿水两款十分热销的产品，下面我们就要来说说兰蔻爽肤水这三款粉水、蓝水、绿水的价格多少钱一瓶。兰蔻爽肤水专柜价格兰蔻爽肤水粉水……诗蒂兰隔离霜怎么样？诗蒂兰隔离霜好用吗？Sitilon诗蒂兰隔离霜保湿度很强很润，易涂抹易上色。那么诗蒂兰隔离霜怎么样？诗蒂兰隔离霜好用吗？试客背景职业：白领星座：天秤肤质：混合性妆龄：13年个性标签：其他彩妆……newa妞娃射频美容仪多少钱？newa美容仪价格newa妞娃射频美容仪是最近很火的一款美容产品，小编看到很多博主都有在推荐这款。今天5号网小编就要为大家介绍一下，newa妞娃射频美容仪多少钱？newa美容仪价格是多少？妞娃射……ora2漱口水怎么用？ora2皓乐齿漱口水使用频率ora2皓乐齿漱口水，不含酒精去口气，很清新的花果香调，一瓶便携好用，净化你的口气从现在开始，下面就来看看ora2漱口水使用方法吧！ora2漱口水怎么用成分：水、甘油、丙……珍珠粉怎么用美白美白小妙招珍珠粉可以美白这个大多数人都知道，但是珍珠粉怎么使用才能美白呢，这个问题相信很多人都是回答不出来的，下面介绍珍珠粉怎么用美白美白小妙招。珍珠粉怎么用美白珍珠香蕉面膜……灾害治理的心理健康援助制度建设灾害是指由自然原因、人为因素或二者兼有的原因而给人类生存和社会发展带来不利后果的祸害。灾害是一种过程，也是一种现象，它具有区域性、普遍性、多样性、随机性、突发性、重现性、伴生性……什么是止汗露呢止汗露应该怎么用呢大家在生活中应该都听说过止汗露吧，但是你了解止汗露吗？今天小编就和大家一起来了解一下吧，究竟什么是止汗露呢，以及止汗露应该怎么用呢，跟着小编我们一起来了解一下吧。什么是止汗露呢……御泥坊男士黑茶泥浆面膜怎么样？好用吗？特别好用的黑茶面膜，给男士用的，黑茶能够清除毛孔里的垃圾，让毛孔得到收缩，控油保湿，特别好用。御泥坊男士黑茶泥浆面膜怎么样御泥坊的实用度还是在我以前很早就知道的，这款专门……garancia是什么牌子？garancia是哪个国家的？小编第一次认识garancia这个牌子，就是使用它们家的精华，那种感觉简直就是惊叹呀。今天5号网小编就要为大家介绍一下，garancia是什么牌子？garancia是哪个国家的……