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

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

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

减小字体 增大字体

可以把自己认为最主要的东西做大一点,突出一点,色彩鲜艳一点,其它的东西小而且色调不要那么鲜明,以免抢了主题的"风头"。注意:图与底之间的关系是很重要的。如果我们确定了背景,再确定主题,在做页面时不注意而将图与底的关系设置为1:1,那么,我们也许发现,底与图的力场争夺非常激烈,即有时底被我们认为是图。它们之间的关系只是相对,而非绝对。一般来说,底要大于图,而图要鲜于底。

一副图,我们怎样才认为它是美的呢?这涉及到形、声、色的有机结合,打动视知觉,使观者产生美的共鸣。一般来说,有如下几点:(1)稳定性:我们的视知觉总是试图找一个平衡点,若找不到则产生混乱。(2)对称性:相应的部位等量,易产于统一的秩序感,但比较单调,可采用增加局部动势的方法,以取得鲜明、生动的效果。(3)非对称平衡:可以平衡为基础,调整尺寸形态结构。或者以形态各异的形,经视觉判断,放置在确定的位置,以得到预想的平衡。这个和个人的审美有关系。

事实上,通过上述的一些方法,我们主要是为了创造秩序,使相互的东西能够在没有互相干扰的系统中起作用。混乱与秩序之间的对照唤起了我们的视知觉,我们于是通过平衡、比例、节奏、协调,在迷乱中建立秩序,形成我们自己的风格。形成自己作品的独特气质。而如果注意自己作品的律动性,即旋律性,可通过重要一个基调实现,对于整个页面应该有画龙点晴之效。但要清楚的认识到,并非所有的节奏都产生律动性,有时候,听到一些音乐时觉得它是垃圾,原理是一样的。

旋律要有情感因素,富于变化而又统一的节奏和总体的和谐。流动的旋律,活泼、明快、自由、变化、生机勃勃。也要注意到,反复、周而复、单纯或渐变重复虽给人以视觉印象,但过于单调会使人疲劳并产生厌烦。必须在反复中寻找动与静的完美结合,寻求单纯与复杂、细腻与奔放、定向与不定向之间的对比,在构成方式上多探索,多借鉴,求新求变。以下介绍这方面的方法:

(1)同质要素的统一,这个比较容易,只要自己多摸索就行了。

(2)类似要素统一,大小类似,色明度类似就可以了。

(3)不一样的要素的统一,由于形成对比,因此一般会形成对比,造成零散、不统一的感觉,要令它产生节奏,一般是在要形成强烈焦点时才使用。总之,我们要记住这一点:在相同中求变化,在不同中求统一,使大部分相同,使小部分相异,可取得统一又富有变化的感觉。但是,也要注意差异的大小问题。差异是对规律进行突破及形成对比,富于变化。但是,差异过大,易失去总体协调,过小易被规律淹没,就注意把握尺度,以不失整体观感的适度对比为准。

我们怎样才能够让别人觉得我们的图片很协调呢?方法如下:

(1)保留一个相近或近似的因素,自然的过渡

(2)相互渗透

(3)利用过渡形

在对比方面,必须有周密的编排,具体如下:

(1)方向对比在基本有方向的前提下,大部分相同,小部分不同可形成对比

(2)位置对比在页面的安排不要太对称,以避免平板单调。应在不对称中找到均衡,由此得到疏密对比。

(3)虚实对比事实上,虚与实是同等重要的,画黑则白出,造图则底成。应注意双方平衡。

(4)隐显对比图与底比较,明度差大者显示,明度差小者隐藏。显与隐相辅相成,能造成丰富的层次感。

在空间感方面,可以以点、线、面的排列,形成不同的空间感。如以下方法:

(1)重叠

(2)大小

(3)倾侧,旋转,深度

(4)弯曲

(5)明度

(6)投影

(7)透视


将本文收藏到QQ书签与更多好友分享
[打 印]
[] [返回上一页] [收 藏]
下一篇文章:IE经典故障大全
∷相关文章评论∷    (评论内容只代表网友观点,与本站立场无关!) [更多评论...]
精彩推荐
热门文章
· 注册码大全二
· 注册码大全四
· 注册码大全一
· 要10G免费网络硬盘的请进..
· 通过google 赶快来赚美金..
· 注册码大全十
· 头像-qq头像(qq新头像)4..
· 让你轻松架设FTP服务器1..
· 注册码大全三
· 梦幻背景图片7
· 卡通动物图片6
· 网页制作素材-按钮素材2..
· 让你轻松架设FTP服务器5..
· 风景图片8
· 注册码大全九
· 让你轻松架设FTP服务器2..
关注此文读者还看过
· 邮件服务器的安全解决方..
· 网游引发民事纠纷 玩家..
· 用FrontPage 2000巧做样..
· 如何设置二级域名?
· 动画的延长与缩短
· Flash MX 2004 updater ..
· 通用网址市场井喷渠道大..
· ASP3.0给我们带来的新技..
· ORACLE常见错误代码的分..
· ASP.NET虚拟主机的重大安..
· DreamwaverMX与ASP.NET(..
· C#、Java之比较(1)
· 问与答:CSS层叠样式表最..
· 使用PHP实现动态网页
· 在IIS上安装PHP4.0正式版..
· 网站策划与SEO
相关文章
· 网页设计中文本输入框的一些..
· 网页设计中文本排版的技巧和..
· 网页设计中实时切换 CSS 样..
· 网页设计中利用JS控制网页音..
· CSS样式表在网页设计中的运..
· CSS网页设计中使用背景图片..
· HTML网页设计中关于字体设计..
· 网站导航在网页设计中应该注..
· 网页设计中针对中文排版CSS..
· 经验分享:网页设计中实用的..
· 网页设计中如何使用嵌..
· 网页设计中留白的艺术
· 网页设计中排版与布局基础1..
· 网页设计中文字颜色的搭配技..
· CSS技术在网页设计中的运用..
· 网页设计中HTML常范的五个错..
关于本站 - 网站帮助 - 广告合作 - 下载声明 - 友情连接 - 网站地图 - 人才招聘
网站合作、内容监督、商务咨询:QQ: 9576619
Copyright ? 2005--2008 中国建站之家版权所有
粤ICP备05092265号