首頁?>?知識?資訊?>?幫助網(wǎng)頁設計師找靈感,11個經(jīng)常參考的視覺網(wǎng)站?>?正文

幫助網(wǎng)頁設計師找靈感,11個經(jīng)常參考的視覺網(wǎng)站

2020/12/24 0:14:18 · 稿源:傳誠信

當一個新的網(wǎng)站項目進來洽談時,我們通常會在評估階段,先按照客戶的「產(chǎn)業(yè)」和「需求」找一些相應或適合的視覺風格網(wǎng)站。除了公司本身的作品案例外,也會搜集一些客戶/老板的「目標網(wǎng)站」。

一方面和客戶討論風格定案,一方面也激勵自己要不斷創(chuàng)新與進步!
看到厲害的作品,才會知道自己的不足,也能知道現(xiàn)在流行的風格與最新的技術。

這篇文章會整理一些,平時在網(wǎng)站設計工作上可以幫助網(wǎng)頁設計師找靈感的,11個網(wǎng)站收集分享!


一、Awwwards

image.png

赫赫有名的Awwwards有「網(wǎng)頁設計界的奧斯卡」美稱,它創(chuàng)立于2009年,總部位于西班牙瓦倫西亞,是一個集結時下最優(yōu)秀的網(wǎng)頁設計競賽平臺。

網(wǎng)頁設計師可以透過Awwwards投稿自己的網(wǎng)頁作品(需付費),會有專業(yè)的評審進行評選,分別為該作品的各個項目進行打分(滿分10分)。

image.png

by?DuallStudio?on?awwwards

image.png

Awwwards每隔一段時間會評選出近期最佳的網(wǎng)頁設計作品,并舉辦頒獎儀式。
如果設計師的作品能夠入選,將是非常大的榮幸!
転転是臺灣入選Awwwards網(wǎng)頁設計獎最多的公司,筆者也很喜歡他們的作品:)

二、The FWA

image.png

FWA是全球最頂尖的多媒體競賽平臺之一,目前競賽項目包括「多媒體互動設計、網(wǎng)頁設計、APP應用程式、VR裝置」等等。
該網(wǎng)站每日會選出一個「FWA OF THE DAY」,每月再由這些得獎者中選出「FWA OF THE MONTH」,每年也會選出一個該年度最優(yōu)秀的「FWA OF THE YEAR」。

獲獎的作品水準都非常高!以9月份的FWA OF THE MONTH為例,F(xiàn)WA會針對該得獎作品最值得欣賞的部分,做一個區(qū)塊展示。

image.png

三、MUUUUU.ORG

image.png

muuuuu.org是一個日系網(wǎng)站收集頁,主要以分享日本各地的網(wǎng)頁設計作品為主。
左方有詳細的分類可以供設計師檢索參考,共有四大類:

  1. 產(chǎn)業(yè)INDUSTRY

  2. 設計DESIGN

  3. 類型TYPE

  4. 色彩COLOR

四大類又個別細分一些小分類,如:「運動、設計藝術、時尚...等等」。
雖然網(wǎng)站為日語有些許不便,但透過Google翻譯的功能,使用上還是很方便(我愛Google!)

image.png

↑ 開啟Google 翻譯后的網(wǎng)站

四、Bridge

image.png

筆者真的好愛這張Banner (*′?`)~? 動畫也很舒服,每次進來都是一種享受!

Bridge是一個付費的WordPress主題銷售網(wǎng)站,總共有520種Demo可以選擇與參考。
分類非常多樣,如:「商業(yè)、作品集、部落格、創(chuàng)意...等等」,個人覺得風格比較偏向現(xiàn)代歐美風。
筆者沒有購買過,公司也沒有使用WordPress,僅用來參考版面設計與初期設計方向,如果有在使用WordPress的朋友,可以看看喔!

五、W-Storage

image.png

W-Storage也是一個日系網(wǎng)站收集頁,性質和分類上與muuuuu.org有點相似。
個人覺得W-Storage收集的網(wǎng)站大多比較制式一些,數(shù)量也較少,但還是收錄了很多不錯的日系版面。

六、Web Design Clip

image.png

Web Design Clip是一家日本的網(wǎng)頁設計收集站,整體設計非常舒服,內容主要分為四大類:

  1. 日本網(wǎng)頁設計Japan

  2. 世界/國外網(wǎng)頁設計World

  3. 到達頁面/登陸頁面Landing Page

  4. 手機/響應式網(wǎng)頁設計Smartphone

特別的是他們提供以主色調(Main Color)、副色調(Sub Color)、布局(Layout)為主的篩選類別,另有以主題搜集的設計作品分類(Category)和站內的搜尋功能。

image.png

最棒的是他們每天都會更新喔!可以時不時打開看看最新的推薦網(wǎng)站(?′ ? `?)
在World的分類內,也可以看到臺灣的網(wǎng)頁設計作品喔!

