读写给大家看的设计书

四大设计原则:

*对比(Contrast)

对比的基本思想是,要避免页面上的元素太过相似。如果元素(字体、颜色、大小、线宽、形状、空间等)不相同,那就干脆让它们截然不同。要让页面引人注意,对比通常是重要的一个元素,正式它能使读者首先看这个页面。

*重复(Repetition)

让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材质、空间关系、线宽、字体、大小和图片,等。既能增加条理性,还可以加强统一性。

*对齐(Alignment)

任何东西都不能在页面上随意安放。每一个元素都应当与页面上的另一个元素有某种视觉联系。这样能建立一种清新、精巧而且清爽的外观。

*亲密性(Proximity)

彼此相关的项应当靠近,归组在一起。如果多个项相互之间存在很亲近的亲密性,它们就会成为一个视觉单元,而不是多个孤立的元素。这有助于组织信息,减少混乱,为读者提供清晰的结构。

#详细介绍这四大设计原则

1、亲密性

亲密性的思想并不是说所有的一切都要更靠近,其真正的含义是:如果某些元素在理解上存在关联,或者相互之间存在某种关系,那么这些元素在视觉上也应当有关联。除此之外,其他孤立的元素或元素组存在亲密性。位置是否靠近可以体现出元素之间是否存在关系。

?如何实现呢?

微微眯起眼睛,统计你的眼睛停顿的次数来数一数页面上有多少个元素。如果页面上的项超过3-5个,就要看看哪些孤立的元素可以归在一组建立更近亲密性,使之成为一个视觉单元。

!!!要避免的问题:

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

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

不要在元素之间留出同样大小的空白,除非各组同属于一个子集。

不同属一组的元素之间不要建立关系!如果元素彼此无关,要把它们分开。

2、对齐

!!要避免的问题

要避免在页面上混合使用多种对齐方式(也就是说,不要将某些文本居中,而另外一些文本右对齐)。

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

3、重复

设计中视觉元素的重复可以将作品中的各部分连在一起,从而统一并增强整个作品。重复的母的就是统一,并增强视觉效果,易于阅读。

?如何实现?

重复就像强调你的衣着。如果一位女生穿着一件可爱的黑色晚礼服,戴着一顶别致的帽子,她可能会用红色高跟鞋、红色口红和一朵红花来突出她的晚礼服。

!!!要避免的问题

要避免太多的重复一个元素,重复太多会让人讨厌。

4、对比

对比是为页面增加视觉效果的最有效的途径之一,很容易吸引读者去看一个页面,另外对比还能在不同元素之间建立一种有组织的层次结构。要记住一个重要的规则:要想实现有效的对比,对比就必须强烈。千万不要畏畏缩缩。

?如何实现?

可以通过字体选择、线宽、颜色、形状、大小、空间等等来增加对比。

!!!要避免的问题

不要犹豫。如果你想形成对比,就加大力度。不要将一种粗线与一种更粗的线进行对比。不要将棕色文本与黑色标题建立对比。

时间: 2024-10-01 06:53:59

读写给大家看的设计书的相关文章

读书笔记:《写给大家看的设计书》

读书笔记:<写给大家看的设计书> <写给大家看的设计书>这本书本来是买给孩子看的,孩子对板报.杂志.名片等设计很感 兴趣,想看点基础的设计类的书籍,就给她找了一本.书到手后,我随手翻了翻发现对于我制作PPT还是很有帮助的,对于非专业设计人员来说,掌握4条设计原 则确实可以让设计感觉到非常专业,这几条原则应用于网站的设计也是同样有效. 全书三大部分,共14章,第一部分(第1-8章)最有用,讲述四大设计原则,第二部分(第9-11章)讲字体设计,第三部分有点像附录. 第一章 约书亚树 有

写给大家看的设计书——读后笔记

<写给大家看的设计书>介绍了设计的四个基本原则:亲密性.对齐.重复.对比.作为一个软件"设计师",我也来聊聊读过这本书之后,我对这四个原则的一点理解. 亲密性 亲密性原则是指:内涵相关联的内容,在结构.关系上也应保持关联.        以软件设计的角度来说,一项业务所包含的功能.一个功能所包含的代码,应该在结构.关系上保持关联.例如把这些代码放到同一个包下.用同一套规则来命名.这样,当我们需要查阅.修改这个功能,需要处理哪些代码就"一望而知"了.   

写给大家看的设计书(第3版)PDF下载高清完整扫描原版

