网页美工：修订间差异
来自站长百科
（新页面: '''网页美工''' == 网页美工的定义 == #指的是专门从事美术方面的工作，如“美术工程师”，根据目前的发展潮流，现在特指“网页美工”，通...） |
无编辑摘要 |
||
| 第1行： | 第1行： | ||
[[Image:meigong1.jpg|right|300px|thumb|美工范例]] | |||
'''网页美工''' | '''网页美工''' | ||
== 网页美工的定义 == | == 网页美工的定义 == | ||
# | #指的是专门从事美术方面的工作，如“美术工程师”，根据目前的发展潮流，现在特指“网页美工”，通常非常精通与网页设计有关的脚本编程语言，如[[html]]、[[javascript]]、[[div]]+[[css]]，拥有过平面设计经验，熟悉相关软件的操作，如[[photoshop]]、[[dreamweaver]]、[[flash]]、[[Illustrator]]等相关软件。 | ||
#在影视创作中涉及到得美术场景设置，主题的选择，服装的美术设计以及后期相关制作等，著名的如《功夫熊猫》的后期美术制作，耗时长达数月甚至数年。 | #在影视创作中涉及到得美术场景设置，主题的选择，服装的美术设计以及后期相关制作等，著名的如《功夫熊猫》的后期美术制作，耗时长达数月甚至数年。 | ||
| 第13行： | 第14行： | ||
== 网页美工必备技能 == | == 网页美工必备技能 == | ||
*DIV+ | *[[DIV]]+[[CSS]]进行样式排版；会[[HTML]]基础语言 | ||
*美术基础：素描、色彩 | *美术基础：素描、色彩 | ||
*三大构成：色彩构成、平面构成、立体构成 | *三大构成：色彩构成、平面构成、立体构成 | ||
*Photoshop(必备) | *[[Photoshop]](必备)网页配色及排版设计；[[illustrator]]网页设计。 | ||
*fireworks | *[[fireworks]] web应用、[[网页设计]]综合、经典网页解析。 | ||
[[Image:meigong2.jpg|right|300px|thumb|美工范例]] | |||
== 网页常用配色 == | == 网页常用配色 == | ||
*绿色-----蕴意：绿白相间，雅致生气 | *绿色-----蕴意：绿白相间，雅致生气 | ||
| 第40行： | 第42行： | ||
== 网页美工的职能 == | == 网页美工的职能 == | ||
<p> | <p>一、[[图形设计]]，即传统意义上的“美工”。不是单纯意义上美术工人的工作，而是软件产品的产品“外形”设计。</p> | ||
<p>二、交互设计，主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计，并且确立交互模型，交互规范。</p> | <p>二、交互设计，主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计，并且确立交互模型，交互规范。</p> | ||
<p>三、用户测试/研究，这里所谓的“测试”，其目标是测试交互设计的合理性及图形设计的美观性，主要通过以目标用户问卷的形式衡量网页设计的合理性</p> | <p>三、用户测试/研究，这里所谓的“测试”，其目标是测试交互设计的合理性及图形设计的美观性，主要通过以目标用户问卷的形式衡量网页设计的合理性</p> | ||
== | == [[网页设计]]师应该具备的能力 == | ||
<p>作为一名网页设计师，首先要具备较强的审美能力和美工功底。</p> | <p>作为一名网页设计师，首先要具备较强的审美能力和美工功底。</p> | ||
<p> | <p>如果你想成为一个优秀的网页设计师，那么你应该要有较强的审美能力和美工功底。如果没有，那么你一定想办法加强这两个方面的能力。如果确实没办法提高这两方面的能力，那么，你就很难成为一个好的网页设计师，可以考虑从事其它的职业，如下面的[[网站程序员]]。</p> | ||
<p> | <p>网页设计就相当于平面设计，网页设计师可以将平面设计中的审美观点套用到这上面来（其区别是动态网页的制作是平面设计不能达到的，它是一种审美方式的延伸），所以[[平面设计]]的审美观点在网页设计上非常实用，如对比、均衡、重复、比例、近似、渐变以及节奏美、韵律美，这些都能在网页上显示出来，反映设计师超凡的审美能力。我们经常看到在一些网页里，基本几何形体错综复杂，色彩花里胡哨，让人目不暇接，真有一种“乱花渐欲迷人眼”的感觉，但是我们得到了什么呢？美的享受？当然没有。当然并不是页面做得好看，具有美感的[[网页]]就一定让人感兴趣，好的[[网页]]也要建立在有好的内容的基础上，假如什么内容都没有，也是不能吸引人的。只是[[网页]]的界面设计应该还是要以布局的美为标准，有规律可循，这也是网页设计师的责任。</p> | ||
== 相关条目 == | == 相关条目 == | ||
2011年3月24日 (四) 15:29的版本
网页美工
网页美工的定义
- 指的是专门从事美术方面的工作，如“美术工程师”，根据目前的发展潮流，现在特指“网页美工”，通常非常精通与网页设计有关的脚本编程语言，如html、javascript、div+css，拥有过平面设计经验，熟悉相关软件的操作，如photoshop、dreamweaver、flash、Illustrator等相关软件。
- 在影视创作中涉及到得美术场景设置，主题的选择，服装的美术设计以及后期相关制作等，著名的如《功夫熊猫》的后期美术制作，耗时长达数月甚至数年。
网页美工的设计注意事项
- 具有一定的创意思想，能够有自己独到的见解和特有的想法。
- 在创作过程中要很心细。
- 平时多注意积累，多看别人的成功作品，参与到一定的交流当中去，取长补短完善自己的思想。
- 创作要具有大众性，易于接受。
- 要求实用，供用户使用方便，对于网页上来说，及其重要。
- 要有一定的的美术功底，会一些上述所提到的必要的编辑软件。
网页美工必备技能
- DIV+CSS进行样式排版；会HTML基础语言
- 美术基础：素描、色彩
- 三大构成：色彩构成、平面构成、立体构成
- Photoshop(必备)网页配色及排版设计；illustrator网页设计。
- fireworks web应用、网页设计综合、经典网页解析。
网页常用配色
- 绿色-----蕴意：绿白相间，雅致生气
- 橙色-----蕴意：活泼热闹，商业标准
- 暗红-----蕴意：凝重严肃，高贵典雅
- 蓝色-----蕴意：蓝天白云，沉静整洁
构色的忌讳
- 忌脏——背景与文字内容对比不强烈，灰暗的背景令人沮丧！
- 忌纯——艳丽的纯色对人的刺激太强烈抗议，缺乏内涵。
- 忌跳——再好看的颜色，也不能脱离整体。
- 忌粉——颜色浅固然显的干净，但如果对比过弱，整得苍白无力了，就象病夫一样无可救药。
- 忌花——要有一种主色贯穿其中，主色并不是面积最大的颜色，而是最重要，最能揭示和反映主题的颜色，就象领导者一样，虽然在人数上居少数，但起决定作用。
- 蓝色忌纯，绿色忌黄，红色忌艳。
几种固定搭配
- 蓝白橙——蓝为主调。白底，蓝标题栏，橙色按钮或ICON做点缀。
- 绿白兰——绿为主调。白底，绿标题栏，兰色或橙色按钮或ICON做点缀。
- 橙白红——橙为主调。白底，橙标题栏，暗红或桔红色按钮或ICON做点缀。
- 暗红黑——暗红主调。黑或灰底，暗红标题栏，文字内容背景为浅灰色。
网页美工的职能
一、图形设计，即传统意义上的“美工”。不是单纯意义上美术工人的工作，而是软件产品的产品“外形”设计。
二、交互设计，主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计，并且确立交互模型，交互规范。
三、用户测试/研究，这里所谓的“测试”，其目标是测试交互设计的合理性及图形设计的美观性，主要通过以目标用户问卷的形式衡量网页设计的合理性
网页设计师应该具备的能力
作为一名网页设计师，首先要具备较强的审美能力和美工功底。
如果你想成为一个优秀的网页设计师，那么你应该要有较强的审美能力和美工功底。如果没有，那么你一定想办法加强这两个方面的能力。如果确实没办法提高这两方面的能力，那么，你就很难成为一个好的网页设计师，可以考虑从事其它的职业，如下面的网站程序员。
网页设计就相当于平面设计，网页设计师可以将平面设计中的审美观点套用到这上面来（其区别是动态网页的制作是平面设计不能达到的，它是一种审美方式的延伸），所以平面设计的审美观点在网页设计上非常实用，如对比、均衡、重复、比例、近似、渐变以及节奏美、韵律美，这些都能在网页上显示出来，反映设计师超凡的审美能力。我们经常看到在一些网页里，基本几何形体错综复杂，色彩花里胡哨，让人目不暇接，真有一种“乱花渐欲迷人眼”的感觉，但是我们得到了什么呢？美的享受？当然没有。当然并不是页面做得好看，具有美感的网页就一定让人感兴趣，好的网页也要建立在有好的内容的基础上，假如什么内容都没有，也是不能吸引人的。只是网页的界面设计应该还是要以布局的美为标准，有规律可循，这也是网页设计师的责任。