當(dāng)前位置: 首頁 > 設(shè)計資訊 > 設(shè)計教程 > 正文

那些大膽忽視設(shè)計趨勢的網(wǎng)站

2018-01-17 1178 0
作為網(wǎng)站設(shè)計師,我們很容易就迷失在流行設(shè)計的風(fēng)潮中。比如說,最近頗為流行的扁平化設(shè)計已經(jīng)成為了成千上萬的網(wǎng)站爭相應(yīng)用的形式。然而,提升設(shè)計固然重要,一味跟隨最新流行趨勢卻讓我們的網(wǎng)站千篇一律毫無特色。值得我們關(guān)注的是,那些真正富有創(chuàng)意的設(shè)計如何大膽的對抗那些所謂的流行趨勢,堅守自己的創(chuàng)意之路,推廣他們獨特的時尚感。 這篇文章展示的是設(shè)計師們?nèi)绾瓮ㄟ^自己的作品來傳遞他們的個性,對于視覺的鑒賞力,還有他們無處不在的天賦。所有的設(shè)計都別具一格,獨一無二,卻都美不可言。希望這些設(shè)計能激發(fā)你的靈感,為你的設(shè)計生涯找些平衡。 了解最新的流行設(shè)計趨勢很重要,你可以從中學(xué)習(xí),但是更重要的是你能找到自己專屬的風(fēng)格。
Oleg Postnikov
這個網(wǎng)站是由設(shè)計師Oleg Postnikov創(chuàng)建的,也是他審美和設(shè)計理念的大膽宣言。通過排印,簡單的圖像使用單一的鮮亮顏色,布局不同尋常,錯落有致。同時他也展現(xiàn)了對插圖的偏愛和現(xiàn)代感的鐘愛。
個性推薦:那些大膽忽視設(shè)計趨勢的網(wǎng)站 Beta Takaki 這個網(wǎng)站采用的是和上述網(wǎng)站完全相反的處理方式。它的特點是大大的圖片搭配很小的簡單的字體。水洗灰色構(gòu)成了大部分的底色,創(chuàng)造出冷靜,簡單抽象的氛圍。和上面的網(wǎng)站一樣,這個網(wǎng)站同樣現(xiàn)代化的無可挑剔。 個性推薦:那些大膽忽視設(shè)計趨勢的網(wǎng)站 Benjamin Sheppard 威爾士的網(wǎng)站設(shè)計師Benjamin Sheppard 創(chuàng)建的網(wǎng)站展示的不僅僅是他的設(shè)計技巧,更彰顯了他的前端發(fā)展技巧。網(wǎng)站的主頁很簡單,但是詢問用戶的名字,它營造出小鎮(zhèn)式的熱情好客感。將網(wǎng)站點擊一通下來,用戶一直被稱呼自己的名字,接受贊賞,把那種老式的良好的禮貌習(xí)慣具體化。溫暖的色調(diào),簡單的布局進(jìn)一步強(qiáng)化了友好舒適的感覺。 個性推薦:那些大膽忽視設(shè)計趨勢的網(wǎng)站 Grayden Poper 和這個列表中的其他人一樣,互動網(wǎng)站設(shè)計師Grayden Poper在創(chuàng)建自己的作品時,也展現(xiàn)了自己作為設(shè)計師的個性。他使用的是完全自我的方式,打開網(wǎng)站映入眼簾的就是無臉的形象,這是他從孩提時代就一直想要嘗試的一件事。往下拉動網(wǎng)頁,整個色調(diào)和三角形做成的馬賽克起到意想不到的效果:他的組合網(wǎng)站設(shè)計和單個作品設(shè)計的統(tǒng)一性。 個性推薦:那些大膽忽視設(shè)計趨勢的網(wǎng)站 Think Luke 下面的圖像似乎并不能真正的為網(wǎng)站伸張正義,當(dāng)用戶在屏幕上移動鼠標(biāo),作為圖片中的主要形象,飛機(jī)一直在背景中飛來飛去,創(chuàng)造出非常炫酷的互動3D效果。移動感使整個設(shè)計更加有活力。 個性推薦:那些大膽忽視設(shè)計趨勢的網(wǎng)站 Evan 這個網(wǎng)站也應(yīng)用了獨立移動圖層來制造3-D效果。只是這個處理更加的巧妙。紙做的千紙鶴在標(biāo)題處飄動,創(chuàng)造出輕盈的超現(xiàn)實的感覺。色彩和字體進(jìn)一步強(qiáng)調(diào)了主頁的輕盈和女性化,整體感覺高端大氣上檔次。此外也為作品的展示留出了空間。 個性推薦:那些大膽忽視設(shè)計趨勢的網(wǎng)站 Qais Sarhan 這個網(wǎng)站簡單犀利。首頁的圖片只有兩處連接,還是嵌入在圖片中的。點擊圖片上的男子會彈出一個對話框,可以鏈接到他博客,個人檔案和社交資料。圖片中央的一個形狀可以連接到一個聯(lián)系人表格。這個網(wǎng)頁雖有些約束,但還是表現(xiàn)出了對網(wǎng)頁設(shè)計和互動的精準(zhǔn)理解。
個性推薦:那些大膽忽視設(shè)計趨勢的網(wǎng)站 Ian James Cox 看到這個網(wǎng)站你就會立刻感受到其中的樂趣和引人之處。這個網(wǎng)站很好的介紹了Ian James Cox的設(shè)計風(fēng)格。點擊左側(cè)的名字,整個網(wǎng)站就會自由旋轉(zhuǎn),最終會定格在一幅為客戶所畫的圖片上。幾乎所有他的設(shè)計都帶著他經(jīng)典的插圖風(fēng)格,同時也展示了他如何塑造不同的插圖來適應(yīng)客戶的風(fēng)格及其內(nèi)容的展現(xiàn)。這樣來說的話,這是非常理想的網(wǎng)站模式,既能夠展示他的獨特風(fēng)格,也能張揚(yáng)他的強(qiáng)大適應(yīng)能力。
個性推薦:那些大膽忽視設(shè)計趨勢的網(wǎng)站 Gregory Sujkowski Gregory Sujkowski 的網(wǎng)站上展示的是電腦對話框的圖像。對話框模仿蘋果的外觀,迅速的暫時這他的設(shè)計圖片。這個單頁面網(wǎng)站極為簡單,每個部分只有一兩句短小描述。這樣的結(jié)果就是極為精簡,專注,準(zhǔn)確。設(shè)計在這里實現(xiàn)了真正的對話功能。
個性推薦:那些大膽忽視設(shè)計趨勢的網(wǎng)站 Denise Chandler 大多數(shù)的印刷都是抽象而又嚴(yán)肅的。這個網(wǎng)站則展示了印刷可以天馬行空到什么程度。藍(lán)色的色調(diào),手寫的感覺,還有混合的字體,一切都證明了Denise Chandler 的設(shè)計方式。在她的結(jié)合下,所有的組合像個熱鬧的聚會。 個性推薦:那些大膽忽視設(shè)計趨勢的網(wǎng)站 Thibaud 這個網(wǎng)站說明顏色的突出不用笨拙無需太過女性化。背景填充的深灰,格子的模塊,所有這些毋庸置疑,都是很陽剛的。顏色跳出來也是一片和諧,總體的效果就像精美的現(xiàn)代調(diào)色板。 個性推薦:那些大膽忽視設(shè)計趨勢的網(wǎng)站 Andrevv Andrew McCarthy是一個互動網(wǎng)站設(shè)計師,他的作品第一眼看上去很普通。和上面那個網(wǎng)站類似的是,它也有一些意想不到的秘密武器。隨著頁面向下滾動,貓的圖片開始在原地跑,而網(wǎng)站的內(nèi)容則飛快的移動到背景中去。 網(wǎng)站一直這樣循環(huán),所以貓咪也是一直跑個不停。所以呢,這個網(wǎng)站也讓用戶樂不可支。 pp0 Nick Jones Nick Jones下面的網(wǎng)站炫出了他的響應(yīng)式設(shè)計技巧。網(wǎng)站訪問者不用一點點向下拉動頁面,相反直接就可以托動整個頁面。事實上,右邊彈出的畫面只是告訴你頁面拉過頭了。由于這個響應(yīng)性以及網(wǎng)站整體的設(shè)計,大家得到的印象就是這網(wǎng)站真的是酷斃了。 個性推薦:那些大膽忽視設(shè)計趨勢的網(wǎng)站 Simon Foster Simon Foster 絕對是遵循設(shè)計的科學(xué)。他所用的圖片和字體讓人想到舊時學(xué)校里面的生物課插圖。他避開了流行的趨勢,轉(zhuǎn)向諸如圖標(biāo),黑白色調(diào),簡單右對齊圖片等一些經(jīng)典元素。這讓網(wǎng)站扎根于偉大設(shè)計的基本要素中,同時字體和紅色的觸感讓整個設(shè)計與時俱進(jìn)。
個性推薦:那些大膽忽視設(shè)計趨勢的網(wǎng)站 Casey Britt 雖然這個網(wǎng)站在常規(guī)的瀏覽器上面運(yùn)行無礙,但是它設(shè)計的最佳效果是要在ipad上面來瀏覽。在ipad上面,用戶可以左右滑動來看Casey Britt 做的一些設(shè)計,向下滑動則可以看到更多詳細(xì)信息,這樣Britt就有足夠的空間來展示他和他的設(shè)計團(tuán)隊是如何創(chuàng)建頗有特色的網(wǎng)站的。同時,網(wǎng)站的設(shè)計雅致現(xiàn)代,不過是匿名的。所以很顯然Britt可以隨時轉(zhuǎn)向任何其他的設(shè)計中去。 個性推薦:那些大膽忽視設(shè)計趨勢的網(wǎng)站 Jim Ramsden Jim Ramsden 在設(shè)計方式上是一個十足的兩面派。一方面他是非常細(xì)膩有計劃的,另一方面他又是自由的開放的。不光是主頁,他的整個網(wǎng)站設(shè)計打上了他雙重性的烙印。通篇看下來,字體數(shù)碼化顯示,色彩和形象卻是很現(xiàn)代。 個性推薦:那些大膽忽視設(shè)計趨勢的網(wǎng)站 Rich Brown 這個網(wǎng)站是當(dāng)之無愧的可以作為成功案例。上面的旋轉(zhuǎn)木馬圖像出現(xiàn)在4個Rich Brown的最新作品中。作品在圖片中的展現(xiàn)方式,他拿捏得游刃有余,雖然圖片各不相同,有上個網(wǎng)站中那樣的風(fēng)格,也有精美的插圖,但是他保證了整個的感覺始終如一。
個性推薦:那些大膽忽視設(shè)計趨勢的網(wǎng)站 Rick and Drew 很多設(shè)計師是在團(tuán)隊中工作的??墒窍胍宫F(xiàn)個性的他們是如何成為一個團(tuán)隊的呢?Rick 和Drew是這樣來實現(xiàn)的。他們倆站在同一個地方,偶爾看向以邊,拍個視頻短片,然后將他們的形象合二為一,創(chuàng)造出一個統(tǒng)一而且表面上看起來就很有各自特色的移動背景。
個性推薦:那些大膽忽視設(shè)計趨勢的網(wǎng)站 Sawyer Hollenshead 設(shè)計時常常說少即是多,沒有人會比Sawyer Hollenshead把這點詮釋得更淋漓盡致。網(wǎng)站作品集的首頁只是他作品的一系列圖片。訪問者點擊圖片就可以得到稍微多點的信息,主要是客戶名稱和作品鏈接?;蛘咴L問者可以點擊四個角落的任意一個鬼的圖像來看他的照片,文章,傳記或者回到首頁。
個性推薦:那些大膽忽視設(shè)計趨勢的網(wǎng)站 Andrew Jackson 設(shè)計師Andrew Jackson的作品集一次只展示一幅作品,和上面的最大化展示作品的網(wǎng)站不同。訪問這個網(wǎng)站的用戶必須用箭頭鍵進(jìn)行不同作品的轉(zhuǎn)換。他所呈現(xiàn)的網(wǎng)站形象是讓訪問者放慢速度,鼓勵他們深度思考作品內(nèi)涵。柔軟的灰色調(diào)保留了網(wǎng)站的深沉色調(diào)。
個性推薦:那些大膽忽視設(shè)計趨勢的網(wǎng)站 Shaun 網(wǎng)站的標(biāo)題是一個雙關(guān)語,當(dāng)然其妙處并未止步于此,它精細(xì)得讓人無從指責(zé)。字體,文字,顏色和圖片的錯綜結(jié)合,讓Shaun Kosijer的設(shè)計熱情滿滿的蔓延在真?zhèn)€屏幕上。這個網(wǎng)站沒有加入什么理論,不過你完全不會被網(wǎng)站眩暈的流眼淚。 個性推薦:那些大膽忽視設(shè)計趨勢的網(wǎng)站 Oasim 這個網(wǎng)站很有幽默感,也有上面例子中的豐富的色彩。它也很柔軟的展現(xiàn)了Osaim的作品。不過網(wǎng)站也是粗看特別簡單的那種,當(dāng)你劃過那些矩形時,它們會鞠躬,展示它們的內(nèi)同。屏幕角落的商務(wù)卡片偶爾會跳入用戶視野,讓人忍不住想要點擊他。所有這些都為網(wǎng)站增添了有趣矜持的感覺。
個性推薦:那些大膽忽視設(shè)計趨勢的網(wǎng)站 David Bastain 很多創(chuàng)意者更喜歡將網(wǎng)站的作品集以馬賽克的形象展示出來。David應(yīng)用了這個想法,并走的更遠(yuǎn)。David沒有滿足于簡單的展示他的作品,他拍了一些高質(zhì)量的作品圖片,把他們放在簡單的背景中,然后把它們放到網(wǎng)站布局中。展示出的效果就像電腦做成的拼接畫,將數(shù)碼和傳統(tǒng)巧妙的結(jié)合在一起。
個性推薦:那些大膽忽視設(shè)計趨勢的網(wǎng)站 親愛的讀者朋友們,你們怎么看呢?你們是否覺得設(shè)計趨勢過于固定?你們又是怎樣尋找屬于自己的設(shè)計風(fēng)格感呢?也許這是一個很值得思考的問題。 
25
評論區(qū)(0)
正在加載評論...
相關(guān)推薦