这本书出自一位世界级设计师之手.复杂的设计原理在书中凝炼为亲密性.对齐.重复和对比4 个基本原则.作者以其简洁明快的风格,将优秀设计所必须遵循的这4 个基本原则及其背后的原理通俗易懂地展现在读者面前.本书包含大量的示例,让你了解怎样才能按照自己的方式设计出美观且内容丰富的产品. 此书适用于各行各业需要从事设计工作的读者,也适用于有经验的设计人员.需要学习的朋友可以通过网盘下载pdf版 http://putpan.com/fs/8y1i5bce5n5s1h8u0/ 作者简介 Robin Willi

《写给大家看的设计书》

四大基本原则(CRAP) 亲密性(Proximity) 元素分类放在一起. 对齐(Alignment) 对齐分为:左对齐.右对齐.居中对齐.两端对齐. 慎用居中对齐,居中对齐的 "对齐线" 强度弱,没有力度. 重复(Repetition) 对首尾运用重复可以很好地收尾,让读者读到尾部视线停留. 整个系统样式进行重复会让系统样式保持一致性,使系统各模块(页面)看上去是一个整体. 对比(Contrast) 页面上的元素要有对比,以达到吸引读者的目的. 如果两项不同就应该完全不同,对比很弱反

[Z]修炼成C++高手必看的C++书单

增添于网上的一些书单: C++/OPP/OOD系列: 层级一:语法/语意(C++)[Lippman2000] Essential C++ Essential C++,by Stanley B. Lippman Addison Wesley Longman 2000,276 pages Essential C++ 中文版 ,侯俊杰 译,282页 Desc: 这本书概要性的介绍了C++核心的东西,但讲得较浅显,适合刚入门的人阅读. [Andrew Koeing & Barbara MOO] Acce

前端编程提高之旅(五)----写给大家看的css书

   自实习也有几个月的时间了,以爱奇艺实习为敲门砖,进入了目前这家公司.如果说当初能进爱奇艺是临时突击DIV+CSS的话,目前在这家公司体验到,任何技术都必须悉知原理,这样才能做到庖丁解牛,做一个内行的人.css属性和用法都摆在那里,但如果用得好,除了躬身实践,提高理论积淀就特别必要了,这本<写给大家看的css书>快速扫过一遍之后,之前工作遇到过不清楚的问题,一扫而空,所以有必要总结下.    css层叠的理解    css是层叠样式表的英文缩写,层叠意味着样式从文档结构中一个层次传递到另一

机房收费系统合作——再看数据库设计

机房合作我负责了最简单的D层,接口层,工厂层.反正D层是我来写,于是数据库索性也就顺便设计了.已经是第三次敲机房收费系统了,每次都是相隔半年左右吧.需求搞得透透的了,数据库也就好设计了.基本跟第二次没什么大的区别,就是把Student表和Card表分开了. 重构的时候,我的数据库几乎什么都用到了:事务,存储过程,触发器,视图,联合查询等等.所以,这次设计数据库还是SO Easy的..并且,为了让婵婵和牛迁迁师哥写的方便,我把组合查询都写成了存储过程!!!!费了一番功夫,但是D层简单了不少.还记得

从生活中细节看产品设计

已经有一段时间没有写博客,端午节好好休息了一下,在家休息的时候感觉自己对于生活中的一些细节特别的敏感,也许是自己的职业习惯,今天就把生活中一些细节和产品设计结合起来谈谈. 1.端午节前家中父母出去游玩,照了很多的照片,我端午回到父母家中,他们想把照片从相机中翻出来跟我分享,但不懂得如何去按相机后面的操作按钮. 首先我指着相机背后对应按钮一一问他们按钮上的图标代表什么意思吗?他们基本上都不知道.随后我交了他们如何翻照片的几个常用键 还好,通过按钮上的图标加深记忆,在告知他们一遍后他们就会使用了,这

面对完全看不懂的书

[来信] 老师,我是大一学生,学了C++半年(教材),然后现在很迷茫,不知道怎么去提高,然后我去看MFC和API,我完全看不懂,我也不知道现在要去看什么书好,希望老师能指点一下,或者推荐书籍给我,十分感谢! [回复] 当在学习中面对完全看不懂的书时,该为看懂这本书做些准备了.如果问题出在语言上,可以到我的C++课程主页中,看是否能将相关的实践做下来.而如果障碍来自于于对计算机系统的了解,学好正在修读的课程,也可以看一些计算机组成.操作系统类的书.选择经典的书看不下去,可以从通俗一些的读物看起,比