1.必须有一个概念-Have a concept
平面设计如果没有信息,没有故事,没有观点,没有叙述,或者没有有益的经验,就不是平面设计。一件东西看起来多么漂亮都不要惊讶,如果不具有清晰的信息,它就是一个空壳,尽管它很漂亮。

2.需要沟通,不需要装饰-Communicate-don’t decorate
这条规则与第1条规则有关联,是关于如何阐述至关重要的理念的。造型不管多么简单或多么抽象,都具有一定的含义。如果为特定的设计选择了不恰当的造型,那么传达的信息将会出现偏差。包括不知道如何选择对观众而言具有意义的造型,或者你根本不关心选择何种造型对观众具有意义时,传递出的信息均不可能有既定的效果。利用形状、细节和特殊效果固然好,但如果只是胡乱一气地把它们填充进版面,而不考虑它们的含义,不考虑它们如何表达信息或如何又背离了信息,那么得到的将是混乱成一片的垃圾,根本称不上设计。

3.用一种视觉语言来表达-Speak with one visual voice
用一种语言,使设计的各个部分彼此联系……仔细观察每个元素,从大的图片到小的细节,并问问自己:“是不是每个元素相互之间都协调统一了?”一个好的设计,其视觉语言即内在逻辑是能使各个元素达到完美契合的,各个元素能相互加强,相互映衬,相互关联,不只在形状、分量和布局上如此,在理念上也一样。一旦有某个元素开“开小差”,或者只是一个非常细微的地方被忽略,它对其他元素而言就是个“不合群者”,所传递的信息最终也将因此被削弱。

4.最多使用两种或三种字体-Use two typeface families maximum. OK, maybe three.
根据需要选择字体。要做好,必须确定你的需要是什么,而你很可能会发现,在一件设计作品中,字体对于正文只有两到三种用途。因为字体的改变通常预示着含义或功能的改变-所以请克制自己吧!一种字体加上不同的字号及其斜体就够用了;增加第二种字体对美观可能会有好处,但千万不要用过火了。用太多字体会分散人的注意力和自觉性,让观众感到混淆并产生疲劳感。

5.分清主次,先后出击!-Use the one-two punch!
首先要把观众的注意力吸引到重要的信息上,然后再引向其他部分。一般而言,用一个大的形状、一张突出的图片、一种特殊的字体处理或一次大胆的用色,往往能合理地削弱次要部分的活跃程度,而让重要的部分凸显出来。这就是建立一种层次关系,也就是你希望观众看到的该设计的每个部分的顺序,这是作为设计师让观众接收信息和使用信息的最基本的能力。做设计就是要抓住观众的眼球,让他们获取自己需要的信息,并帮助他们日后铭记于心。如果一个设计没有吸引眼球的亮点,那么这个设计师就是打了败仗了。

6.按需选择色彩-Pick colors on purpose.
不要毫无目的地抓取色彩。要清楚当你把一些色彩结合使用的时候,它们发挥了什么样的作用,更重要的是,它们对于观众意味着什么。色彩可以透露丰富的心理和情感含义,不同文化背景的人群或个人对色彩的含义有时会有极其不同的理解。色彩可以影响视觉的层次关系、文字的易读程度,还会影响人们把迥然不同的事物联系到一起-有时我们称之为色彩编码-因此,选择色彩一定要明智。千万不要认为,一定的色彩或色彩组合适用于某些特定的设计是因为约定俗成的关系。总之,运用色彩要选择适合的,而不是约定俗成的。

7.少即是多-Less is more
在一个特定的空间里,材料填的越多,就越难引导观众看到预期的东西。而且多余的材料毫无价值可言,任何人都能把一连串的材料填充成一个枯燥无味的设计,并假装这就是一个综合的艺术品,但“复杂”与“综合”之间几乎具有天壤之别,“综合”往往出现于简单的背景下。

