深圳深達(dá)品牌網(wǎng)站建設(shè)公司于2005年創(chuàng)立,
以高端網(wǎng)站建設(shè)、品牌網(wǎng)站設(shè)計(jì)、集團(tuán)網(wǎng)站制作、響應(yīng)式網(wǎng)站建設(shè)、外貿(mào)型網(wǎng)站設(shè)計(jì)、營(yíng)銷(xiāo)型網(wǎng)站建設(shè)、手機(jī)網(wǎng)站制作、微信網(wǎng)站建設(shè)、H5網(wǎng)站制作、電子商務(wù)網(wǎng)站設(shè)計(jì)制作、品牌設(shè)計(jì)、平面設(shè)計(jì)、網(wǎng)絡(luò)服務(wù)、品牌整合傳播策劃為核心業(yè)務(wù),
致力于高端市場(chǎng),專(zhuān)注于品牌服務(wù)、提升企業(yè)形象!咨詢(xún)電話(huà):0755-83769155

深圳網(wǎng)站建設(shè)、深圳網(wǎng)站設(shè)計(jì)、深圳網(wǎng)站制作、網(wǎng)頁(yè)設(shè)計(jì)、深圳網(wǎng)絡(luò)公司、品牌設(shè)計(jì)

2006版 | 咨詢(xún)電話(huà):0755-83769155

設(shè)計(jì)觀點(diǎn)

網(wǎng)頁(yè)設(shè)計(jì)中排版與布局的重要性
2011-09-03     文章來(lái)源: 建站學(xué)

  有些人始終認(rèn)為,網(wǎng)頁(yè)最主要是內(nèi)容,不需要再搞些門(mén)面上的東西,還拿出MUD來(lái)比 喻??墒?,紅花還需要綠葉陪襯。想想,若MUD不只是單純的文本,還有畫(huà)面出來(lái), 那么,它所吸引的何止現(xiàn)在的這些MUD迷呢? 那么,我所要說(shuō)的到底是什么呢?初學(xué)者如果能夠了解一些設(shè)計(jì)上的東西,那么, 自己的頁(yè)面不會(huì)顯得亂,自己看了也開(kāi)心,別人看了也開(kāi)心,何樂(lè)而不為呢?
   我們的主頁(yè),說(shuō)到底,只是一個(gè)800*600的畫(huà)面,那么,我們要怎么對(duì)它進(jìn)行安排 才合理呢? 首先,也是最重要的一點(diǎn),就是先停下創(chuàng)作,先想好一個(gè)主題?quot;設(shè) 計(jì),是一種有目的的創(chuàng)造"。若在動(dòng)手之前并不了解自己將要做什么及要怎么做, 而只是一味的*操作PHOTOSHOP的濾鏡而達(dá)到一種特效的話(huà),那么,最終做出來(lái)的 東西最多局部看得覺(jué)得挺不錯(cuò)的,但全局就顯得太復(fù)雜了。 頁(yè)面上的構(gòu)成,如果要讓別人一眼望去覺(jué)得很BEAUTIFUL,這里面實(shí)際上是有很大 的學(xué)問(wèn)的。
   我們先來(lái)說(shuō)說(shuō)構(gòu)成,"構(gòu)成:是將造型按視覺(jué)效應(yīng)、視覺(jué)力學(xué)和精神力學(xué)等原則組 成的,具備美好形態(tài)的造型"。 構(gòu)成形式里,有空間構(gòu)成(平面構(gòu)成和立體構(gòu)成) 和時(shí)間構(gòu)成(靜和動(dòng))。 我們的創(chuàng)作,就是要協(xié)調(diào)這里面的種種關(guān)系,順應(yīng)視覺(jué) 感受,才能夠打動(dòng)觀看者的視覺(jué),得到我們想要的效果。在這些形形式式里,都有 著如下的部件: 點(diǎn):我們一般認(rèn)為,點(diǎn)是指圓形的,但這是不正確的。只要在空間里有非常少量的 面積,無(wú)法形成一個(gè)視覺(jué)上感覺(jué)的圖形,都是一個(gè)點(diǎn)。無(wú)論什么形狀都可以。 線(xiàn):點(diǎn)集合在一起就形成線(xiàn)。 面:一個(gè)平面。 體:一個(gè)物體。一般是指物體占據(jù)的空間,有三維形狀。
   那么,當(dāng)點(diǎn)、線(xiàn)、面與體集結(jié)在一個(gè)頁(yè)面上時(shí),它們的關(guān)系要怎么協(xié)調(diào)呢?它們 之間都有什么作用呢?
   點(diǎn)有集中視線(xiàn)、緊縮空間、引起注意的功能。 兩個(gè)點(diǎn)相距不遠(yuǎn)而且形狀不等時(shí),一般由小向大看。 近距離的點(diǎn)引起面的感覺(jué)。 靈活運(yùn)用點(diǎn),可使你的頁(yè)面有一些本質(zhì)上的變化。 當(dāng)點(diǎn)占據(jù)不同的空間時(shí),它所引起的感覺(jué)是不同的。
