分享

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

 行问 2014-07-31
    书中的4大基本设计原则及颜色运用部分的内容非常值得一读,读书笔记如下。另外在文章结尾处推荐一款专业的配色软件-ColorImpact及相关视频、文字教程。

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

1、4大基本设计原则
对比:要避免页面上的元素泰国相似。如果元素(字体、颜色、大小、线宽、形状、空间等)不相同,那就干脆让它们截然不同。如果两个项目不完全相同,就应当使之不同,而且应当是截然不同。如细线与粗线的对比,冷色与暖色的对比,平滑材质与粗糙材质的对比,水平元素与垂直元素的对比等。
重复:让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材质、空间关系、线宽、字体、大小和图片,等等。这样一来,即能增加条理性,还可以加强统一性。
对齐:任何东西都不能在页面上随意安放。每个元素都应当与页面上的另一个元素有某种视觉联系。这样能建立一种清晰、精巧并且清爽的外观。
左对齐和右对齐的文本比居中对齐的文本看起来外观更清晰、效果更分明。一定要坚持一个原则:页面上只使用一种文本对齐:所有文本都左对齐,或右对齐,或者全部居中。
亲密性:彼此相关的项应当靠近,归组在一起。如果多个项相互之间存在很近的亲密性,它们就会成为一个视觉单元,而不是多个孤立的元素。这有助于组织信息,减少混乱,为读者提供清晰的结构。将相关的项组织在一起,物理位置的接近九意味存在着关联。亲密性的根本目的是实现组织性。
微微眯起眼睛,统计你的眼睛停顿的次数来数一数页面上有多少个元素。如果页面上的项超过3-5个(当然,这取决于具体情况),就要看看哪些孤立的元素可以归在一组建立更近的亲密性,使之成为一个视觉单元。要避免一个页面上有太多孤立的元素。不要在元素之间留出同样大小的空白,除非各组同属于一个子集。
 
2、颜色运用
1、色轮。12种基本颜色。
2、三原色。黄、红、蓝。因为这是唯一无法创建的颜色。
 《写给大家的设计书》读书笔记

3、三间色。绿、紫、橙。如果拿出水彩盒,分别将色轮上相邻的颜色等量地混合,就会得到三间色。黄色加蓝色可以变成绿色;蓝色加红色可以得到紫色;而红色和黄色混合就得到了橙色。
 《写给大家的设计书》读书笔记

4、第三色。要把色轮中的空白填满,只需将空白两边的颜色按等量混合。得到的这些颜色称为第三色。也就是说,黄色加橙色可以得到所谓的橙黄色。蓝色和绿色可以混合成蓝绿色(我称之为水绿色)。
《写给大家的设计书》读书笔记
 
5、互补色。色轮上相对的颜色为互补色。有意它们如此对立,所以最佳搭配是一种作为主色,另一种用于强调。
《写给大家的设计书》读书笔记
 
6、三色组。彼此等距的三种颜色通常会形成一个让人愉悦的三色组。
(1)基色三色组。红色、黄色和蓝色。红色、黄色和蓝色就是一种极其流行的颜色组合,儿童产品通常都采用这种组合。由于这是三基色,所以这种组合也称为基色三色组。
(2)间色三色组。除了红、黄、蓝构成的基色三色组以外,所以三色组中的三种颜色都有基础色时期相互连接,因此看上去非常协调。
《写给大家的设计书》读书笔记
(3)分裂互补三色组。从色轮的一边选择一种颜色,再在色轮上找出它对面的互补色,不过并不直接使用这个互补色,而是使用该互补色两侧的颜色。这样得到的组合会有一种更为细致的颜色边界。
 《写给大家的设计书》读书笔记
7、类似色。组合由色轮上彼此相邻的颜色组成。不论组合两种颜色还是三种颜色,他们都有相同的基础色,这就形成了一个协调的组合。用不同的亮色和暗色组合一组类似色,效果将相当醒目。
 《写给大家的设计书》读书笔记
8、暗色和亮色。到目前为止,我们使用的基本色轮只涉及纯“色调”,也就是纯色。还可以向不同色调调加黑色或白色,这样能答复扩展这个色轮,相应地丰富我们的选择。
(1)纯色就是色调。
(2)向色调增加黑色就构成一个暗色。
(3)向色调增加白色就构成一个亮色。
 《写给大家的设计书》读书笔记

9、单色。单色组合由一种色调及其相应的多种亮色和暗色组合。
10、暖色和冷色。诺色往往要么是暖色(这说明,其中包含红色或黄色),要么是冷色(说明其中包含蓝色)。可以通过增加一些红色或黄色将某些颜色“加热”,如灰色或黄褐色。与之相反,也可以对颜色增加不同程度的蓝色对其“降温”。冷色总趋于后退,远离型的,总是在我们的视线中后退。即使更大的区域内都是冷色你也未必能注意到。而暖色是趋进型的,会引起我们的注意。我们的眼镜很受暖色的吸引,所以只需很少的一点红色就可以产生对比。

最后再给大家介绍一个专业的配色软件-ColorImpact,一个应用于Windows平台上获得多项大奖的颜色方案设计工具,兼具易用性和高级功能。ColorImpact在众多设计、多媒体、WEB开发程序中提供出众的色彩整合。主要功能有:单击即可建立漂亮的颜色方案;通过内置的高级工具探索颜色语言的强大之处;全新颜色混合;高级颜色公式;全新的高级颜色方案分析;自定义调色板;导出颜色方案到其他设计程序。如下图所示:
 《写给大家的设计书》读书笔记

ColorImpact 汉化版3.1.0.222下载地址:
http://download.pchome.net/design/image/detail-19834.html

ColorImpact教程:
http://www.zcool.com.cn/article/ZMTM5MTI=.html

(文:酷拉皮卡,更多文章详见“产品经理酷拉皮卡的博客”http://blog.sina.com.cn/kulapikasf

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多