一个设计精美的网站，第一步就是需要一个优秀的布局。首先，我们需要考虑好需要在首页上展示的内容，然后选择一个合理不错的布局形式。布局形式通常有两种，一种是传统正规的模式，另外一种则是与众不同的布局模式。

 

选用那种布局，主要根据企业的特点，以及需要向访问者传递的信息。如果是传统的公司，服务和产品又是比较传统普遍，需要给访问者一个比较稳重可信、专业权威的企业形象。那么就需要选择传统的模式。

 

如果是经营有创意性质的行业，或者是新兴的行业，需要给访问者深刻的印象与活力，那么就建议采用于众不同的布局模式。

 

传 统的布局模式通常网页的各个内容都是按照访问者的阅读习惯来进行放置的。logo在左上角，导航条在上方居中或者居右，下方主题大图在中间靠上的位置，在 下来就是文章列表和图片列表，有按钮、文章摘要和文章图片等。所有的元素以矩形的方式进行排布，整齐清晰地显示在页面上。

 

新兴的布局模式有着很大的发挥空间，有着很多带有创意的布局模式。不过logo、导航、主题大图基本上都是具备的。要做好有创意的布局，可以充分参考各种网站，帮助自己找到布局的灵感。

 

 

  首 先，在设计上要注意一个大原则，就是网页上面的色彩最多不要超过三种主要的颜色。颜色过多，画面就会显得凌乱。网页设计和平面设计是很不同的，最大的差别 就是平面设计需要在远距离的情况下抢夺人们的眼球，并且给人留下深刻的印象。而网页设计的观看是在显示器上进行浏览，设计只是为了更好地展示网站的内容。 所以，网页设计的可读性的要求比较高，要求页面人性化，阅读起来舒服。

 

所以，网页设计是非常切忌设计得色彩凌乱的。颜色上就最好不要超过 3种主色调。另外在页面当中要充分考虑留白，切忌让画面充满整个屏幕。在过去的浏览器，我们显示器的分辨率师800*600，所以页面的设计多为800的 宽度。而现在，显示器已经达到了1024*768的分辨率，并且很多宽屏的显示器已经可以显示1280宽度了。很多人喜欢设计1000的宽度的页面，但是 这并不友好。在1024的显示器下面浏览就是满屏。著名的大公司网站设计基本上都是960左右的宽度，留有一部分空白，或者使用一些柔和的背景。这样的设 计看起来就特别的舒服。

 

同时，底色的选择也是很重要的。由于网页主要的作用还是阅读，所以大部分的网页都是采用白色背景底色。少数在设计上需要体现个性的网页会使用深色底色。如果您的企业是比较传统的行业，追求庄重、大气和专业化，那么多数情况下还是采用白色底色。

 

文 字的颜色分成了标题文字和正文文字。对于标题文字，可以积极向网页的主色调进行靠拢。或者在主色调的背景上一反白进行显示。而正文文字，则采用黑色比较合 适。没有经验的网站设计公司往往直接采用了黑色作为正文文字。而事实上，应该采用80%或90%灰度的黑色作为正文文字，阅读起来对比度不高，感觉比较舒 服。

 

最后，我要说说网站主色的使用。主色调主要和logo的颜色进行一致。Logo的设计多数为深色调。所以网站的主色也多数为一些深色。例如红、蓝、绿等。在使用这些颜色的使用，切忌将这些耀眼的颜色大面积地使用。过大的色块会让人觉得压抑，效果不好。

 

另外，可以通过将这个主色在色调和亮度上进行变化，用在网站不同的区域，是网站不会在颜色上过于单调。

 

 

  与平面设计不同，网页设计由于估计的方面很多，结果无法像平面设计一样随意发挥创意。网页设计第一要考虑用户浏览的方便性，第二要考虑技术的实现便利性。所以，大部分的网页设计布局都是成矩形块状的方式进行布置的。

 

对于网站的主办者，设计非常重要，可是对于访问者，阅读的便利性更加重要。所以，我们首先应该满足访问者在阅读时候的便利性，然后考虑如果在设计上实现最佳的效果。而在这样的条件下，正在出彩的地方，往往就在细节了。

 

网 页当中的每个元素的精致程度，直接就决定了网页设计的档次。要让一个网站能够反映出这个企业的专业性和行业地位，其实就是要把细节设计好。比如说logo 的处理，加上一定的光泽和渐变效果，甚至可以做倒影的效果；还有就是导航条的质感，同样是一个蓝色的矩形导航条，但是可以在纹路上进行设计，使其质感与众 不同；还有下方的文本区域框，边缘的线条也可以做精致的设计，使其更有立体感；再就是背景，在空白的地方适当加入不影响阅读的背景图案或者纹路，可以使网 站的质感得到巨大的提升。而这些所有的细节汇集在一起，将会成就一个档次极高的网页设计。

 

 

  我们都知道网页设计是各个元素在网页上进行布局，然后配上设计而实现的。这些元素当中，有图片、文字、标题、按钮等等。那么图片，其实是对设计给人第一印象最深刻的地方，而且也是最基本的要素。

 

首先，我们知道每个首页都有一个主题大图，这个图基本上都占据了1/3的屏幕位置。这个图片的质感对网页的设计影响很大。那么，这个图该如何进行设计呢？

 

很 多刚入门网页设计的人员，在设计这张图的时候，就只是在客户素材或者图库当中选择合适的图放上去。这是一个很大的误区。这个图的最重要的作用是需要传递企 业的一个信息给每一个进入访问的浏览者。所以，在设计这个图之前，应该充分了解企业希望表达的概念。要把这张图做成一个有意义、有概念的图才是成功的设 计。

 

要做到这点，这个图当中就必须包含文字。而为了配合图中文字的出现，这个图很多时候就会进行一定的处理，把背景处理成为纯色、或者是遮罩了部分的内容，让透明度进行渐变。大家可以充分参考那些大公司的网站就可以知道。