设计网页需要注意哪些问题

设计网页需要注意哪些问题

在制作图片时，没有考虑当前网站的风格，随意变换图片基本色调，在网页色彩搭配设计时，不合理配合网站整体风格，会影响网站后期的优化工作。下面介绍设计网页需要注意哪些问题，希望对您有帮助。

1、切勿随意添加栏目

作为美工，这一行为是要避免的，如果随意给界面添加表单、链接、“更多”等需要后台开发才能支持的功能，这样随意添加，就无形的更改了网站最初的需求，增加了项目的工作量，会影响网站的整体功能，同时也增加了后期测试的工作量，另一种可能就是不符合用户的需求，导致后期还需要重新修改。

2、切勿随意篡改设计

没有按照栏目的逻辑来设计页面，也没能为网站的内容进行良好的呈现。这种行为只是单纯的为了自己能在网页设计时方便，从而随意的消减了很多网站的内容。

3、随意切图，不考虑页面动态扩展

这个一般是美工技术含量不够导致的。切出的图片只能用在一个界面尺寸里，换个页面，就需要重新切图，没有任何扩展性，要结合响应式网页设计的原理，进行合理切图。

4、图片好看，但是没有实在的意义

给一个美工一个新闻主题，让他给做一个Banner，但是做出来之后，和新闻主题没有任何的关系，仅仅是好看。还有一些美工，更加对工作不负责任，只是把一个图片做了一下PS，这样对网站的整体效果都是有害的。

5、整站界面风格

在后期维护网站的阶段，美工们在制作图片时，没有考虑当前网站的风格，随意变换图片基本色调，在网页色彩搭配设计时，不合理配合网站整体风格，会影响网站后期的优化工作。

设计网站需要注意什么

1. 分辨率

网页的整体宽度可分为三种设置形式：百分比、象素、象素+百分比。通常在网站建设中以象素形式最为常用，行业网站也不列外。我们在设计网页的时候必定会考虑到分辨率的问题，科技发展到现在我们通常用的是1024*768和800*600的分辨率，现在网络上很多都是用到778个象素的宽度，在800的分辨率下面往往使整个网页很压抑，有种不透气的感觉，其实这个宽度是指在800*600的分辨率上网页的最宽宽度，不代表最佳视觉，不妨试试760~770的象素，不管在1024还是800的分辨率下都可以达到较佳的视觉效果。

2. 合理广告

在目前一些网站的广告(弹出广告、浮动广告、大广告、banner广告、通栏广告等等…)让人觉得很烦琐，更本就不愿意来看，有时连你这个网站都不上了，这样一来网站受到了严重的影响、广告也没达到广告的目的。这些问题都是我们在设计网站之前需要考虑、需要规划的内容之一。

浮动广告有两种，第一种是在网页两边空余的地方可以上下浮动的广告，第二种是满屏幕到处随机移动的广告。建议能使用第一种的情况下尽量使用第一种，不可避免第二种情况时尽量在数量上控制最多一个就好。如果数量过多会直接影响到用户的心理、防挨到用户浏览信息,适得其反。首页广告不宜过多适中即可。如在注册或者某个购买步骤的页面上最好不要出现过多的其他无关的内容让用户分心，避免客户流失等…

3.空间的合理利用

很多的网页都具有一个特点，用一个字来形容，那就是“塞”，它将各种各样的信息如文字、图片、动画等不加考虑的塞到页面上，有多少挤多少，不加以规范，导致浏览时会遇到很多的不方便，主要就是页面主次不分，喧宾夺主，要不就是没有重点，没有很好的归类，整体就像各大杂烩。让人难以找到需要的东西。有的则是一片空白失去平衡，也可以用个“散”字来形容。

并非要把整个页面塞满了才不觉得空，也并非让整个页面空旷才不觉得满，只要合理的安排、有机的组合，使页面达到平衡，既使在一边的部分大面积留空，同样不会让人感到空，相反这样会给人留下广阔的思考空间，给人回味又达到了视觉效果。

4.文字编排

在网页设计中，字体的处理与颜色、版式、图形化等其他设计元素的处理一样非常关键。

网页页面的视觉设计原则

(一)风格的确定

在对网站页面进行页面设计之前，一定要确定好基本的主体风格，使其与网站的主题侧重点保持一致，只有内容与形式和谐统一，才能使网站的宣传到达理想效果。在确定主体风格的过程中，还要充分考虑网站受众面的群体特征，即浏览者的大众需求和审美偏好。

