设计师秃头秘诀

我就默默地再发表下这十条对UI设计的意见

2019-07-26  本文已影响0人  c966d1f641e6

1. 通过位置控制来实现对比

从某种程度上来说,每个设计作品都需要兼顾到平衡和张力,这样可以让设计均衡而又不沉闷,有条理又不紊乱。具体怎么做呢?最常见的是借助三分法和对角线结构来控制布局。

三分法:页面被两横两竖划分成9块区域,而四条线的四个交点是视觉重心。这是一种动态的布局方式,它更自然舒适,什么都放到正中心的设计是单调而枯燥的。

案例中的页面,玫瑰和标题都处于整个布局的两个节点上,对称而自然,不同属性的元素也错落开构成了对比。

对角线:对角线和S型布局都可以让设计充满动感,眼睛会更自然地运动,不会沿袭传统的横竖方向运动,更有趣,消解了布局的单调性。

不多说了放图:

2. 用意外来营造对比

出乎意料的设计很多时候非常有效,因为它让人更加难忘。突变、不集中、不典型都是意外的特征。充满惊喜的元素会让设计内出现前后对比。意想不到的色彩和图形都是这样的设计。

这个页面的设计、排版就是这么做的,原本简单的布局通过元素间的遮盖“互动”了起来。

3. 通过重复和模式来对比

严格意义上来讲,重复的样式和模式化的设计是通过营造视觉焦点和趣味性的视觉来实现对比效果的。但是有时候:

4. 使用位置和方向来对比

错落的位置、不一致的方向能够构成对比。不一样的间距,不同的空间特征,打破了整个设计的一致性特征,合理地掌控其中的平衡,可以营造出颇为不错的对比,又不会太过违和。

看看这个沙雕图是不是毫无违和感

5. 通过靠近和分离来对比

通过靠近分组的方式来组织内容也是一种常见的设计技巧,可以更加便于浏览,更清晰地分割内容。通过这种方式划分出群体和个体,这也是一种对比。

其中良好的结构就是通过不同内容的靠近和分离来呈现的,结合对齐和配色设定,很好地完成了这一工作。

等等我还有话说

哈哈哈这个枪口

6. 借助视觉引导来构建对比

研究表明,人能记住他们所看到的80%的内容,这也是为什么设计是强大的工具。但是用户需要适当的视觉引导来找到重要的内容。

所以,视觉引导很重要,通过圆点、箭头、下划线等多种方式来区分内容的重要性、条理性。而下面的案例也正是这样做的。

有没有自然而然的感觉

视线就随着飘过去了哈哈(毕竟有引导性)

7. 复杂和简单的对比

将复杂和简单的样式混合使用,常常能够产生足够的对比度。这种对立本身就是对比。

8. 字体组合的对比

不同于使用单一字体家族所追求的一致性设计,讲究对比度的字体组合往往会使用不同类型的字体搭配。

不过这样的设计有一些地方值得注意:如果要对比度,那么字体一定要有明显的差异,只有这样才有区分度。

不同字体应对不同的职能,不要在同样的功能区使用不同的字体,这样会造成混乱。一般而言,使用一个衬线体和一个非衬线体来搭配是个不错的选择。

9. 在进行排版的对比度设计的时候务必要注意

当你寻求字体组合的时候,你需要的是对比度而非冲突,这两者是有区别的。两种字体有差异,有的时候是对比,有的则是冲突。

这种差异并没有一种明确的规则,更多的时候是需要依靠设计者的直觉来判断,多看多做你会逐渐明白的。

信息图就是反映的各种字体之间的搭配关系。

是不是感觉到来自妙蛙种子的深深的嘲讽

10. 借助样式和字重来构建排版对比度

许多字体都有着不同的样式和字重,比如细体、粗体、斜体、窄体等等等等。这些字体在排版中使用,构成对比,突出不同的部分。

在这里我相信有很多想要学习UI设计的小伙伴,我自己是一名从事了多年UI设计工作的设计师,辞职目前在做自己的私人定制课程,今年年初我花了一个月时间整理了一份最适合2019年学习的学习干货,从最基础到实战都有整理,送给每一位想学习的小伙伴,想要获取的可以关注然后简信我“学习”两个字,即可免费获取资料,伸手党勿扰~

上一篇下一篇

猜你喜欢

热点阅读