您当前的位置:首页 > 网页设计 > ps技术 ps技术

网页布局设计

发布时间:06-01  来源:云动网络  作者:云动  点击:

 

网页布局设计往往是很难的,因为网页布局直接影响到页面的美观程度,网页的内容多少也影响着布局的设计。大多数网站页面结构都会包括网页标题、网站LOGO、导航栏、功能列表区、主内容区和状态栏等。在进行网页布局设计时不要把所有内容都放在页面里。还需要我们把网页内容进行合理的排版布局,以给浏览者赏心悦目的感觉,增强网站的吸引力。在设计布局的时候我们要注意把文字、图片在网页空间上均匀分布并且不同形状、色彩的网页元素要相互对比,以形成鲜明的视觉效果。
    我们先来说说构成,“构成是将造型按视觉效应、视觉力学和精神力学等原则组成的,具备美好形态的造型”。 构成形式里,有空间构成(平面构成和立体构成) 和时间构成(静和动)。我们的创作,就是要协调这里面的种种关系,顺应视觉感受,才能够打动观看者的视觉,得到我们想要的效果。在这些形形式式里,都有着如下的部件:
    点:我们一般认为,点是指圆形的,但这是不正确的。只要在空间里有非常少量的 面积,无法形成一个视觉上感觉的图形,都是一个点。无论什么形状都可以。
    线:点集合在一起就形成线。
    面:一个平面。
    体:一个物体。一般是指物体占据的空间,有三维形状。
    那么,当点、线、面与体集结在一个页面上时,它们的关系要怎么协调呢?它们之间都有什么作用呢?
    点有集中视线、紧缩空间、引起注意的功能。 两个点相距不远而且形状不等时,一般由小向大看。近距离的点引起面的感觉。灵活运用点,可使你的页面有一些本质上的变化。当点占据不同的空间时,它所引起的感觉是不同的:
  • 居中引起视觉集中注意 。
  • 上引起下跌落感。
  • 在上左或上右引起不安定感。
  • 下方中点,产生踏实感。
  • 左下右下,增加了动感。
    线,又分为直线和曲线。 直线给人以速度,明确而锐利的感觉,具男性感。 曲线则优美轻快,富于旋律。曲线的用法各异,需结合自己的需要。而直线又分为斜线、水平线及垂直线。 水平线代表平稳、安定、广阔,具踏实感。 垂直线则有强烈的上升及下落趋势,可增加动感。 斜线,一般我没有怎么使用,因为它造成视觉的一种不安定。
    面,指的是二度空间里的形。 面又分为几何形和任意形,任意形具人情味。几何形使人有一些机械感,但是,每一个图形里都会要用到几何形,请看它们各代表什么:
  • 圆形:运动及和谐美。
  • 矩形:单纯而明确,稳定。
  • 平行四边形:有向一方运动的感觉。
  • 梯形:最稳定,令人联想到山。
  • 正方形:稳定的扩张。
  • 正三角形:平稳的扩张。
  • 倒三角形:不安定,动态及扩张、幻想。
    我们在日常生活中所看到的东西,都是由于形与形、图与底的相互关 系。图形之间,图底之间,正由于对比产生差异而被我们所感知所接受。 图与底的视差越大,图形越清晰,对视觉的冲击力越大。 那么,平面上有那么多的东西,我怎么才能够确定它是否是最主要的呢?
  • 居于画面中心。
  • 垂直或水平的比倾斜更易成为中心。
  • 被包围。
  • 相对于其它图形较大的。
  • 色感要素强烈。
  • 熟悉的图案,如果这件东西我们很熟,则一定会以它为焦点。
  可以把自己认为最主要的东西做大一点,突出一点,色彩鲜艳一点,其它的东西小 而且色调不要那么鲜明,以免抢了主题的"风头"。 注意:图与底之间的关系是很重要的。 如果我们确定了背景,再确定主题,在做页面时不注意而将图与底的关系设置为 1:1,那么,我们也许发现,底与图的力场争夺非常激烈,即有时底被我们认为是图。它们之间的关系只是相对,而非绝对。 一般来说,底要大于图,而图要鲜于底。 
    事实上,通过上述的一些方法,我们主要是为了创造秩序,使相互的东西能够在没有互相干扰的系统中起作用。 混乱与秩序之间的对照唤起了我们的视知觉,我们于是通过平衡、比例、节奏、协调,在迷乱中建立秩序,形成我们自己的风格。形成自己作品的独特气质。 而如果注意自己作品的律动性,即旋律性,可通过重要一个基调实现,对于整个页面应该有画龙点晴之效。 但要清楚的认识到,并非所有的节奏都产生律动性,有时候,听到一些音乐时觉得它是垃圾,原理是一样的。
    旋律要有情感因素,富于变化而又统一的节奏和总体的和谐。 流动的旋律,活泼、明快、自由、变化、生机勃勃。 也要注意到,反复、周而复、单纯或渐变重复虽给人以视觉印象,但过于单调会使人疲劳并产生厌烦。必须 在反复中寻找动与静的完美结合,寻求单纯与复杂、细腻与奔放、定向与不定向之 间的对比,在构成方式上多探索,多借鉴,求新求变。
更多