美文网首页
写给大家看的设计书读书笔记之对齐

写给大家看的设计书读书笔记之对齐

作者: 镜月花水 | 来源:发表于2021-03-15 15:49 被阅读0次

写给大家看的设计书读书摘要

最近因为工作关系,需要了解下UI/UE,查阅下资料,这本<写给大家看的设计书>评价颇高,所以就阅读了一下。
首先吐槽下这个中文翻译,书的原名<The Non-Designer's Design Book> 。意思是写给非设计人员的设计书籍。
书的内容,非常匹配这个名字,通俗易懂,且非常实用,零基础也可看懂并且应用,非常推荐阅读。下文是阅读后的一些记录,感想。

设计的四大原则

1. 对齐

对齐是排版的基本功。打个不太恰当的比方估计就像皮肤好对于漂亮的脸蛋的意义吧。
常用的对齐有左对齐,右对齐,居中对齐。其中居中对齐,是新手常用,但是实际上却是非常难把控的一种对齐方式。所以书中建议,新手尽量避开居中对齐。同时,一个版面,一般来说应该只采用一种对齐方式。
截取书中案例,大家体会下对齐的重要性。


截屏2021-03-15 下午3.26.46.png

同样的例子,如果采用居中对齐,效果就会大打折扣:


截屏2021-03-15 下午3.28.46.png

Tips: 居中对齐,稳重,中规中矩,也许不会犯错,但是乏味,缺少创意。

1.1 封面的对齐

拿我们平时写的报告的封面来对比:


截屏2021-03-15 下午3.30.52.png

1.2 长篇内容的对齐

截屏2021-03-15 下午3.35.14.png

更换成左对齐后,是不是更加清晰,美观


截屏2021-03-15 下午3.36.57.png

Tips: :应当找一条明确的对齐线,并用它来对齐。如果有一张照片或图片(有 明确的直边),可以沿着照片的这个直边与文本的平边对齐,如下图所示。

截屏2021-03-15 下午3.40.50.png 截屏2021-03-15 下午3.43.50.png

1.3 对齐小结

  • 任何元素都不能在页面上随意摆放。每个元素应当与页面上的另外一个元素存在某 种视觉联系。
  • 在设计中,统一性是一个重要的概念。要让页面上的所有元素看上去统一、有联系 而且彼此相关,需要在各个单独的元素之间存在某种视觉纽带。尽管这些孤立元素 在页面上的物理位置可能并不靠近,但是通过适当放置,可以让它们看上去是有联 系而且相关的,并且与其他信息统一。可以看看你喜欢的那些设计。一个精美的设 计不论最初看上去多么杂乱无章,总能找出其中的对齐方式。
  • 对齐的根本目的是使页面统一而且有条理。其效果类似于把客厅里四处零落的洋娃娃捡起来,并把它们放在一个玩具箱中。
  • 不论创建精美的、正式的、有趣的还是严肃的外观,通常都可以利用一种明确的对 齐(当然,要结合适当的字体)来达到目的。

相关文章

网友评论

      本文标题:写给大家看的设计书读书笔记之对齐

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