看这本书的时候真的好恨没有CS7在手》《,不然我百度几张图来模拟下,体验下设计的快感。
人们总是很容易注意到在他们潜意识里存在的东西,比如说这个图:
我们很容易联想到微信,但是3
岁的小孩子就没这个概念,他们
很容易忽略掉这个图标。所以设
计的时候,要挑选容易被大众认
知的元素。
优秀的设计就那么简单^ ^!
4大基本原则:
一、亲密性
彼此相关的项应当靠近,归组在一起。如果多个项相互之间存在很近的亲密性,他们就会成为一个视觉单元,而不是多个孤立的元素。另外,要利用好空白来划分空间,划分视觉单元。
亲密性的根本目的是实现组织性,使得信息更容易阅读,也更容易被记住。你要有意识地注意你是怎样阅读的,你的视线怎么移动,从哪里开始,沿着什么路径,到哪里结束。这是设计师必备的观察能力。
二、对齐性
任何的元素都不能在页面上随意摆放。每个元素应当与页面的另外一个元素存在某种视觉联系。对齐的目的是使页面统一而且有条理。其效果类似于把客厅里四处零落的洋娃娃捡起来,并把它们放在一个玩具箱中。要着力避免居中对齐,除非你有意识地想要创建一种比较正式、稳重的表示。
三、重复性
设计中视觉元素的重复可以将作品中的各部分连在一起,从而统一并增强整个作品。重复的目的在于统一,并增强视觉效果,例如多处重复使用粗体字要突出标题或概述性的内容。但是要避免太多地重复一个元素,重复太多会让人讨厌。
四、对比性
在页面上增加对比能吸引人的眼球。我们的眼睛喜欢看到对比的事物。要实现有效的对比,这两个元素必须截然不同。我们可以通过字体选择、线宽、颜色、形状、大小、空间等等来增加对比。
做设计不要畏畏缩缩
1、不要害怕在设计中留有空白,这能让你的眼睛稍作休息。
2、不要害怕设计是不对称的,使用非居中的格式,不居中往往能使效果更强烈。
3、不要害怕把单词设置得非常大或非常小,不要担心说话声太大或者太小。在合适的场合这都是可以的。
4、只要最后的结果能支持或强调你的设计或观点,不要害怕让图片太大或太小。
让你的思维像骏马般奔腾吧~
颜色的应用
1、色轮的基础是红、黄、蓝,如果有一盒水彩,你知道可以混合蓝色和黄色来得到绿色,但是你没有办法通过混合其他颜色来得到纯黄、纯红或纯蓝色。
2、12色轮有三种阶级的颜色:
三原色:
三间色:
第三色:
三间色由相邻的三原色组成,第三色由相邻的颜色组成。
3、三色组:可以旋转黑色叉,很协调的颜色哦
4、分裂互补三色组:可以旋转这个黑色的叉,还是很协调的颜色哦
5、有时类似色用来做网页设计也不错~
发个链接:http://www.colorsontheweb.com/
网页设计切记
1、空白也是设计元素,要像组织信息那样,有意识地组织空白。
2、重复原则在网页设计中尤为重要,可以重复一种颜色方案,使用同样的字体或按钮,或者在每一页的同一个位置放置风格类似的图片元素。总之,你必须使游客知道他们仍然在同一个网站中。
3、不要让访问者在页面上移动滚动条来查看导航链接,这样会让人唾弃你的网站。
4、不要让文本紧挨着浏览器窗口的左边界,这样不美观。
5、不要对文本或图片链接使用默认的蓝色,这是业余水平页面的标志
6、正文不要采用粗体,也不要占据整个页面宽度。
7、不要使用荧光背景色,特别是不要使用荧光文字。
8、页面的最大宽度不要超过800px,表的宽度不要超过600px,否则访问者想打印页面时会很恼火。
9、保证录入页面和主页在800px宽、600px高的范围内。
10、不要在网页用宋体,这样显得很死板。
设计的过程:
1、确立一个中心点(你希望用户首先看见什么)
2、将信息按逻辑分组
3、建立并维护明确的对齐
4、创建重复,可以使用粗字体、线、装饰符号或者某种空间布局
5、避免冲突(元素之间两两不完全相同),强调对比(元素之间两两完全不同)
6、暖色是趋进的,冷色是后退的,不建议用大幅度的暖色作为背景