七、RWD JP

image.png

RWD JP是一個專門收集有RWD(響應式網(wǎng)頁設計)的日本網(wǎng)站收集頁。
每個作品都有三種螢幕尺寸顯示,分別為電腦、平板和手機,按下作品右方的「MORE」,會連結至該作品的介紹頁面。

網(wǎng)站共有四大分類:

  1. 主題類別Category

  2. 顏色Color

  3. 技術Technique

  4. 類型Type

image.png

在作品介紹頁中,RWD JP很貼心的依照網(wǎng)站分類,幫各個作品統(tǒng)整出它的「類別、顏色、技術,類型」以及網(wǎng)站簡介。
下方也會推薦出類似的網(wǎng)站作品,對于尋找設計風格及版面很有幫助!

八、Straightline

image.png

Straightline是一個日本網(wǎng)站,目前收集了9145個網(wǎng)頁設計作品。
除了日系網(wǎng)站外,也有收錄歐美的網(wǎng)頁設計,種類非常多樣豐富!
每項作品可以看到加入的日期與收藏人數(shù),平均每天會有一~三個新作品更新到網(wǎng)站。

image.png

左上角小小的「tags list」點開(真的好小),可以看到網(wǎng)站的分類篩選功能。
分別有:

  1. 顏色colors

  2. 類型genres

  3. 其他分類others(如:日文、英文、html5...等等)

  4. 模式/布局patterns

想要找日系和歐美系的網(wǎng)站設計,推薦來這邊逛逛!

九、I/O 3000

image.png

I/O 3000是一個設計簡約且直覺的網(wǎng)站收集頁。
經(jīng)常更新,而且有個特別的分類是依照年份歸檔,從2009年一直到2020年,可以清楚看到網(wǎng)頁設計的進化史XD

網(wǎng)站共有五大類:

  1. 分類目錄Categories

  2. 標簽Tags

  3. 色彩Colors

  4. 年份檔案Archives

  5. 隨機播放Shuffle

隨機播放Shuffle很適合用于大量尋找參考風格或是設計靈感。

十、Korea Web Design

image.png

Korea Web Design是一個專門搜集韓國網(wǎng)頁設計的收集站。
雖然平時鮮少參考韓國的網(wǎng)站,但筆者覺得韓國在飽和色彩的設計配置上很值得參考!

十一、程序猿導航

image.png

網(wǎng)站設計師網(wǎng)址導航(hao.ccxcn.com)-精選設計網(wǎng)站大全,一站在手,省事省心。
成立于2004年的北京傳誠信廣告有限公司(簡稱北京傳誠信),為國內專業(yè)網(wǎng)站設計及網(wǎng)站建設公司,是一個高素質的技術團隊,凝聚了一批行業(yè)類年輕且有活力的成員。
他們在網(wǎng)站設計的陣地上有著出色的表現(xiàn)以及豐富的實戰(zhàn)經(jīng)驗,更具魅力的是他們的創(chuàng)造力和奉獻精神。
我們團隊的成員都是設計界的精英,受過高等的藝術深造,經(jīng)過多重工作實戰(zhàn)磨練。并擁有與各國內外各大企業(yè)的成功合作經(jīng)驗。
我們的實力和配合絕對可以勝任任何有具有挑戰(zhàn)性的設計工作!

以上為筆者在工作上常逛的網(wǎng)站收集頁,如果有發(fā)現(xiàn)更好的資源會持續(xù)更新:)

  • 相關推薦
  • 大家在看
熱文
  • 熱門
  • 最新
客戶服務
咨詢熱線

010-62199213

24小時咨詢熱線

139-1050-5354