网站美工需要会什么(网站美工设计的基本原则)

网站美工设计的基本原则

网站美工设计的基本原则

导语：网页美工，即网页美术工程师。大多数人都听过这一个职业，但是，你知道网页美工是做什么的吗?网页美工的职责是图形设计、交互设计，以及网民测试/研究。网页美工负责整个网站的前台设计，界面设计、规划整个网页的布局。以下是我为大家精心整理的网站美工设计的基本原则，欢迎大家参考！

1、前后版面要一致、导航和设计风格要统一，让各个页面良好的衔接。

2、风格根据网站的定位和网民群众的`喜好，不一样的访问者的欣赏品位是不一样的，例如：娱乐站设计风格要轻快，让大家看了后感觉愉快;政府网站设计要庄重，能体会到政府部门的威严;游戏网站设计要酷要炫，符合年轻人的口味;文章类网站设计要淡雅，让访问者可以静下心来阅读。

3、文字尽可能使用宋体字，大小要适中，背景颜色切勿与文字颜色反差太小，通常白底黑字和白底蓝字是最常使用的颜色搭配。

4、避免不一样寻常的令人眼花缭乱的设计、密密麻麻的内容，网页中的文字或图片颜色设计不能太突兀，一个网页内容最多不要超过三屏，公司站更要控制在一屏半之内，内容要进行明确的分类，方便网民查找想要的内容，在一个页面上出现太多的内容会让访问者感觉不知所措。

5、颜色设计要合理，一个网页中的颜色不能找到用太多，否则就会让访问者感觉零乱，产生视觉疲劳。

6、内容安排要有逻辑性，不一样的商品要进行分类，不一样的文章也需要进行分类，这样就可更加好地让消费者了解到自己的商品，产生更加多的回头客，最终产生销售转换。

7、不要使用过多的动态效果，网站特效过多，即影响了网站打开速度，又会分散网民的留意力，更严重的是过多的应用特效(Flash、js)也许会直接影响网页的抓取。

好的设计是可遇不可求的。如今，很少有懂得去考虑网页美工设计原则的设计，只要一个页面交上去，无非是这样，因此，设计的工作无非就是这样的发一下好了，没有任何提高。所以，在此，希望做设计页面的时候，要学会融入自己的理念，这不仅仅是完成一个项目，更是完成你的梦想。;

网页美工设计方法

网页美工设计方法

美工分为平面美工、网页美工和三维美工。下面整理了一些网页美工设计方法，希望能对对众人有帮助！

一、配色

其实对色彩的感觉是设计师应具备的最基本素质，其作品不管是对网页界面、系统界面、还是商品包装等等都有广泛应用。基本的一些理论，什么冷暖色、对比色/补色、色彩心理、搭配原则等等，满大街都是，有意者随便搜一两篇看一看就行。色彩对于美工设计师来说，最为关键的是一种感觉，就像打篮球投篮的手感一样，多看，多练，这种感觉是可以后天练出来的。Mars刚接触设计时，连坐公交车时也会留意路边某公司、饭店的招牌是如何配色，处处留意生活中色彩搭配的美，关于色彩截图就更记不清有多少张了。

设计师对颜色的运用一般有这么几个阶段：

初级阶段：用自己首映感觉非常好的1~2种颜色，不考虑其他因素、他人感觉;

过度阶段：开始感觉一两种颜色单调，尽可能多尝试不一样色彩，该阶段极容易出现没目的的乱搭现象;

成熟阶段：该阶段了解了大众对色彩的审美，开始理性的用1~2种色系搭配，能体会到同种颜色不一样色值的细微差别，大多设计师都在这一阶段;

终极阶段：把一种色彩用至极致，甚至只用黑白灰，完全沉浸某一种颜色，甚至有点变态，但其创作效果让处于第三阶段的设计师一看就是大师所为。

其实这亦是一个不断练习日积月累的过程，这样色彩的感觉才会提高。

二、布局

美工设计师除了对色彩要有好的感觉外，对布局也需要有很好的把握，组合的好坏直接影响作品的效果。

其实做好布局设计也不是很难，无非就以下几步：

布局准备：明确你表达内容的主体部分需要哪些必要的文字与图片。不要考虑太多细节。

布局版式：关于布局的版式多种多样，在将重点内容放在最显眼的前提下，可自由选择版式。对于网页来说，根据多数人从上到下、从左边到右的阅读顺序来考虑，应该将最主要的内容、图片等放在页面的左边和上边。

精细布局：整体配色、字体、各模块的间距、插图、增减内容等各方面的推敲。这一步是细活。

Mars觉得最锻炼布局的方法是制作PPT。想把PPT制作美观、精简并非件容易的事。对于软件行业的售前来说，如何制作漂亮的PPT应是他们自我内修的一门必修课。PPT的.布局做好了，其他网页、宣传册等平面布局应该都信手捏来。

三、细节

至理名言“细节决定成功与失败”，在设计领域了这句话更显得重要。很多细节也许会被阅受众忽略，但对设计师来说绝不可放过，例如背景色、色彩渐变、各组件间间距、标题样式、高亮样式、字体/大小/颜色、行/段间距、插图位置/边缘处理、输入框宽高/边框色/背景色、按钮的位置等等太多了。还是之前的话，只有你看得多了，比较得多了，才可以看得出这方面细节。有人觉得这方面细节没有什么大碍，但多个细节组合在一起就和让大家觉得不舒服。

以上几方面都是关于个人审美观方面的提高，如果你不是打算进行美学研究，我觉得过多的纯理论学习不会对你的审美观有太多提高。所以我的建议就是：多看，多模仿，多做，多比。切忌自己没有什么审美观就盲目创作，其实模仿没什么可耻的，是学习的毕竟阶段。好比有人模仿 MJ跳舞，尽管不是很像，但最少会得到一小部分人的喜爱和追捧，例如在某校/班的圣诞晚会上;而如果不了解大众审美，就很可能像芙蓉姐姐跳舞，只会是笑料罢了。养成良好的审美观可以运用到生活的方方面面，而生活的方方面面也锻炼你的审美观，像摄影、布置自己的房间办公桌、服装的搭配等，能提高你的生活品味。

四、心态

在累计阶段，心态平和、踏实耐心，切忌急躁，美工本身就是细活，着急是没用的。有了基本的审美观，需要创作时心情放松，做些想做的事，吃点想吃的东西，随心所欲，给提供自己创作灵感环境。不要意味的坐在电脑前去想，事倍功半，会把自己郁闷死。

五、技能

有了良好的审美基础和创意，接下来就是制作了。进行比较审美观的培养和创意的来临，Mars觉得一些工具技能是很好学得，无非就是我用铅笔、还是毛笔画的问题。大概介绍下Mars接触到的工具：

制图技能：Photoshop(平面处理等)、Illustrator/CorelDraw(矢量图)、Flash(动画)、Premiere Pro(影视后期)等等这些只是应用的工具;

页面编程技能：html、css、JavaScript等;

优化技能：压缩图片、网页优化等。

以上工具网上的教程一抓一大把，推荐网易教程。可以找些基础的看一下，一回生二回熟，平时多使用即可掌握，更深的技巧可以日后用到再研究完善，要边用边学，这样记忆深刻。

六、网民体验

网民体验一般出现在网页设计和系统界面设计里，是受众和人机界面的交互过程，界面操作的易用性，直接影响了网民对该款商品的印象。网民体验是对美工更加高的一个要求，甚至有点儿超越美工的范畴，但只有美工了解这些才可以更合理地设计界面布局，整体搭配等等。