协调网页美工设计的细节与布局的技巧.docx

书山有路勤为径，学海无涯苦作舟

协调网页美工设计的细节与布局的技巧

网页美工设计是一个外包装，这个包装设计好了，才会更加的吸引

人，增加网页点击率，给企业带来利益的同时也为客户解决需求，这就

是网页美工设计的重点。下面小编整理了协调网页美工设计的细节与布

局的技巧，供大家参阅。

?网页美工设计细节

?至理名言“细节决定成败”，在设计领域了这句话更显得重要。很

多细节可能会被浏览者忽略，但对设计师来说绝不可放过，比如背景

色、色彩渐变、各组件间间距、标题样式、高亮样式、字体/大小/颜

色、行/段间距、插图位置/边缘处理、输入框宽高/边框色/背景色、按钮

的位置等等太多了。还是之前的话，只有你看得多了，比较得多了，才

能看得出这些细节。有人觉得这些细节没有什么大碍，但多个细节组合

在一起就和让人觉得不舒服。

?网页美工设计配色

?其实网页美工设计对色彩的感觉是设计师应具备的最基本素质，

其作品不管是对网页界面、系统界面、还是产品包装等等都有广泛应

用。基本的一些理论，什么冷暖色、对比色/补色、色彩心理、搭配原

则等等，满大街都是，有意者随便搜一两篇看看就行。色彩对于美工设

计师来说，更重要的是一种感觉，就像打篮球投篮的手感一样，多看，

多练，这种感觉是可以后天练出来的。Mars刚接触设计时，连坐公交

车时也会注意路边某GS、饭店的招牌是如何配色，处处留意生活中色

彩搭配的美，关于色彩截图就更记不清有多少张了。

?网页美工设计布局

?网页美工设计师除了对色彩要有好的感觉外，对布局也要有很好

的把握，组合的好坏直接影响作品的效果。其实做好布局设计也不是很

难，无非就以下几步：布局准备：明确你表达内容的主体部分需要哪些

必要的文字和图片。不要考虑太多细节。布局版式：关于布局的版式多

种多样，在将重点内容放在最显眼的前提下，可自由选择版式。对于网

页来讲，根据大多数人从上到下、从左到右的浏览顺序来考虑，应该将

最主要的内容、图片等放在页面的左边和上边。精细布局：整体配色、

字体、各模块的间距、插图、增减内容等各个方面的推敲。这一步是细

活。

?tips:感谢大家的阅读，本文由我司收集整编。仅供参阅！