一個(gè)完整的Web頁(yè)面是需要點(diǎn)線面的合理結(jié)合,,每一個(gè)頁(yè)面都是一個(gè)神奇的空間,同時(shí)他的深度,廣度和作者賦予的元素美感決定了這個(gè)頁(yè)面的可觀賞性,。
好的創(chuàng)作依附與好的靈感。靈感是一個(gè)很微妙的東西,,它是指不用平常的感覺(jué)器官而能使精神互相交通,,亦稱遠(yuǎn)隔知覺(jué);或指無(wú)意識(shí)中突然興起的神妙能力,;或指作家因情緒或景物所引起的創(chuàng)作情狀,。如果你在創(chuàng)作的時(shí)候沒(méi)有靈感,不防停下苦思冥想,,一張紙一支筆,,隨手涂鴉,勾勒一些布局,,或傾斜的線,,或不規(guī)則的圖形,變換一下角度,,或許你會(huì)從中找到一些靈感的突破口,;亦或者反復(fù)不斷的去欣賞一些好的作品,在不停的幻燈片式的預(yù)覽過(guò)程中,,或許就有瞬間的視覺(jué)沖擊戳中你的靈感點(diǎn),。
一,、巧妙利用文字
網(wǎng)頁(yè)設(shè)計(jì)中,文字在整體界面中起到了主體的作用,,是傳達(dá)信息的主要元素,,字體的的大小、顏色,、字體樣式甚至間距都會(huì)直接影響頁(yè)面的視覺(jué)傳達(dá)效果,。就以下圖為例:
整體頁(yè)面趨于簡(jiǎn)潔,但用文字跟圖形做了巧妙的結(jié)合,,使整個(gè)頁(yè)面顯的簡(jiǎn)而不空,,同時(shí)整體文字大小對(duì)比也使頁(yè)面變的更具層次感;合理的將字體打散進(jìn)行靈活藝術(shù)加工處理使其圖形化,,既呈現(xiàn)了信息,,又使整體看起來(lái)更加貼切設(shè)計(jì)主題,更具美感和藝術(shù)性;頁(yè)面信息量雖大,,但由于在間距和大小對(duì)比上做了合理的處理,,使整個(gè)頁(yè)面看起來(lái)滿而不亂,很容易一眼就能找到信息點(diǎn),。
二,、使用幾何圖形
網(wǎng)頁(yè)一般都是由不同尺寸的欄目快和表格等組成,基本都是非常方正的表現(xiàn)方式,,適當(dāng)?shù)倪\(yùn)用一些幾何圖形加入其中,,比如三角形,菱形或者圓形,,會(huì)使整個(gè)畫面更加的生動(dòng)活潑和起到打破常規(guī)的作用。如下圖例:
提取了LOGO色,,利用不同的幾何圖形組成固定的背景圖案,,使整體頁(yè)面更加的形象化;LOGO采用幾何圖形的表現(xiàn)方式,,導(dǎo)航則巧妙的使用了輪盤的表現(xiàn)形式,,使原本信息量不大且方正的頁(yè)面看起來(lái)活潑和飽滿;其次利用幾何外形直接作為欄目快,,在hover的狀態(tài)下直接呈現(xiàn)內(nèi)容,,使簡(jiǎn)單的畫面豐富起來(lái)。
三,、合理的留白
古人曾曰:“虛實(shí)相生,,無(wú)畫出皆成妙境�,!闭f(shuō)的就是場(chǎng)景中一實(shí)一虛留白的妙處,。巧妙的留白可以讓畫面的視覺(jué)效果更加的通透,流暢和干凈,。避免元素的堆積造成的畫面擁擠,,辨識(shí)度低。當(dāng)然留白并不是說(shuō)頁(yè)面中的白色區(qū)域,,而是沒(méi)有其他元素干擾的視覺(jué)區(qū)域,。如下圖例:
以人物為中心,大面積四周留白,,突出中心內(nèi)容區(qū)域,,雖信息量不大,但簡(jiǎn)單明了,,直觀的表達(dá)的網(wǎng)站的內(nèi)容主旨,;原本信息量很大的電子產(chǎn)品頁(yè)面,通過(guò)精簡(jiǎn)內(nèi)容和留白設(shè)計(jì),,內(nèi)容不多,,但突出主要功能點(diǎn),,使產(chǎn)品看起來(lái)更加的簡(jiǎn)潔和品質(zhì)感十足;圖形化為中心的個(gè)人網(wǎng)站,,由于信息不多,,大膽的采用了大面積留白設(shè)計(jì),巧妙之處在于在留白的基礎(chǔ)上以圖形作為網(wǎng)站的主要特色和主旨,,通透活潑而不失嚴(yán)謹(jǐn),。
四、加入點(diǎn)綴色
點(diǎn)綴顧名思義,,就是用小而精湛的手法在原有事物上加以襯托或裝飾,,使其更加的美好和迷人。同樣,,合理的利用點(diǎn)綴色也能在頁(yè)面設(shè)計(jì)中起到畫龍點(diǎn)睛的作用,。如下圖例:
整體暗色調(diào)的設(shè)計(jì),加入紫色的點(diǎn)綴,,遍布各類主要元素,,突出了信息,還使得原本沉悶的頁(yè)面神秘和活潑起來(lái),;樸實(shí)素凈的頁(yè)面,,利用黃藍(lán)的背景和元素點(diǎn)綴,豐富了頁(yè)面內(nèi)容,,增加頁(yè)面活力,;大面積采用點(diǎn)綴色作為欄目背景色,使本來(lái)方方正正的頁(yè)面變的有亮點(diǎn),,同時(shí)也突出襯托了欄目?jī)?nèi)容,。
以上就是本次要講的四個(gè)點(diǎn),當(dāng)然讓頁(yè)面活起來(lái)的方式肯定不止四種,,像插畫元素,,動(dòng)效等都可以為頁(yè)面增彩,這就需要大家在日后的學(xué)習(xí)中多多總結(jié)和積累了,。