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

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

2020/12/24 0:14:18 · 稿源:傳誠(chéng)信

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

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

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


一、Awwwards

image.png

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

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

image.png

by?DuallStudio?on?awwwards

image.png

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

二、The FWA

image.png

FWA是全球最頂尖的多媒體競(jìng)賽平臺(tái)之一,目前競(jìng)賽項(xiàng)目包括「多媒體互動(dòng)設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)、APP應(yīng)用程式、VR裝置」等等。
該網(wǎng)站每日會(huì)選出一個(gè)「FWA OF THE DAY」,每月再由這些得獎(jiǎng)?wù)咧羞x出「FWA OF THE MONTH」,每年也會(huì)選出一個(gè)該年度最優(yōu)秀的「FWA OF THE YEAR」。

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

image.png

三、MUUUUU.ORG

image.png

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

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

  2. 設(shè)計(jì)DESIGN

  3. 類型TYPE

  4. 色彩COLOR

四大類又個(gè)別細(xì)分一些小分類,如:「運(yùn)動(dòng)、設(shè)計(jì)藝術(shù)、時(shí)尚...等等」。
雖然網(wǎng)站為日語(yǔ)有些許不便,但透過Google翻譯的功能,使用上還是很方便(我愛Google?。?/p>

image.png

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

四、Bridge

image.png

筆者真的好愛這張Banner (*′?`)~? 動(dòng)畫也很舒服,每次進(jìn)來(lái)都是一種享受!

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

五、W-Storage

image.png

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

六、Web Design Clip

image.png

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

  1. 日本網(wǎng)頁(yè)設(shè)計(jì)Japan

  2. 世界/國(guó)外網(wǎng)頁(yè)設(shè)計(jì)World

  3. 到達(dá)頁(yè)面/登陸頁(yè)面Landing Page

  4. 手機(jī)/響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)Smartphone

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

image.png

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

七、RWD JP

image.png

RWD JP是一個(gè)專門收集有RWD(響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì))的日本網(wǎng)站收集頁(yè)。
每個(gè)作品都有三種螢?zāi)怀叽顼@示,分別為電腦、平板和手機(jī),按下作品右方的「MORE」,會(huì)連結(jié)至該作品的介紹頁(yè)面。

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

  1. 主題類別Category

  2. 顏色Color

  3. 技術(shù)Technique

  4. 類型Type

image.png

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

八、Straightline

image.png

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

image.png

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

  1. 顏色colors

  2. 類型genres

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

  4. 模式/布局patterns

想要找日系和歐美系的網(wǎng)站設(shè)計(jì),推薦來(lái)這邊逛逛!

九、I/O 3000

image.png

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

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

  1. 分類目錄Categories

  2. 標(biāo)簽Tags

  3. 色彩Colors

  4. 年份檔案Archives

  5. 隨機(jī)播放Shuffle

隨機(jī)播放Shuffle很適合用于大量尋找參考風(fēng)格或是設(shè)計(jì)靈感。

十、Korea Web Design

image.png

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

十一、程序猿導(dǎo)航

image.png

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

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

  • 相關(guān)推薦
  • 大家在看
熱文
  • 熱門
  • 最新
客戶服務(wù)
咨詢熱線

010-62199213

24小時(shí)咨詢熱線

139-1050-5354