来自一名前端工程师的几点网页设计经验

我虽然不是专业的网页UI设计师，但是我做过的网站基本上都是我设计的，在此我把我在网页设计方面的经验分享出来。

营销型网页我不擅长，普通网站的网页设计我倒是颇有点经验，先来说配色：配色一般遵循选一组颜色，确定主色，其它颜色为辅色的原则。

常见的色彩组合大家可以参考网页设计常用色彩搭配表（http://tool.c7sky.com/webcolor/#hue_0），我的博客没有参考这个色彩搭配表，但我觉得跟下面这组色彩组合比较相近：

我网页的主色是草木绿，也就是潘通发布的2017年流行色，草木绿与暖色系的黄色或橙色搭配有青春活泼之感，我又加入了淡粉色作为辅色，让网页看起来更清新悦目。

很多人在悬停元素的颜色上犯难，教大家一个技巧，悬停色只要选与元素原色相近的颜色就好了，比如我网站右侧的悬浮窗和导航悬停的时候有一个颜色淡入加深的效果。

再来说网页布局：非营销型网页应以简洁实用为主，切忌花里胡哨。

简洁实用的比如我的博客，没有任何多余的东西，每一个元素的存在都有其意义。花里胡哨的比如https://blog.weiyiqi.net/lookdoc/huaxun/，这是客户要求这么写的，就这个首页我花了整整三天才写完（原生代码），看起来布局很复杂、展示的内容也很多，但有很多地方内容展示重复，一个表单在网页四个地方出现，表单无非就是想让访客留下信息，但访客留下信息的前提是你的网站内容吸引到了访客，访客认为留下他的信息会获取价值才会在表单提交数据，这个网页就是过于强调表单而忽视了内容对访客的吸引，反而给访客的感觉是信息杂乱不堪。即便是营销型网页也应该注意营销逻辑，网页的内容展示应该能带着访客的思维走，而不是盲目的在网页添加表单。

除此之外，简洁的网页有利于写成响应式，这样优化比较方便，像上面提到的华浔装饰的网站，只能是pc和移动分开做，这样就增加了SEO优化成本，因为要做移动适配和添加canonical标签。

说到网页设计，每个设计师都有自己的设计风格，就比如我的模板有人说丑也有人说漂亮，如果真的丑就不会有人扒了，更不会有下面这位软磨硬泡要我模板的了：

网页设计经验就简单地分享这两点，为让这篇文章更有价值，我把我这两年做的网站的常用的图片素材整理了下，基本上都是用千库网会员下载的png图片，相信总有一张你能用到。

下载链接：https://pan.baidu.com/s/1fnQMkqOr9CYRLhPWKlaIgQ     提取码：91rp。