Fork me on GitHub

关于制作简历的文章-《给大家看的设计书》

四大基本原则:

1、  对比(contrast):避免页面上的元素太过相似,如果元素不相同,那就让他们截然不同。

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

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

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

 

2 chapter 亲密性

Robin亲密性原则:将相关的项组织到一起,使他们的物理位置相互靠近。

在一个页面上,物理位置的接近意味存在着关联。

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

 亲密性小结:

如果多个项之间存在很近的亲密性,它们将成为一个视觉单元,而不是多个孤立的元素。彼此相关的项应当归为一组。要有意识地注意到你是怎样阅读地,你的视线是如何移动地:从哪里开始,沿着怎样的路径;到哪里结束,读完之后,接下来看哪里?整个过程应当是一个合理的过程,有确定的开始,而且要有确定的结束。

 根本目的:

根本目的是实现组织性,尽管其他原则也能达到这个目的,不过利用亲密性原则,只需简单地将相关的元素分在一组建立更近的亲密性,就能自动地实现条理性和组织性。

 如何实现:

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

 3 chapter 对齐

Robin对齐原则指的是:任何元素都不能在页面上随意安放,每一项都应当与页面上的某个内容存在某种视觉联系。

任何元素都不能随意摆放,每个元素都应担与页面上的另外一个元素存在某种视觉联系。

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

 根本目的

使页面统一而且有条理。其效果类似于把客厅里四处零落的洋娃娃捡起来,放到一个玩具箱中。

不论创建精美的、正式的、有趣的还是严肃的外管,通常都可以利用一种明确的对齐(当然要结合适当的字体)来达到目的。

 如何实现

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

 要避免的问题

避免在也页面上混合使用多种文本对齐方式(也就是说,不要将某些文本居中,而另外一些文本右对齐)另外,要避免居中对齐,除非你相有意识地创建一种比较正式的,稳重(通常也更乏味)的表示。并不是完全杜绝剧中对其,有时可以有意识地选择这种对齐方式,但是不要把它作为默认选择。

 4 chapter 重复

Robin重复原则指出:设计的某些方面需要在整个作品中重复。

 

设计中的视觉元素的重复可以将作品中的各个部分连在一起,从而统一并增强整个作品,否则这些部分只是彼此孤立的单元。重复不仅对只有一页的作品很有用,对于多页文档的设计更显重要(对此我们称之为保持一致)

根本目的

重复的目的就是统一,并增强视觉效果。不要低估页面视觉效果的威力,如果一个作品看起来很有趣,它往往也更易于阅读。

如何实现

重复可以认为是保持一致性,现在需要把现有的一致性向前推进一步。

最初可以是只是找出现有的重复,并且将其加强。重复就像是强调你的衣着,如果一位女士穿着一件可爱的黑色晚礼服,戴着一顶别致的帽子,她可能会用红色高跟鞋、红色口红和一朵红色小花来突出她的晚礼服。

 要避免的问题

避免太多地重复一个元素,重复太对会让人讨厌。要注意对比的价值。

 5 chapter 对比

原则:要想实现有效的对比,对比就必须强烈,千万不要畏畏缩缩。

 如果两个元素相同,就不会产生对比。倘若这两个元素之间存在某种不同,但差别并不是很大,那么你做出的效果并不是对比,而是冲突。这就是关键:如果两个项之间不完全相同,就应但使之不同,而且应但是截然不同。

 要增前对比的意思,最容易的方法就是实现字体对比,还可以利用线、颜色、元素之间的间隔、材质等形成对比

 在页面上增加对比能吸引眼球,我们的眼睛喜欢看到对比的事物,如果页面上放置两个完全不同的元素,他们就不能类似。要实现有效的对比,这两个元素必须截然不同。

 对比就需要修补一处漆记时配漆一样,不能大概地配色,颜色要么配置的完全不同,要么重新把整个前面完全粉刷一边。

 根本目的

根本目的有两个方面,这两个方面相辅相成,无法分开。一个目的是增强页面的效果,更具有可读性,另外一个目的是有助于信息的组织。读者应当更能立即了解信息以何种方式组织,以及从一项到另一项的逻辑流程。对比元素不能让读者混淆,也不能错误的强调重点。

 如何实现

可以通过对字体选择,线宽、颜色、形状、大小、空间等对比手法来增强对比;增加对比很容易,途径有很多。

 要避免的问题

如果他们不同,就让他们完全不同。

 6 chapter 复习

 设计的指导原则(不要畏畏缩缩)

1、  亲密性

2、  对齐

3、  重

4、  对比

 7  chapter 颜色运用

CMYK和RGB颜色模型之间的区别:

CMYK代表Cyan(一种蓝色)、Magenta(一种红/粉红色)、Yellow(黄色)和一个Key色(通常是黑色),可以打印出千万种颜色,称为“四色处理”,用在印刷上的。

RGB用在显示器、电视、iphone上。 

三原色(Primary color):黄、红、蓝

三间色(Secondary color):黄色+兰色=绿色;蓝色+红色=紫色;红色+黄色=橙色

第三色(tertiary color )

互补:色轮上相对(即完全对立)的颜色为互补色(complement),由于对立,所以最佳搭配是一种作为主色,另外一种用于强调。

三色组(triad):色轮上彼此等距离的三种颜色形成一个三色组,红、黄、蓝就是一种极其流行的颜色组合,儿童产品通常采用这三种颜色。也成为基色三色组(primary triad)

 间色三色组(secondarytriad): 绿色、橙色、紫色

分裂互补三色组(splitcomplement):从色轮的一边选择一种颜色,再在色轮上找出对面的互补色,不过并不是直接使用这个互补色,而是使用该互补色两侧的颜色,这样得到的组着会有一种更为细致的颜色边界。

 类似色(analogous):组合由色轮上彼此相邻的颜色组成。

暗色和亮色

         纯色就是色调(hue)

         向色调增加黑色就构成一个暗色(shade)

注意色质:

 色质是某种颜色的特定明暗度、深浅度或色调。色质太接近,看上去会模糊不清,对比太过微弱。要避免使用类似色质的色调。

 向色调增加白色就构成一个亮色(tint)

 单色组合(Monochromatic combination):由一种色调及其相应的多种亮色和暗色组成。

 暖色和冷色:

n   暖色总是趋进型的,冷色总趋于后退。

n   暖色不费多大功夫就能产生效果。

n   如何组合暖色和冷色,一定要少用些暖色

n   冷色是后退型的,所以可以使用,更多的冷色才嫩产生效果或形成有效的对比。

n   不要让冷暖色太过均衡,一定要充分利用这种视觉现象。

 

在美国,标准的企业名片规格为:3.5英寸宽,2英寸高(垂直格式的规格为:2英寸宽,2.5英寸高)。

 

 

设计在WEB网站上的应用

 

本文反复提到的四大设计原色,同样使用时WEB设计,这其中重复是网站设计的最重要的因素之一。重复可以让访问者注意到自己是否还是在同一网站之中,

 

可以查看peachpit.com或者Adobe.com网站,找到有助于提供一致性的设计。

posted @ 2013-01-11 20:19  种花生的读书人  阅读(203)  评论(0编辑  收藏  举报

该博客仅作为记录笔记,转载随意