引領(lǐng)設(shè)計趨勢!潮的24組獲獎網(wǎng)頁作品欣賞

2014-2-25    藍藍設(shè)計的小編

轉(zhuǎn)載藍藍設(shè)計(   m.sillybuy.com  )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供有效的   BS界面設(shè)計 、 cs界面設(shè)計 、  ipad界面設(shè)計   、  包裝設(shè)計 、  圖標定制 、  用戶體驗 、交互設(shè)計、   網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

來源:http://www.uisdc.com/100-things-you-should-know-about-design

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中,   請點這里 

當下的網(wǎng)站設(shè)計趨勢已經(jīng)徹底改變了過去幾年對于網(wǎng)頁設(shè)計的概念,而且至少在接下來的這一年里會發(fā)展得如火如荼。我們已經(jīng)接觸到了垂直滾動、扁平化設(shè)計、復(fù)古的配色、極簡的配色,以及幻燈動畫展示,當然,響應(yīng)式設(shè)計才是最頭等的趨勢。

最近我們看到了透明的幻燈展示以及長投影設(shè)計,在藍藍設(shè)計收集的案例中,我們將會看到這些趨勢帶來了巨大的影響,它們顛覆了以往的擬物界面設(shè)計成為新一輪的潮流。隨著移動設(shè)備的擴大使用,設(shè)計師的責任愈加重大,如何把創(chuàng)意注入到新的設(shè)計趨勢中是一個關(guān)鍵點。

獲獎?wù)军c

DANIEL J DIGGLE

CSS 設(shè)計獎, 2013年1月5日

這個組合包含了當下的很多設(shè)計趨勢,而且無縫地展示了出來。它擁有一個網(wǎng)格布局的著陸頁,當你點擊鏈接的時候會跳轉(zhuǎn)到相應(yīng)的內(nèi)容塊。頁面非常的干凈。

1

PAPER TIGER AGENCY

獲獎于2013年1月1日

網(wǎng)站首頁的文字是兩行式排版。紅色部分是變化著的。第一行是由白色靜態(tài)的”Paper Tiger”和粉色的字體組成,粉色的字體會翻轉(zhuǎn)變化,字體包括”Develops/Consults/Designs”。第二行的靜態(tài)白色字體是”for the”,動態(tài)紅色字體是”Brand Message/Business Goal/User Experience”。所以整個句子包含了很多組合。背景是一個黑膠唱片播放動畫形象,這是一個經(jīng)過深思熟慮而設(shè)計成的網(wǎng)站首頁,配色方案采取了黑色、白色和紅色,經(jīng)典。

2

MICHEAL NGO

獲獎于2013年12月31日

這是一個單頁的垂直滾動設(shè)計網(wǎng)站。著陸頁上的設(shè)計師眨動著自己的眼鏡。當你把頁面往下滾動時,會看見一組黑白網(wǎng)格布局的內(nèi)容,頁面的底部是設(shè)計師站立的雙腳。這個網(wǎng)站給人的信息就是設(shè)計師舉起自己的單頁網(wǎng)站!非常有價值。

3

ALEE FOROUGHI

Css設(shè)計獎,2013年12月26日

這個網(wǎng)站有一個非常漂亮的垂直滾動效果。中間還有一個基于三角形的網(wǎng)格布局。整個網(wǎng)站非常的簡約、大方和美觀。

4

ETEC MINDS

Css設(shè)計獎。2013年12月12日

網(wǎng)站的著陸頁是Etec Minds的辦公室工作動畫場景。主頁有一個不錯的垂直滾動效果,以及一些很愉快地扁平設(shè)計。它不是一個響應(yīng)式的網(wǎng)站,但是針對移動端它有專門的移動版本。

5

FIXATE

Css設(shè)計獎,2013年12月9日

該網(wǎng)站的主頁非常有亮點!所有元素都按照線畫稿的形式來,但是居然一點也不亂,反而非常美觀。

6

Departement Creatif

獲獎于2013年12月8日

無限滾動的、響應(yīng)式網(wǎng)站。扁平化設(shè)計。網(wǎng)格布局。一個字:酷!

7

ANTRO

獲獎于2013年11月27日

該網(wǎng)站的著陸頁有一個幾何形狀飄飛的動畫。往下滾動時你會發(fā)現(xiàn)一切元素的設(shè)計都顯得小巧精致。扁平化設(shè)計。接下來有4個幻燈片,如果你點擊箭頭,幻燈片就會自動擴展到頁面大小,當你繼續(xù)往下滾動頁面就會自動變回原始的大小。這是一個非常美麗而富有創(chuàng)造性的網(wǎng)站。

8

ELEGANT SEAGULLS

獲獎于2013年11月20日

另一個滾動式網(wǎng)站。響應(yīng)式、扁平化設(shè)計。盡管滾動的過程中不見得很平滑自然,但是也不乏精彩。

9

TEAMGEEK

獲獎于2013年11月16日

Teamgeek展示了目前所有的設(shè)計趨勢:垂直滾動、扁平化設(shè)計、復(fù)古配色、極簡主義設(shè)計、基于網(wǎng)格的布局。但它不是響應(yīng)式網(wǎng)站,不過針對移動端有另外的版本。

