网页设计应注意哪些细节

  一个页面重要的就是内容，那页面中文字占的比例也是较多的，不同的字体有不同的性格表现，选择适合的字体，才更能体现产品属性。下面郑州华人教育介绍网页设计应注意哪些细节，希望可以为您带来帮助。

  1、文字

  字号的选择是根据功能需要而定的。在页面中，我们对字体的粗细对比、文字之间的间距、文字的颜色对比、文字的对齐方式、鼠标点击时的效果、文字与图片之间的距离、文字上的细小的装饰、文字的样式/排版，有意识的字体设计，也能够体现独特的审美，合理的字体设计，更有利于文字传达所要表达的内容，也更有利于浏览者阅读。

  2、图片

  图片也是页面中不可缺少的一部分，一张高清的图片和一张模糊的图片，会使页面的品质有天壤之别。在选择图片的时候一定要选择高清图片。图片跟内容的间距、图片跟图片的间距、图片跟背景的间距，都要调整到看起来较舒服的位置。

  3、页面层次

  每个页面设计都需要有层次，如果当一个页面没有层次就会显得比较单调或者是花哨。页面层次感也有很多类型，包括：色彩的层次感、元素的层次感...

  对背景的图片进行了高斯模糊的处理，然后与页面主要的内容形成对比，加强了页面的层次感。

  向后延伸的聚光灯，也体现出了无尽的空间感。

  4、导航

  小小的细节处理，会让导航变得更加有意思。

  5、其他小细节

  页面上还有很多其他小细节也让画面更加精细。

  影响页面质感的因素还有很多，比如：光，页面留白，纹理、色彩等等，这些细节的处理，还需要我们在以后的设计工作中仔细揣摩。

  网页设计时应该注意的细节问题

  1.网页内容的选择要不落俗套。 放眼望去，网上的许多个人主页简直就是"杂货店".内容包罗万象,题材千篇一律.人人都是"软件下载",个个都有"网络导航"，从头到尾找不出一丝“鲜”意.所以，我们在设计网页时，要把功夫下在选材上。选材要尽量做到“少”而“精”,又必须突出“新”，如能坚持天天更新的话,我相信这样的网页一定会受到大家的欢迎。

  2.内容确定下来以后，不要着急开始制作页面。我们应该对整个版面规划设计一下，好好的想一想，主题是什么，大概内容该怎么安排，接着较好在纸上把这个框架画出来——这就是排版。排版是很重要的，没有一条清晰的主线，那么整个版面将是混乱一团。

  3.整个页面的主线理好以后，我们还必须对它进行补充，以保证页面的完整性和整体性。比方说，页面的标题内容要简洁明了，使人一看就能明白该网站有没有自己所需要的东西;遇到长文本时，用划线把它分隔开，以便人能一目了然地看清楚;重点段落要突出显示，这样人就能有选择性地获取信息;在网页上留下通讯地址或E-MAIL地址，有利于用户和你交流;网页中使用商标，不能侵犯版权;以上都是要考虑的一些细节问题。同时特别要考虑到以后网站的维护更新要方便。

  4.制作时,内容不要和其他网站的内容相同,适当加入一些自己的文章,评论和见解,会使大家更加相信您,尊重您.例如翻译一些英文教程,写作一些软件的用法,分析一些实例制作过程.毕竟是个人主页,要体现您的个性,风格,让大家了解,接受您的观点,是个人主页的精神所在!

  5.图象的制作要兼顾大小和美观，一般来说，掌握好photophop这个强大的工具，再配合其它一些专用图象软件如ulead、paint shop pro等，不难制作出漂亮的精美的图片。但图片是为主页内容服务的，不要让整个版面太花花绿绿，喧宾夺主。在网上就可以找到很多图片、图库和动画。

  6.不要使用大幅面的Java程序,能够用javascript替代效果的则尽量不要使用java.因为目前来讲java的运行速度实在慢的让人无法忍受，往往使浏览者没有耐心等页面全部显示出来，这样你的精心设计便毫无效果啦!

  7.单张图片不要超过30k,每页图片总量不要超过60k(一般情况).据统计分析,每页不超过60k图片的网页,其下载速度是可以让人接受的.所有的图片都必须"减肥"小图片(100x40)一般可以控制在6k以内,动画控制在15K以内,较大的图片可以"分割"成小图片.合理采用jpg和gif格式也是至关重要的,色彩鲜艳高分辨率的用jpg,色彩单调低分辨率的用gif,采用gif89a格式的图片在download时能交错显示.

  8.图片的下载较慢,要想使用户在图象没有传下来之前，就能够知道图象上的内容，我们就必须为图片加注解.这样一来，在图象没有显示出来时,可以经过注解的标注来帮助浏览者知道这是关于什么内容的图片,以方便用户作出选择，是否需要等待,是否可以点击.特别考虑到纯文本浏览者浏览的方便。

  9.设计Web页面时，一定要用640×480和800×600的分辨率来 分别观察。许多浏览器使用640×480的分辨率，尽管在800×600高分辨率下一 Web页面看上去很具吸引力，但在640×480的模式下可能会黯然失色。作一点小小的努力，设计一个在不同分辨率下都能正常显示的网页。

尊重原创文章，转载请注明出处与链接：http://huarenedu.5zix.com/news/108700/ 违者必究！ 以上就是郑州华人教育 小编为您整理网页设计应注意哪些细节的全部内容。

---

• ← 郑州华人教育分享室内设计色彩搭配技巧
• 郑州华人教育告诉你java该怎么学 →