一個(gè)完整的Web頁面是需要點(diǎn)線面的合理結(jié)合，每一個(gè)頁面都是一個(gè)神奇的空間，同時(shí)他的深度，廣度和作者賦予的元素美感決定了這個(gè)頁面的可觀賞性。

好的創(chuàng)作依附與好的靈感。靈感是一個(gè)很微妙的東西，它是指不用平常的感覺器官而能使精神互相交通，亦稱遠(yuǎn)隔知覺?；蛑笩o意識(shí)中突然興起的神妙能力。或指作家因情緒或景物所引起的創(chuàng)作情狀。

如果你在創(chuàng)作的時(shí)候沒有靈感，不防停下苦思冥想，一張紙一支筆，隨手涂鴉，勾勒一些布局。或傾斜的線，或不規(guī)則的圖形，變換一下角度，或許你會(huì)從中找到一些靈感的突破口。亦或者反復(fù)不斷的去欣賞一些好的作品，在不停的幻燈片式的預(yù)覽過程中，或許就有瞬間的視覺沖擊戳中你的靈感點(diǎn)。

要想讓自己設(shè)計(jì)的頁面有鮮明的藝術(shù)特色，從眾多的頁面里脫穎而出，下面著重從以下四點(diǎn)去介紹。

一.巧妙利用文字

網(wǎng)頁設(shè)計(jì)中，文字在整體界面中起到了主體的作用，是傳達(dá)信息的主要元素，字體的的大小、顏色、字體樣式甚至間距都會(huì)直接影響頁面的視覺傳達(dá)效果。

如下圖例：

整體頁面趨于簡潔，但用文字跟圖形做了巧妙的結(jié)合，使整個(gè)頁面顯的簡而不空，同時(shí)整體文字大小對比也使頁面變的更具層次感。

合理的將字體打散進(jìn)行靈活藝術(shù)加工處理使其圖形化，既呈現(xiàn)了信息，又使整體看起來更加貼切設(shè)計(jì)主題，更具美感和藝術(shù)性。

頁面信息量雖大，但由于在間距和大小對比上做了合理的處理，使整個(gè)頁面看起來滿而不亂，很容易一眼就能找到信息點(diǎn)。

二.使用幾何圖形

網(wǎng)頁一般都是由不同尺寸的欄目快和表格等組成，基本都是非常方正的表現(xiàn)方式，適當(dāng)?shù)倪\(yùn)用一些幾何圖形加入其中，比如三角形，菱形或者圓形，會(huì)使整個(gè)畫面更加的生動(dòng)活潑和起到打破常規(guī)的作用。

如下圖例：

提取了LOGO色，利用不同的幾何圖形組成固定的背景圖案，使整體頁面更加的形象化。

LOGO采用幾何圖形的表現(xiàn)方式，導(dǎo)航則巧妙的使用了輪盤的表現(xiàn)形式，使原本信息量不大且方正的頁面看起來活潑和飽滿。

利用幾何外形直接作為欄目快，在hover的狀態(tài)下直接呈現(xiàn)內(nèi)容，使簡單的畫面豐富起來。

三.合理的留白

古人曾曰：“虛實(shí)相生，無畫出皆成妙境。”說的就是場景中一實(shí)一虛留白的妙處。巧妙的留白可以讓畫面的視覺效果更加的通透，流暢和干凈。避免元素的堆積造成的畫面擁擠，辨識(shí)度低。當(dāng)然留白并不是說頁面中的白色區(qū)域，而是沒有其他元素干擾的視覺區(qū)域。

如下圖例：

以人物為中心，大面積四周留白，突出中心內(nèi)容區(qū)域，雖信息量不大，但簡單明了，直觀的表達(dá)的網(wǎng)站的內(nèi)容主旨。

原本信息量很大的電子產(chǎn)品頁面，通過精簡內(nèi)容和留白設(shè)計(jì)，內(nèi)容不多，但突出主要功能點(diǎn)，使產(chǎn)品看起來更加的簡潔和品質(zhì)感十足。

圖形化為中心的個(gè)人網(wǎng)站，由于信息不多，大膽的采用了大面積留白設(shè)計(jì)，巧妙之處在于在留白的基礎(chǔ)上以圖形作為網(wǎng)站的主要特色和主旨，通透活潑而不失嚴(yán)謹(jǐn)。

四.加入點(diǎn)綴色

點(diǎn)綴顧名思義，就是用小而精湛的手法在原有事物上加以襯托或裝飾，使其更加的美好和迷人。同樣，合理的利用點(diǎn)綴色也能在頁面設(shè)計(jì)中起到畫龍點(diǎn)睛的作用。

如下圖例：

整體暗色調(diào)的設(shè)計(jì)，加入紫色的點(diǎn)綴，遍布各類主要元素，突出了信息，還使得原本沉悶的頁面神秘和活潑起來。

樸實(shí)素凈的頁面，利用黃藍(lán)的背景和元素點(diǎn)綴，豐富了頁面內(nèi)容，增加頁面活力。

大面積采用點(diǎn)綴色作為欄目背景色，使本來方方正正的頁面變的有亮點(diǎn)，同時(shí)也突出襯托了欄目內(nèi)容。

以上就是本次要講的四個(gè)點(diǎn)，當(dāng)然讓頁面活起來的方式肯定不止四種，像插畫元素，動(dòng)效等都可以為頁面增彩，這就需要大家在日后的學(xué)習(xí)中多多總結(jié)和積累了。