《写给大家看的设计书》(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

《写给大家看的设计书》粗读整理相关推荐

  1. 《The Non-Designer's Design Book(写给大家看的设计书)》--笔记整理

    The Non-Designer's Design Book(写给大家看的设计书)-笔记整理 这是一本实用性书籍,阐述了设计中的四大原则:亲密性.对齐.重复和对比,并介绍了如何运用颜色.字体,以及针对 ...

  2. 《写给大家看的设计书》读后记录

    其实前端工程师也要懂点设计,毕竟还要与上下游的人打交道,说不定看到设计给你的设计稿时,还可以提点建设性意见呢.这本书我也是在豆瓣上看到别人写的web前端工程师必读书目清单里看到的,书的作者是一位世界级 ...

  3. 《写给大家看的设计书》读后

    <写给大家看的设计书>--Robin Williams 被各种论坛各种大神各种推荐的一本设计入门书籍,借来扫一眼后觉得各种插图各种有意思,于是就抽时间读了下去,前五章简陋笔记如下:

  4. 《写给大家看的设计书:实例与创意(修订版)》—1你已经知道多少了?

    本节书摘来自异步社区<写给大家看的设计书:实例与创意(修订版)>一书中的1你已经知道多少了?,作者 [美]Robin Williams,更多章节内容可以访问云栖社区"异步社区&q ...

  5. 读《写给大家看的设计书》

    读<写给大家看的设计书> 这段时间略读了一遍<写给大家看的设计书>第四版,作为一名开发者来说,这种设计细胞确实不怎么样.通过略读也有一些收获,而贯穿全文的"4大基本原 ...

  6. 《写给大家看的设计书》(第四版)分享

    作者的话: 本书假设你没有足够的时间或者兴趣来专门学习设计和排版技术,但是又很想知道如何才能让页面看上去更好一些.倘若如此,本书肯定会令你满意.我们的前提很老套,还是那句格言:知识就是力量.看到一个设 ...

  7. 《写给大家看的设计书(第3版)》

    <写给大家看的设计书(第3版)> 基本信息 原书名:The Non-Designer's Design Book,Third Edition 作者: (美)Robin Williams 译 ...

  8. 《写给大家看的设计书》书摘

    看了<写给大家看的设计书>,感觉设计思想上是有一些提升,至少知道了一些设计的思路了,在设计页面或者画ppt的时候,大体知道从哪入手,不再那么不着边际了.五星推荐. BTW:推荐一个不错的设 ...

  9. 《写给大家看的设计书(第4版)》读书笔记

    文章目录 前言 设计原则 亲密性 对齐 重复 对比 结语 前言 设计类的书籍看过一些,大多分为两类.一类是讲基础的:构图.明暗.色彩等基础理论:还有一类是分享介绍具体案里的.这两类书籍对于大多数并不想 ...

最新文章

  1. 关于 linux io_uring 性能测试 及其 实现原理的一些探索
  2. 摄像头视频推流python_摄像头视频推流装置及方法与流程
  3. 网络推广专员浅析站内网络推广引流怎样做?
  4. pongo - 字符串消除
  5. Spring如何实现统一的基于请求头header或url的接口版本控制
  6. 多个openstack合并成一个openstack的多个region
  7. JAVA中的方法和构造方法有什么区别
  8. 一年月份大小月口诀_怀胎十月,为啥我只能算出9个月?
  9. Python03 拉格朗日插值法 牛顿插值法(附代码)
  10. 第218天:Angular---模块和控制器
  11. 你真的了解Android ViewGroup的draw和onDraw的调用时机吗
  12. TF-IDF算法总结
  13. android 主流分辨率是多少,android手机常用分辨率有哪些?
  14. 4个公认高用的OCR文字识别网站,免费高效率!
  15. 马上:网络故障排查的思路和方法
  16. 数据分析——1.环境搭建(Jupyter Lab安装教程)
  17. 【VHDL】半减器 and 或门 组成 全减器
  18. springboot 项目起步讲解及自动装配原理
  19. android获取ion信息,[RK3288][Android6.0] ION 流程和使用小结
  20. 不是有效的win32应用程序_什么是模块,各种模块的有效行为(1)

热门文章

  1. cocos2d-iphone之魔塔20层完结篇
  2. cnpm 网络不能连接_移动站网络的另一种方式——移动站手机网络模式
  3. windows下安装和使用geany
  4. 李帅将道访武当山,拜会李光富会长
  5. 想忘记都困难的Linux命令快速记忆法!
  6. freebsd配置xmms中文
  7. 制作iis自动安装包
  8. 财务系统放云服务器安全吗,财务软件用云服务器的弊端
  9. matlab模拟光伏发电,基于Matlab/Simulink的三相光伏发电并网系统的仿真
  10. 看流行韩剧 简单学韩语