(1) 居中引起視覺(jué)集中注意 。 (2) 上引起下跌落感。 (3) 在上左或上右引起不安定感。 (4) 下方中點(diǎn),產(chǎn)生踏實(shí)感。 (5) 左下右下,增加了動(dòng)感。
   為什么會(huì)這樣呢?因?yàn)槿说囊曈X(jué),都是經(jīng)過(guò)對(duì)生活的感覺(jué)都得來(lái)的。 在下方的東西,一般聯(lián)想到大地。 在上方的東西,一般聯(lián)想到浮云。線(xiàn)、面、體亦然。
   線(xiàn),又分為直線(xiàn)和曲線(xiàn)。 直線(xiàn):給人以速度,明確而銳利的感覺(jué),具男性感。 曲線(xiàn),則優(yōu)美輕快,富于旋律。曲線(xiàn)的用法各異,需結(jié)合自己的需要。 而直線(xiàn)又分為斜線(xiàn)、水平線(xiàn)及垂直線(xiàn)。 水平線(xiàn)代表平穩(wěn)、安定、廣闊,具踏實(shí)感。 垂直線(xiàn)則有強(qiáng)烈的上升及下落趨勢(shì),可增加動(dòng)感。 斜線(xiàn),一般我沒(méi)有怎么使用,因?yàn)樗斐梢曈X(jué)的一種不安定。
   人們每看到一個(gè)東西,都試圖用橫直來(lái)分析,斜、歪是人們所不愿意見(jiàn)到的,但 適當(dāng)運(yùn)用部梢源锏揭恍┨厥廡Ч?這個(gè)要*個(gè)人的感覺(jué)。 面,指的是二度空間里的形。 面又分為幾何形和任意形,我個(gè)人比較喜歡任意形,因?yàn)樗呷饲槲丁?幾何形使人有一些機(jī)械感,但是,每一個(gè)圖形里都會(huì)要用到幾何形,請(qǐng)看它們各 代表什么:
(1) 圓形:運(yùn)動(dòng)及和諧美 (2) 矩形:?jiǎn)渭兌鞔_,穩(wěn)定 (3) 平行四邊形:有向一方運(yùn)動(dòng)的感覺(jué)。 (4) 梯形:最穩(wěn)定,令人聯(lián)想到山。 (5) 正方形:穩(wěn)定的擴(kuò)張。 (6) 正三角形:平穩(wěn)的擴(kuò)張。 (7) 倒三角形:不安定,動(dòng)態(tài)及擴(kuò)張、幻想。
   我們?cè)谌粘I钪兴吹降臇|西,都是由于形與形、圖與底的相互關(guān) 系。圖形之間,圖底之間,正由于對(duì)比產(chǎn)生差異而被我們所感知所接 受。 圖與底的視差越大,圖形越清晰,對(duì)視覺(jué)的沖擊力越大。 那么,平面上 有那么多的東西,我怎么才能夠確定它是否是最主要的呢?請(qǐng)看:易于 成為"視覺(jué)中心"的條件:
