作為網(wǎng)站設(shè)計(jì)師，我們很容易就迷失在流行設(shè)計(jì)的風(fēng)潮中。比如說，最近頗為流行的扁平化設(shè)計(jì)已經(jīng)成為了成千上萬的網(wǎng)站爭(zhēng)相應(yīng)用的形式。然而，提升設(shè)計(jì)固然重要，一味跟隨最新流行趨勢(shì)卻讓我們的網(wǎng)站千篇一律毫無特色。值得我們關(guān)注的是，那些真正富有創(chuàng)意的設(shè)計(jì)如何大膽的對(duì)抗那些所謂的流行趨勢(shì)，堅(jiān)守自己的創(chuàng)意之路，推廣他們獨(dú)特的時(shí)尚感。

這篇文章展示的是設(shè)計(jì)師們?nèi)绾瓮ㄟ^自己的作品來傳遞他們的個(gè)性，對(duì)于視覺的鑒賞力，還有他們無處不在的天賦。所有的設(shè)計(jì)都別具一格，獨(dú)一無二，卻都美不可言。希望這些設(shè)計(jì)能激發(fā)你的靈感，為你的設(shè)計(jì)生涯找些平衡。

了解最新的流行設(shè)計(jì)趨勢(shì)很重要，你可以從中學(xué)習(xí)，但是更重要的是你能找到自己專屬的風(fēng)格。

有趣的網(wǎng)站：
《激活你的設(shè)計(jì)創(chuàng)意！不容錯(cuò)過的55個(gè)創(chuàng)意驚人的網(wǎng)站》
《那些令人贊不絕口的創(chuàng)新型HTML5網(wǎng)站》

Oleg Postnikov

這個(gè)網(wǎng)站是由設(shè)計(jì)師Oleg Postnikov創(chuàng)建的，也是他審美和設(shè)計(jì)理念的大膽宣言。通過排印，簡(jiǎn)單的圖像使用單一的鮮亮顏色，布局不同尋常，錯(cuò)落有致。同時(shí)他也展現(xiàn)了對(duì)插圖的偏愛和現(xiàn)代感的鐘愛。

Beta Takaki

這個(gè)網(wǎng)站采用的是和上述網(wǎng)站完全相反的處理方式。它的特點(diǎn)是大大的圖片搭配很小的簡(jiǎn)單的字體。水洗灰色構(gòu)成了大部分的底色，創(chuàng)造出冷靜，簡(jiǎn)單抽象的氛圍。和上面的網(wǎng)站一樣，這個(gè)網(wǎng)站同樣現(xiàn)代化的無可挑剔。

Benjamin Sheppard

威爾士的網(wǎng)站設(shè)計(jì)師Benjamin Sheppard 創(chuàng)建的網(wǎng)站展示的不僅僅是他的設(shè)計(jì)技巧，更彰顯了他的前端發(fā)展技巧。網(wǎng)站的主頁很簡(jiǎn)單，但是詢問用戶的名字，它營(yíng)造出小鎮(zhèn)式的熱情好客感。將網(wǎng)站點(diǎn)擊一通下來，用戶一直被稱呼自己的名字，接受贊賞，把那種老式的良好的禮貌習(xí)慣具體化。溫暖的色調(diào)，簡(jiǎn)單的布局進(jìn)一步強(qiáng)化了友好舒適的感覺。

Grayden Poper

和這個(gè)列表中的其他人一樣，互動(dòng)網(wǎng)站設(shè)計(jì)師Grayden Poper在創(chuàng)建自己的作品時(shí)，也展現(xiàn)了自己作為設(shè)計(jì)師的個(gè)性。他使用的是完全自我的方式，打開網(wǎng)站映入眼簾的就是無臉的形象，這是他從孩提時(shí)代就一直想要嘗試的一件事。往下拉動(dòng)網(wǎng)頁，整個(gè)色調(diào)和三角形做成的馬賽克起到意想不到的效果：他的組合網(wǎng)站設(shè)計(jì)和單個(gè)作品設(shè)計(jì)的統(tǒng)一性。

Think Luke

下面的圖像似乎并不能真正的為網(wǎng)站伸張正義，當(dāng)用戶在屏幕上移動(dòng)鼠標(biāo)，作為圖片中的主要形象，飛機(jī)一直在背景中飛來飛去，創(chuàng)造出非常炫酷的互動(dòng)3D效果。移動(dòng)感使整個(gè)設(shè)計(jì)更加有活力。

Evan

這個(gè)網(wǎng)站也應(yīng)用了獨(dú)立移動(dòng)圖層來制造3-D效果。只是這個(gè)處理更加的巧妙。紙做的千紙鶴在標(biāo)題處飄動(dòng)，創(chuàng)造出輕盈的超現(xiàn)實(shí)的感覺。色彩和字體進(jìn)一步強(qiáng)調(diào)了主頁的輕盈和女性化，整體感覺高端大氣上檔次。此外也為作品的展示留出了空間。

Qais Sarhan

