教你如何设计网页

395750879

首先，大家要先知道，什么是网页设计，很多人会说，网页设计不就是文字和图片的组合吗？没错，网页中包括文字、图片、视频等元素，但是仅仅把这些元素排在一起就是网页了嘛，显然不是。

        网页设计其实是一个感性思考与理性分析相结合的过程，对设计师自身的美感以及对版面的把握都有较高的要求。经过这几年网页设计的经验，总结了以下几点，供大家参考。

        网页设计的尺寸

        网页设计的版面尺寸没有固定的标准，和显示器的大小以及分辨率有关，设计的时候要考虑多种分辨率的情况，一般将宽度设置在768像素以内，就不会出现水平滚动条，高度则视版面和内容而定。例如，在分辨率为1440*768像素情况下，将网页内容保持在1002像素以内的话，高度在612-615像素之间，就不会出现滚动条和垂直滚动条了。

       



[/ol]

        2. 网页设计的程序

        很多小伙伴们一拿到产品经理的原型之后，就开始百度各种设计素材，开始拼素材之旅，照着原型开始设计界面，也许你能够拼凑出领导满意的界面，但是你永远都不会进步，永远都只是个美工，而成为不了真正的UI设计师。拼素材，首先不说版权问题，就看各类网站千篇一律的素材，你即使再怎么努力排版设计，都设计不出真正“高大上”的界面。素材问题后面的设计文章会另外跟大家分享自己素材创作的经验。

        今天要跟大家说的是网页设计的程序，没有程序，你的设计将会杂乱无章，无从下手

        第一：分析定位

        这一阶段根据网站的性质来确定设计风格，确定设计思路，比如你要设计的是汽车网站，汽车给人的感觉是动感，时尚，而你设计成可爱风格，对不起 ，那你就准备定加班餐吧- -

       



       

        第二：设计构思

        这一阶段根据客户所提供的图片，文字、视频等内容进行大致位置规划，也就是设计布局。基本类型有满版型、分割性、曲线形、对称性等，可以根据不同网站的行业属性、进行选择（PS：网站的版式布局后续会跟大家一起分享）

        第三：方案设计阶段

        这一阶段，往往会暴露出很多问题，要逐一分析解决，结合版面色彩，构图等元素综合考虑，制作出稿件，供客户审核。

        为了保证整个网站风格的统一，需要尽可能将logo放在每个页面上最突出的位置，要突出你的标注颜色，要有一句反映主题的宣传口号，相同类型的图片要做统一的效果处理，例如在网站出现的标题都有描边投影效果，其他页面都应该是一致的。

        色彩搭配方面，为了使版面统一在一种色彩上，通过调整明度，纯度，以形成丰富的层次感；或者选择两个具有对比效果的颜色，形成视觉冲击。总之，要使整个网站保持统一的色彩感觉。

教程编号:136099 作者：yxw520 出处：站酷