网面设计原理.pdfVIP

2004年 9月 渝西学院学报 (自然科学版) sep．，2004 第 3卷 第 3期 JournalofWesternChon ngUniversity (NatureSciencesEdition) V01．3 No．3 浅谈网页设计的布局及原理 邓 勇 (渝西学院 美术系，重庆 永川 402160) [摘 要]通过对网页设计要素的分析与论述，阐明了网页设计的布局原理 ． [关键词]阿页设计 ；要素；布局原理 [中图分类号]1P393．092 [文献标识码]A [文章编号]l67l一7538(20o4)03—0032__03 当我们进入网络打开站点时，网页页面的编排、设计 再考虑次要模块的排放 ．同时要考虑各块的归类 ． 会带给我们不同的视觉感受 ．如今许多网页的设计，除 将粗略布局用软件 photoshop精细化、具体化 ．在布 一 些大的专业网站 比较讲究外，其它网站很少考虑界面 局过程中，应遵循以下原则： 的编排及归类 ．这是网页设计的特点，也是在数字化、信 1．1 平衡——亦称 “均匀”．多指左右、上下的对照 息化的当今，设计者所必须具备的素质 ． 形式，主要强调秩序达到安定诚实的效果 ． 1 设计网页的第一步是设计版面布局 1．2 异常平衡——即非对照形式，但也要讲求平衡 就像传统的报刊杂志编辑一样，我们将网页看作一 和韵律，当然都是不均整的 ．此种布局能达到强调性、不 张报纸、一本杂志来进行排版布局 ．虽然动态网页技术 安性、高注 目性的效果 ． 的发展使得我们开始趋 向于学习场景编辑，但是固定的 1．3 对比——不仅利用色彩、色调、大小等技巧表 网页版面设计基础依然是必须学习和掌握的 ．它们的基 现，在内容上也可涉及古与今、新与旧、贫与富等对比 ． 本原理是相通的，只要领会要点，就能举一反三 ． 1．4 凝视——即指利用页面 中人物视线 以及浏览 版面指的是从浏览器看到的一个完整的页面 ．因为 者的仿照心理，达到注视页面的效果 ．一般多用明星凝 显示器的分辨率不同，所 以同一个页面的大小可能出现 视 ． 640×480像素，800×600像素，1027×768像素等不同尺 1．5 空白——空白有两种作用：一方面对其它网站 寸 ． 表示 自己的突出、卓越，另一方面也表示网页品位的优越 布局就是 以最适合浏览的方式将文字、图片和动画 ． 这种表现方法对体现网页的格调十分有效 ． 按照一定的形式美的法则，遵循一定的视觉规律，放在页 1．6 尽量用图片解说——此法对不能用语言说明 面的不同地方 ．除传达信息外，还能给人美的享受，引起 或用语言不能表达的情感特别有效 ．图片解说的内容， 浏览者的共鸣 ．版面布局也有一个创意的问题 ．那么， 可以传达给浏览者更多的信息 ． 怎样的创意、怎样的设计、怎样的搭配，网页才能新颖独 1．7 以上的设计原则虽然枯燥，但是如果我们能领 特、才能吸引人呢?首先，我们了解一下版面布局的步骤 会并活用到页面布局中，效果就大不一样 ：网页的白色背 景太虚，可以加些色块；版面零散，可以用线条和符号串 新建的页面就像一张 白纸，设计者根据所选择的主 联；左面文字过多，右面则可 以插入一张图片保持平衡； 题和内容，确定页面的构成及色彩的搭配 ．应多画一些 表格太规矩，可以改用导角等 ． 不同的小的色