经典论坛 » 艺术与设计论坛 » 给网页设计新人

tomyidea 发表于 2008-4-24 14:04

给网页设计新人

给网页设计新人
2008年4月22日 in blog

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

网页设计师的基本素养：
1.熟练操作工具软件：

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

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

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

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

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

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

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

网页设计的技术方向
1.DIV+CSS?
DIV+CSS虽然不是网站重构的全部意义，但却是其重要的承载，把内容（html）和修饰(css)分开，大大地方便了我们的网站维护工作，并使内容下载的更快。仅仅从代码的结构上，DIV+CSS也比table更容易理解和调试，更不用说与DOM程序设计精密结合了。
2.正确的使用标签产生正确的语义
DW给我们的并不一定是符合Web标准的，虽然ADOBE是W3C的成员。这造成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.       自我超越
废话就不说了。

6ear 发表于 2008-4-24 16:45

整的挺好，沙发。

sheta 发表于 2008-4-25 11:05

谢楼主~

thehoedos 发表于 2008-4-25 14:04

:D  是写给你自己吧。

cjy0754 发表于 2008-4-25 16:14

只有在退潮时，才能知道谁没有穿裤子-----经典!

ishowing 发表于 2008-4-25 16:47

顶一个再说~~

w2h2p2 发表于 2008-4-25 16:52

不错  顶啦

luxiaojuan 发表于 2008-4-30 08:53

总结的很好

love520blue 发表于 2008-5-17 21:21

值得学习

acy2090 发表于 2008-5-17 21:35

要做到这些真的好不容易。

qiushuang06 发表于 2008-5-17 21:45

说起来容易 做起来难那
努力

xiaobaov2 发表于 2008-5-23 00:44

学习中....

diwowo 发表于 2008-5-23 12:16

谢谢楼主

alexlanse 发表于 2008-5-23 17:30

不错,学习了

fuguojian1988 发表于 2008-5-25 15:25

退潮时，才能知道谁没有穿裤子:D

lcp1266 发表于 2008-5-26 10:00

有点虎头蛇尾的感觉哦!
总的来说还是好的

andol 发表于 2008-6-9 16:03

退潮的时候才知道谁是光屁股的，风停的时候猪就掉下来了。

yanlianwu 发表于 2008-6-9 22:46

代码不好学啊，努力啊..........

geeklive 发表于 2008-6-9 23:24

退潮时，才能知道谁没有穿裤子:D :D :D
不错,顶则个...

xiexiaozhong 发表于 2008-7-2 18:56

顶你!

只要功夫真,铁棒磨成针.

lengsehuoyan 发表于 2008-7-2 22:15

修行  努力修行。    超越自己。

jgtydfh11 发表于 2008-7-3 01:40

不错不错，谢谢分享！

black98 发表于 2008-7-6 22:08

不太清楚，好像是这么回事···

ewcentury 发表于 2008-7-7 09:46

不做美工,要做设计师!:)

Iceyhu 发表于 2008-7-7 15:06

受教，收藏了

3166187 发表于 2008-7-9 09:08

谢谢。。。

demicom 发表于 2008-7-29 10:47

说的不错，我是从平面设计转转美工，刚开始，只要觉得图做的好看就可以了，但是慢慢的发展这样，永远只是一个美工。但突然觉得自己懂的东西太少了，所以现在就得，，，多看，，多学   多做

tyk79 发表于 2008-7-29 11:33

“给网页设计新人”

如果真的给新人看的，还真有些看不懂？

bluedreamz 发表于 2008-7-29 14:11

退潮时，才能知道谁没有穿裤子

abcing 发表于 2008-7-29 15:20

看看
有点道理

cuikai 发表于 2008-7-29 15:35

学习一下。

推荐使用firebug   真的很强大……

suqiang0143 发表于 2008-7-29 15:42

不错 学习了

不错 学习了

wzjcool 发表于 2008-8-16 22:06

LZ讲得是网页制作吧?

juice9958 发表于 2008-8-17 20:22

只有在退潮时，才能知道谁没有穿裤子--非常喜欢这句话


  (*^__^*) 嘻嘻……

okfangfang 发表于 2008-8-17 22:34

不错啦!学习中

jy1562 发表于 2008-8-22 11:13

看了楼主的帖子也得顶一下吧

xunhe 发表于 2008-8-22 21:00

说得很有道理

nanar 发表于 2008-8-23 01:10

我都不知道怎样是新人

sjq617 发表于 2008-8-24 16:43

不知道专功一行  可行啊。。。

lisahuang 发表于 2008-8-28 11:00

虽然，我是被人口中常说的“美工”，可是我学习的专业是技术方面的，对于设计方面的美学知识我只会靠个人感觉去设计，希望大家能提供一些好的书籍或网站给我，最好是关于艺术设计的，偶先在这里谢过各位大虾啦~

查看完整版本: 给网页设计新人