這個(gè)網(wǎng)站簡(jiǎn)單犀利。首頁的圖片只有兩處連接，還是嵌入在圖片中的。點(diǎn)擊圖片上的男子會(huì)彈出一個(gè)對(duì)話框，可以鏈接到他博客，個(gè)人檔案和社交資料。圖片中央的一個(gè)形狀可以連接到一個(gè)聯(lián)系人表格。這個(gè)網(wǎng)頁雖有些約束，但還是表現(xiàn)出了對(duì)網(wǎng)頁設(shè)計(jì)和互動(dòng)的精準(zhǔn)理解。

Ian James Cox

看到這個(gè)網(wǎng)站你就會(huì)立刻感受到其中的樂趣和引人之處。這個(gè)網(wǎng)站很好的介紹了Ian James Cox的設(shè)計(jì)風(fēng)格。點(diǎn)擊左側(cè)的名字，整個(gè)網(wǎng)站就會(huì)自由旋轉(zhuǎn)，最終會(huì)定格在一幅為客戶所畫的圖片上。幾乎所有他的設(shè)計(jì)都帶著他經(jīng)典的插圖風(fēng)格，同時(shí)也展示了他如何塑造不同的插圖來適應(yīng)客戶的風(fēng)格及其內(nèi)容的展現(xiàn)。這樣來說的話，這是非常理想的網(wǎng)站模式，既能夠展示他的獨(dú)特風(fēng)格，也能張揚(yáng)他的強(qiáng)大適應(yīng)能力。

Gregory Sujkowski

Gregory Sujkowski 的網(wǎng)站上展示的是電腦對(duì)話框的圖像。對(duì)話框模仿蘋果的外觀，迅速的展示著他的設(shè)計(jì)圖片。這個(gè)單頁面網(wǎng)站極為簡(jiǎn)單，每個(gè)部分只有一兩句短小描述。這樣的結(jié)果就是極為精簡(jiǎn)，專注，準(zhǔn)確。設(shè)計(jì)在這里實(shí)現(xiàn)了真正的對(duì)話功能。

Denise Chandler

大多數(shù)的印刷都是抽象而又嚴(yán)肅的。這個(gè)網(wǎng)站則展示了印刷可以天馬行空到什么程度。藍(lán)色的色調(diào)，手寫的感覺，還有混合的字體，一切都證明了Denise Chandler 的設(shè)計(jì)方式。在她的結(jié)合下，所有的組合像個(gè)熱鬧的聚會(huì)。

Thibaud

這個(gè)網(wǎng)站說明顏色的突出不用笨拙無需太過女性化。背景填充的深灰，格子的模塊，所有這些毋庸置疑，都是很陽剛的。顏色跳出來也是一片和諧，總體的效果就像精美的現(xiàn)代調(diào)色板。

Andrevv

Andrew McCarthy是一個(gè)互動(dòng)網(wǎng)站設(shè)計(jì)師，他的作品第一眼看上去很普通。和上面那個(gè)網(wǎng)站類似的是，它也有一些意想不到的秘密武器。隨著頁面向下滾動(dòng)，貓的圖片開始在原地跑，而網(wǎng)站的內(nèi)容則飛快的移動(dòng)到背景中去。 網(wǎng)站一直這樣循環(huán)，所以貓咪也是一直跑個(gè)不停。所以呢，這個(gè)網(wǎng)站也讓用戶樂不可支。

Nick Jones

Nick Jones下面的網(wǎng)站炫出了他的響應(yīng)式設(shè)計(jì)技巧。網(wǎng)站訪問者不用一點(diǎn)點(diǎn)向下拉動(dòng)頁面，相反直接就可以托動(dòng)整個(gè)頁面。事實(shí)上，右邊彈出的畫面只是告訴你頁面拉過頭了。由于這個(gè)響應(yīng)性以及網(wǎng)站整體的設(shè)計(jì)，大家得到的印象就是這網(wǎng)站真的是酷斃了。

Simon Foster

Simon Foster 絕對(duì)是遵循設(shè)計(jì)的科學(xué)。他所用的圖片和字體讓人想到舊時(shí)學(xué)校里面的生物課插圖。他避開了流行的趨勢(shì)，轉(zhuǎn)向諸如圖標(biāo)，黑白色調(diào)，簡(jiǎn)單右對(duì)齊圖片等一些經(jīng)典元素。這讓網(wǎng)站扎根于偉大設(shè)計(jì)的基本要素中，同時(shí)字體和紅色的觸感讓整個(gè)設(shè)計(jì)與時(shí)俱進(jìn)。

Casey Britt

雖然這個(gè)網(wǎng)站在常規(guī)的瀏覽器上面運(yùn)行無礙，但是它設(shè)計(jì)的最佳效果是要在ipad上面來瀏覽。在ipad上面，用戶可以左右滑動(dòng)來看Casey Britt 做的一些設(shè)計(jì)，向下滑動(dòng)則可以看到更多詳細(xì)信息，這樣Britt就有足夠的空間來展示他和他的設(shè)計(jì)團(tuán)隊(duì)是如何創(chuàng)建頗有特色的網(wǎng)站的。同時(shí)，網(wǎng)站的設(shè)計(jì)雅致現(xiàn)代，不過是匿名的。所以很顯然Britt可以隨時(shí)轉(zhuǎn)向任何其他的設(shè)計(jì)中去。

