讓雜亂又咄咄逼人的網(wǎng)站頁(yè)面變得輕薄簡(jiǎn)潔而美觀,又需保留完整功能、同時(shí)很好的區(qū)分出重點(diǎn)模塊?
這往往是讓設(shè)計(jì)師困擾糾結(jié)之源;
白色頁(yè)面設(shè)計(jì)小技巧:
讓鏈接更容易識(shí)別, 使用淺色或亮色;
減少雜亂廣告圖片; 不要使用過(guò)小的字體,
避免頁(yè)面看起來(lái)瑣碎和疲勞; 明快的文字顏色,讓內(nèi)容更易識(shí)別 精致高雅的灰色紳士
“灰質(zhì)(Gray matter)”讓人聯(lián)想到智商與腦力。它不像黑色那么鮮明,又不像純白那樣蒼白,灰色是黑與白的過(guò)度,是完美的補(bǔ)色?;疑梢院腿魏紊蚀钆?,由于它的中立性,它常常被用作背景顏色,可以讓其它色彩突出。使用淺灰色替代白色或者用暗灰色替代黑色,能夠賦予網(wǎng)頁(yè)與眾不同的高雅之感。 灰色無(wú)論是作為背景顏色還是標(biāo)題或者主字體顏色都很流行?;疑彩菢O簡(jiǎn)主義網(wǎng)站設(shè)計(jì)的首選色彩,這類(lèi)網(wǎng)站通常會(huì)選用淺灰色作為背景色彩,然后選用深灰色作為主要的字體顏色。這里是一些使用灰色的幾個(gè)很不錯(cuò)的網(wǎng)站設(shè)計(jì)。
設(shè)計(jì)的加減法哲學(xué)
從第一個(gè)像素開(kāi)始,我們開(kāi)始不斷用加法進(jìn)行創(chuàng)造,搭建出完美的設(shè)計(jì)作品,然而這就是極致么?在設(shè)計(jì)適時(shí)運(yùn)用放大或減少,不斷地變化,可以更好的趨向極簡(jiǎn),反復(fù)歷練考究每一個(gè)必要的元素存在的價(jià)值。
每當(dāng)?shù)竭_(dá)這個(gè)階段,設(shè)計(jì)師需要靜下心來(lái)思考,當(dāng)加法到一定的量的時(shí)候再轉(zhuǎn)做減法設(shè)計(jì),考驗(yàn)的是設(shè)計(jì)師對(duì)整體把握能力。減法設(shè)計(jì)是在加法比較成熟的情況下才能去嘗試的設(shè)計(jì)方式。理論上來(lái)說(shuō),加法設(shè)計(jì)比減法設(shè)計(jì)相對(duì)更加容易。減法設(shè)計(jì)更能體現(xiàn)設(shè)計(jì)師的功力和積累,目標(biāo)要求的是少而精煉。 鼓起勇氣大膽的去除邊框,讓畫(huà)面更加通透大氣,空間視覺(jué)元素不多不少,但又顯得很豐富、美觀。
這個(gè)加減的過(guò)程正是讓設(shè)計(jì)不斷趨向完美的歷練之路。
讓空間更加透氣
通過(guò)去除與隱藏的方式降低設(shè)計(jì)復(fù)雜性的方法中,減少“視覺(jué)感知”的復(fù)雜性也是很重要的??瞻着c對(duì)比無(wú)疑成為行之有效的減少視覺(jué)干擾的重要方法。
視覺(jué)布局中適當(dāng)?shù)目瞻讓?duì)平衡即將出現(xiàn)在頁(yè)面中的少量元素是必要的平衡。它應(yīng)是你默認(rèn)的布局工具。經(jīng)典法則之一:如果可以使用空白就不要放置其他設(shè)計(jì)元素。如果用這種方式布局,你會(huì)很驚訝調(diào)整界面的空白就可以完成布局了。 雖然使用空白多多益善,但也要盡可能的保證有對(duì)比感。設(shè)計(jì)師應(yīng)使用最小的視覺(jué)變化來(lái)表達(dá)想法。事實(shí)上這就是意味著元素之間要有主次感。
如何更好的將多余的元素、色彩、形狀和紋理剔除,保留重點(diǎn)并梳理清晰的視覺(jué)流動(dòng)方向?
如果一個(gè)頁(yè)面有太多的元素,用戶(hù)將迷惑于去看哪里或誤解每個(gè)元素的優(yōu)先級(jí)。優(yōu)秀的設(shè)計(jì)師需要用設(shè)計(jì)語(yǔ)言將焦點(diǎn)正好引導(dǎo)到正確的內(nèi)容上,正如提到的,極簡(jiǎn)的網(wǎng)頁(yè)視覺(jué)能夠?qū)⒆钪匾膬?nèi)容帶到最前面并為用戶(hù)避免分散注意力,比如,在一個(gè)黑白設(shè)計(jì)上的任何色斑,都會(huì)引起用戶(hù)的注意力,色彩本身也將成為焦點(diǎn),這便成為我們即將要展開(kāi)探討的小小話(huà)題。
產(chǎn)品原型視覺(jué)轉(zhuǎn)化
設(shè)計(jì)開(kāi)始之初,從原型稿到視覺(jué)稿的轉(zhuǎn)化過(guò)程中,擅長(zhǎng)圖形化識(shí)別的視覺(jué)設(shè)計(jì)師們,在面對(duì)繁雜而單調(diào)的線(xiàn)稿內(nèi)容時(shí),往往急于上馬大施拳腳展開(kāi)創(chuàng)作,缺忽略了清晰梳理判斷整體頁(yè)面結(jié)構(gòu)的重要環(huán)節(jié)。
哪些屬于重點(diǎn)模塊需要突出展示,哪些次要模塊可以移動(dòng)到更優(yōu)化的布局或者精簡(jiǎn)合并?這是一個(gè)需要長(zhǎng)期經(jīng)驗(yàn)積累,不斷磨練耐心和提高理解判斷能力的成長(zhǎng)過(guò)程,也是職業(yè)化的開(kāi)端。 權(quán)衡布局及簡(jiǎn)化設(shè)計(jì) 排版布局中的平衡、對(duì)齊及對(duì)比關(guān)系,對(duì)頁(yè)面視覺(jué)效果至關(guān)重要。如果畫(huà)面效果頭重腳輕,或者左右不均衡,會(huì)讓用戶(hù)感覺(jué)到壓迫感,從而影響到瀏覽信息的順暢。 實(shí)現(xiàn)簡(jiǎn)化設(shè)計(jì)的第一步,不是簡(jiǎn)單的去掉大部分圖片,而是要重新考慮內(nèi)容并將其簡(jiǎn)化到無(wú)遮蓋的需求。只有那樣才能讓頁(yè)面中最重要的元素實(shí)現(xiàn)其預(yù)期的效果。
我們可以寫(xiě)下必須要的內(nèi)容:logo、介紹、導(dǎo)航等等。和你的產(chǎn)品經(jīng)理一起,去掉其它一切不需要的元素,盡可能的丟掉它們。 這里的關(guān)鍵并非讓網(wǎng)站有較少的功能,而是去掉不是必要的元素或?qū)⒍鄠€(gè)部分整合到一個(gè)更簡(jiǎn)單的布局。你也可以分割內(nèi)容到獨(dú)立的頁(yè)面,給予內(nèi)容的每個(gè)部分更多關(guān)注。
善用色彩的心里暗示
簡(jiǎn)約而通透的白色頁(yè)面
白色,因其明度最高,無(wú)色相,明亮干凈、暢快、樸素,永恒無(wú)暇,在自然界象征著極致的純凈與貞潔。白色優(yōu)雅、平和而簡(jiǎn)單,沒(méi)有強(qiáng)烈的個(gè)性,因而網(wǎng)站設(shè)計(jì)中,白色具有高級(jí),科技的意象,是永遠(yuǎn)流行的主色調(diào)。
輕快的白色可以給人很好的輕快速度感,運(yùn)用得當(dāng)可以讓其它任何淺顏色及亮顏色呈現(xiàn)出其深度、明度和飽和度的不同,通過(guò)對(duì)比讓其亮色更加明快、專(zhuān)注和舒適。整潔、大空白的同時(shí)讓用戶(hù)保持歡快的情感進(jìn)行瀏覽。
空白不等于蒼白
頁(yè)面變得蒼白?是不是整版的文字缺少圖片的點(diǎn)綴?在保留有必要的留白空間后,試著為文字配上一張點(diǎn)睛的美圖吧,或者給段落文字總結(jié)一個(gè)示意小圖標(biāo),適當(dāng)?shù)狞c(diǎn)綴必不可少。 透氣的留白不等于無(wú)力的蒼白,讓有趣的設(shè)計(jì)大膽的去激發(fā)用戶(hù)的視覺(jué)神經(jīng),讓設(shè)計(jì)更有思想,不斷趨向簡(jiǎn)潔和完美。
上一篇:在線(xiàn)支付模式選擇 下一篇:排名時(shí)友情連接的重要性 |