网页美工的设计与配色教案（网页美工案例教程）
本文目录一览：
- 1、网页美工色彩设计要素构成
- 2、美工设计颜色运用教程
- 3、网页美工设计方法
- 4、美工设计的三种配色方案
- 5、网页美工设计的色彩搭配
网页美工色彩设计要素构成
1、LOGO和BANNER LOGO和BANNER是宣传网站最重要的部分之一，所以这两个部分一定要在页面上突迎而出。怎样做到这一点呢？我们将LOGO和BANNER做的鲜亮一些，也就是色彩方面跟网页的主题色分离开来。
2、网页头部：可以采用主体色的反色，一般采用深色，放在方便浏览者，第一时间能看到的位置。正文：网页的正文部分要求对比度要高一些，比如白底配深灰色字，黑底配淡灰色字。
3、色彩均衡，网页让人看上去舒适，协调，除了文字，图片等内容的合理排版，色彩的均衡也是相当重要的一个部分。比如一个网站不可能单一的运用一种颜色，所以色彩的均衡问题是设计者必须要考虑的问题。
美工设计颜色运用教程
1、日本的设计师提出过一个配色黄金比例，是70：25：5，其中的70%为大面积使用的主色，25%为辅助色，5%为点缀色。一般情况下建议画面色彩不超过3种，3种是指的3种色相，比如深红和暗红可以视为一种色相。
2、经验三：从自然中提取色彩 对于人来说，生活在地球上，喜欢看风景，喜欢看建筑，人的眼睛总是容易习惯一些美的东西，或者是让人垂涎欲滴的东西。
3、在颜色显示区域就会留下8种颜色（按照颜色在画面中所占的单位面积程序自动筛选），点击颜色的区域右侧的下拉按钮，会找到“储存颜色表”，把他储存到桌面上或者你容易找到的地方。然后用ps打开，色斑中会显示刚才提取到的颜色。
4、确定主体色 在网页设计之初，首先要考虑的就是这个网站要确定的颜色，一般，会根据网站的类别和确定的网页，进行大致颜色取向，在页面上，除白色为背景外，大量使用的颜色，就是这个网页的主体颜色。
5、用吸管工具到素材2的横排第2张图片中吸取颜色，并新建图层，得到图层2。然后，在按住ctrl不放的情况下去点击图层1左边的小方框（预览图），将图层1载入选区。
网页美工设计方法
1、大背景大图片背景，是目前应用最多的一种网页呈现方式。将整张大图片作为背景，不仅能产生强烈的视觉冲击力，还可以对网页内容起到一个很好的补充，有效的突出品牌形象。
2、所以作为网页设计师掌握的重要工具就是photoshop软件。
3、维护主页贵在坚持，一定要不断上传新的内容来充实更新网站。主页制作的技巧主页制作是一门综合性技术，也是一门艺术，它包括策划、美工、设计等等。一般的个人主页，建设初期最好不要放广告条，特别是不能放很多。
4、创意网页美工设计技巧 小调整而非重设计 了解三分法的栅格的运用方式之后，你还需要明白更重要的一点：三分法带来的并非是一个无可挑剔的网页设计架构，而是一个用来微调现有设计的布局测试框架。
美工设计的三种配色方案
1、相邻色搭配 在色轮中挨着比较近的就是邻近色，根据红橙黄绿蓝紫这六字顺序，相邻色搭配就是红+橙，橙+黄， 黄+绿，绿+蓝以此类推。
2、配色方法：色光三原色 ：红、绿、蓝 印刷三原色：青、品、黄 互补色：以某一种颜色为基准，与此色相隔180°的任一两色互补，互补色的色相对比量为强烈，画面相较对比色更丰富，更有感官刺激性。
3、白色：通配色，让人产生明净、清新的感觉。；黑色：容易让人产生压抑、悲伤感，同时使人感觉神秘、深沉。灰色：营造高雅、温和的氛围，也同时也会让心情受到压抑，产生颓废感。
4、不如大红的字体配黑色的边框感觉很跳。在网页设计配色中，忌讳的是： 不要将所有颜色都用到，尽量控制在三种色彩以内。 背景和前文的对比尽量要大，（绝对不要用花纹繁复的图案做背景），以便突出主要文字内容。
5、矩形（四元）配色： 矩形或四元颜色方案使用四种颜色排列成两个互补对。这种丰富的配色方案为变化提供了充足的可能性。如果你让一种颜色占优势，四色配色方案效果最好。您还应该注意设计中暖色和冷色之间的平衡。
网页美工设计的色彩搭配
在优秀的网页设计的时候，选择背景色和文字内容色时，必须对两者进行鲜明的对比。例如，如果背景为白色，字体颜色将为黑色。这种组合可以使页面更漂亮，更容易阅读。因此，我们需要高度重视这一方面。
搭配：绿色在黄色和蓝色之间，属于较中庸的颜色，是和平色，偏向自然美，宁静、生机勃勃、宽容，可与多种颜色搭配而达到和谐的效果，也是网页中最为广泛的颜色之一。
在网页配色时，尽量控制在三种色彩以内，选择了主体色之后，再配以相近的`配色，如黄色配以淡黄色，深粉配以淡粉色，这样容易让网页色彩和谐统一。
搭配合理性：一个优秀的网页既要有艺术的追求，也要符合人类一般审美。它虽然属于平面设计的范畴，但有别于其它平面设计。
网页文字 一个网站如果使用了背景颜色，就要考虑背景颜色与前景文字搭配的问题。一般网站侧重的是文字部分，所以背景颜色可以选择纯度或者明度较低的色彩，文字用比较突出的亮色，让人看了一目了然。
网页美工设计中，最常用的几个颜色为蓝色、绿色、橙色，以及暗红色。蓝色多与白、橙搭配，蓝为主调。白底，蓝标题栏，橙色按钮或ICON做点缀；蓝天白云，沉静整洁的感觉。绿色多与白、兰两色搭配，绿为主调。
