淺談那些大膽忽視設(shè)計(jì)趨勢(shì)的網(wǎng)站發(fā)布者：本站     時(shí)間：2021-12-23 11:12:46

作為網(wǎng)站設(shè)計(jì)師，我們很容易就迷失在流行設(shè)計(jì)的風(fēng)潮中。比如說(shuō)，最近頗為流行的扁平化設(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)格。

Oleg Postnikov

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

淺談那些大膽忽視設(shè)計(jì)趨勢(shì)的網(wǎng)站,PS教程,

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ú)可挑剔。

淺談那些大膽忽視設(shè)計(jì)趨勢(shì)的網(wǎng)站,PS教程,

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é)。

淺談那些大膽忽視設(shè)計(jì)趨勢(shì)的網(wǎng)站,PS教程,

Grayden Poper

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

淺談那些大膽忽視設(shè)計(jì)趨勢(shì)的網(wǎng)站,PS教程,

Think Luke

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

淺談那些大膽忽視設(shè)計(jì)趨勢(shì)的網(wǎng)站,PS教程,

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é)高端大氣上檔次。此外也為作品的展示留出了空間。

淺談那些大膽忽視設(shè)計(jì)趨勢(shì)的網(wǎng)站,PS教程,

Qais Sarhan

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

淺談那些大膽忽視設(shè)計(jì)趨勢(shì)的網(wǎng)站,PS教程,

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ì)定格在一幅為客戶所畫(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)能力。

淺談那些大膽忽視設(shè)計(jì)趨勢(shì)的網(wǎng)站,PS教程,

Gregory Sujkowski

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

淺談那些大膽忽視設(shè)計(jì)趨勢(shì)的網(wǎng)站,PS教程,

Denise Chandler

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

淺談那些大膽忽視設(shè)計(jì)趨勢(shì)的網(wǎng)站,PS教程,

Thibaud

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

淺談那些大膽忽視設(shè)計(jì)趨勢(shì)的網(wǎng)站,PS教程,

Andrevv

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

淺談那些大膽忽視設(shè)計(jì)趨勢(shì)的網(wǎng)站,PS教程,

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í)上，右邊彈出的畫(huà)面只是告訴你頁(yè)面拉過(guò)頭了。由于這個(gè)響應(yīng)性以及網(wǎng)站整體的設(shè)計(jì)，大家得到的印象就是這網(wǎng)站真的是酷斃了。

淺談那些大膽忽視設(shè)計(jì)趨勢(shì)的網(wǎng)站,PS教程,

Simon Foster

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

淺談那些大膽忽視設(shè)計(jì)趨勢(shì)的網(wǎng)站,PS教程,

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ì)中去。

淺談那些大膽忽視設(shè)計(jì)趨勢(shì)的網(wǎng)站,PS教程,

Jim Ramsden

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

淺談那些大膽忽視設(shè)計(jì)趨勢(shì)的網(wǎng)站,PS教程,

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é)始終如一。

淺談那些大膽忽視設(shè)計(jì)趨勢(shì)的網(wǎng)站,PS教程,

Rick and Drew

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

淺談那些大膽忽視設(shè)計(jì)趨勢(shì)的網(wǎng)站,PS教程,

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è)。

淺談那些大膽忽視設(shè)計(jì)趨勢(shì)的網(wǎng)站,PS教程,

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)。

淺談那些大膽忽視設(shè)計(jì)趨勢(shì)的網(wǎng)站,PS教程,

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)站眩暈的流眼淚。

淺談那些大膽忽視設(shè)計(jì)趨勢(shì)的網(wǎng)站,PS教程,

Oasim

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

淺談那些大膽忽視設(shè)計(jì)趨勢(shì)的網(wǎng)站,PS教程,

David Bastain

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

淺談那些大膽忽視設(shè)計(jì)趨勢(shì)的網(wǎng)站,PS教程,

親愛(ài)的讀者朋友們，你們?cè)趺纯茨?你們是否覺(jué)得設(shè)計(jì)趨勢(shì)過(guò)于固定?你們又是怎樣尋找屬于自己的設(shè)計(jì)風(fēng)格感呢?也許這是一個(gè)很值得思考的問(wèn)題。