网站版面设计 进行合理布局和编排的4大原则

网页布局类似于杂志的排版。网页作为一种版面,既有文字,又有图片,可能还有动画等。同时,文字有大有小,还有标题与正文之分;图片也有大有小,还 有静态与动态的差别。文字和图片需要同时展示给用户,如果只是将它们简单地罗列在一个页面上,往往会使页面显得杂乱无章。因此,必须根据内容需要,将它们 按照一定的次序进行合理布局和编排,使其组成一个有机的整体,展示给用户。下面详细介绍网页布局一般应遵循的原则。

(1)整体布局,和谐统一。网页的整体布局在页面设计中占据关键位置,起着主导作用。巧妙的整体布局,能全面地展现出设计者的思想,尽情地挥洒出设计者的灵感,这样的网页必定是和谐统一的。

整体化布局的传统方法是使用对称的形式,通过空间、文字和图形的相互作用建立整体的均衡状态,产生和谐的美感。但是,对称均衡有时候会使页面显得呆 板、僵化,缺少一定的活力。在对称均衡中辅助设计一些新颖的文字和图案,需要时可以采用一些夸张的手法,体现强烈的紧张感和运动感,可以给对称的页面增加 一些生动性和趣味性。

(2)主次分明,中心突出。在一个页面上,必然考虑视觉中心,这个中心一般在页面的重点区域,即中央偏上的位置。因此应该把最能传达信息、最能吸引入的内容放在这个位置。在视觉中心以外的地方可以安排那些稍微次要的内容,这样在页面上就突出了重点,做到了主次分明。

页面布局的最终目的是使网页产生清晰的条理性,更好地突出主体,达到最佳的显示效果,因此,页面视觉中心的内容应该是主体。可以将网页的视觉次序、 空间层次、主从关系及彼此间的逻辑关系,通过条理性地把握与运用来突出主体。在空间层次上按照主从关系的顺序,使放大的主体形象成为视觉中心,以此来表达 主体思想;将文档中的多种信息作整体编排设计,有助于主体形象的建立;而在主体形象的四周适当地增加一些空白,可以便得被强调的主体形象更加鲜明突出。

(3)疏密有度,错落有致。在内容安排上要恰当地留些空白,适当地运用空格,改变字间距和行间距等来制造变化的效果;在对称性上既要使用对称美,也要兼顾非对称美;在色彩和形态的使用上可以适当使用对比,如黑白对比,圆形与方形对比等,以形成鲜明的视觉效果。

(4)图文并茂,相得益彰。文字和图像具有相互补充的视觉关系,如果页面上的图像太多,缺少文字,就会降低页面的信息容量;而如果页面上的文字太多,则会显得沉闯,缺乏生气。因此,理想的效果是使图像与文字合理搭配,互为衬托,这样既能使页面变得活跃,又使页面有丰富的内容。

整体布局,和谐统一;主次分明,中心突出;疏密有度,错落有致;图文并茂,相得益彰。当你把这4大网站布局原则运用好之后,回来看看你的网站,是不是合理了许多?用户体验是不是提高了许多?网站整体是不是专业了许多?

时间: 2024-09-19 08:20:29

网站版面设计 进行合理布局和编排的4大原则的相关文章

网站网页设计的黄金布局比例

作为一个网页设计师开始一个项目时经常会考虑到网页的布局,虽然现在很多人倾向使用Grid css框架(如960,blueprint),但有时也需要设计一些独特的布局本文我们要探讨如何将黄金分割理论运用到网页设计中,大部分涉及到的技术也同样适用于其他的设计或艺术类工作,当然主要还是针对于网站设计布局. 黄金比例 黄金分割又称黄金比例,是一个数学上是术语,用来表示两个元素的比例,它的值大约等于1.618.黄金分割从文艺复兴时就开始了.那个时代的艺术家对黄金分割十分推崇,并且广泛运用在各种设计作品上,数

四点网页版面设计(布局设计)的方法和技巧

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 网站版面设计也可以理解为布局设计,版面就是在浏览器上显示的一个完整的页面,它是网站设计的重要内容.网站与用户的交互就是通过一个个页面来实现的,每个页面通常都包含了文字.表格.图像.动画.链接等诸多要素. 从表面上看,网页版面设计是一种关于排版的学问,而实际上,它不仅是一种技能,更是技术与艺术的高度统一. 网页版面设计的方法和技巧主要有以下几点

网站架构设计的误区