(二)色彩的处理

对于视觉冲击而言，色彩是给人最直观的视觉体会，和谐适当的色彩安排可以夺人眼球，吸引浏览者的注意力。因此在色彩的设计中，应该首先确定与主题风格相统一的主打色调，可以是暖色调、冷色调或者采用对比色调，这个完全要根据页面信息传递的需要而定。然后分清主次，分别对背景色、图片颜色、文字颜色等等做出具体的处理，注意色彩的使用层次，不可喧宾夺主。

(三)版面的编排

网页的视觉设计属于交叉学科范畴，在版面的布局安排上基本和平面媒体的设计有异曲同工之处。在有限的屏幕界面内对构成要素做出编排，需要充分考虑各要素之间的依存关联和信息内容的轻重，通过空间上的排列组合，使整个界面和谐统一，生动形象。如何做到科学合理的版面设计，需要从三个大的方面考虑：一是主次分明，让浏览者可以轻松判别信息的价值，便于快速选取核心信息;二是图文并茂，相得益彰，注意文字与图片的结合;三是错落搭配，具有动态感，对要素的位置、大小、方向的处理要错落有致，并把握整体的动态感，使之生动有气息。

网页页面的布局

页面布局，是对整个网页的整体规划，包括页面尺寸确定、整体造型设计、各类元素(页头、文本、页脚、图片、多媒体)的大致摆放等问题。页面的尺寸大小应根据分辨率大小来进行设定，正确的宽度尺寸是比分辨率宽度值偏小。向下拖动页面是惟一给网页增加更多内容(尺寸)的方法，一般来说，除非你能肯定网页的内容能吸引访问者不厌其烦地拖动，否则不要让页面拖动超过三屏。网页拖动超过三屏，最好考虑在页面内做一个内部链接。

整体造型是指页面的整体形象，这种形象应该是一个整体，图形与文本的接合应该是层叠有序。整个页面的造型可运用自然界中的其它形状以及它们的组合，例如矩形，圆形，三角形，动物形状等。不同的形状，所代表的意义是不是同的。像矩形代表正式、规则，多用于制作政府网页;圆形体现的是柔和、团圆、安全、团结等，多用于制作时尚站点以及节日庆典时产品的宣传;三角形代表警示和危机等，多用在带有警示性的报道中;动物形象代表可爱、亲近，像许多关于幼儿的网页都采用了动物的卡通形象。

页头又可以称之为页眉，它的作用是定义页面的主题，常放置站点的图片、公司标志旗帜以及广告。一个站点的名字也多数显示在页眉里，这样访问者一打开网站便能很快知道这个站点是什么内容。文本在页面中出现都以行或块(段落)出现，它们的摆放位置决定着整个页面布局的可视性。在过去因为页面制作技术的局限，文本放置的位置的灵活性非常小，而随着DHTML的兴起，文本已经可以按照自己的要求放置到页面的任何位置。页脚通常是放置制作者信息或是公司信息，和页头首尾相呼应。图片和文本是网页的两大构成元素，缺一不可。如何处理好图片和文本的位置成了整个页面布局的关键。多媒体包括声音、视频和动画等其它媒体，随着现代技术的发展以及动态网页的兴起，它们在网页布局上也是一个不可或缺的重要基本环节。以上各元素的摆放位置，无不体现着制作者的布局思维，影响着整个网页的设计效果。

布局的方法可采用纸上布局法或采用photoshop、coreldraw等软件布局法两种。纸上布局法是通过纸笔的方式，将大致思路画于纸上。而photoshop、coreldraw等软件布局法，是通过photoshop、coreldraw等软件，将布局思路画出来，需要网页制作者对photoshop、coreldraw等软件所具有的图像编辑功能也要能够熟练掌握。从色彩和形象角度来说，后者更胜一筹，尤其是可以利用层的功能设计出用纸张无法实现的布局意念。网页布局的技术可以选择以下三种：应用层叠样式(css)、表格布局或者框架布局。CSS能够完全精确的定位文本和图片。采用表格布局能对不同的对象加以处理，而又不用担心不同对象之间的影响，在定位图片和文本上比用CSS更加方便，需要掌握的专业技术低。使用框架布局可以非常方便地在浏览器中同时浏览不同的页面效果，并且每个框架之间的内容相对独立，内容过长时可以有自己独立的滚动条，互不干扰，不失为一个布局的好方法。