10

STEREO CREATIVE

獲獎于2013年10月13日

滾動式網(wǎng)站簡直要爆棚了,又來一個~扁平化設(shè)計,復(fù)古的配色,幻燈的展示。和上面那個一樣,不是響應(yīng)式網(wǎng)站,不過針對移動端有另外的版本。

Stereo Creative

TRIA

獲獎于2013年10月12日

打開此頁面你必須仔細把握好自己鼠標位置=。=當你看到一個女孩在吹口香糖泡泡的時候千萬不要慌亂=。=鼠標移到頁面四周時頁面女孩自然就不見了,映入你眼簾的是文字鏈接。在泡泡之下點開它們你就會進入新的世界!這個頁面非常富有創(chuàng)意,毫不猶豫拿下大獎。

12

CINNAMON TOAST

獲獎于2013年9月21日

這個網(wǎng)站的著陸頁有一段工作狂們的視頻剪輯。這是一個視差滾動站點,往下滾動的過程中頭部的視頻是一直都存在在那里的。這個設(shè)計讓讓你耳目一新。而且,網(wǎng)站是全響應(yīng)的。

13

MIAGUI

獲獎于2013年9月12日

又一個囊括了眾多設(shè)計趨勢的站點。例如垂直滾動、網(wǎng)格布局、扁平化設(shè)計等。但是比較可惜的是該網(wǎng)站只有pc端沒有移動端版本,只能在電腦上或者平板電腦上觀看。

14

ABBEY PUTINSKI

獲獎于2013年9月7日

擦!好有創(chuàng)意的網(wǎng)站!簡直是一個冒險的嘗試!打開首頁關(guān)掉通知欄后呈現(xiàn)在我們眼前的是一張地圖。扁平化、半透明的設(shè)計。鼠標這個時候已經(jīng)變成一只手了,直接拖動頁面地圖就跟著延伸!我不確定這張地圖的范圍有多大,或許是一座城市?或許是這個地球?無論如何,它是響應(yīng)式的。

16

THE BIG BAD WOLF

獲獎于2013年9月7日

Oh!網(wǎng)格,網(wǎng)格,網(wǎng)格!該網(wǎng)站沒別的,就是網(wǎng)格布局特別多。搭上黑白的色彩搭配顯得非常吸引人。

17

MOVING THINGS DESIGN

獲獎于2013年8月31日

這個網(wǎng)站不為別的,就為了展示當下設(shè)計趨勢而來的——扁平化設(shè)計、垂直滾動、充分響應(yīng)、基于網(wǎng)格的布局、大量的純色……難道還需要加入其它元素?這個網(wǎng)站非常值得拿下大獎。

18

AGENCE XY

獲獎于2013年8月19日

不得不承認,這個站點就像是在表演魔術(shù)一樣…點開每個連接,過渡形式非常的漂亮!而且,這個網(wǎng)站也是響應(yīng)式的。

19

NIQUE WOODHOUSE

獲獎于2013年7月29日

該站點的導航方式非常不一般。直接拖動頁面可以水平和垂直變換頁面。右上角有一個小小的導航告訴你你所在的頁面??赡芤婚_始你無法適應(yīng)這么高端的設(shè)計,不過實在是太完美了。

21

LUCAS NIKITCZUK

獲獎于2013年7月28日

設(shè)計師個人視差滾動網(wǎng)站。隨著頁面的往下滾動,圓圈里面展示設(shè)計師個人的項目。采用扁平化設(shè)計,充分響應(yīng)。

22

THE SECRET HANDSHAKE

獲獎于2013年7月21日

該網(wǎng)站基于網(wǎng)格布局,扁平化設(shè)計和大字體設(shè)計。充分響應(yīng)。

23

ADAM RUDZKI

獲獎于2013年6月7日

嗯,又是一個包含設(shè)計趨勢相當多的網(wǎng)站:垂直滾動,扁平化設(shè)計,巨大的色塊,基于網(wǎng)格的布局。但不是響應(yīng)式的。

24

總結(jié)

其實我們已經(jīng)看到這些趨勢在過去的幾年里已經(jīng)流行了一段時間,有一些是新興的,可能會經(jīng)不起時間的考驗。隨著響應(yīng)式設(shè)計和扁平化設(shè)計的普及,事實上很多創(chuàng)造力已經(jīng)無法注入到網(wǎng)站設(shè)計需求中了。從上面的例子中我們就可以發(fā)現(xiàn)響應(yīng)式設(shè)計被忽視了,取而代之的是必須展示的內(nèi)容。但是大多數(shù)網(wǎng)站依然會另外出一個移動版本。

總的來說,如果你想讓響應(yīng)式得以發(fā)揮,那么一些很好的創(chuàng)意可能就會半途而廢。
你覺得扁平化設(shè)計和響應(yīng)式設(shè)計會隨著時間的沉淀留下來嗎?為了強調(diào)這兩種設(shè)計你有什么辦法?或許透明ui設(shè)計和長投影會是一個趨勢呢!在評論框中留下你對網(wǎng)頁設(shè)計趨勢的看法吧!

原文地址:onextrapixel

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://m.sillybuy.com

存檔