網(wǎng)站設(shè)計(jì)新水平:追求獨(dú)一無二
在充斥著css樣式畫廊和展示網(wǎng)站的世界里,什么網(wǎng)站看起來似乎都是一樣的。 漸變,圓角,陰影,要逃脫我們的行業(yè)發(fā)展的強(qiáng)大趨勢實(shí)在太難了。 然而,每年還是有一些人設(shè)法超越了別人,創(chuàng)造出驚人的設(shè)計(jì),似乎靈感可以從他們的手指隨意流淌出來而揮灑入他們的作品。在本文中,我們分析其中一些設(shè)計(jì)師,看看他們設(shè)計(jì)出的與別人相比之下獨(dú)到的地方。
什么成就獨(dú)特之處
跟競爭對手有所區(qū)別,展現(xiàn)個(gè)性化,這是很好的建議。但到底獨(dú)特是什么意思呢?網(wǎng)絡(luò)上有這么多的網(wǎng)站和出色的設(shè)計(jì)師,是什么樣特別的元素構(gòu)成其獨(dú)特之處呢?
那么,簡單地了解的話只是意味著做一些與眾不同的東西。你不必只是為了脫穎而出而把頁面底部導(dǎo)航條和版權(quán)信息放到本該出現(xiàn)logo的位置。這是關(guān)于不只是跟隨主流方式而是以自己的方式來顯示你想向用戶傳達(dá)的信息的問題。
你看到過多少這樣的網(wǎng)站:全寬頁頭(漸變背景),接著是占據(jù)全部空間的導(dǎo)航欄,然后是內(nèi)容部分和側(cè)欄,最后是全寬的頁尾。這樣的網(wǎng)站有數(shù)百個(gè)?上千個(gè)?如果你打算重心放在設(shè)計(jì)的獨(dú)一無二,那么可能有一個(gè)設(shè)計(jì)藥方是你該一一避開的。要做出一個(gè)類似別人的網(wǎng)站太容易了。不要誤會我的意思,他們很受歡迎,因?yàn)檫@樣做很高效,而且沒什么困難…但他們沒有什么特別價(jià)值。
要設(shè)計(jì)出與別人不一樣的東西,其實(shí)在很小的方面入手就可以了,而不是要你去重新發(fā)明輪子。當(dāng)然你也必須接受的是,所謂的獨(dú)具一格也是有時(shí)間期限的。如果你做了一個(gè)讓你得意的作品,那么很不幸(或者你會覺得幸運(yùn),這取決于你如何看待這種行為)很快就有很多人去山寨它。不過話雖如此,創(chuàng)新還是一直會被人記住的。
使用細(xì)節(jié)突出
著手細(xì)節(jié)是讓你區(qū)別于別人很好的方式,而且最好的是“細(xì)節(jié)”包含了一系列相當(dāng)廣泛的可能性。給東西添加細(xì)節(jié)只是給它那么一點(diǎn)邊,或一點(diǎn)點(diǎn)客戶可以稱之為“流行”的。你要添加的東西很小,可能對于設(shè)計(jì)根本沒必要,但其實(shí)對設(shè)計(jì)有很積極的影響。
Jason Santa Maria
Jason Santa Maria注重的細(xì)節(jié)往往主要圍繞著排版和文字布局。他更是不辭辛勞,努力使他用到的文字看起來真的很好。盡管旁邊還有其他設(shè)計(jì),但是它還是立刻顯現(xiàn)出正文的設(shè)計(jì)花費(fèi)了很多心思和功夫。你平時(shí)會花多少時(shí)間和精力做你標(biāo)準(zhǔn)頁面的內(nèi)容呢?
Jesse Bennett Chamberlain
Jesse Bennett是一個(gè)光源大師。在他的設(shè)計(jì)看你很少能找到缺乏考慮光效果的平淡表面?,F(xiàn)在,我們必須清楚一點(diǎn),他使用漂亮的漸變并不僅僅是因?yàn)樗鼈兤痢K\(yùn)用燈光效果來襯托漸變。所有的光到暗的效果都流于同一方向,他還經(jīng)常會使用抽象背景圖來彌補(bǔ)這效果。這種清新而統(tǒng)一的細(xì)節(jié)注重顯得很引人注目。
擁有一個(gè)標(biāo)志性風(fēng)格
也許標(biāo)志性的風(fēng)格是我們每個(gè)設(shè)計(jì)師所渴望的。同樣的情況下,人們都能夠在看過一次之后便識別出畢加索作品。我們都在自己里面有一個(gè)小小的自我,都渴望擁有一個(gè)強(qiáng)烈的風(fēng)格別人不用多看兩眼就可以馬上認(rèn)出。
Elliot Jay Stocks
有關(guān)涉及到個(gè)性化的風(fēng)格時(shí),Elliot Jay Stocks通常是我第一個(gè)想到的名字。他通常使用邋遢風(fēng)格的紋理背景和清楚無誤的版式。值得注意的是,他不會過度使用它們。你看了他所有的網(wǎng)站也不會有重復(fù)一樣的印象。但是很不出奇的是你可以說出哪個(gè)網(wǎng)站是他設(shè)計(jì)的,因?yàn)樗袠?biāo)志性的元素就在那里,它們巧妙地融入了設(shè)計(jì)中。
Mike Kus
Mike Kus是另一個(gè)具有標(biāo)志性風(fēng)格的經(jīng)典案例。Elliot和Mike都扎根于Carsonified,人們不禁想知道這是否是Ryan Carson在尋找的設(shè)計(jì)師類型,或者他是否促進(jìn)和鼓勵(lì)所有的成員?Mike的風(fēng)格是粗體和非常重的打印效果。加粗體,實(shí)色,大量的重疊元素和透明的靈活使用是邁克設(shè)計(jì)與眾不同的地方。
插圖之美,誰與爭鋒
要自己的設(shè)計(jì)獨(dú)樹一幟,插圖的效果是最驚人,但同時(shí)也是最難的。很少有設(shè)計(jì)師同時(shí)也是插畫師。插畫是(大部分)非常藝術(shù)的而設(shè)計(jì)(大部分)則是非常具有可分解性的。要找到這兩個(gè)都精通的人是罕見的,但絕對不是聞所未聞的。
但是對我們中許多人來說,看到網(wǎng)站設(shè)計(jì)中驚人插圖是極其讓人嫉妒的。不過自己不是插畫師并不意味著你不能在你的設(shè)計(jì)中使用插圖,有很多網(wǎng)站有插畫交易,同時(shí)也可以選擇一個(gè)可以共同努力的插畫師來合作。
Nick La
Nick La已經(jīng)成為了使用插圖創(chuàng)造出獨(dú)特網(wǎng)站的一個(gè)經(jīng)典縮影。多年來,他已經(jīng)設(shè)計(jì)出了一個(gè)又一個(gè)吸人眼球的讓人愛不釋手的華麗插圖站點(diǎn)。關(guān)于Nick作品的關(guān)鍵在于他的插圖不僅完美,而且它們也很好地融入了插圖所依靠的設(shè)計(jì)背景。這種無縫的方式迫使客戶考慮網(wǎng)站功效性的同時(shí)也考慮其設(shè)計(jì)所獨(dú)具的漂亮。
Veerle Pieters
Veerle Pieters是另外一個(gè)在設(shè)計(jì)中使用插圖的設(shè)計(jì)師,并且取得了眾所周知的出色成果。這是理所當(dāng)然的,尤其是她個(gè)性化的插畫讓她的設(shè)計(jì)在方圓百里內(nèi)鶴立雞群。 Veerle自己的設(shè)計(jì)很優(yōu)秀,但是通過她的作品,你不能不注意到那些插圖人物是如何將其帶到了一個(gè)更高的設(shè)計(jì)水平。
投入額外的時(shí)間和努力 那么除了剛才的細(xì)節(jié),還有什么呢?還有一些額外的事情。你懂的,有些小東西,你并不希望去精心設(shè)計(jì)的,因?yàn)樗鼈兒芪⒉蛔愕?。然而給用戶(甚至是客戶,現(xiàn)實(shí)世界中)驚喜是一種讓自己從人群中脫穎而出的絕佳方式,因?yàn)槟憬o他們東西是他們沒想到的。他們的期望是都是基于一般人能給以的,因此,如果你超出這些期望…你就贏了。
Clearleft
很難針對性地給ClearLeft一個(gè)名稱以甄別其在英國這方面的成就(雖然前同事Paul Annett會排在第一位),但他們似乎有些什么技巧可以創(chuàng)造出一些確實(shí)有趣的網(wǎng)站,如鼠標(biāo)停留或者調(diào)整尺寸的效果。網(wǎng)站Silverback當(dāng)然是大家認(rèn)為最主要的,但他們在客戶網(wǎng)站中也有同樣的設(shè)計(jì),而且還每年為dConstruct大會制作大量的網(wǎng)站。
Liam McKay
在談到為大多數(shù)人所認(rèn)為理所當(dāng)然的東西添加一點(diǎn)額外的設(shè)計(jì)時(shí),Liam McKay是最后的名字。Liam具有這樣的“特異功能”——看到有一個(gè)簡單的東西并使之成為美麗。不管是他的定制圖標(biāo)(在整個(gè)Envato網(wǎng)絡(luò)中使用的),或加入一個(gè)令人難以置信的細(xì)致的紋理或增強(qiáng)一些只有少數(shù)用戶才會察覺的設(shè)計(jì),他不斷地去為一些大多數(shù)人不在意的設(shè)計(jì)做額外的努力。
總結(jié)
獨(dú)一無二并不是要搞的天翻地覆,也不是大規(guī)模的推倒重來的排版,更也不是關(guān)乎是否圓角的問題。
要跟別人的設(shè)計(jì)相比而別具風(fēng)格,就要在只有你做得出的設(shè)計(jì)中加入個(gè)人的感觸。真正的超越是要超出所謂的設(shè)計(jì)師職責(zé)要求,永不停止的探索,直到你有一天“找到了!”。
來源:webdesignerdepot.com
編譯:MazingTech
- 目前還沒評論,等你發(fā)揮!