Jim Ramsden

Jim Ramsden 在設(shè)計(jì)方式上是一個(gè)十足的兩面派。一方面他是非常細(xì)膩有計(jì)劃的，另一方面他又是自由的開放的。不光是主頁，他的整個(gè)網(wǎng)站設(shè)計(jì)打上了他雙重性的烙印。通篇看下來，字體數(shù)碼化顯示，色彩和形象卻是很現(xiàn)代。

Rich Brown

這個(gè)網(wǎng)站是當(dāng)之無愧的可以作為成功案例。上面的旋轉(zhuǎn)木馬圖像出現(xiàn)在4個(gè)Rich Brown的最新作品中。作品在圖片中的展現(xiàn)方式，他拿捏得游刃有余，雖然圖片各不相同，有上個(gè)網(wǎng)站中那樣的風(fēng)格，也有精美的插圖，但是他保證了整個(gè)的感覺始終如一。

Rick and Drew

很多設(shè)計(jì)師是在團(tuán)隊(duì)中工作的。可是想要展現(xiàn)個(gè)性的他們是如何成為一個(gè)團(tuán)隊(duì)的呢？Rick 和Drew是這樣來實(shí)現(xiàn)的。他們倆站在同一個(gè)地方，偶爾看向以邊，拍個(gè)視頻短片，然后將他們的形象合二為一，創(chuàng)造出一個(gè)統(tǒng)一而且表面上看起來就很有各自特色的移動(dòng)背景。

Sawyer Hollenshead

設(shè)計(jì)時(shí)常常說少即是多，沒有人會(huì)比Sawyer Hollenshead把這點(diǎn)詮釋得更淋漓盡致。網(wǎng)站作品集的首頁只是他作品的一系列圖片。訪問者點(diǎn)擊圖片就可以得到稍微多點(diǎn)的信息，主要是客戶名稱和作品鏈接。或者訪問者可以點(diǎn)擊四個(gè)角落的任意一個(gè)鬼的圖像來看他的照片，文章，傳記或者回到首頁。

Andrew Jackson

設(shè)計(jì)師Andrew Jackson的作品集一次只展示一幅作品，和上面的最大化展示作品的網(wǎng)站不同。訪問這個(gè)網(wǎng)站的用戶必須用箭頭鍵進(jìn)行不同作品的轉(zhuǎn)換。他所呈現(xiàn)的網(wǎng)站形象是讓訪問者放慢速度，鼓勵(lì)他們深度思考作品內(nèi)涵。柔軟的灰色調(diào)保留了網(wǎng)站的深沉色調(diào)。

Shaun

網(wǎng)站的標(biāo)題是一個(gè)雙關(guān)語，當(dāng)然其妙處并未止步于此，它精細(xì)得讓人無從指責(zé)。字體，文字，顏色和圖片的錯(cuò)綜結(jié)合，讓Shaun Kosijer的設(shè)計(jì)熱情滿滿的蔓延在真?zhèn)€屏幕上。這個(gè)網(wǎng)站沒有加入什么理論，不過你完全不會(huì)被網(wǎng)站眩暈的流眼淚。

Oasim

這個(gè)網(wǎng)站很有幽默感，也有上面例子中的豐富的色彩。它也很柔軟的展現(xiàn)了Osaim的作品。不過網(wǎng)站也是粗看特別簡(jiǎn)單的那種，當(dāng)你劃過那些矩形時(shí)，它們會(huì)鞠躬，展示它們的內(nèi)同。屏幕角落的商務(wù)卡片偶爾會(huì)跳入用戶視野，讓人忍不住想要點(diǎn)擊他。所有這些都為網(wǎng)站增添了有趣矜持的感覺。

David Bastain

很多創(chuàng)意者更喜歡將網(wǎng)站的作品集以馬賽克的形象展示出來。David應(yīng)用了這個(gè)想法，并走的更遠(yuǎn)。David沒有滿足于簡(jiǎn)單的展示他的作品，他拍了一些高質(zhì)量的作品圖片，把他們放在簡(jiǎn)單的背景中，然后把它們放到網(wǎng)站布局中。展示出的效果就像電腦做成的拼接畫，將數(shù)碼和傳統(tǒng)巧妙的結(jié)合在一起。

親愛的讀者朋友們，你們?cè)趺纯茨兀磕銈兪欠裼X得設(shè)計(jì)趨勢(shì)過于固定？你們又是怎樣尋找屬于自己的設(shè)計(jì)風(fēng)格感呢？也許這是一個(gè)很值得思考的問題。

原文地址：960px

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個(gè)分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程的干貨網(wǎng)站。
【特色推薦】
PS禮儀手冊(cè)：網(wǎng)頁設(shè)計(jì)師必須修煉的內(nèi)功技法，更是不可或缺的WEB設(shè)計(jì)指南http://hao.uisdc.com/ps/。
設(shè)計(jì)微博：擁有粉絲量58萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：