想做好一名淘宝美工,一定要知道的网页美工基础知识

想做好一名淘宝美工，一定要知道的网页美工基础知识由于互联网的迅速发展，企业在网络上的竞争也越来越激烈，为使用户有更好的视觉体验，都千方百计的从自己网站形象上面入手，以达到在同行的竞争中脱颖而出，而且由于这种趋势愈演愈烈，从而对于网页美工的需求量页呈爆发性的增长。运营好淘宝店铺离不开店铺装修，淘宝店铺装修又离不开淘宝美工。那么作为一名淘宝美工，你需要知道哪些网页美工基础知识呢?

非凡学院网页美工培训基地

一、网页美工配色技能

1.色彩基础

在任何设计中，色彩对视觉的刺激起到信息传达的作用。因此，在淘宝美工设计中，色彩的合理运用，能直接影响整个网页的风格，下面我们来了解色彩的基础知识：

自然界的色彩虽然各不相同，但任何色彩都具有色相、明度、饱和度这三个基本属性。色相是指色彩的相貌，是指各种颜色之间的区别，是色彩显著的特征，是不同波长的色光被感觉的结果。饱和度是指色彩的鲜艳程度，

也称色彩的纯度，饱和度取决于该色中含色成分和消色成分(灰色)的比例，含色成分越大，饱和度越大，消色成分越大，饱和度越小。明度是指色彩的深浅、明暗，它决定于反射光的强度，任何色彩都存在明暗变化。

2.网页色彩

1）色彩的心里感觉

红色的色感温暖，性格刚烈而外向，是一种对人刺激性很强的色。红色容易引起人的注意，也容易使人兴奋、激动、紧张、冲动、还是一种容易造成人视觉疲劳的色；黄色的性格冷漠、高傲、敏感、具有扩张和不安宁的视觉印象。黄色是各种色彩中，较为娇气的一种色；蓝色的色感冷嘲热讽，性格朴实而内向，是一种有助于人头脑冷嘲热讽静的色。蓝色的朴实、内向性格，常为那些性格活跃、具有较强扩张力的色彩，提供一个深远、广埔、平静的空间，成为衬托活跃色彩的友善而谦虚的朋友；橙色是一种激奋的色彩，具有轻快，欢欣，热烈，温馨，时尚的效果；绿色是具有黄色和蓝色两种成份的色；紫色的明度在有彩色的色料中是很低的。紫色的低明度给人一种沉闷、神秘的感觉；白色的色感光明，性格朴实、纯洁、快乐。白色具有圣洁的不容侵犯性；黑色具有深沉，神秘，寂静，悲哀，压抑的感受；灰色具有中庸，平凡，温和，谦让，中立和高雅的感觉。

2）网页色彩搭配的原理

色彩的鲜明性：网页的色彩要鲜艳，容易引人注目；色彩的独特性：要有与众不同的色彩，使得大家对你的印象强烈；色彩的合适性：就是说色彩和你表达的内容气氛相适合，如用粉色体现女性站点的柔性；色彩的联想性：不同色彩会产生不同的联想，蓝色想到天空，黑色想到黑夜，红色想到喜事等，选择色彩要和你网页的内涵相关联。

3）网页色彩搭配的技巧

用一种色彩：这里是指先选定一种色彩，然后调整透明度或者饱和度，产生新的色彩，用于网页，这样的页面看起来色彩统一，有层次感；用两种色彩：先选定一种色彩，然后选择它的对比色；用一个色系：简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。

4）一般情况下网站色调选择要注意以下几点：

忌讳使用强烈对比的颜色搭配做主色；配色简洁，主色要尽量控制在三种以内；背景和内容的对比要明显，少用花纹复杂的背景图片，以便突出显示文字内容。

二、淘宝网店美工设计装修六大要点

1、整体装修：风格定位、布局排版、商品陈列、引导购物。

2、图片：突出风格与主题、表达店铺理念、排列美观整齐。

3、文案：把文案精炼、图文并茂、协调搭配。

4、色彩：符合风格和定位、与产品相搭配、凸显价格和产品优势。

5、促销图：紧张气氛、活动力度、降低顾虑、诱导因素。

6、标识：传播企业理念、建立企业知名度。

三.网页设计的布局

网页设计布局设计往往是很难的，因为网页布局直接影响到页面的美观程度，网页的内容多少也影响着布局的设计。大多数网站页面结构都会包括网页标题、网站LOGO、导航栏、功能列表区、主内容区和状态栏等，在进行网页布局设计时不要把所有内容都放在页面里，还需要我们把网页内容进行合理的排版布局，以给浏览者赏心悦目的感觉，增强网站的吸引力。下面给出几种常见的布局结构，供大家参考。常见的布局结构有“同”、“厂”、“国”、“三”等字型布局。

1）“同”字型布局：所谓“同”字型结构，就是整个页面布局类似“同”字，页面顶部是主导航栏，下面左右两侧是二级导航条、登录区、搜索区等，中间是主内容区；

2）“厂”字型布局：整个页面布局类似“厂”字，页面顶部和左部都可以是主导航栏，右下面是主内容区；

3）“国”字型布局：它是在“同”字形布局上演化而来的，它在保留“同”字形的同时，在页面的下方增加一横条状的菜单或广告；

4）“三”字型布局：一般应用在简洁明快的艺术性网页布局，这种布局一般采用简单的图片和线条代替拥挤的文字，给浏览者以强烈的视觉冲击；

在实际设计中我们也不要局限于以上几种布局格式，有时候稍作适当的变化会收到意想不到的效果，另外，平时在浏览网页时要多留心别人的布局方式，遇到好的布局就可以保存下来作为设计布局的参考。掌握以上这些网页美工基础知识你的设计技能就会有很大的提升，想参加网页美工设计培训，学习淘宝美工设计推荐上海非凡学院。