網(wǎng)頁(yè)設(shè)計(jì)中留白的藝術(shù)
國(guó)畫(huà)中有一句話描述這種藝術(shù)形式的空間布局比較經(jīng)典,就是“計(jì)白當(dāng)黑”,表明了白也就是空的地方和著的墨一樣都是國(guó)畫(huà)整體的組成部分,如何利用空間中的留白是非常重要的,也是提升藝術(shù)性的途徑,有些盡管是畫(huà)的很不錯(cuò),但是看起來(lái)不舒服,就是沒(méi)有重視留白,造成了畫(huà)面的整體上的失敗。對(duì)于網(wǎng)頁(yè)設(shè)計(jì)來(lái)說(shuō),有何嘗不是如此呢?也許現(xiàn)在我們沒(méi)有把它提升到一個(gè)藝術(shù)審美的角度來(lái)看待,所以沒(méi)有人去深究過(guò)網(wǎng)頁(yè)的藝術(shù)性,我想這是我們網(wǎng)頁(yè)設(shè)計(jì)者孜孜以求的方向,因?yàn)槲磥?lái)的網(wǎng)絡(luò)技術(shù)高度發(fā)達(dá),人們對(duì)于更高層次的追求也就必然會(huì)牽涉到對(duì)藝術(shù)、對(duì)美的追求。既然如此,我們就應(yīng)該把眼光放遠(yuǎn)一點(diǎn),把網(wǎng)頁(yè)的設(shè)計(jì)提到這個(gè)層次來(lái)考慮。盡量的克服目前技術(shù)帶來(lái)的限制。既然如此,按照藝術(shù)審美的觀點(diǎn),網(wǎng)頁(yè)上的留白也是一個(gè)組成部分,同其它的主要的內(nèi)容入文本、圖片、動(dòng)畫(huà)一樣,是每個(gè)設(shè)計(jì)者在制作網(wǎng)頁(yè)時(shí)要一起考慮的。
提升到藝術(shù)的高度來(lái)看待留白是通過(guò)視覺(jué)上的手段,留白也可以給人帶來(lái)心理上的輕松與快樂(lè),也可以給人帶來(lái)緊張與節(jié)奏,通過(guò)這種手段可以向使用者表達(dá)出設(shè)計(jì)者的心理感覺(jué),設(shè)計(jì)者在設(shè)計(jì)網(wǎng)頁(yè)的同時(shí)也在同自己的使用對(duì)象在作一種交流,好的設(shè)計(jì)者能夠達(dá)到同自己的使用對(duì)象進(jìn)行心理對(duì)話的程度。不光通過(guò)頁(yè)面上的文字、圖片、動(dòng)畫(huà)的組合和排列,同時(shí)借助留白進(jìn)行表達(dá)??梢赃_(dá)到非常好的效果,例如一個(gè)休閑的網(wǎng)站,設(shè)計(jì)者要傳達(dá)給使用者的一個(gè)信息就是要是讓他們輕松隨意,無(wú)拘無(wú)束,光通過(guò)網(wǎng)頁(yè)上的圖片和文字的表達(dá)是干巴巴的,沒(méi)有感情色彩的。如果能通過(guò)網(wǎng)頁(yè)設(shè)計(jì)反映出這種感情色彩,顯然這樣的設(shè)計(jì)是較為高明的設(shè)計(jì)。能實(shí)現(xiàn)嗎?當(dāng)然可以,借助網(wǎng)頁(yè)上的留白就可以,讓留白更多的顯示出自己的特色,在聯(lián)系圖片和文字的中間架起一道橋梁!
既然如此,我們應(yīng)該在設(shè)計(jì)中怎樣合理的利用留白這種手段來(lái)實(shí)現(xiàn)以上的目的呢?提升藝術(shù)層次,追求心理上的認(rèn)同感就要從一個(gè)空間的層面上來(lái)考慮,僅僅從留白的本身來(lái)考慮是遠(yuǎn)遠(yuǎn)不夠的。它是包含在網(wǎng)頁(yè)整個(gè)二維空間里的組成部分,整個(gè)空間要表現(xiàn)出一定的整體性,整體和局部本來(lái)就是一對(duì)矛盾體,互相制約又互相促進(jìn),在局部可能是空間的分配有度,留出的空白也非常的和諧,但是作為一個(gè)整體來(lái)說(shuō)就不然。只有照顧了整個(gè)頁(yè)面的空間的分配,使留白能夠借此表現(xiàn)出一定的活力,有時(shí)候盡管局部可能是不完善的,又有什么要緊呢?所以要時(shí)時(shí)把握這個(gè)度,調(diào)整自己的網(wǎng)頁(yè)的空間,其中應(yīng)該堅(jiān)持的標(biāo)準(zhǔn)就是以上提出的兩點(diǎn)要求,同時(shí)借助于自己的設(shè)計(jì)師的審美的感覺(jué),當(dāng)然更重要的是要緊密的結(jié)合自己的使用對(duì)象的情感要求,當(dāng)然這也是設(shè)計(jì)師在不斷的設(shè)計(jì)實(shí)踐過(guò)程中不斷探索,不斷的調(diào)整,從而能夠把握住。以下分兩個(gè)方面來(lái)具體談?wù)劇?/p>
第一:如何在空間中突出留白的作用,在審美的觀點(diǎn)上,我們知道要使做的網(wǎng)頁(yè)更加的漂亮,有很多的形式美的要素,這里要強(qiáng)調(diào)的是頁(yè)面的均衡、節(jié)奏和韻律,因?yàn)橥ㄟ^(guò)網(wǎng)頁(yè)的排版布局,在很大程度上是借助于留白的作用,也許在設(shè)計(jì)的時(shí)候沒(méi)有留意,在不知不覺(jué)中在利用它,試想在一個(gè)頁(yè)面上充滿了圖片和文字,一點(diǎn)空隙都沒(méi)有那是根本談不上節(jié)奏感和韻律感的,有了這個(gè)要素(這里可以這樣認(rèn)為),就可以合理的調(diào)劑它和其它的網(wǎng)頁(yè)上的其它要素之間的關(guān)系,使之安排更加的合理。可以這樣來(lái)設(shè)計(jì),利用留白的體量感來(lái)使頁(yè)面的達(dá)到平衡,最好是在一種不平衡中營(yíng)造出平衡的感覺(jué),這樣就會(huì)使頁(yè)面更生動(dòng),更富有光彩,假如左右的兩個(gè)部分有文字,可以適當(dāng)?shù)膶⑺鼈兊拇笮≌{(diào)整,是一邊很大,文本內(nèi)容很多,可以放得靠上一些,空出一小部分;另一邊小,內(nèi)容少一些,放在下角,上面的留白很多。這樣就會(huì)贏得均衡,不會(huì)那么死板。當(dāng)然這只是一個(gè)簡(jiǎn)單的例子,實(shí)際的運(yùn)用中很多時(shí)候是多個(gè)形式美的要素的綜合。在網(wǎng)頁(yè)中通過(guò)留白的橋梁作用,是整個(gè)頁(yè)面上的要素排布的松緊呈現(xiàn)出高低錯(cuò)落,跌宕起伏,這樣瀏覽起來(lái)就會(huì)富有極強(qiáng)的節(jié)奏感,象是在聽(tīng)一首好聽(tīng)的歌曲。畢竟生活不只是按部就班的生活,有時(shí)候感覺(jué)只是生活,或者是工作,沒(méi)有藝術(shù),沒(méi)有美。這是設(shè)計(jì)者的責(zé)任,在網(wǎng)頁(yè)設(shè)計(jì)的時(shí)候要能體現(xiàn)出來(lái),不是很好嗎?當(dāng)然不是說(shuō)每個(gè)網(wǎng)站都設(shè)計(jì)出來(lái)象音樂(lè)或者是藝術(shù)網(wǎng)站一樣具有那樣的節(jié)奏感,在不同種類的網(wǎng)站中體現(xiàn)得要不同,這是一個(gè)需要設(shè)計(jì)者把握的問(wèn)題。把握得不好就會(huì)出現(xiàn)和設(shè)計(jì)者的意圖不一致或者甚至是相反的效果。
第二:利用網(wǎng)頁(yè)留白,我們可以不用太多的說(shuō)明就可以表現(xiàn)出它的網(wǎng)站的特征,這是主要從網(wǎng)頁(yè)的功能性的方面來(lái)看的。例如新聞性網(wǎng)站的信息性、快速性。體育網(wǎng)站的充滿激情。商業(yè)網(wǎng)站的商業(yè)味……,運(yùn)用得好就如同其它的商業(yè)上的運(yùn)作一樣可獲得成功。我們知道快餐店利用強(qiáng)烈的刺激性的紅色作為它的墻面或者是座椅的色彩,這樣讓人在這樣的環(huán)境里感覺(jué)到一種緊張感,由此不愿在里面呆很長(zhǎng)時(shí)間,由此騰出更多的空間給后來(lái)的人用,所以通過(guò)這種手段使快餐店的生意更加的好。反之在醫(yī)院里通常是用一些象征安靜的藍(lán)色或者是白色,可以使人心情更平靜。同樣在網(wǎng)頁(yè)上我們可以利用空間的運(yùn)用,借助留白來(lái)達(dá)到一定的效果,有時(shí)候得到的效果是使人意想不到的。例如在新聞?lì)惖木W(wǎng)站上,可以將文字設(shè)置得更加的緊密一些,從而是頁(yè)面上的內(nèi)容更多,給使用者的一個(gè)影響是很值得看的,不用看內(nèi)容就知道有很多東西,內(nèi)容的設(shè)置盡量集中一些,不要給人的感覺(jué)是雜亂無(wú)章的。不要設(shè)置得太散,盡管可以是通過(guò)下拉菜單來(lái)看,但是給人的感覺(jué)就是內(nèi)容少,太空。這也是人的心理因素的作用。在一些休閑的網(wǎng)頁(yè)里就不一樣了,留出的空間就要多一些,使頁(yè)面顯出更加輕松的特征,使人一上這個(gè)網(wǎng)就能感覺(jué)到一種放松的心情,符合休閑的特征。而目前很多這類網(wǎng)站是沒(méi)有這樣做的,他們的目標(biāo)是盡量使更多的人能夠訪問(wèn)這個(gè)網(wǎng)站,所以就放盡量多的內(nèi)容在主頁(yè)上,使更廣泛的人能夠在這個(gè)網(wǎng)站上找到自己感興趣的內(nèi)容。這樣就進(jìn)入了一個(gè)誤區(qū),就是頁(yè)面上分布得密密麻麻,讓人感覺(jué)到一種急促感,緊迫感。給上網(wǎng)的人帶來(lái)壓力,是上這種網(wǎng)站的人所不愿意的。
當(dāng)然留白是留空,有時(shí)候需要突破這個(gè)層面,這樣會(huì)發(fā)現(xiàn)很多的地方都有發(fā)揮的余地,某種程度上留空就是留白,在這里顏色的作用是不可忽視的,因?yàn)轭伾旧砭哂畜w量感,具有感情色彩。所以利用有顏色的留空可以給頁(yè)面帶來(lái)均衡,也可以使頁(yè)面更加的豐富。例如不同的位置的留出的色塊之間的相互對(duì)比,相互呼應(yīng)。以及本身大小帶來(lái)的重量感,同時(shí)同網(wǎng)頁(yè)上的文本和圖片之間的結(jié)合,可以是頁(yè)面呈現(xiàn)出整體上的協(xié)調(diào)。同時(shí)借助于顏色的冷淡,加重頁(yè)面給人的感情色彩。目前很多網(wǎng)站都在采用這種手段,網(wǎng)頁(yè)上看不到一點(diǎn)純粹的留出的白色的地方,都是一些色塊,這樣原理是同留白一樣的,通過(guò)這些色塊(多說(shuō)是融合于文本或者是圖片在一起的),然后來(lái)看待它們之間的關(guān)系,在一個(gè)整體的美感作為標(biāo)準(zhǔn)的條件下,綜合運(yùn)用這些留空來(lái)進(jìn)行制作,這里就要考慮顏色的輕重和大小是相關(guān)聯(lián)的,不能只看到空間的大小來(lái)進(jìn)行對(duì)比,同時(shí)也要抓住顏色多少的搭配,不能以為追求對(duì)比調(diào)和或者是單純的追求節(jié)奏而濫用顏色,頁(yè)面華而不實(shí),給使用者帶來(lái)極大的不方便。這是應(yīng)用上的失敗。研究網(wǎng)頁(yè)上的留白就要擴(kuò)展它的意義,掌握它的變化有利于我們?cè)谥谱骶W(wǎng)頁(yè)的時(shí)候,靈活的采用,從而給我們的設(shè)計(jì)帶來(lái)極大的方便,給我們每一個(gè)設(shè)計(jì)者的設(shè)計(jì)意圖的傳達(dá)帶來(lái)更加廣闊的空間。
留白的處理是非常重要的手段,每一個(gè)網(wǎng)頁(yè)設(shè)計(jì)者都要有這種意識(shí),在設(shè)計(jì)時(shí)有意識(shí)的將自己一些感受恰如其分的通過(guò)這些手段傳達(dá)出去,會(huì)收到事半功倍的效果,“計(jì)白當(dāng)黑”給了我們很大的啟示,在網(wǎng)頁(yè)的構(gòu)成中,空白同樣占有自己不可替代的作用。
本文地址:http://m.likemindfilms.com/tutorial/di933.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁(yè)設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁(yè)背景效果制作教程
- 龐門(mén)正道:好好玩耍的點(diǎn)線面(上)
- 網(wǎng)頁(yè)設(shè)計(jì)中的常見(jiàn)頁(yè)面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁(yè)設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫(kù):40款為網(wǎng)頁(yè)設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺(jué)設(shè)計(jì)分享—專題頁(yè)面設(shè)計(jì)篇
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