《写给大家看的设计书》粗读整理
《写给大家看的设计书》(Robin Williams)是我在知识星球上看到的,读起来眼睛和脑筋都很轻松,且能学到一些基本的设计知识,零零碎碎的时间粗读了一遍,记录一些蛮受用的点。
设计时要遵循的四个基本原则:
一、亲密性
将相关的项目放在一起,而不相关的信息项或组就不该存在很近的亲密性。(即物理位置的接近就意味着关联)
*将类似的项目放在一起来建立亲密的关联时,有时需要做一些修改,如需要调整字体大小或粗细,或者改变图片的大小或放置位置。
*亲密性有助于让我们关注空间,以及空间对于表达的重要性。
小结:如果多个项相互之间存在很近的亲密性,它们将成为一个视觉单元,而不是多个孤立的元素。要有意识地关注你是怎么阅读的,要有一个合理的开始,而且有一个合理的结束。
根本目的:实现组织性。
如何实现:微眯眼睛,统计眼睛停顿次数来数一数页面上有多少个元素,然后看哪些孤立的元素可以归在一组。
要避免的问题:
1.避免太多孤立元素
2.不要在元素间留同样大小 的空白 ,除非各以属于同一子集。
3.标题、子标题、图表标题、图片能带归入其相关材料?要在很近的亲密性元素之间建立关系。
4.若元素之间无关,要把它们分开。
5.不要仅因为有空白就把元素放在角落或中央。
例子
二、对齐
任何元素都不能在页面上随意安放。每一项都应当与页面上的某个内容存在某种视觉联系。
* 如果页面上的一些项是对齐的,这会得到一个更内聚的单元。
* 如果文本是左对齐或右对齐,让文本联系在一起的那条看不见的线会更明确,因为现在有一条硬的竖边。
* 在得到更多的培训之前,一定要坚持一个原则:只使用一种对齐方式 。
* 绝对不要在左对齐的正文或缩进的广西上方将标题居中。
* 应当找一条明确的对齐线,并用它来对齐。如果有一张照片或图片(有明确的直边),可以沿着照片的这个直连与文本的平边对齐。
* 如果设计中的对齐很明确,那么可以有意识地打破规则。但是在打破规则时,必须清晰地知道规则 是什么(必须是有意为之而不是无奈之举)。
小结:任何元素都不能在页面上随意摆放,每一个元素应当与页面上的另外一个元素存在某种视角联系 (统一性)。
根本目的:让页面统一且有条理。
如何实现:应当总能在页面上找到与之对应的元素。
要避免的问题:
1.避免在页面上使用多种对齐方式
2.着力避免居中对齐(并非完成杜绝,只是非默认)。
例子:
三、重复
设计的某些方面需要在整个作品中重复。
* 使用重复原则时,有时可以把一个元素从现在的设计中抽取出来,并根据这个元素创建一个新设计。
* 重复会为作品带来专业性与权威性,它会使读者感觉有人在负责。
小结:设计中视觉元素的重复可以将作品中的各部分边在一起,从而统一增强整个作品,否则这些部分只是彼此孤立的单元。
根本目的:重复的目的是统一,并增强视觉效果。
如何实现:重复可以认为是保持一致性,并把现有的一致性更向前推进一步。
要避免的问题:避免过多地重复一个元素。
例子:
四、对比
页面上的不同元素之间要有对比的效果,达到吸引读者的对比效果,如果两个项不完全相同,就应当使之不同,而且应当是截然不同。
* 对比不仅可以用来吸引眼球,还可以用来组织信息,清晰层级,在页面上指引读者,并且制造焦点。
* 对比方式:大小,字体,粗细,冷暖色,平滑与粗糙,水平与垂直,松与紧,小图与大图等等。
* 如果两个元素虽然不同,但是区别不大,这里就不是对比而是冲突。
例:不要用12磅与14磅字体进行对比。
例:不要用深棕色或蓝色与黑色下文形成对比。
* 要增加有意思的对比,最简单的方法是实现字体对比。
* 去掉times new roman和 arial helvatica字体。
* 去掉居中对齐。
* 找出最有意思的东西,或最重要的东西加以强调。
* 把信息分组为一些逻辑组,合理利用空间(不要用框)
* 找出可以重复的元素。
* 增加对比。
小结:在页面上增加对比能吸引人的眼球,要实现有效的对比,这两个元素必须截然不同。
根本目的:
1.增强页面的效果
2.有助于信息的组织
如何实现:线宽,颜色,大小,空间。
要避免的问题:如果想形成对比,就加大力度。
例子:
五、颜色运用
将色轮上相邻的颜色两两混合,将得到三间色,把三间色放混合的两个颜色之间,依次类推,得出色轮。
互补:色轮上相对的颜色为互补色,由于它们对立,所以最佳搭配是一种作为主色,一种用于强调。
三色组:彼此等距的三种颜色往往会形成一个让人愉悦的三色组。
分裂互补色:从色轮的一边选择一种颜色,再 在色轮上找出它对面的互补色,不过并不直接使用这个互补色,而是使用该互补色两侧的颜色。
类似色:由彼此相信的颜色组成。
暗色与亮色:
纯色就是色调。
向色调增加黑色就是构成一个暗色。
向色调增加白色就构成一个亮色。
单色:单色组合由一种色调及相应的多种亮色和暗色组成。
色质:色质是指某种颜色 的特定明暗度,深浅度或色调。
暖色与冷色:暖色(包含红色或黄色),冷色(包含蓝色)
冷色趋于做背景色,而暖色是趋进型。如果要组合暖冷色,则要少用点暖色
关于CMYK和RGB:需要印刷的项目用CMYK。需要在屏幕上看的内容则用RGB.
六、更多提示与技巧
传单:新手设计的传单大部分缺少对比
- 创建一个中心,在页面上放一个很大,有趣而且明显的东西。
- 使用有对比的子标题。
- 重复。应该尝试在文本中适当增加同样的字体来实现重复。
- 对齐。只选用一种对齐方式。
明信片:
- 与众不中
- 成一系列: 一张明信片只会给人留下一个印象,但一个系列的明信片就不一样。
- 明确具体:明确地告诉收到明信片的 ,他们会得到怎样的好处。
- 力求简练:明令片只放一个短小并让人注意的消息,把不太重要的详细信息放在背面。
- 尽可能使用颜色:充分使用颜色不仅很有意思,还能吸引人的眼球,让人产生兴趣。
下划线:尽量不要用,若是想强调,可以采用更专业的方式 ,比如粗体字,大号字,不同的字体,颜色或者把这些方式组合起来使用。
问:做一个设计或重新设计时,先从哪里开始?
答:
1.从中心点开始
2.将信息分组
3.组织文本和图片时,要建立并维护明确的对齐,
4.创建重复(可以用粗体 ,线,装饰符号或某种空间布局)
5.建立强烈的对比
转载于:https://www.cnblogs.com/zuxiaoyuan/p/11434892.html
《写给大家看的设计书》粗读整理相关推荐
- 《The Non-Designer's Design Book(写给大家看的设计书)》--笔记整理
The Non-Designer's Design Book(写给大家看的设计书)-笔记整理 这是一本实用性书籍,阐述了设计中的四大原则:亲密性.对齐.重复和对比,并介绍了如何运用颜色.字体,以及针对 ...
- 《写给大家看的设计书》读后记录
其实前端工程师也要懂点设计,毕竟还要与上下游的人打交道,说不定看到设计给你的设计稿时,还可以提点建设性意见呢.这本书我也是在豆瓣上看到别人写的web前端工程师必读书目清单里看到的,书的作者是一位世界级 ...
- 《写给大家看的设计书》读后
<写给大家看的设计书>--Robin Williams 被各种论坛各种大神各种推荐的一本设计入门书籍,借来扫一眼后觉得各种插图各种有意思,于是就抽时间读了下去,前五章简陋笔记如下:
- 《写给大家看的设计书:实例与创意(修订版)》—1你已经知道多少了?
本节书摘来自异步社区<写给大家看的设计书:实例与创意(修订版)>一书中的1你已经知道多少了?,作者 [美]Robin Williams,更多章节内容可以访问云栖社区"异步社区&q ...
- 读《写给大家看的设计书》
读<写给大家看的设计书> 这段时间略读了一遍<写给大家看的设计书>第四版,作为一名开发者来说,这种设计细胞确实不怎么样.通过略读也有一些收获,而贯穿全文的"4大基本原 ...
- 《写给大家看的设计书》(第四版)分享
作者的话: 本书假设你没有足够的时间或者兴趣来专门学习设计和排版技术,但是又很想知道如何才能让页面看上去更好一些.倘若如此,本书肯定会令你满意.我们的前提很老套,还是那句格言:知识就是力量.看到一个设 ...
- 《写给大家看的设计书(第3版)》
<写给大家看的设计书(第3版)> 基本信息 原书名:The Non-Designer's Design Book,Third Edition 作者: (美)Robin Williams 译 ...
- 《写给大家看的设计书》书摘
看了<写给大家看的设计书>,感觉设计思想上是有一些提升,至少知道了一些设计的思路了,在设计页面或者画ppt的时候,大体知道从哪入手,不再那么不着边际了.五星推荐. BTW:推荐一个不错的设 ...
- 《写给大家看的设计书(第4版)》读书笔记
文章目录 前言 设计原则 亲密性 对齐 重复 对比 结语 前言 设计类的书籍看过一些,大多分为两类.一类是讲基础的:构图.明暗.色彩等基础理论:还有一类是分享介绍具体案里的.这两类书籍对于大多数并不想 ...
最新文章
- 关于 linux io_uring 性能测试 及其 实现原理的一些探索
- 摄像头视频推流python_摄像头视频推流装置及方法与流程
- 网络推广专员浅析站内网络推广引流怎样做?
- pongo - 字符串消除
- Spring如何实现统一的基于请求头header或url的接口版本控制
- 多个openstack合并成一个openstack的多个region
- JAVA中的方法和构造方法有什么区别
- 一年月份大小月口诀_怀胎十月,为啥我只能算出9个月?
- Python03 拉格朗日插值法 牛顿插值法(附代码)
- 第218天:Angular---模块和控制器
- 你真的了解Android ViewGroup的draw和onDraw的调用时机吗
- TF-IDF算法总结
- android 主流分辨率是多少,android手机常用分辨率有哪些?
- 4个公认高用的OCR文字识别网站,免费高效率!
- 马上:网络故障排查的思路和方法
- 数据分析——1.环境搭建(Jupyter Lab安装教程)
- 【VHDL】半减器 and 或门 组成 全减器
- springboot 项目起步讲解及自动装配原理
- android获取ion信息,[RK3288][Android6.0] ION 流程和使用小结
- 不是有效的win32应用程序_什么是模块,各种模块的有效行为(1)