分类
公众号「0加1」

《写给大家看的设计书》教你如何提升设计审美?对齐,对比,亲密,重复!


title: 《写给大家看的设计书》教你如何提升设计审美?对齐,对比,亲密,重复!

本文选自最接地气的设计书《写给大家看的设计书(第四版)》,书中精彩的部分,老法师昭昭做了一些笔记,分享给大家~

对齐

任何元素都不能在页面上随意摆放。每一项都应当与页面上的某个内容存在某种视觉联系。

设计前

image-20201026091702816

一个没有对齐的名片内容

设计后

image-20201026091820072

一个对齐的名片内容~ 对齐的根本目的是使页面内容变得有条理,相当于把桌面上散落的书籍收集起来,分门别类摆放到书架上。

对比

页面的不同元素之间要有对比效果,达到制造视觉焦点,吸引读者的目的。

设计前

image-20201026093752517

一份内容没有对比效果的简历,看起来平平无奇

设计后

image-20201026093932592

使用对比效果后,简历内容变得一目了然,迅速抓住HR的眼球!

对比一定要强烈!不要指望一种粗线一种更粗线形成对比,如果要形成对比的效果,那就要加大力度,让它们截然不同!比如使用完全不同的颜色完全不同的大小完全不同的形状

亲密

将相关的内容组织在一起!让他们物理位置相互靠近,这样相关的内容就会被看作凝聚为一体的一组

设计前

image-20201026102018669

一张不亲密的普通宣传单

设计后

image-20201026102143004

亲密的方式重新设计,只需在不同部分之间加间隔,即可让内容组织更明朗,而且间隔能让眼睛稍作休息,让观众愿意持续阅读。

重复

重复也可以被称作一致性, 一致性的设计能引导用户的视线,将各部分完整串联起来。

设计前

image-20201026104013924

以前面的名片设计为例,虽然名片已经符合对齐对比亲密性,但读到名片末尾时,观众的视线有可能会在名片上游走,因为并没有一个结束的标示…

设计后

image-20201026104544495

如果我们给末尾的联系电话加粗,让联系电话标题保持一致,观众在读到末尾后,就会下意识的回到标题,这样既能提醒观众名片内容已经读完, 也能重复名片的标题内容

发表评论

电子邮件地址不会被公开。 必填项已用*标注


The maximum upload file size: 2 MB.
You can upload: image, audio, video, document, spreadsheet, interactive, text, archive, code, other.
Links to YouTube, Facebook, Twitter and other services inserted in the comment text will be automatically embedded.