您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計教程 >> 設(shè)計理論 >> 瀏覽設(shè)計教程

網(wǎng)頁設(shè)計中留白的藝術(shù)

國畫中有一句話描述這種藝術(shù)形式的空間布局比較經(jīng)典,就是“計白當(dāng)黑”,表明了白也就是空的地方和著的墨一樣都是國畫整體的組成部分,如何利用空間中的留白是非常重要的,也是提升藝術(shù)性的途徑,有些盡管是畫的很不錯,但是看起來不舒服,就是沒有重視留白,造成了畫面的整體上的失敗。對于網(wǎng)頁設(shè)計來說,有何嘗不是如此呢?也許現(xiàn)在我們沒有把它提升到一個藝術(shù)審美的角度來看待,所以沒有人去深究過網(wǎng)頁的藝術(shù)性,我想這是我們網(wǎng)頁設(shè)計者孜孜以求的方向,因?yàn)槲磥淼木W(wǎng)絡(luò)技術(shù)高度發(fā)達(dá),人們對于更高層次的追求也就必然會牽涉到對藝術(shù)、對美的追求。既然如此,我們就應(yīng)該把眼光放遠(yuǎn)一點(diǎn),把網(wǎng)頁的設(shè)計提到這個層次來考慮。盡量的克服目前技術(shù)帶來的限制。既然如此,按照藝術(shù)審美的觀點(diǎn),網(wǎng)頁上的留白也是一個組成部分,同其它的主要的內(nèi)容入文本、圖片、動畫一樣,是每個設(shè)計者在制作網(wǎng)頁時要一起考慮的。

  提升到藝術(shù)的高度來看待留白是通過視覺上的手段,留白也可以給人帶來心理上的輕松與快樂,也可以給人帶來緊張與節(jié)奏,通過這種手段可以向使用者表達(dá)出設(shè)計者的心理感覺,設(shè)計者在設(shè)計網(wǎng)頁的同時也在同自己的使用對象在作一種交流,好的設(shè)計者能夠達(dá)到同自己的使用對象進(jìn)行心理對話的程度。不光通過頁面上的文字、圖片、動畫的組合和排列,同時借助留白進(jìn)行表達(dá)。可以達(dá)到非常好的效果,例如一個休閑的網(wǎng)站,設(shè)計者要傳達(dá)給使用者的一個信息就是要是讓他們輕松隨意,無拘無束,光通過網(wǎng)頁上的圖片和文字的表達(dá)是干巴巴的,沒有感情色彩的。如果能通過網(wǎng)頁設(shè)計反映出這種感情色彩,顯然這樣的設(shè)計是較為高明的設(shè)計。能實(shí)現(xiàn)嗎?當(dāng)然可以,借助網(wǎng)頁上的留白就可以,讓留白更多的顯示出自己的特色,在聯(lián)系圖片和文字的中間架起一道橋梁!

  既然如此,我們應(yīng)該在設(shè)計中怎樣合理的利用留白這種手段來實(shí)現(xiàn)以上的目的呢?提升藝術(shù)層次,追求心理上的認(rèn)同感就要從一個空間的層面上來考慮,僅僅從留白的本身來考慮是遠(yuǎn)遠(yuǎn)不夠的。它是包含在網(wǎng)頁整個二維空間里的組成部分,整個空間要表現(xiàn)出一定的整體性,整體和局部本來就是一對矛盾體,互相制約又互相促進(jìn),在局部可能是空間的分配有度,留出的空白也非常的和諧,但是作為一個整體來說就不然。只有照顧了整個頁面的空間的分配,使留白能夠借此表現(xiàn)出一定的活力,有時候盡管局部可能是不完善的,又有什么要緊呢?所以要時時把握這個度,調(diào)整自己的網(wǎng)頁的空間,其中應(yīng)該堅持的標(biāo)準(zhǔn)就是以上提出的兩點(diǎn)要求,同時借助于自己的設(shè)計師的審美的感覺,當(dāng)然更重要的是要緊密的結(jié)合自己的使用對象的情感要求,當(dāng)然這也是設(shè)計師在不斷的設(shè)計實(shí)踐過程中不斷探索,不斷的調(diào)整,從而能夠把握住。以下分兩個方面來具體談?wù)劇?/p>

  第一:如何在空間中突出留白的作用,在審美的觀點(diǎn)上,我們知道要使做的網(wǎng)頁更加的漂亮,有很多的形式美的要素,這里要強(qiáng)調(diào)的是頁面的均衡、節(jié)奏和韻律,因?yàn)橥ㄟ^網(wǎng)頁的排版布局,在很大程度上是借助于留白的作用,也許在設(shè)計的時候沒有留意,在不知不覺中在利用它,試想在一個頁面上充滿了圖片和文字,一點(diǎn)空隙都沒有那是根本談不上節(jié)奏感和韻律感的,有了這個要素(這里可以這樣認(rèn)為),就可以合理的調(diào)劑它和其它的網(wǎng)頁上的其它要素之間的關(guān)系,使之安排更加的合理??梢赃@樣來設(shè)計,利用留白的體量感來使頁面的達(dá)到平衡,最好是在一種不平衡中營造出平衡的感覺,這樣就會使頁面更生動,更富有光彩,假如左右的兩個部分有文字,可以適當(dāng)?shù)膶⑺鼈兊拇笮≌{(diào)整,是一邊很大,文本內(nèi)容很多,可以放得靠上一些,空出一小部分;另一邊小,內(nèi)容少一些,放在下角,上面的留白很多。這樣就會贏得均衡,不會那么死板。當(dāng)然這只是一個簡單的例子,實(shí)際的運(yùn)用中很多時候是多個形式美的要素的綜合。在網(wǎng)頁中通過留白的橋梁作用,是整個頁面上的要素排布的松緊呈現(xiàn)出高低錯落,跌宕起伏,這樣瀏覽起來就會富有極強(qiáng)的節(jié)奏感,象是在聽一首好聽的歌曲。畢竟生活不只是按部就班的生活,有時候感覺只是生活,或者是工作,沒有藝術(shù),沒有美。這是設(shè)計者的責(zé)任,在網(wǎng)頁設(shè)計的時候要能體現(xiàn)出來,不是很好嗎?當(dāng)然不是說每個網(wǎng)站都設(shè)計出來象音樂或者是藝術(shù)網(wǎng)站一樣具有那樣的節(jié)奏感,在不同種類的網(wǎng)站中體現(xiàn)得要不同,這是一個需要設(shè)計者把握的問題。把握得不好就會出現(xiàn)和設(shè)計者的意圖不一致或者甚至是相反的效果。

  第二:利用網(wǎng)頁留白,我們可以不用太多的說明就可以表現(xiàn)出它的網(wǎng)站的特征,這是主要從網(wǎng)頁的功能性的方面來看的。例如新聞性網(wǎng)站的信息性、快速性。體育網(wǎng)站的充滿激情。商業(yè)網(wǎng)站的商業(yè)味……,運(yùn)用得好就如同其它的商業(yè)上的運(yùn)作一樣可獲得成功。我們知道快餐店利用強(qiáng)烈的刺激性的紅色作為它的墻面或者是座椅的色彩,這樣讓人在這樣的環(huán)境里感覺到一種緊張感,由此不愿在里面呆很長時間,由此騰出更多的空間給后來的人用,所以通過這種手段使快餐店的生意更加的好。反之在醫(yī)院里通常是用一些象征安靜的藍(lán)色或者是白色,可以使人心情更平靜。同樣在網(wǎng)頁上我們可以利用空間的運(yùn)用,借助留白來達(dá)到一定的效果,有時候得到的效果是使人意想不到的。例如在新聞類的網(wǎng)站上,可以將文字設(shè)置得更加的緊密一些,從而是頁面上的內(nèi)容更多,給使用者的一個影響是很值得看的,不用看內(nèi)容就知道有很多東西,內(nèi)容的設(shè)置盡量集中一些,不要給人的感覺是雜亂無章的。不要設(shè)置得太散,盡管可以是通過下拉菜單來看,但是給人的感覺就是內(nèi)容少,太空。這也是人的心理因素的作用。在一些休閑的網(wǎng)頁里就不一樣了,留出的空間就要多一些,使頁面顯出更加輕松的特征,使人一上這個網(wǎng)就能感覺到一種放松的心情,符合休閑的特征。而目前很多這類網(wǎng)站是沒有這樣做的,他們的目標(biāo)是盡量使更多的人能夠訪問這個網(wǎng)站,所以就放盡量多的內(nèi)容在主頁上,使更廣泛的人能夠在這個網(wǎng)站上找到自己感興趣的內(nèi)容。這樣就進(jìn)入了一個誤區(qū),就是頁面上分布得密密麻麻,讓人感覺到一種急促感,緊迫感。給上網(wǎng)的人帶來壓力,是上這種網(wǎng)站的人所不愿意的。

  當(dāng)然留白是留空,有時候需要突破這個層面,這樣會發(fā)現(xiàn)很多的地方都有發(fā)揮的余地,某種程度上留空就是留白,在這里顏色的作用是不可忽視的,因?yàn)轭伾旧砭哂畜w量感,具有感情色彩。所以利用有顏色的留空可以給頁面帶來均衡,也可以使頁面更加的豐富。例如不同的位置的留出的色塊之間的相互對比,相互呼應(yīng)。以及本身大小帶來的重量感,同時同網(wǎng)頁上的文本和圖片之間的結(jié)合,可以是頁面呈現(xiàn)出整體上的協(xié)調(diào)。同時借助于顏色的冷淡,加重頁面給人的感情色彩。目前很多網(wǎng)站都在采用這種手段,網(wǎng)頁上看不到一點(diǎn)純粹的留出的白色的地方,都是一些色塊,這樣原理是同留白一樣的,通過這些色塊(多說是融合于文本或者是圖片在一起的),然后來看待它們之間的關(guān)系,在一個整體的美感作為標(biāo)準(zhǔn)的條件下,綜合運(yùn)用這些留空來進(jìn)行制作,這里就要考慮顏色的輕重和大小是相關(guān)聯(lián)的,不能只看到空間的大小來進(jìn)行對比,同時也要抓住顏色多少的搭配,不能以為追求對比調(diào)和或者是單純的追求節(jié)奏而濫用顏色,頁面華而不實(shí),給使用者帶來極大的不方便。這是應(yīng)用上的失敗。研究網(wǎng)頁上的留白就要擴(kuò)展它的意義,掌握它的變化有利于我們在制作網(wǎng)頁的時候,靈活的采用,從而給我們的設(shè)計帶來極大的方便,給我們每一個設(shè)計者的設(shè)計意圖的傳達(dá)帶來更加廣闊的空間。

  留白的處理是非常重要的手段,每一個網(wǎng)頁設(shè)計者都要有這種意識,在設(shè)計時有意識的將自己一些感受恰如其分的通過這些手段傳達(dá)出去,會收到事半功倍的效果,“計白當(dāng)黑”給了我們很大的啟示,在網(wǎng)頁的構(gòu)成中,空白同樣占有自己不可替代的作用。

[教程作者:admin]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/di933.html
網(wǎng)頁設(shè)計中需要注意的兩個要點(diǎn)
巧用“核心數(shù)據(jù)像素”打造出彩的網(wǎng)頁設(shè)計
圖趣網(wǎng)微信
建議反饋
×