《写给大家看的设计书》学习笔记

第一部分 设计原则

1 约书亚树

优秀的设计就这么容易……

  1. 学习四大基本原则;
  2. 认识到自己没有运用这些原则;
  3. 应用基本原则;

四大基本原则

  • 对比(Contrast),要避免页面上的元素太过相似;
  • 重复(Repetition),让设计中的视觉要素在整个作品中重复出现;
  • 对齐(Alignment),任何东西都不能在页面上随意安放;
  • 亲密性(Proximity),彼此相关的项应当靠近,归组到一起;

2 亲密性

物理位置的接近就意味存在着关联。

亲密性意味着存在关联。

圆角比指教更加简洁,更突出。

正文中的字体大小不一定非得12点,做为正文的辅助信息,如期号和新闻发型年份,字体通常可以小到7或8点。

设计技能需要逐步提高,要先从简单的表达开始。

用留白来对元素进行分组。

小结

根本目的:实现组织性。

如何实现:统计眼睛停顿的次数来数一数页面上有多少个元素。如果页面上的项超过了3~5个(取决于集体情况),就要看看那些孤立的元素可以放在一组建立更近的亲密性,使之成为一个视觉单元。

要避免的问题:

不要仅仅因为有空白就把元素放在角落或中央。

避免一个页面上有太过孤立的元素。

3 对齐

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

居中会让边界太“软”,让文本联系在一起一条看不见的线会更明确,因为现在有一条“硬”的竖边。这就使左对齐和右对齐的文本看起来外观更清晰,效果更分明。

居中对齐是初学者最常用的对齐方式,这种对齐看起来很安全,感觉上也很舒服。居中会创建一种更正式,更稳重的外观,这种外观显得更中规中矩。如果要居中起码也要有艺术性。

文本居中的原则:页面上只能使用一种文本对齐:所有的文本都左对齐,右对齐或者全部居中;有时你可能喜欢在同一个页面上同时使用左对齐和右对齐文本,不过一定要确保让这些文本以某种方式对齐。

做为优秀的设计都可以在对齐的对象间画出“对齐线”,即使这些设计总体表现为汇集了大量奇特的内容,甚至动感实足,这种“对齐线”也很明确。

小结

在设计中统一性是一个重要的概念。要让页面上的元素看上去统一、有联系而且彼此相关,需要在各个单独的元素之间存在某种视觉纽带。尽管这些孤立的元素在页面上的物理位置可能并不靠近,但是通过适当放置,可以让它们看上去是有联系而且相关的,并且与其他信息统一。

根本目的

对齐的根本目的就是让页面统一而有条理

如何实现

要特别注意元素放在哪里。应当总能在页面上找出与之对齐的元素,尽管折两个对象的物理位置可能相距很远。

要避免的问题

要避免在页面上混合使用多种对齐方式。

另外,要着力避免居中对齐,除非你有意识地想要创建一种比较正式、稳重(通常也更为乏味)的表示。并不是完全杜绝使用居中对齐,有时可以有意地选择这种对齐方式,但是不要把它做为默认选择。

原文地址:https://www.cnblogs.com/kk8023/p/3176765.html