簡單也豐富 簡潔網(wǎng)頁設(shè)計(jì)視覺呈現(xiàn)技巧

 如何讓雜亂又咄咄逼人的網(wǎng)頁變得輕薄簡潔而美觀，又需保留完整功能、同時很好的區(qū)分出重點(diǎn)模塊？這往往是讓設(shè)計(jì)師困擾糾結(jié)之源;如何更好的將多余的元素、色彩、形狀和紋理剔除，保留重點(diǎn)并梳理清晰的視覺流動方向？

　　如果一個頁面有太多的元素，用戶將迷惑于去看哪里或誤解每個元素的優(yōu)先級。優(yōu)秀的設(shè)計(jì)師需要用設(shè)計(jì)語言將將用戶的視覺焦點(diǎn)正好引導(dǎo)到正確的內(nèi)容上，極簡的網(wǎng)頁設(shè)計(jì)能夠?qū)⒆钪匾�的�?nèi)容帶到用戶面前并避免分散用戶注意力，比如，在一個黑白設(shè)計(jì)上的任何色斑，都會引起用戶的注意力，色彩本身也將成為焦點(diǎn)，這便成為我們即將要展開探討的小小話題。

產(chǎn)品原型視覺轉(zhuǎn)化

　　設(shè)計(jì)開始之初，從原型稿到視覺稿的轉(zhuǎn)化過程中，擅長圖形化識別的視覺設(shè)計(jì)師們，在面對繁雜而單調(diào)的線稿內(nèi)容時，往往急于上馬大施拳腳展開創(chuàng)作，缺忽略了清晰梳理判斷整體頁面結(jié)構(gòu)的重要環(huán)節(jié)。

　　哪些屬于重點(diǎn)模塊需要突出展示，哪些次要模塊可以移動到更優(yōu)化的布局或者精簡合并？這是一個需要長期經(jīng)驗(yàn)積累，不斷磨練耐心和提高理解判斷能力的成長過程，也是職業(yè)化的開端。

　　權(quán)衡布局及簡化設(shè)計(jì)

　　排版布局中的平衡、對齊及對比關(guān)系，對頁面視覺效果至關(guān)重要。如果畫面效果頭重腳輕，或者左右不均衡，會讓用戶感覺到壓迫感，從而影響到瀏覽信息的順暢。

  實(shí)現(xiàn)簡化設(shè)計(jì)的第一步，不是簡單的去掉大部分圖片，而是要重新考慮內(nèi)容并將其簡化到無遮蓋的需求。只有那樣才能讓頁面中最重要的元素實(shí)現(xiàn)其預(yù)期的效果。

  善用色彩的心理暗示

　　簡約而通透的白色頁面

　　白色，因其明度最高，無色相，明亮干凈、暢快、樸素，永恒無暇，在自然界象征著極致的純凈與貞潔。白色優(yōu)雅、平和而簡單，沒有強(qiáng)烈的個性，因而網(wǎng)站設(shè)計(jì)中，白色具有高級，科技的意象，是永遠(yuǎn)流行的主色調(diào)。

　　輕快的白色可以給人很好的輕快速度感，運(yùn)用得當(dāng)可以讓其它任何淺顏色及亮顏色呈現(xiàn)出其深度、明度和飽和度的不同，通過對比讓其亮色更加明快、專注和舒適。整潔、大空白的同時讓用戶保持歡快的情感進(jìn)行瀏覽。

灰色無論是作為背景顏色還是標(biāo)題或者主字體顏色都很流行�；疑�也是極簡主義網(wǎng)站設(shè)計(jì)的首選色彩，這類網(wǎng)站通常會選用淺灰色作為背景色彩，然后選用深灰色作為主要的字體顏色。這里是一些使用灰色的幾個很不錯的網(wǎng)站設(shè)計(jì)。

    設(shè)計(jì)的加減法哲學(xué)

　　從第一個像素開始，我們開始不斷用加法進(jìn)行創(chuàng)造，搭建出完美的設(shè)計(jì)作品，然而這就是極致么？在設(shè)計(jì)適時運(yùn)用放大或減少，不斷地變化，可以更好的趨向極簡，反復(fù)歷練考究每一個必要的元素存在的價值。

每當(dāng)?shù)竭_(dá)這個階段，設(shè)計(jì)師需要靜下心來思考，當(dāng)加法到一定的量的時候再轉(zhuǎn)做減法設(shè)計(jì)，考驗(yàn)的是設(shè)計(jì)師對整體把握能力。減法設(shè)計(jì)是在加法比較成熟的情況下才能去嘗試的設(shè)計(jì)方式。理論上來說，加法設(shè)計(jì)比減法設(shè)計(jì)相對更加容易。減法設(shè)計(jì)更能體現(xiàn)設(shè)計(jì)師的功力和積累，目標(biāo)要求的是少而精煉。

鼓起勇氣大膽的去除邊框，讓畫面更加通透大氣，空間視覺元素不多不少，但又顯得很豐富、美觀。

　　這個加減的過程正是讓設(shè)計(jì)不斷趨向完美的歷練之路。

　　讓空間更加透氣

　　通過去除與隱藏的方式降低設(shè)計(jì)復(fù)雜性的方法中，減少“視覺感知”的復(fù)雜性也是很重要的�？瞻着c對比無疑成為行之有效的減少視覺干擾的重要方法。

　　視覺布局中適當(dāng)?shù)目瞻讓ζ胶饧磳⒊霈F(xiàn)在頁面中的少量元素是必要的平衡。它應(yīng)是你默認(rèn)的布局工具。經(jīng)典法則之一：如果可以使用空白就不要放置其他設(shè)計(jì)元素。如果用這種方式布局，你會很驚訝調(diào)整界面的空白就可以完成布局了。

雖然使用空白多多益善，但也要盡可能的保證有對比感。設(shè)計(jì)師應(yīng)使用最小的視覺變化來表達(dá)想法。事實(shí)上這就是意味著元素之間要有主次感。

　　空白不等于蒼白

　　頁面變得蒼白？是不是整版的文字缺少圖片的點(diǎn)綴？在保留有必要的留白空間后，試著為文字配上一張點(diǎn)睛的美圖吧，或者給段落文字總結(jié)一個示意小圖標(biāo)，適當(dāng)?shù)狞c(diǎn)綴必不可少。

    透氣的留白不等于無力的蒼白，讓有趣的設(shè)計(jì)大膽的去激發(fā)用戶的視覺神經(jīng)，讓設(shè)計(jì)更有思想，不斷趨向簡潔和完美。