goto homepage goto homepage grab RSS 2.0 feed

给网页设计新人

这是给公司新同事交流时用一些话,打字不容易,就贴上来:

网页设计师的基本素养:

1.熟练操作工具软件:

 

现在通用的网页制作工具有DWFWPSAIFL等,其中,DWPS是基本项目,要用的烂熟于心,其他的这些软件都要能懂得使用,很多时候只会DW而不会FL会给你造成很多麻烦。

做到能了解常用软件功能的70%,能同时操作中文版和英文版。

多留意一些工具型的软件或插件,比如做图标的Axialis IconWorkshop,测试进程的Httpwatch等等,这些小工具对设计师的工作大有裨益。要用相关的软件,形成自己的工作流程。

 

2.基本的美学修养:

从大家对网页设计师的一个常用的误称“美工”上,可以看出开发、产品人员对设计师的一种期待,所以设计师之所以称“设计师”,就应能常人所不能,创造而不是仿制美的视觉结果。

这要求大家有基本的美术知识,比如色彩情感、色彩功能的掌握,懂得什么情况下使用什么样的色彩手段。

设计师要配合功能,对产品的外型进行不断地推敲,最终产品的塑造,应该比通常期待的程度,高那么一点点,如果别人要什么你就按要求给他口中的那个东西,呵呵,恭喜你沦为真正的“美工”。

 

设计师因该始终关注产品需求的最终目的,完美呈现产品的本来面目。宜家的产品都是大批量的生产,然而在很多白领心目中,它们却是“特别的”,为什么呢?

 

网页设计的技术方向

1.DIV+CSS?

DIV+CSS虽然不是网站重构的全部意义,但却是其重要的承载,把内容(html)和修饰(css)分开,大大地方便了我们的网站维护工作,并使内容下载的更快。仅仅从代码的结构上,DIV+CSS也比table更容易理解和调试,更不用说与DOM程序设计精密结合了。

 

2.正确的使用标签产生正确的语义

DW给我们的并不一定是符合Web标准的,虽然ADOBEW3C的成员。这造成DW工作后,我们往往还要深入代码,进行CSS缩写、代码重构、JS添加等烦人却又无奈的工作。

那么我们能一开始就按WEB标准来工作吗?当然是可以的虽然有点麻烦。

 

1.)我们理解事物方式的转变

按元素的重要程度,把它们分类,然后用相关标签进行组织和嵌套。

比如顶部的广告图片有主要广告内容,那么我们就把<h1>这个标签分给它,而不是非要把<h1>给字体,再如若发现内容中好几项同时并列,那就自然理解为这样:

<ul>

<li>并列内容</li>

<li>并列内容</li>

<li>并列内容</li>

</ul>

大胆标示它们,管他是MENU还是text list.

《超越CSS》里,作者甚至把跑道上的运动员们这样表示:

<ol>

 <li>运动员A</li>

<li>运动员B</li>

<li>运动员C</li>

… …

</ol>

 

2.)裸奔

抽掉CSS,让我们裸奔吧。有句名言:”只有在退潮时,才能知道谁没有穿裤子

同样的方式我们用来检查我们代码的可用性、内容的主次程度。

 

总之,由于软件的局限性,我们要习惯跳开DW去理解内容和代码在真实环境里的状态,用以完美呈现我们的作品。

 

3.DW的期待

随着技术的进步,我相信DW会学会自动区分和完善代码,以提高我们的工作效率

网页也会更加Flash化,用句时髦的说法就是AjaAX化,甚至于最后3D智能化,不过,天知道那时还会冒出什么劳什子BUG让我们不断优化。

 

 

怎样才能不断进步?

1.       跳出工作看世界

繁重的工作有时会阻碍个人能力的进步,这是真实的,虽然WEB世界里群星璀璨。

跳出工作看世界,摆脱那种身在江湖的枷锁,用一种完全“无知”的心理去看待和学习所有的知识,观察最美的、最酷的设计作品,使自己始终处在被优秀作品环绕、陶冶的状态。

 

2.       保持对新技术、新视觉、新时尚的敏感性

存在即有理,哪怕像DHTML那样稍纵即逝的“技术”。保持对优秀网站、卓越品牌网站的定期浏览,善于从优秀网站里移植其精华、总结其原理,并用于工作。

 

3.       自我超越

废话就不说了。

Write a comment:

Please leave your suggestion, advice and critcs here.