前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >《写给大家看的设计书》教你如何提升设计审美?对齐,对比,亲密,重复!

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

作者头像
zhaoolee
发布2020-10-29 10:28:47
7610
发布2020-10-29 10:28:47
举报
文章被收录于专栏:木子昭的博客

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

对齐

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

设计前

一个没有对齐的名片内容

设计后

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

对比

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

设计前

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

设计后

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

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

亲密

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

设计前

一张不亲密的普通宣传单

设计后

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

重复

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

设计前

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

设计后

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 对齐
    • 设计前
      • 设计后
      • 对比
        • 设计前
          • 设计后
          • 亲密
            • 设计前
            • 设计后
            • 重复
              • 设计前
                • 设计后
                领券
                问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档