作為網(wǎng)站設(shè)計(jì)師,我們很容易就迷失在流行設(shè)計(jì)的風(fēng)潮中。比如說(shuō),現(xiàn)在最為流行的扁平化設(shè)計(jì)已經(jīng)成為了成千上萬(wàn)的網(wǎng)站爭(zhēng)相應(yīng)用的形式。然而,提升設(shè)計(jì)固然重要,一味隨大流跟隨最新流行趨勢(shì)卻讓我們的網(wǎng)站千篇一律毫無(wú)特色。
值得我們關(guān)注的是,那些真正富有創(chuàng)意的設(shè)計(jì)如何大膽的對(duì)抗那些所謂流行的趨勢(shì),堅(jiān)守自己的創(chuàng)意之路,推廣他們獨(dú)特的時(shí)尚感。
這篇文章展示的是設(shè)計(jì)師們?nèi)绾瓮ㄟ^(guò)自己的作品來(lái)傳遞他們的個(gè)性,對(duì)于視覺(jué)的鑒賞力,還有他們無(wú)處不在的天賦。所有的設(shè)計(jì)都別具一格,獨(dú)一無(wú)二,卻都美不可言。希望這些設(shè)計(jì)能激發(fā)你的靈感,為你的設(shè)計(jì)生涯找些平衡。
了解最新的流行設(shè)計(jì)趨勢(shì)很重要,你可以從中學(xué)習(xí),但是更重要的是你能找到自己專屬的風(fēng)格。
酷站推薦:
《“看完此站,整個(gè)人都不好了!不僅僅因?yàn)榈锉さ膭?chuàng)意”》
《再不學(xué)就落伍了!15個(gè)設(shè)計(jì)感極強(qiáng)的LOW-POLY網(wǎng)站欣賞》
Oleg Postnikov
這個(gè)網(wǎng)站是由設(shè)計(jì)師Oleg Postnikov創(chuàng)建的,也是他審美和設(shè)計(jì)理念的大膽宣言。通過(guò)排印,簡(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)代化的無(wú)可挑剔。
Benjamin Sheppard
威爾士的網(wǎng)站設(shè)計(jì)師Benjamin Sheppard 創(chuàng)建的網(wǎng)站展示的不僅僅是他的設(shè)計(jì)技巧,更彰顯了他的前端發(fā)展技巧。網(wǎng)站的主頁(yè)很簡(jiǎn)單,但是詢問(wèn)用戶的名字,它營(yíng)造出小鎮(zhèn)式的熱情好客感。將網(wǎng)站點(diǎn)擊一通下來(lái),用戶一直被稱呼自己的名字,接受贊賞,把那種老式的良好的禮貌習(xí)慣具體化。溫暖的色調(diào),簡(jiǎn)單的布局進(jìn)一步強(qiáng)化了友好舒適的感覺(jué)。
少年才18歲呦。
Grayden Poper
和這個(gè)列表中的其他人一樣,互動(dòng)網(wǎng)站設(shè)計(jì)師Grayden Poper在創(chuàng)建自己的作品時(shí),也展現(xiàn)了自己作為設(shè)計(jì)師的個(gè)性。他使用的是完全自我的方式,打開網(wǎng)站映入眼簾的就是無(wú)臉的形象,這是他從孩提時(shí)代就一直想要嘗試的一件事。往下拉動(dòng)網(wǎng)頁(yè),整個(gè)色調(diào)和三角形做成的馬賽克起到意想不到的效果:他的組合網(wǎng)站設(shè)計(jì)和單個(gè)作品設(shè)計(jì)的統(tǒng)一性。
Evan
這個(gè)網(wǎng)站也應(yīng)用了獨(dú)立移動(dòng)圖層來(lái)制造3-D效果。只是這個(gè)處理更加的巧妙。紙做的千紙鶴在標(biāo)題處飄動(dòng),創(chuàng)造出輕盈的超現(xiàn)實(shí)的感覺(jué)。色彩和字體進(jìn)一步強(qiáng)調(diào)了主頁(yè)的輕盈和女性化,整體感覺(jué)高端大氣上檔次。此外也為作品的展示留出了空間。
Ian James Cox
看到這個(gè)網(wǎng)站你就會(huì)立刻感受到其中的樂(lè)趣和引人之處。這個(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í)也展示了他如何塑造不同的插圖來(lái)適應(yīng)客戶的風(fēng)格及其內(nèi)容的展現(xiàn)。這樣來(lái)說(shuō)的話,這是非常理想的網(wǎng)站模式,既能夠展示他的獨(dú)特風(fēng)格,也能張揚(yáng)他的強(qiáng)大適應(yīng)能力。
Gregory Sujkowski
Gregory Sujkowski 的網(wǎng)站上展示的是電腦對(duì)話框的圖像。對(duì)話框模仿蘋果的外觀,迅速地展示他的設(shè)計(jì)圖片。這個(gè)單頁(yè)面網(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),手寫的感覺(jué),還有混合的字體,一切都證明了Denise Chandler 的設(shè)計(jì)方式。在她的結(jié)合下,所有的組合像個(gè)熱鬧的聚會(huì)。
Thibaud
這個(gè)網(wǎng)站說(shuō)明顏色的突出無(wú)需太過(guò)女性化。背景填充的深灰,格子的模塊,所有這些毋庸置疑,都是很陽(yáng)剛的。顏色跳出來(lái)也是一片和諧,總體的效果就像精美的現(xiàn)代調(diào)色板。
Andrevv
Andrew McCarthy是一個(gè)互動(dòng)網(wǎng)站設(shè)計(jì)師,他的作品第一眼看上去很普通。和上面那個(gè)網(wǎng)站類似的是,它也有一些意想不到的秘密武器。隨著頁(yè)面向下滾動(dòng),貓的圖片開始在原地跑,而網(wǎng)站的內(nèi)容則飛快的移動(dòng)到背景中去。 網(wǎng)站一直這樣循環(huán),所以貓咪也是一直跑個(gè)不停。所以呢,這個(gè)網(wǎng)站也讓用戶樂(lè)不可支。
Nick Jones
Nick Jones下面的網(wǎng)站炫出了他的響應(yīng)式設(shè)計(jì)技巧。網(wǎng)站訪問(wèn)者不用一點(diǎn)點(diǎn)向下拉動(dòng)頁(yè)面,相反直接就可以托動(dòng)整個(gè)頁(yè)面。事實(shí)上,右邊彈出的畫面只是告訴你頁(yè)面拉過(guò)頭了。由于這個(gè)響應(yīng)性以及網(wǎng)站整體的設(shè)計(jì),大家得到的印象就是這網(wǎng)站真的是酷斃了。
Casey Britt
雖然這個(gè)網(wǎng)站在常規(guī)的瀏覽器上面運(yùn)行無(wú)礙,但是它設(shè)計(jì)的最佳效果是要在ipad上面來(lái)瀏覽。在ipad上面,用戶可以左右滑動(dòng)來(lái)看Casey Britt 做的一些設(shè)計(jì),向下滑動(dòng)則可以看到更多詳細(xì)信息,這樣Britt就有足夠的空間來(lái)展示他和他的設(shè)計(jì)團(tuán)隊(duì)是如何創(chuàng)建頗有特色的網(wǎng)站的。同時(shí),網(wǎng)站的設(shè)計(jì)雅致現(xiàn)代,不過(guò)是匿名的。所以很顯然Britt可以隨時(shí)轉(zhuǎn)向任何其他的設(shè)計(jì)中去。
Jim Ramsden
Jim Ramsden 在設(shè)計(jì)方式上是一個(gè)十足的兩面派。一方面他是非常細(xì)膩有計(jì)劃的,另一方面他又是自由的開放的。不光是主頁(yè),他的整個(gè)網(wǎng)站設(shè)計(jì)打上了他雙重性的烙印。通篇看下來(lái),字體數(shù)碼化顯示,色彩和形象卻是很現(xiàn)代。
Rich Brown
這個(gè)網(wǎng)站是當(dāng)之無(wú)愧的可以作為成功案例。上面的旋轉(zhuǎn)木馬圖像出現(xiàn)在4個(gè)Rich Brown的最新作品中。作品在圖片中的展現(xiàn)方式,他拿捏得游刃有余,雖然圖片各不相同,有上個(gè)網(wǎng)站中那樣的風(fēng)格,也有精美的插圖,但是他保證了整個(gè)的感覺(jué)始終如一。
Sawyer Hollenshead
設(shè)計(jì)時(shí)常常說(shuō)少即是多,沒(méi)有人會(huì)比Sawyer Hollenshead把這點(diǎn)詮釋得更淋漓盡致。網(wǎng)站作品集的首頁(yè)只是他作品的一系列圖片。訪問(wèn)者點(diǎn)擊圖片就可以得到稍微多點(diǎn)的信息,主要是客戶名稱和作品鏈接?;蛘咴L問(wèn)者可以點(diǎn)擊四個(gè)角落的任意一個(gè)圖像來(lái)看他的照片,文章,傳記或者回到首頁(yè)。
Andrew Jackson
設(shè)計(jì)師Andrew Jackson的作品集一次只展示一幅作品,和上面的最大化展示作品的網(wǎng)站不同。訪問(wèn)這個(gè)網(wǎng)站的用戶必須用箭頭鍵進(jìn)行不同作品的轉(zhuǎn)換。他所呈現(xiàn)的網(wǎng)站形象是讓訪問(wèn)者放慢速度,鼓勵(lì)他們深度思考作品內(nèi)涵。柔軟的灰色調(diào)保留了網(wǎng)站的深沉色調(diào)。
Shaun
網(wǎng)站的標(biāo)題是一個(gè)雙關(guān)語(yǔ),當(dāng)然其妙處并未止步于此,它精細(xì)得讓人無(wú)從指責(zé)。字體,文字,顏色和圖片的錯(cuò)綜結(jié)合,讓Shaun Kosijer的設(shè)計(jì)熱情滿滿的蔓延在真?zhèn)€屏幕上。這個(gè)網(wǎng)站沒(méi)有加入什么理論,不過(guò)你完全不會(huì)被網(wǎng)站眩暈的流眼淚。
David Bastain
很多創(chuàng)意者更喜歡將網(wǎng)站的作品集以馬賽克的形象展示出來(lái)。David應(yīng)用了這個(gè)想法,并走的更遠(yuǎn)。David沒(méi)有滿足于簡(jiǎn)單的展示他的作品,他拍了一些高質(zhì)量的作品圖片,把他們放在簡(jiǎn)單的背景中,然后把它們放到網(wǎng)站布局中。展示出的效果就像電腦做成的拼接畫,將數(shù)碼和傳統(tǒng)巧妙的結(jié)合在一起。
親愛的讀者朋友們,你們?cè)趺纯茨??你們是否覺(jué)得設(shè)計(jì)趨勢(shì)過(guò)于固定?你們又是怎樣尋找數(shù)以自己的設(shè)計(jì)風(fēng)格感呢?一切就在評(píng)論里告訴我們吧!
原文地址:psd.fanextra
譯文地址:960px
【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱:2650232288@qq.com】
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個(gè)分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程的干貨網(wǎng)站。
【特色推薦】
設(shè)計(jì)師需要讀的100本書:史上最全的設(shè)計(jì)師圖書導(dǎo)航:http://hao.uisdc.com/book/。
設(shè)計(jì)微博:擁有粉絲量71萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ,歡迎關(guān)注獲取網(wǎng)頁(yè)設(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)頁(yè)設(shè)計(jì) 微信號(hào):【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過(guò)掃描下方二維碼快速添加:
復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。
發(fā)評(píng)論!每天贏獎(jiǎng)品
點(diǎn)擊 登錄 后,在評(píng)論區(qū)留言,系統(tǒng)會(huì)隨機(jī)派送獎(jiǎng)品
2012年成立至今,是國(guó)內(nèi)備受歡迎的設(shè)計(jì)師平臺(tái),提供獎(jiǎng)品贊助 聯(lián)系我們
標(biāo)志設(shè)計(jì)標(biāo)準(zhǔn)教程
已累計(jì)誕生 730 位幸運(yùn)星
發(fā)表評(píng)論
↓ 下方為您推薦了一些精彩有趣的文章熱評(píng) ↓