网页设计排版中哪些元素比较重要？

网页设计中的排版和平面设计的排版有着很多相似，但又有很多不同。我认为平面设计排版是网页设计排版的基础，在一些文字、图片的排版方面，它们遵循的原则基本是相同的。但是，网页设计排版又会涉及交互性的功能还有动态的效果。所以排版的时候不仅要考虑文字图片等的静态效果，还要考虑一些动态的视觉效果。所以，这么多种元素要呈现在固定大小的页面上，要考虑的情况自然就比平面设计多得多。那么下面我们讨论一下一些在网页设计排版中设计师们注意的一些元素。

1.文字

虽然有时候可能一个页面的文字没有几个，但你可千万别小瞧文字的作用。字体的选择，字体的大小、间距以及多种字体如何自然地搭配都是决定你设计的关键因素。在同一个页面有限的文字区域内你所用到的字体样式绝对不止一种，甚至会有三四种，这是为了打破单一字体给用户带来的单调感。字体的搭配是将两种或更多字体通过合理的排版达到比较好的效果的过程。对于很多初学者来说，他们觉得选择只用选择漂亮字体就够了，事实上，选择漂亮的字体并不难，如何让它们完美地搭配在一起，相得益彰，这才是应该好好下功夫的地方。

2.图片

图片可以说是一个网站的核心了，许多设计师都会把大量的精力放在图片设计上，因为很多用户在浏览网页的时候停留的时间不会太久，更不会花太多时间阅读你的内容。这个时候，一张好看的图片就能够快速有效地抓住用户的眼球。大家所熟知的苹果公司官网大部分都是这样的套路，直接将产品的图片呈现在大家面前，没有过多的赘述，反而会让用户觉得简洁明了。

3.交互

交互设计在网页设计中有着相当好的势头，那么在设计交互的时候，必定会涉及到许多的页面、组件。由于这么多的组件元素要排列在同一个页面上，要考虑的情况也就多了许多。在做交互设计之前，你必须站在用户的角度考虑，菜单导航应该在哪个地方能够清晰可见？组件应该通过什么样的方式展现用户才会觉得方便？组件和组件之间要怎样排布才会不影响用户的视觉效果？这就要求网页设计师有一个流畅的原型设计过程，通过借助一些原型设计工具来设计出合理、带来良好用户体验的交互设计。

4.视频和动画

如果一个网页只有文字和图片这样静态的元素，难免少了一些生气。现如今，视频和动画的制作成本很低，网络传播性强，与社交媒体网站的兼容性好，甚至在一定程度上，视频和动画传播的有效信息比文本还要多。于是，在网页设计排版中，视频和动画也会被设计师们加入其中。但要注意的是，视频或者和动画设计在同一个版面上不能出现太多，一到两处就可以，否则会让用户感到眼花缭乱，甚至它们会喧宾夺主，导致顾客找不到你产品的重点。

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

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

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

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的模式下可能会黯然失色。作一点小小的努力，设计一个在不同分辨率下都能正常显示的网页。

————————————————

版权声明：本文为CSDN博主「孤酷伶仃」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。

原文链接：https://blog.csdn.net/zhujiang001/article/details/247650

新闻名称：网页设计排版中哪些元素比较重要？
分享URL：/news27/324277.html

成都网站建设公司_创新互联，为您提供网站内链、标签优化、小程序开发、域名注册、面包屑导航、品牌网站设计

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联