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

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

作者: zhaoolee | 来源:发表于2020-10-26 11:04 被阅读0次

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

    对齐

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

    设计前

    image-20201026091702816

    一个没有对齐的名片内容

    设计后

    image-20201026091820072

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

    对比

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

    设计前

    image-20201026093752517

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

    设计后

    image-20201026093932592

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

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

    亲密

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

    设计前

    image-20201026102018669

    一张不亲密的普通宣传单

    设计后

    image-20201026102143004

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

    重复

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

    设计前

    image-20201026104013924

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

    设计后

    image-20201026104544495

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

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/nekamktx.html