- 1
- 0
- 约2.33千字
- 约 8页
- 2022-04-30 发布于江苏
- 举报
网页的排版与布局-网页设计初学者入门攻略
网页的排版与布局
网页设计初学者入门攻略
WORD制作:寻找尤娜
网页上真正好的文本的排布是这样的:一般放在最显著的地方,如整个显示的中央稍微偏右下;文本的排布整体性好,使浏览起来通畅而丝毫没有阻碍,理解内容更加容易。文字的大小应该适中,太大浏览起来增加了翻页的难度,太小看起来太累,加之一些不同的显示器的分辨率的不同,导致这个矛盾更加的突出。因此这是值得每一个设计者要慎重考虑的。用色也要考虑,一般用区别于主体的颜色可以起到强调的作用,但是凡事都是过犹不及,加入一个整体的文字内容里用的颜色太多,势必会影响读者的理解,也会影响他们的使用的心情,导致厌倦的情绪,所以不但要考虑文本使用的具体的物质功能,也要懂得其精神上的价值体现。对于文字的处理,很多的软件都是非常的注意这方面的改进工作,使文字处理更加的方便,例如Frontpage就是基于它的姊妹软件Word而发展起来的,由此可见一斑。再谈谈图片的处理,图片在网页的设计中占据很重要的地位,由于图片的加入使网页更加丰富多彩,所以把图片用好是非常重要的,有几个值得注意的地方,图片不能太大,网络这种特殊状态下,受带宽的限制,人们是很难忍受等待之苦的,这就要求把图片的体积缩小,同时又要使图片尽量清楚,直观,最大限度的发挥它的作用,把握这个度是很关键的,另外图片的排布也很讲究,特别是多图的情况,就要是图片与图片之间的联系凸现,同时又要融为一个整体,使看起来有条理。按钮、符号、动画等虽然现在不是占主要的位置,但也是不可或却的,就说按钮吧,它是网页的一个导航,通过它才能是使用者的使用能够顺利的进行,将它设计得漂亮,或者说规范,是让使用者心情畅快的一个催化剂。所以这些细节的问题也要细细的斟酌。
再从网页的布局形式上来看
按照平面设计的形式来看,整个页面可以分为几个部分,每个部分有不同的功能,也能体现不同的形式,具体看来就是上边、左边、下边、右边、中间、看似无奇,自身却有许多独特的地方,就说划分的大小吧!中间的部分一般是最大的,因为它承载着主要的信息,使用者主要就是看中间这个部分的内容,有些网站也为了出新意把整个页面进行任意划分,特别是个人网页,例如把整个页面平分为左右两个部分,但是这样会让人不着重点,还有的框架用得太多,影响了页面的整体性。总结一下有这么几种布局方式,下面进行比较,
1. 上边和左边相结合,这是最常用的一种方式,上面是页面的提头和广告条,左边是按钮和其它的链接,这样的布局有其本质上的优点,因为人的注意力主要在右下角,所以主要想得到的信息都能最大可能的获取,而且很方便。但是有一个问题不得不注意,就是按钮在左边,都知道我们都是用的右手来操作鼠标的,要到左边去点击按钮就要移动过整个屏幕,所以每次都这样会很不方便。当然这也有一个习惯的问题,因为现在大部分的网站都采用这种形式,无形中造成使用者一打开网页都是习惯性的在左边去点击按钮。所以在比较正规的网站还是尽量符合这种使用方式,当然也不是一成不变的采用,要能够在这种基础上做一些变化。就能作出很好的网页来。
2. 上边和下边的结合,这种方式用得少一些,都是也有很多的网站采用。这样可以解决使用上的问题,因为在屏幕下方移动鼠标可以很自如。同时由于上面有横的提头或者是广告条,这样上下造成一种对比和呼应,无论其中的内容如何安排,页面都会显得非常平衡,从而显得更协调,这是一种形式感很强的布局形式。
3. 上、左、下边相结合,这种方式也有一些应用,这种方式的采用可以将功能性的东西有条理的放的左边和下边,使用起来更方便,像很多的按钮和链接(文字链接和图片链接以及E-mail链接等)都可以很清楚的显示出来,由此具有很好的导向性。但是这样也有不利的地方,例如这样整个页面被占去的地方较多,是页面的主要要显示的内容受到影响。所以也是使用的时候要斟酌的,看在什么情况下适合才能采用这种形式。
4. 上下左右形成一种包围的格式,这种形式的应用有些类似于第三类,优点也是一样,但是缺点更明显,由此留给使用者的空间太少了,所以这种应用得也比较少。不过经过一些刻意的变化之后能作出很漂亮的形式来,所以一些个人站点有时也采用。
这是简单的进行提炼之后得出的几种类别,但是现实的应用中基本上都是经过一定的变化的,所以呈现出丰富多彩的布局形式,所以在了解这些布局的一些基本的优劣之后,适当的利用其优点,结合一些富有形式美感的因素,进行设计。就能设计出非常漂亮的网页,同时在使用上也能够非常的方便。
综合起来看
内容和形式即具体的网页的排版布局要能够达到一种协调的状态下才能真正的成功的网页设计,所以,不能单独考虑网页的内容的排版,以为只要能够把具体内容清晰流畅的放到网站上就行了,造成整个页面的形式感很差,这样严重影响使用者的心情
原创力文档

文档评论(0)