设计基础 | 你真的懂四大原则吗?

用户头像
深圳/UX设计师/7年前/1434浏览
设计基础 | 你真的懂四大原则吗?

相信很多朋友看过《写给大家看的设计书》这本书,里面的亲密性、对齐、重复、对比四大原则在设计中的非常受用。但你平时在用吗?

在和一些小伙伴交流的过程中,发现他们好像对《写给大家看的设计书》中的排版四大原则没有特别的熟练哦。哈哈,小伙伴还说,书是看过,就是感觉用不上,如果是这样的话,不知道是不是看书的时候左手拿书右手拿手机呢


信很多设计师看过《写给大家看的设计书》这本书,里面的亲密性、对齐、重复、对比四大原则在平时的设计中的运用非常广。无论是交互、UI还是产品经理岗位,四大原则都是非常受用,它可以让你稿子显得更专业,做出来的设计稿也更加美观。还有说懂四大原则却用不上的设计师,其实是可能你没有在实践中好好的用它哦!本片文章教你如何使用四大法则。


| 什么是四大原则?

亲密性(Proximity)

彼此相关的项应该靠近,归组在一起。如果过个项相互之间存在很近的亲密性,它们就会成为一个视觉单元,而不是多个鼓励的元素。这有助于组织信息,减少混乱,为读者提供清晰的结构。 

对比(Contrast)

避免页面上的元素太过相似,如果元素(字体、颜色、大小、线宽、形状、空间等)不相同,那就干脆让他们截然不同。要让页面引人注目,对比通常是一个最重要的因素,正式它能够使读者首先看这个页面。

对齐(Alignment)

任何东西都不能在页面上随意安放,每个元素都应当与页面上的另一个元素有着某种视觉联系。这样能建立一种清晰、精巧而清爽的外观。

重复(Repetition)

让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材料、空间关系、现款、字体、大小和图片等等。这样以来,既能增加条理性,还可以加强统一性。

ps:四大原则的概念来自《写给大家看的设计书》

都说道理谁都懂,能做好才是硬道理。突然想到韩寒的一句话,听过很多大道理,依然过不好这一生。不知道你是否也有这种感觉。。。好了,废话少说,直接进入如何在设计中使用这些法则的环节,让你的产品呈现更好。下面将进入实际案例讲解阶段。


| 四大原则如何使用?

以36krAPP界面为例讲解四大原则的应用,首先展示36kr的页面,有色块标识的,则为后文重点讲解的部分。


1. 亲密性


2. 对比


3. 对齐


4. 重复


| 总结

四大原则亲密性、对比、对齐、重复的应用并不难,无非将界面中的一些元素根据某种规则摆放起来,这些规则并存并相互影响。四大原则是设计中最基础的原则,掌握好这些基础原则对界面的设计有良好的影响。

学习的方法就是当你做设计时想起并运用这些原则,熟悉了之后依靠条件反射就可以毫不费劲的将这些原则运用在你的设计中。


以上就是全文,听说看过文章的人都进步了,喜欢的话记得点赞哦~

11
Report
|
20
Share
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
大家都在看
Log in