编辑“网页美工”

[[Image:meigong1.jpg|right|300px|thumb|美工范例]]
'''网页美工'''，指的是专门从事美术方面的工作，如“美术工程师”，根据目前的发展潮流，现在特指“网页美工”，通常需要非常精通与网页设计有关的脚本编程语言，如[[html]]、[[javascript]]、[[div]]+[[css]]，拥有过平面设计经验，熟悉相关软件的操作，如[[photoshop]]、[[dreamweaver]]、[[flash]]、[[Illustrator]]等相关软件。另外在影视创作中涉及到得美术场景设置，主题的选择，服装的美术设计以及后期相关制作等，著名的如《功夫熊猫》的后期美术制作，耗时长达数月甚至数年。

== 网页美工必备技能 ==
*[[DIV]]+[[CSS]]进行样式排版；会[[HTML]]基础语言
*美术基础：素描、色彩
*三大构成：色彩构成、平面构成、立体构成
*[[Photoshop]](必备)网页配色及排版设计；[[illustrator]]网页设计。
*[[fireworks]] web应用、[[网页设计]]综合、经典网页解析。

[[Image:meigong2.jpg|right|300px|thumb|美工范例]]
== 网页常用配色 ==
*绿色-----蕴意：绿白相间，雅致生气
*橙色-----蕴意：活泼热闹，商业标准
*暗红-----蕴意：凝重严肃，高贵典雅
*蓝色-----蕴意：蓝天白云，沉静整洁

== 网页美工的设计注意事项 ==
#具有一定的创意思想，能够有自己独到的见解和特有的想法。
#在创作过程中要很心细。
#平时多注意积累，多看别人的成功作品，参与到一定的交流当中去，取长补短完善自己的思想。
#创作要具有大众性，易于接受。
#要求实用，供用户使用方便，对于网页上来说，及其重要。
#要有一定的的美术功底，会一些上述所提到的必要的编辑软件。

== 构色的忌讳 ==
#忌脏——背景与文字内容对比不强烈，灰暗的背景令人沮丧！
#忌纯——艳丽的纯色对人的刺激太强烈抗议，缺乏内涵。
#忌跳——再好看的颜色，也不能脱离整体。
#忌粉——颜色浅固然显的干净，但如果对比过弱，整得苍白无力了，就象病夫一样无可救药。
#忌花——要有一种主色贯穿其中，主色并不是面积最大的颜色，而是最重要，最能揭示和反映主题的颜色，就象领导者一样，虽然在人数上居少数，但起决定作用。 
#蓝色忌纯，绿色忌黄，红色忌艳。

== 几种固定搭配 ==
*蓝白橙——蓝为主调。白底，蓝标题栏，橙色按钮或ICON做点缀。
*绿白兰——绿为主调。白底，绿标题栏，兰色或橙色按钮或ICON做点缀。
*橙白红——橙为主调。白底，橙标题栏，暗红或桔红色按钮或ICON做点缀。
*暗红黑——暗红主调。黑或灰底，暗红标题栏，文字内容背景为浅灰色。

== 网页美工的职能 ==
<p>一、[[图形设计]]，即传统意义上的“美工”。不是单纯意义上美术工人的工作，而是软件产品的产品“外形”设计。</p>
<p>二、交互设计，主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计，并且确立交互模型，交互规范。</p>
<p>三、用户测试/研究，这里所谓的“测试”，其目标是测试交互设计的合理性及图形设计的美观性，主要通过以目标用户问卷的形式衡量网页设计的合理性</p>
== [[网页设计]]师应该具备的能力 ==
<p>作为一名网页设计师，首先要具备较强的审美能力和美工功底。</p>
<p>如果你想成为一个优秀的网页设计师，那么你应该要有较强的审美能力和美工功底。如果没有，那么你一定想办法加强这两个方面的能力。如果确实没办法提高这两方面的能力，那么，你就很难成为一个好的网页设计师，可以考虑从事其它的职业，如下面的[[网站程序员]]。</p>
<p>网页设计就相当于平面设计，网页设计师可以将平面设计中的审美观点套用到这上面来（其区别是动态网页的制作是平面设计不能达到的，它是一种审美方式的延伸），所以[[平面设计]]的审美观点在网页设计上非常实用，如对比、均衡、重复、比例、近似、渐变以及节奏美、韵律美，这些都能在网页上显示出来，反映设计师超凡的审美能力。我们经常看到在一些网页里，基本几何形体错综复杂，色彩花里胡哨，让人目不暇接，真有一种“乱花渐欲迷人眼”的感觉，但是我们得到了什么呢？美的享受？当然没有。当然并不是页面做得好看，具有美感的[[网页]]就一定让人感兴趣，好的[[网页]]也要建立在有好的内容的基础上，假如什么内容都没有，也是不能吸引人的。只是[[网页]]的界面设计应该还是要以布局的美为标准，有规律可循，这也是网页设计师的责任。</p>

== 相关条目 ==
*[[网页设计]]
*[[HTML]]
*[[CSS]]
*[[PHOTOSHOP]]
*[[网页制作]]
*[[dreamweaver]]

== 参考来源 ==
*http://zhidao.baidu.com/question/85099270.html
*http://www.jjsedu.com/ketang/web/346.html
*http://zhidao.baidu.com/question/195371123.html

[[category:网页制作|W]]
[[category:网站建设|W]]