在日常工作中常常和数据,公式,程序语言等打交道,对具有“逻辑顺序“的事务和敏感,但是对”空间性顺序的“感知能力则较弱,如何结构化的组织这些,或者能否将日常的一些表达归总,对于我自身出发:通过学习这本书希望在以后的设计过程中(文稿的设计,菜式的搭配装盘摆放,画图的组织)将设计基本的四大原则“逐步融汇贯通”
4大原则复习
1.亲密性:
如果项彼此相关,就把他们分在一组,把它们作为一个“视觉单元”。相互之间没有直接关联的项要分开。设置不同的间隔来指示各项的接近程度或关系的重要性。
如何实现:
微微眯起眼睛,统计眼睛停顿的次数来数一数页面上有多少个元素。
要避免的问题:
避免一个页面上有太多孤立的元素。
不要在元素之间留出同样大小的空白,除非各组属于同一个子集。
不要仅仅因为有空白就把元素放在角落或者中央。
2.对齐:
应当注意在页面上的每一个元素。要保证整个页面是统一的,将每个对象与另外某个对象的一个边界对齐。只有在对齐很明显的基础上,才可以选择偶尔打破对齐规则。在这种情况下打破常规对齐看上去不会是个失误。
如何实现:
要特别注意元素位置。总能够在页面上存在至少一个与之对应的元素。尽管物理位置可能很远。
要避免的问题:
避免混合使用多种文本对齐(比如居中和左对齐混用)。
要尽量避免使用居中对齐,除非你知道为什么要使用居中对齐,有意识的要创建一种比较正式,稳重(也更乏味)的表示。
4.重复:
重复是更能保证一致性的一种方式。(项目符号,字体,线条,大小,颜色),有助于增强读者对设计所表示的实体的认知度。
如何实现:
例如:重复就像是强调你的衣着。如果一位女士穿着一件可爱的黑色晚礼服,戴着一顶别致的帽子,她可能会用红色的高跟鞋,红色的口红和一朵红色小花来突出她的晚礼服。
要避免的问题:
避免太多地重复一个元素。
例如:如果一位女士穿着一件可爱的黑色晚礼服,配红帽子,红耳环,红口红,红色手提包,红靴,红上衣,重复就太泛滥了。太多的重复使得混淆重点。
5:对比:
如果页面上放两个不完全相同的元素,(比如有两种字体,或者线宽),它们就不能类似,要实现对比,两个元素必须截然不同。通过对比,一增强页面的效果,如果一个页面看起来很有意思往往更有可读性。另一个目的有助于信息的组织。读者应该能立即了解信息的组织结构,从一项到另一项的逻辑流。
如何实现;
字体,线宽,颜色,形状,大小,空间。重要的是,对比要强烈。
要避免的问题:
不要犹豫,要想形成对比,就加大力度。不要将一种粗线与另一种更粗的线进行对比。不要将棕色文本和黑色标题建立对比。避免类似字体。如果各个项不完全一样,干脆就截然不同。
颜色运用:
基色三色组:红色,黄色,蓝色
间色三色组: 绿色,橙色,紫色
互补色:(即色轮上相对(即完全对立的颜色))最佳搭配是一种作为主色,另一种用于强调。比如蓝色和橙色,黄色和紫色。
分裂互补三色组:从色轮的一边选择一种颜色,在对面找到互补色,不直接使用该颜色而是使用该互补色左右两侧的颜色。这样的组合会得到一种更为细致的颜色边界。 比如黄色,紫罗兰色,蓝紫色。
类似色:由色轮上彼此相邻的颜色组成。比如水绿色,绿色,黄绿色。橙黄色一组,橙色,橙红色一组。
暗色和亮色:向色调增加黑色就构成一个暗色。向色调增加白色就构成一个亮色。
单色组合:由一种色调及其相应的多种亮色和暗色组成。
暗色和亮色的组合:在互补色的基础上,选择对应的暗色和亮色做组合。提高颜色的协调性。
色值:指某种颜色的特定明暗度,深浅度或色调。如果色值很接近,会导致边界模糊不清,对比太过微弱。如果设计要求使用类似色质的色调,一定要尽量避免它们挨在一起。另外每种颜色的色调用量不要完全相同。
暖色与冷色:颜色通常要么暖色(说明含有红色或者黄色),要么冷色(说明其中包含蓝色)。可以通过增加一些红色或者黄色将某些颜色“加热”,如灰色或黄褐色。与之相反可以增加不同程度的蓝色“降温”。冷色趋于做背景色,暖色是趋进型。(即只用一点点就能很突出),要组合冷暖时,一定要少用暖色。 冷色时后退型,所以使用更多的冷色才能形成效果。
两种颜色模型
CMYK (Cyan(一种蓝色),Magenta(一种粉色),Yellow,Key(通常是黑色)),可以打印出成千上万种颜色,印刷品,图书,杂志,海报,都是使用CMYK。
RGB(Red,Green,Blue): 计算机中,电视,手机 看到的是RGB。在显示器上,光的颜色不是反射来的,会直接进入到人的眼睛。RBG 利用直接进入眼睛的光所以在屏幕上的图像会非常饱满,拥有丰富的背景光。
采用RGB 的的文件较小,在photoshop上表现最好,速度最快。最好使用RGB 来处理图像,最后再转化为CMYK。