青岛网站建设公司,青岛网站制作公司-奈薇建站网
建站咨询热线:0532-8878113113165158935 
知识普及 » 网页设计中排版与布局基础

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

网站工程师 2019-12-27 14:42发表
阅读次数 1443
  有些人始终认为,网页最主要是内容,不需要再搞些门面上的东西,还拿出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)熟悉的图案,如果这件东西我们很熟,则一定会以它为焦点。

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

  一副图,我们怎样才认为它是美的呢?这涉及到形、声、色的有机结合,打动视知觉,使观者产生美的共鸣。一般来说,有如下几点:(1)稳定性:我们的视知觉总是试图找一个平衡点,若找不到则产生混乱。(2)对称性:相应的部位等量,易产于统一的秩序感,但比较单调,可采用增加局部动势的方法,以取得鲜明、生动的效果。(3)非对称平衡:可以平衡为基础,调整尺寸形态结构。或者以形态各异的形,经视觉判断,放置在确定的位置,以得到预想的平衡。这个和个人的审美有关系。事实上,通过上述的一些方法,我们主要是为了创造秩序,使相互的东西能够在没有互相干扰的系统中起作用。混乱与秩序之间的对照唤起了我们的视知觉,我们于是通过平衡、比例、节奏、协调,在迷乱中建立秩序,形成我们自己的风格。形成自己作品的独特气质。而如果注意自己作品的律动性,即旋律性,可通过重要一个基调实现,对于整个页面应该有画龙点晴之效。但要清楚的认识到,并非所有的节奏都产生律动性,有时候,听到一些音乐时觉得它是垃圾,原理是一样的。

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

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

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

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

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

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

  (2)相互渗透

  (3)利用过渡形

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

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

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

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

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

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

  (1)重叠

  (2)大小

  (3)倾侧,旋转,深度

  (4)弯曲

  (5)明度

  (6)投影

  (7)透视

网页设计中排版与布局基础相关标签:网站优化企业网站建设网站推广网站建造
相关热点推荐
关于网站设计的几点矛盾
什么是cache缓存
新手建站注意事项
巧妙性设计之UI按钮设
网站建设的误区
如何做到网站的最佳优化
中小企业如何策划电子商
如何进行网站首页改版
html5与网站优化
网页配色密码
全局于网站整体的网页设
网站设计2016年流行
网页设计的色彩思考
最好的网站设计工具-奈
百度站长工具之外链查询
SEO,Google排
扁平化网页设计的颜色搭
社会化网络用户界面(U
网站定位与网站安全
网站被搜索引擎快速收录
企业自助建站建议
自助建站小技巧-利用c
企业建站,企业网站的主
为什么你的网站没流量?
网站制作中的交互设计
网站关键词摆放的四个关
SEO优化公式
专业网站建设准则
网站推广对企业有什么意
企业建站的优势
企业自主建站应注意的事
必学四点让你的网页设计
网页设计细节的处理
网站设计与维护的主要原
写给做BBS的新站长
建站后的注意事项
首页代码规范
创建一个有强烈视觉冲击
如何提高百度收录
网站设计中完美风格的形
奈薇建站网青岛网站建设公司/青岛网站制作公司,专业提供"气质"型网站建设及精美网站制作服务,同时欢迎各地网站建设公司、网站制作公司代理我们的奈薇建站系统共同发展

热点地区:青岛网站建设价格 青岛即墨网站制作公司 开发区信息港 山东在线门户
  • 备案号
  • 鲁ICP备13010283号
建站咨询热线0532-88781131 15166683288 13963906391
版权所有© BangJianZhan.Com & Nev.Cn 青岛网站建设/网站制作公司
青岛雨后网络科技有限公司 - 青岛市市北区福州北路90号,景泰尚都6层
已经为您服务了
162个月 20