8.负空间具有神奇的力量-创造负空间,但不要填满它!-Negative space is magical-create it, don’t just fill it up!
空间会把我们的注意力吸引到内容上,把它与周围不相干的内容区分开,并且给眼睛一个休息的地方。负空间就像形状一样,在构成中必须把它当作正空间的形状来同等对待。如果对之置之不理,负空间就会显得死气沉沉,难于与周边的视觉材料相融合。如果空间填得太满,构成会造压迫感,那么没有人会对这个设计感兴趣。缺少负空间会让人产生压迫和混淆的感觉,很可能会使人感到厌烦。

9.把字体当作图像进行设计,因为字体至关重要-Treat the type as image, as though it’s just as important.
字体是一种视觉素材-由点、线、形状以及肌理组成-需要在构成上与设计当中包含的其它东西关联起来,不管它们看起来有多么的不同。

10.让字体效果具有亲和力-Type is only type when it’s friendly.
要让文字清晰易读或达到你所希望达到的其他效果,那就通往直前。不要说什么不能阅读的文字没有作用,而且,文字经得起重复。是的,字体编排具有一定的表现力;是的,在语言中,字体编排可以富有创造性地把结构元素相互连接起来;是的,字体编排可以与亚文化观众产生共鸣,可以涉及这样或那样的流行文化的时代精神。无论如何!字体编排始终可以传递信息。

11.让作品人人都能看明白,不是自娱自乐-Be universal; remember that it’s not about you.
与自己交谈是艺术家的范畴,而达到通用效果则是设计师努力的范畴。毕竟“知道内情的”观众只是少部分,对于大多数观众,他们必须懂得你使用的这些形状、色彩以及选择的图像要表达什么样的含义。

12.动静有致-Squish and separate.
通过拉近某些材料的距离,而拉开另一些材料的距离,使它们在密度和节律上造成对比,从而使设计富有节奏感。通过把某些材料之间变得紧凑,而使另一些变得松弛,可以使这些材料之间产生节拍感,否则,设计将会显得呆滞、了无生气,甚至无趣。

13.烟花与朝阳:安排明暗关系-Distribute light and dark like firecrakers and the rising sun.
不要过于铺张地利用阶调范围,而应关注于不同位置的明度最低和最高的地方;创造发光点和黑暗度,让它们与相关明度之间的微妙变化形成对照。总之,要在明与暗之间形成显而易见且一目了然的对比。

14.要果断,要么就按目标去做,要么就根本不动它-Be decisive. Do it on purpose-or don’t do it at all.
要让事物以不同的方式呈现出来。理解视觉素材需要做的大量工作,就是去辨别事物间的差别。我们应充满自信地利用视觉素材,要思路清晰地对材料的大小、布局及其与其他素材的间距等作出决定。设计师的果断将更容易使观众相信,这条信息传达出了它原本的初衷;如果在构成上显得虚弱或不稳定,将会引起观众对信息的种种不堪的想法,甚至或许他或她并不能聪明地意识到,这是因为设计师在利用某些材料时感觉错位或犹豫不决,或者没有正确使用材料所致。这时,观看者会尽力去找出问题的所在,因而不能把注意力放在信息本身。

15.用眼睛测量:设计是视觉的设计-Measure with your eyes: design is visual.
一件事物就是它呈现出来的样子-设计师要让事物呈现出它本来的面貌。眼睛常常会被“幻视”所欺骗,如果观看者眼睛所见的两个元素成一直线排列,那么可以假定实际情况就是如此。如果用测量的方法把两个元素排列在一条直线上,而它们实际看起来并非如此,那么观看者看见两个应该排成直线的元素没有排在直线上。

16.制作自己所需之物,不要选用现成之物-Create images-don’t scavenge.
需要什么就去创造,并且尽你所能把它做到尽善尽美。试着不要依赖已有的素材,即使它可能会比较便宜或很容易获取。有时候,一个比较简单和有意义的解决办法不外乎运用几个点和几条线,或者个性化的涂鸦-虽然不够光滑、不够有光泽或不够色彩斑斓-或许能让观众产生强烈的共鸣。

