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

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

這篇文章展示的是設計師們如何通過(guò)自己的作品來(lái)傳遞他們的個(gè)性，對于視覺(jué)的鑒賞力，還有他們無(wú)處不在的天賦。所有的設計都別具一格，獨一無(wú)二，卻都美不可言。希望這些設計能激發(fā)你的靈感，為你的設計生涯找些平衡。

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

Oleg Postnikov

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

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

Beta Takaki

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

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

Benjamin Sheppard

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

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

Grayden Poper

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

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

Think Luke

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

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

Evan

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

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

Qais Sarhan

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

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

Ian James Cox

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

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

Gregory Sujkowski

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

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

Denise Chandler

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

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

Thibaud

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

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

Andrevv

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

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

Nick Jones

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

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

Simon Foster

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

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

Casey Britt

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

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

Jim Ramsden

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

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

Rich Brown

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

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

Rick and Drew

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

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

Sawyer Hollenshead

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

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

Andrew Jackson

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

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

Shaun

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

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

Oasim

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

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

David Bastain

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

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

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