许斌斌的博客

浅谈网页设计师的自我修炼

作者:cnvisc 发布时间:November 27, 2009 分类:技术

前言:一直以来,想对自己从事网页设计师的职业生涯做个总结,将自己从这段经历中获得的一些经验拿出来分享,也好让那些想要从事网页设计师或是正在从事网页设计师工作的朋友做个借鉴。不过,因为本人文笔有限,这总结的事情一拖在拖。上次偶然看到Mars Lau的这篇《美工自我培养的几点经验总结》,发现其中跟我的想法有很多共同之处。这次就结合Mars Lau的这篇文章来做个总结,还望Mars Lau不要见怪。

个人认为,网页设计师的自我修炼,主要包括以下几个方面:

一、技能
这块内容主要指的是设计工具的使用。我把这块视作从事网页设计工作的一个基础。要做到运用熟练,工具里的一些功能基本上都会使用,能够使用快捷键,提高工作效率。
网页设计中应用到的一些工具主要包括:
Photoshop:这个主要用来设计网页的界面
Illustrator/CorelDraw:矢量图工具,主要用来设计网站的LOGO或者一些ICON
Flash:设计动画
这块的相关学习内容,google or 百度一下网上能够找到很多。我那时候是觉得搜索出来的东西太多,眼花缭乱,不知道从什么地方下手,于是自己买了本书,再加上同事的指导才得以入门。
更多关于技能的资料可以看看我收集整理的网页设计技能手册

二、配色
配色在网页设计的过程中非常重要,因为这块带给访问我们网站的用户第一直观印象,很有可能因为配色的问题,而导致用户打开网站后直接关闭网站。
配色这块的学习,可以先看一些关于色彩方面的基础知识,了解一下什么是冷暖色/对比色/补色、不同色彩所对应的不同含义等等。
网页设计师在运用色彩的时候更多的是一种感觉。感觉这种东西很难用文字说明,只有通过多看,看那些感觉不错的网站是如何配色;多想,想想他们为什么要这样配色。看的多了想的多了,慢慢的也就会形成了自己对配色的一种感觉,这样在从从事网页设计的时候也就能够做到得心应手了。
更多关于配色的资料可以看看我收集整理的网页配色手册

三、布局布局这块Mars Lau在他的《美工自我培养的几点经验总结》里面写的很好:
1、首先要明确内容。要知道你设计的网页上有哪些内容,这些内容可以分为具体的哪几个模块。
2、其次就是布局的样式。内容模块可以用哪些样式来进行展示?文字?图片?文字列表?图文混排?如果不知道哪种方式更好,可以看一看那些大型门户(如:新浪、搜狐、QQ、163)页面上的做法。在设计布局的样式的时候,要遵循一个网页内容权重位置的原则,一般情况下都是:网页上的内容,左边的比右边的重要,上边的比下边的重要,加粗的比不加粗的重要......像一些刚刚入门的朋友可能在布局样式这块无从下手,不知道内容怎样一个排法才会更好。大家可以先看下下面几张图:
k01

其实,布局的样式有很多很多,关键看你能不能抓住是适合自己使用的布局样式(这块涉及到目标用户、用户体验相关的东西就不细说了)。在这里还是建议大家要多看,多看一些主流性质网站上的布局样式,看到什么时候为止了?看到:当你看到交给你的网页上要展示的内容的时候,你的脑袋里就自动的浮现出几种样式让你选择。当然了,你也可以试着给自己做个布局的样式库。
3、第三点就是:美化布局。在上一点完成的基础上,来对这些样式进行美化。比如:字体的颜色、链接颜色、模块跟模块之间的间距、背景图片的使用、icon的使用等等诸如此类。这是个精细活,需要花较多的时间来完成。
在这里分享一些个人的经验给大家:在进行网页布局的时候,我一般都是先在一张纸上画出网页的一个草图,根据网页内容权重位置的原则,将各个内容模块的位置先在纸上固定好,先拿给领导审核。审核通过后再进行下面的设计。这个做法可以提高工作效率(是拿铅笔画图快还是用软件在电脑上画图快了?)。
更多关于布局的资料可以看看我收集整理的网页布局手册

PS:以上这些内容纯属个人对自己网页设计生涯的一个总结和分享,因为所处的环境和时间不同,可能跟你现在接受了解到的东西有所不同,仅作参考,无须苟同。