17.对流行置之不理,严肃对待设计-Ignore fashion. Seriously.
如果设计一个方案,是围绕着含义来进行,而不是去迎合观众对于当今时尚理解的期待,那么头脑中一定会冒出一些好东西。首先,这个设计对观众而言有可能具有更多的含义,在长时间内仍会有用;其次,它甚至可能具有相当于历史图书的价值。

18.动起来!静止等于索然无味-Move it! Static equals dull.
如果一个版式是平面的,并且不能传达出运动的感觉或空间的相互作用,而事实上这又是极易达成的状态,那么观众可能会觉得索然无味,进而没有耐心读取这条信息。

19.回顾历史,不重蹈覆辙-Look to history, but don’t repeat it.
过去的设计有其自身的地位。思考传播方法和审美观点如何随着时间的推移发生变化,并了解他或她自己的设计如何达到思想与实践的统一,这对设计师来说是一件既有趣而又重要的事情。甚至更为有用的是,你可能会发现在设计发展进程中,也许另一个设计师也曾遇到过类似的问题并且解决了它。如果百般辛苦地重复某个时期的风格,只是因为它真的很了不起-是不可取的。可以学习他人的设计,但一定要创作自己的作品。

20.对称是最大的祸害-Symmetry is the ultimate evil.
对称的视觉布局一般呈现为静态,极少表现出动态。更糟糕的是,对称的布局会使整个不对称的图片材料显得笨拙,并限制了设计师处理本来想做对称处理的内容的灵活性。

Share

选择合适的单位:
em:在任意的浏览器下能弹性地缩放字体的大小;
px:唯一能够精确到像素的指定大小的方式;
pt:唯一能够指定绝对的物理长度的方式.

每行的宽度:52~78个英文字符、汉字保持在30~40个字符为宜

词间距:对于标题(h1、h2)等字体比较大的文本应当适当缩小词间距,对于使用了粗体、斜体的文本应当适当增大词间距。这种增大或缩小以不超过原词间距的50%为宜。

行间距:默认行高line-height:120%;

字间距:对于全部由大写字母组成的缩写和较长的一段数字可适当放宽字间距

对齐:不要使用左右对齐text-align:justify;

text-overflow:ellipsis;当对象中的文本超过行宽时,可以对文本末端增加省略标记,但只有当对象设置为不换行显示时才有效即word-break:keep-all;

overflow:visible/auto/hidden/scroll;

强制换行{word-break:break-all;word-warp:warp;}使中英文文本都得到较好处理

Share

XHTML中对象的显示方式:display:block/inline/none/inline-block/list-item;

CSS网页布局方式:浮动布局(float)和定位布局(position)
其核心都脱离于文档流的控制

设置对象的浮动方式 float:none/left/right;
浮动的清理:clear:left/right;

设置对象的定位方式 position:static/absolute/relative;
深度:z-index数值较大对象层级位于数值较小对象之上

float:left;用于对象的布局控制;display:inline;用于信息的组织

空白边上下叠加时,以较大的margin值为准,主要是基于对段落控制的考虑。但对其设定float属性后,将不再进行空白边叠加。

IE6中左右margin加倍问题可用display:inline;解决

CSS导入命令:@import url(“noneIE.css”) print/screen;IE系列浏览器对设备类型都不支持

Share

CMYK参考色轮

RGB参考色轮

Share

一、新建文档,添加背景图;

二、输入文字LOVE;

三、删格化文字,载入文字选区,在通道调板中存储选区,对选区进行羽化设置,再按Delete键;

四、对文字添加图层样式;

五、新建图层,载入通道中所存储的选区,将其转化为路径,对画笔进行设置,选择钢笔工具,在画布上单击右键,选择描边路径选项,描边类型选择笔刷,勾选模拟压力;

六、添加发光图层样式。

OK!已完成,相信你做的比我好,发出来与大家一起分享吧:)

Share