在大型网站架构设计的过程中,比较容易出现几个误区 1. 一味的追求大公司的解决方案     一些公司遇到一些网站架构设计的问题的时候往往会参考大公司的成熟的技术架构,这点本身是没错的,但是一味的追求大公司的解决方案,有时候会"邯郸学步".     由于大公司的光环,再加上一些公司从大公司挖来的技术高手的影响,有时候会出现在讨论技术架构的生活,往往能够听到"Google, Amazon就是这么搞的,所以我们也应该这么做"-之类的言论.     大公司的成熟的经验和模式

网站版面排版设计:版式设计的原则和方法

网页制作Webjx文章简介:网页版式设计的心得与方法. 掌握必要的方法 设计的时候,如果设计者随意地进行处理而不考虑当中的原则方法及对象规律的话,那么很多时候都会出现一些不太好的结果.虽然感性是一种相当重要的因素,设计中一定要带有情感,但并不代表简单地依靠情感就能做出好的设计.相反,如果设计的时候能够考虑到各方面的因素并运用恰当的方法的话,那么作品将更加得体和出色.在网页设计中,版式设计占的比重非常大,可以说版式的好坏直接决定页面的成败,也可以说它是网页视觉识别的基础.那么在具体视觉设计的时候,

网站建设中页面的版面设计

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 不知你以前是否学过页面排版,对页面文字.图象.色彩的表达方式做过研究,不管怎样,制作网页就应该了解一些版面设计的知识. 首先我们在制作一个网页之前,应该先进行构思版式,版面设计基础较差的朋友最好将网页的版式画在纸上,免得在做了一半时发现页面不好看而放弃. 第一步先明确页面主题,比如你正在做一个关于介绍娱乐的首页,就应先想好网页的标题.假设你把

Web网站的设计、管理与维护

web|设计 如果你在因特网上发现一个对你的工作有帮助或有参考价值的网站,你一定会将其网址告诉你的同事:如果找到你的朋友需要的信息,你同样记下网址告诉你的朋友:要是在网上冲浪时偶然遇到特别有兴趣的网站,你肯定加入到自己浏览器的书签中,每一个上网者都会这样做的.有许多人员设计过网站和个人主页,这在技术实现上已十分容易,有许多几乎不用编程的所见即所得的工具软件可以利用.但是让人们从浩如烟海的站点中,访问浏览你的站点甚至为你宣传,就不是那么简单,因为鼠标和键盘是永远掌握在上网者手中的.设计者如何设计出

网页设计教程:网站背景设计案例分享

文章描述:我们将介绍几个实际网站来启发你的灵感,看看如何设计趣味而又令人感兴趣的网页背景.收藏本文,当你再次阅读时,你定会被某一个背景设计所迷恋. 如何选择一种最恰当的网页背景是网站设计中最常见的问题之一. 通常网站设计者都已准备好网站内容,而且版面布局大多也基本敲定.但背景要么是令人厌烦,要么是让人眼花缭乱,让设计者迟迟不能确定. 今天,我们将介绍几个实际网站来启发你的灵感,看看如何设计趣味而又令人感兴趣的网页背景.收藏本文,当你再次阅读时,你定会被某一个背景设计所迷恋. 1. 素描设计 这种

网站界面设计应该如何迎合用户操作习惯?

通 过对界面设计不同需求进行的分类以及界面设计元素对用户行为的影响,来研究用户在界面设计中所体现的重要性.交互性已经成为网络界面设计中设计追求的目 标.为了使设计满足可用性要求,全面的了解用户特征及多元化要求是十分必要的.这就需要找到正确的方法来记录和实现多元化的用户要求. 界面是人与物体互动的媒介,换句话说,界面就是设计师赋予物体的新面孔[1]. 一.界面设计的分类 (一)以功能实现为基础的界面设计. 交互设计界面最基本的性能是具有功能性与使用性,通过界面设计,让用户明白功能操作,并将作品本身

网站页面设计该遵循什么趋势?

随着互联网的发展,客户要求的个性化也相对的明显,技术当然也得到了大大的提升.而站在搜索引擎和用户的角度考虑,网站页面设计该遵循什么趋势呢?       1.响应式网页设计(Responsive Web Design)       现在越来越多用户都拥有多种终端:台式机,笔记本,平板电脑,手机,能够适应不同尺寸显示屏的网页是现在的潮流,甚至是未来很长一段时间的设计趋势.那么响应式网页设计就是来解决这个问题的.这种特别的开发方式能保证网页适应不同的分辨率,让网页要素重组,使其无论在垂直的平板电脑还是