要是只考慮到網(wǎng)頁是程序員用一行行的代碼編寫出來,那么它就是一個技術(shù)性的、冷冰冰的地方。擺脫這一“數(shù)字陷阱”的好 方法是為網(wǎng)頁融入一些網(wǎng)上不可能存在的來自真實世界的元素。如果網(wǎng)站設(shè)計中有了來自自然的東西,用戶自然而然的就會把 這個網(wǎng)站融自然給人帶來的舒適感聯(lián)系在一起。
基于自然的主題擁有眾多的設(shè)計元素,可以確定網(wǎng)站的整體基調(diào)。這種設(shè)計技巧使用自然的氣氛將網(wǎng)站內(nèi)容的主要信息傳達(dá)給 客戶。那么為什么這一類的設(shè)計需要讓人感覺自然呢?難道只是為了讓用戶感覺更舒適嗎?或者委婉一點(diǎn)兒,這是方式是要傳 達(dá)出商品的信息嗎?畢竟,如果網(wǎng)站清新自然、賞心悅目,估計產(chǎn)品也錯不了。
自然氛圍的網(wǎng)站設(shè)計大概有3種主要的風(fēng)格。首先是黑色輪廓。黑色輪廓可以營造一種很優(yōu)美的效果,和彩色背景正形成鮮明的 對比。其次要有一個直觀的圖片。其次要有一個直觀的圖片。圖片通常是作為背景使用的,是網(wǎng)站創(chuàng)意的絕好平臺。第三,使 用插圖來展示自然元素。這可能是最難實現(xiàn)的風(fēng)格,但是,同以前介紹的方法一樣,實現(xiàn)方法最難,通常產(chǎn)生的效果也最好。
3000k網(wǎng)站是使用自然元素設(shè)計的一個很有意思的網(wǎng)站。它使用了成長的隱喻,這樣的頁面立即震撼了網(wǎng)頁瀏覽著。這家公司的 業(yè)務(wù)是幫助客戶發(fā)展壯大,其網(wǎng)站的視覺表現(xiàn)就是成長,準(zhǔn)確傳達(dá)了公司的業(yè)務(wù)范圍。僅用一張圖像就準(zhǔn)確傳達(dá)了公司的業(yè)務(wù) 宗旨,真是太了不起了。
9 Grados網(wǎng)站也很出色地利用了自然圖像。該網(wǎng)站的內(nèi)容都放在了一個巨大的蘑菇上,非常獨(dú)特,并且很有視覺沖擊力,讓人 過目難忘。即使眾多網(wǎng)站放在一起,這樣的頁面也會脫穎而出。我們所做的每一樣設(shè)計難道不都是想達(dá)到這樣的效果嗎?設(shè)計 思路簡單,效果出色。
黑色輪廓讓人印象深刻,是一中很常用的設(shè)計方法。黑色輪廓最大的優(yōu)點(diǎn)大概在于,沒有了那些看起來很復(fù)雜的元素,設(shè)計者 可以加上自然元素,并深挖這些元素隱含的意義。自然元素的視覺效果豐富,可能比網(wǎng)站內(nèi)容本身更有沖擊力。如 Grow Interactive網(wǎng)站所示。沒錯,它所使用的自然元素不是純黑色的輪廓,但是是盡量簡化的,并且顏色近乎一致,為真各個網(wǎng)站 定下了主基調(diào),將網(wǎng)站內(nèi)容的層次分開。這樣的設(shè)計既營造了網(wǎng)站應(yīng)有的氛圍,又沒有喧賓奪主,重心依然是網(wǎng)站的內(nèi)容,達(dá) 到了完美的平衡效果