频道直达 - 学院 - 下载 - 交易 - 特效 - 字库 - 手册 -排名-工具- 繁體
网页教学网站开发 设为首页
加入收藏
联系我们
建站搜索: 常用广告代码   用户注册 | 用户登陆
您当前的位置:中国建站之家 -> 网站开发设计技术教程 -> 网站设计相关 -> 网页设计中排版与布局基础1

网页设计中排版与布局基础1

作者:jz123  来源:www.jz123.cn  发布时间:2005-12-14 6:49:41  发布人:jz123

减小字体 增大字体

有些人始终认为,网页最主要是内容,不需要再搞些门面上的东西,还拿出MUD来比喻。可是,红花还需要绿叶陪衬。想想,若MUD不只是单纯的文本,还有画面出来,那么,它所吸引的何止现在的这些MUD迷呢?那么,我所要说的到底是什么呢?初学者如果能够了解一些设计上的东西,那么,自己的页面不会显得乱,自己看了也开心,别人看了也开心,何乐而不为呢?

我们的主页,说到底,只是一个800*600的画面,那么,我们要怎么对它进行安排才合理呢?首先,也是最重要的一点,就是先停下创作,先想好一个主题?quot;设计,是一种有目的的创造"。若在动手之前并不了解自己将要做什么及要怎么做,而只是一味的靠操作PHOTOSHOP的滤镜而达到一种特效的话,那么,最终做出来的东西最多局部看得觉得挺不错的,但全局就显得太复杂了。页面上的构成,如果要让别人一眼望去觉得很BEAUTIFUL,这里面实际上是有很大的学问的。

我们先来说说构成,"构成:是将造型按视觉效应、视觉力学和精神力学等原则组成的,具备美好形态的造型"。构成形式里,有空间构成(平面构成和立体构成)和时间构成(静和动)。我们的创作,就是要协调这里面的种种关系,顺应视觉感受,才能够打动观看者的视觉,得到我们想要的效果。在这些形形式式里,都有着如下的部件:点:我们一般认为,点是指圆形的,但这是不正确的。只要在空间里有非常少量的面积,无法形成一个视觉上感觉的图形,都是一个点。无论什么形状都可以。线:点集合在一起就形成线。面:一个平面。体:一个物体。一般是指物体占据的空间,有三维形状。

那么,当点、线、面与体集结在一个页面上时,它们的关系要怎么协调呢?它们之间都有什么作用呢?

点有集中视线、紧缩空间、引起注意的功能。两个点相距不远而且形状不等时,一般由小向大看。近距离的点引起面的感觉。灵活运用点,可使你的页面有一些本质上的变化。当点占据不同的空间时,它所引起的感觉是不同的。

(1)居中引起视觉集中注意。

(2)上引起下跌落感。

(3)在上左或上右引起不安定感。

(4)下方中点,产生踏实感。

(5)左下右下,增加了动感。

为什么会这样呢?因为人的视觉,都是经过对生活的感觉都得来的。在下方的东西,一般联想到大地。在上方的东西,一般联想到浮云。线、面、体亦然。

线,又分为直线和曲线。直线:给人以速度,明确而锐利的感觉,具男性感。曲线,则优美轻快,富于旋律。曲线的用法各异,需结合自己的需要。而直线又分为斜线、水平线及垂直线。水平线代表平稳、安定、广阔,具踏实感。垂直线则有强烈的上升及下落趋势,可增加动感。斜线,一般我没有怎么使用,因为它造成视觉的一种不安定。

人们每看到一个东西,都试图用横直来分析,斜、歪是人们所不愿意见到的,但适当运用这个要靠个人的感觉。面,指的是二度空间里的形。面又分为几何形和任意形,我个人比较喜欢任意形,因为它往更具人情味。几何形使人有一些机械感,但是,每一个图形里都会要用到几何形,请看它们各代表什么:

(1)圆形:运动及和谐美

(2)矩形:单纯而明确,稳定

(3)平行四边形:有向一方运动的感觉。

(4)梯形:最稳定,令人联想到山。

(5)正方形:稳定的扩张。

(6)正三角形:平稳的扩张。

(7)倒三角形:不安定,动态及扩张、幻想。

我们在日常生活中所看到的东西,都是由于形与形、图与底的相互关系。图形之间,图底之间,正由于对比产生差异而被我们所感知所接受。图与底的视差越大,图形越清晰,对视觉的冲击力越大。那么,平面上有那么多的东西,我怎么才能够确定它是否是最主要的呢?请看:易于成为"视觉中心"的条件:

(1)居于画面中心。

(2)垂直或水平的比倾斜更易成为中心。

(3)被包围。

(4)相对于其它图形较大的。

(5)色感要素强烈。

(6)熟悉的图案,如果这件东西我们很熟,则一定会以它为焦点。


将本文收藏到QQ书签与更多好友分享
[打 印]
[] [返回上一页] [收 藏]
∷相关文章评论∷    (评论内容只代表网友观点,与本站立场无关!) [更多评论...]
精彩推荐
热门文章
· 注册码大全二
· 注册码大全四
· 注册码大全一
· 要10G免费网络硬盘的请进..
· 通过google 赶快来赚美金..
· 注册码大全十
· 头像-qq头像(qq新头像)4..
· 让你轻松架设FTP服务器1..
· 注册码大全三
· 梦幻背景图片7
· 卡通动物图片6
· 网页制作素材-按钮素材2..
· 让你轻松架设FTP服务器5..
· 风景图片8
· 注册码大全九
· 让你轻松架设FTP服务器2..
关注此文读者还看过
· 教你轻松学会升级SQL Se..
· 实用篇:用asp实现QQ在线..
· 头像-qq头像(qq新头像)3..
· 别把Web 2.0当成一个标签..
· asp程序错误详细说明例表..
· 判断Cookies是否处于开启..
· ASP系列讲座(六)编写过..
· 世界杯广告谁是冠军 新浪..
· 优化排名——竞争对手网..
· Photoshop打造美女速写效..
· 实 现 滚 动 新 闻
· 超级服务器apache+mysql..
· 图书管理程序(三)
· 开始 .Net的旅程(二)
· Flash MX 编程深层次应用..
· DreamwaverMX与ASP.NET(..
相关文章
· 网页设计中文本输入框的一些..
· 网页设计中文本排版的技巧和..
· 网页设计中实时切换 CSS 样..
· 网页设计中利用JS控制网页音..
· CSS样式表在网页设计中的运..
· CSS网页设计中使用背景图片..
· HTML网页设计中关于字体设计..
· 网站导航在网页设计中应该注..
· 网页设计中针对中文排版CSS..
· 经验分享:网页设计中实用的..
· 网页设计中如何使用嵌..
· 网页设计中留白的艺术
· 网页设计中排版与布局基础2..
· 网页设计中文字颜色的搭配技..
· CSS技术在网页设计中的运用..
· 网页设计中HTML常范的五个错..
关于本站 - 网站帮助 - 广告合作 - 下载声明 - 友情连接 - 网站地图 - 人才招聘
网站合作、内容监督、商务咨询:QQ: 9576619
Copyright ? 2005--2008 中国建站之家版权所有
粤ICP备05092265号