来源网络发布时间：-6-21 17:40此页面信息为商业广告
“美篇”电脑版，是火爆微信朋友圈的图文创作工具，帮助用户无需注册公众号也可以在微信分享图文并茂的文章。美篇正式上线于7月，在不到一年半的时间里，已吸引1000万用户使用，每日新增文章超过10万，这些文章每天创造着超过2000万的浏览量、1000万次的访客，历史累计浏览量达30亿次。
下面设计电脑版网页的技巧和经验进行分享
一、配色
其实对色彩的感觉是设计师应具备的*基本素质，其作品不管是对网页界面、系统界面、还是产品包装等等都有广泛应用。基本的一些理论，什么冷暖色、对比色/补色、色彩心理、搭配原则等等，满大街都是，有意者随便搜一两篇看看就行。色彩对于网页设计师设计师来说，更重要的是一种感觉，就像打篮球投篮的手感一样，多看，多练，这种感觉是可以后天练出来的。Mars刚接触设计时，连坐公交车时也会注意路边某公司、饭店的招牌是如何配色，处处留意生活中色彩搭配的美，关于色彩截图就更记不清有多少张了。
Mars觉得，设计师对颜色的运用一般有这么几个阶段：
1.初级阶段：用自己首映感觉*的1~2种颜色，不考虑其他因素、他人感觉；
2.过度阶段：开始感觉一两种颜色单调，尽量多尝试不同色彩，该阶段极容易出现没目的的乱搭现象；
3.成熟阶段：该阶段了解了大众对色彩的审美，开始理性的用1~2种色系搭配，能体会到同种颜色不同色值的细微差别，大多设计师都在这个阶段；
4.终极阶段：把一种色彩用至极致，甚至只用黑白灰，完全沉浸某种颜色，甚至有点变态，但其创作效果让处于第三阶段的设计师一看就是大师所为。
其实这也是个不断练习积累的过程，这样色彩的感觉才会提升。
二、布局
网页设计师设计师除了对色彩要有好的感觉外，对布局也要有很好的把握，组合的好坏直接影响作品的效果。其实做好布局设计也不是很难，无非就以下几步：
1.布局准备：明确你表达内容的主体部分需要哪些必要的文字和图片。不要考虑太多细节。
2.布局版式：关于布局的版式多种多样，在将重点内容放在*显眼的前提下，可自由选择版式。对于网页来讲，根据大多数人从上到下、从左到右的浏览顺序来考虑，应该将*主要的内容、图片等放在页面的左边和上边。
3.精细布局：整体配色、字体、各模块的间距、插图、增减内容等各个方面的推敲。这一步是细活。
Mars觉得*锻炼布局的方法是制作PPT。想把PPT制作美观、精简并不是件容易的事。对于软件行业的售前来说，如何制作漂亮的PPT应该是他们自我内修的一门必修课。PPT的布局做好了，其他网页、宣传册等平面布局应该都信手捏来。
三、细节
至理名言"细节决定成败"，在设计领域了这句话更显得重要。很多细节可能会被浏览者忽略，但对设计师来说绝不可放过，比如背景色、色彩渐变、各组件间间距、标题样式、高亮样式、字体/大小/颜色、行/段间距、插图位置/边缘处理、输入框宽高/边框色/背景色、按钮的位置等等太多了。还是之前的话，只有你看得多了，比较得多了，才能看得出这些细节。有人觉得这些细节没有什么大碍，但多个细节组合在一起就和让人觉得不舒服。
四、心态
在累计阶段，心态平和、踏实耐心，切忌急躁，网页设计师本身就是细活，着急是没用的。有了基本的审美观，需要创作时心情放松，做些想做的事，吃点想吃的东西，随心所欲，给提供自己创作灵感环境。不要意味的坐在电脑前去想，事倍功半，会把自己郁闷死。
五、技能
有了良好的审美基础和创意，接下来就是制作了。相比较审美观的培养和创意的来临，Mars觉得一些工具技能是很好学得，无非就是我用铅笔、还是毛笔画的问题。大概介绍下Mars接触到的工具：
1.制图技能：Photoshop（平面处理等）、Illustrator/CorelDraw（矢量图）、Flash（动画）、Premiere Pro （影视后期）等等这些只是应用的工具；
2.页面编程技能：html、css、JavaScript等；
3.优化技能：压缩图片、网页优化等。
以上工具网上的教程一抓一大把，推荐网易教程。可以找些基础的看一下，一回生二回熟，平时多用即可掌握，更深的技巧可以日后用到再研究完善，要边用边学，这样记忆深刻。
六、用户体验
用户体验一般出现在网页设计和系统界面设计里，是用户和人机界面的交互过程，界面操作的易用性，直接影响了用户对该款产品的印象。用户体验是对网页设计师更高的一个要求，甚至有点儿超越网页设计师的范畴，但只有网页设计师了解这些才能更合理地设计界面布局，整体搭配等等。
Mars知道用户体验的重要性，但深入学习的还不多，但Mars会在看别人网页、系统的同时记录那点有着方便，很在下次自己的设计中体现出来，算是一个模仿阶段吧。这也是Mars一向的学习方法。
*声称一下，Mars不是设计科班出身，没有什么理论基础，以上总结都是实打实的经验之谈，希望得到更多好的建议。
如果觉得《美篇电脑版|制作优美电脑版网页设计的经验和技巧》对你有帮助，请点赞、收藏，并留下你的观点哦！
