美工这个东西,说起来真是有些“虚无缥缈”,为什么呢?这是一个真的需要“天分”的行业。对于颜色、布局等等的东西,有的人天生就有直觉,有的人却很“木头”。不过,对于一般的美工设计,还是有规律可循的。
1.配色
视觉是非常直接的感觉,而颜色,则往往承载了很多的信息。不同的颜色在我们的心中,会产生不同的感觉。比如红色的热烈、蓝色的清凉、绿色的宁静、紫色的暧昧以及黑色的庄严,这都是在我们日常的生活中形成的一种感觉,虽然不同的地域文化也往往会有偏差,不过大多数情况下的感觉还是相似的。所以只要我们把握住色彩的情感属性,就不难产生自己想要的效果。
不过,在配色的时候我们还是要把握以下的原则:
·最好有一个主色调,这个色调是用来表达你的页面的“主题情感”的元素,比如像猫窝用的蓝色。
·要深浅搭配。当背景为浅色时,用深色突出主题;背景是深色时,用浅色突出。
千万不要前景和背景弄得差不多,这样可就模糊成一片了。底色要注意,不要选择太“刺眼”的颜色,比如纯黄、青等,这样容易让浏览者产生疲劳。
·主要颜色不宜超过三种。
最保险的做法,就是用一个色系的颜色。关于颜色模式,你必需要了解一下。
·大胆使用黑色及灰色系。
其实,灰色是中性色,配红色则暖、配蓝色则冷。而黑色更是绝大多数cool站选来做底色的颜色,这样搭配一些亮色,就会使页面看上去非常“鲜艳”。
·保持整个网站颜色的统一性。
经常可以看到有的网站一个页面一个颜色,这样做最直接的缺点就是容易让浏览者产生混淆,不知道是在你的站上还是已经跳转到别的什么地方,如果你坚持要用不同的颜色的话,那一定要保持页面布局的统一,并且在明显的位置上放上自己网站的标志和名称。
如果你需要更多的搭配好的颜色,那么就看看《配色手册》吧。
2.布局
好的布局可以让浏览者非常容易地找到他想看的东西,虽然在“个人主页”里,不用遵循大多数网站都采用的“传统的布局”,但是你还是应该注意一些东西:
·突出新内容。
你可以专门开辟一块地方放更新,也可以把更新了的内容用颜色或者小动画之类的图片突出出来,总之就是让人一下子就能知道你最近有没有更新、更新了哪些内容,这样他们就不必把时间花费在“寻找”之中。这样你的网页就具有了“亲和力”。
·网页其实和平面是有共同点的,页面也需要注意“平衡性”。
这个东西说起来有些“专业”,其实就是你的页面看上去要“舒服”。比如你的头部用了重颜色显示标题,而下面全都是白色的底,那么就会显得头重脚轻,反之,你下面的颜色太繁杂而头部空空的,看上去也不舒服。这个实在是个“感觉”的问题,如果拿不准,可以让别人看一看,多听听意见是没有错的。
·要注意“留白”。
这里的“白”不是说要有白颜色,而是指“空白的地方”,不要把页面全都放上内容,适当地留出些空地。你不仅可以利用这些空白来划分不同的区域,还可以给浏览者的眼睛一个“喘息”的机会,不要让页面上满满地全是文字或者图片,这样很容易让人头晕脑涨无所适从。
·动静要搭配好。
现在很多人喜欢用“佛拉屎(Flash)”来做网页;还有的人喜欢在页面里放动画图片或者js效果。这些东西单看起来都是很好的,但是太多的“动”能让浏览者眼花缭乱、抓不到你页面的重点,而且还使浏览速度急剧下降,最终失去浏览你网站的兴趣。所以,“动”的东西,一定是要画龙点睛才好。
这里有一个不错的教程:网页视觉设计小技巧。
更高级一些的东西:网页中的平衡、对比、连贯和留白。
3.音乐
音乐也放在“美工”里面?当然了,视听效果是一体的。
不过,我不是特别赞成在页面中放背景音乐,因为有时候浏览者是在办公室里浏览网页,突然冒出来的音乐也许会让他们很尴尬,而且音乐文件多数都是些循环音乐,再好听,听几遍也烦了,而太大的音乐就又会影响浏览速度。
如果你实在是想放背景音乐的话,那一定要加上“播放、停止”的控制。
总之还是那句话——形式服务于内容,不要本末倒置哦。
喵喵妙~~~~