(1) 居于畫(huà)面中心。 (2) 垂直或水平的比傾斜更易成為中心。 (3) 被包圍。 (4) 相對(duì)于其它圖形較大的。 (5) 色感要素強(qiáng)烈。 (6) 熟悉的圖案,如果這件東西我們很熟,則一定會(huì)以它為焦點(diǎn)。
  可以把自己認(rèn)為最主要的東西做大一點(diǎn),突出一點(diǎn),色彩鮮艷一點(diǎn),其它的東西小 而且色調(diào)不要那么鮮明,以免搶了主題的"風(fēng)頭"。 注意:圖與底之間的關(guān)系是很重要的。 如果我們確定了背景,再確定主題,在做頁(yè)面時(shí)不注意而將圖與底的關(guān)系設(shè)置為 1:1,那么,我們也許發(fā)現(xiàn),底與圖的力場(chǎng)爭(zhēng)奪非常激烈,即有時(shí)底被我們認(rèn)為是 圖。它們之間的關(guān)系只是相對(duì),而非絕對(duì)。 一般來(lái)說(shuō),底要大于圖,而圖要鮮于底。
   一副圖,我們?cè)鯓硬耪J(rèn)為它是美的呢?這涉及到形、聲、色的有機(jī)結(jié)合,打動(dòng)視知 覺(jué),使觀者產(chǎn)生美的共鳴。一般來(lái)說(shuō),有如下幾點(diǎn): (1) 穩(wěn)定性:我們的視知覺(jué)總是試圖找一個(gè)平衡點(diǎn),若找不到則產(chǎn)生混亂。 (2) 對(duì)稱(chēng)性:相應(yīng)的部位等量,易產(chǎn)于統(tǒng)一的秩序感,但比較單調(diào),可采用增加 局部動(dòng)勢(shì)的方法,以取得鮮明、生動(dòng)的效果。 (3) 非對(duì)稱(chēng)平衡:可以平衡為基礎(chǔ),調(diào)整尺寸形態(tài)結(jié)構(gòu)?;蛘咭孕螒B(tài)各異的形, 經(jīng)視覺(jué)判斷,放置在確定的位置,以得到預(yù)想的平衡。這個(gè)和個(gè)人的審美有關(guān)系。
   事實(shí)上,通過(guò)上述的一些方法,我們主要是為了創(chuàng)造秩序,使相互的東西能夠在 沒(méi)有互相干擾的系統(tǒng)中起作用。 混亂與秩序之間的對(duì)照喚起了我們的視知覺(jué),我們于是通過(guò)平衡、比例、節(jié)奏、 協(xié)調(diào),在迷亂中建立秩序,形成我們自己的風(fēng)格。 形成自己作品的獨(dú)特氣質(zhì)。 而如果注意自己作品的律動(dòng)性,即旋律性,可通過(guò)重要一個(gè)基調(diào)實(shí)現(xiàn),對(duì)于整個(gè) 頁(yè)面應(yīng)該有畫(huà)龍點(diǎn)晴之效。 但要清楚的認(rèn)識(shí)到,并非所有的節(jié)奏都產(chǎn)生律動(dòng)性,有時(shí)候,聽(tīng)到一些音樂(lè)時(shí)覺(jué) 得它是垃圾,原理是一樣的。
   旋律要有情感因素,富于變化而又統(tǒng)一的節(jié)奏和總體的和諧。 流動(dòng)的旋律,活潑、明快、自由、變化、生機(jī)勃勃。 也要注意到,反復(fù)、周而 復(fù)、單純或漸變重復(fù)雖給人以視覺(jué)印象,但過(guò)于單調(diào)會(huì)使人疲勞并產(chǎn)生厭煩。必須 在反復(fù)中尋找動(dòng)與靜的完美結(jié)合,尋求單純與復(fù)雜、細(xì)膩與奔放、定向與不定向之 間的對(duì)比,在構(gòu)成方式上多探索,多借鑒,求新求變。 以下介紹這方面的方法: (1) 同質(zhì)要素的統(tǒng)一,這個(gè)比較容易,只要自己多摸索就行了。 (2) 類(lèi)似要素統(tǒng)一,大小類(lèi)似,色明度類(lèi)似就可以了。 (3) 不一樣的要素的統(tǒng)一,由于形成對(duì)比,因此一般會(huì)形成對(duì)比,造成零散、 不統(tǒng)一的感覺(jué),要令它產(chǎn)生節(jié)奏,一般是在要形成強(qiáng)烈焦點(diǎn)時(shí)才使用。 總之,我們要記住這一點(diǎn): 在相同中求變化,在不同中求統(tǒng)一,使大部分相同,使小部分相異,可取得統(tǒng)一 又富有變化的感覺(jué)。 但是,也要注意差異的大小問(wèn)題。差異是對(duì)規(guī)律進(jìn)行突破及形成對(duì)比,富于變 化。但是,差異過(guò)大,易失去總體協(xié)調(diào),過(guò)小易被規(guī)律淹沒(méi),就注意把握尺度, 以不失整體觀感的適度對(duì)比為準(zhǔn)。
   我們?cè)鯓硬拍軌蜃寗e人覺(jué)得我們的圖片很協(xié)調(diào)呢? 方法如下: (1) 保留一個(gè)相近或近似的因素,自然的過(guò)渡 (2) 相互滲透 (3) 利用過(guò)渡形
   在對(duì)比方面,必須有周密的編排,具體如下: (1) 方向?qū)Ρ?在基本有方向的前提下,大部分相同,小部分不同可形成對(duì)比 (2) 位置對(duì)比 在頁(yè)面的安排不要太對(duì)稱(chēng),以避免平板單調(diào)。應(yīng)在不對(duì)稱(chēng)中找到 均衡,由此得到疏密對(duì)比。 (3) 虛實(shí)對(duì)比 事實(shí)上,虛與實(shí)是同等重要的,畫(huà)黑則白出,造圖則底成。應(yīng)注 意雙方平衡。 (4) 隱顯對(duì)比 圖與底比較,明度差大者顯示,明度差小者隱藏。顯與隱相輔相 成,能造成豐富的層次感。
   在空間感方面,可以以點(diǎn)、線(xiàn)、面的排列,形成不同的空間感。 如以下方法: (1) 重疊 (2) 大小 (3) 傾側(cè),旋轉(zhuǎn),深度 (4) 彎曲 (5) 明度 (6) 投影 (7) 透視

深達(dá)觀點(diǎn)
OUR VIEW