當(dāng)一個新的網(wǎng)站項目進(jìn)來洽談時,我們通常會在評估階段,先按照客戶的「產(chǎn)業(yè)」和「需求」找一些相應(yīng)或適合的視覺風(fēng)格網(wǎng)站。除了公司本身的作品案例外,也會搜集一些客戶/老板的「目標(biāo)網(wǎng)站」。
一方面和客戶討論風(fēng)格定案,一方面也激勵自己要不斷創(chuàng)新與進(jìn)步!
看到厲害的作品,才會知道自己的不足,也能知道現(xiàn)在流行的風(fēng)格與最新的技術(shù)。
這篇文章會整理一些,平時在網(wǎng)站設(shè)計工作上可以幫助網(wǎng)頁設(shè)計師找靈感的,11個網(wǎng)站收集分享!
一、Awwwards
赫赫有名的Awwwards有「網(wǎng)頁設(shè)計界的奧斯卡」美稱,它創(chuàng)立于2009年,總部位于西班牙瓦倫西亞,是一個集結(jié)時下最優(yōu)秀的網(wǎng)頁設(shè)計競賽平臺。
網(wǎng)頁設(shè)計師可以透過Awwwards投稿自己的網(wǎng)頁作品(需付費),會有專業(yè)的評審進(jìn)行評選,分別為該作品的各個項目進(jìn)行打分(滿分10分)。
by?DuallStudio?on?awwwards
Awwwards每隔一段時間會評選出近期最佳的網(wǎng)頁設(shè)計作品,并舉辦頒獎儀式。
如果設(shè)計師的作品能夠入選,將是非常大的榮幸!
転転是臺灣入選Awwwards網(wǎng)頁設(shè)計獎最多的公司,筆者也很喜歡他們的作品:)
二、The FWA
FWA是全球最頂尖的多媒體競賽平臺之一,目前競賽項目包括「多媒體互動設(shè)計、網(wǎng)頁設(shè)計、APP應(yīng)用程式、VR裝置」等等。
該網(wǎng)站每日會選出一個「FWA OF THE DAY」,每月再由這些得獎?wù)咧羞x出「FWA OF THE MONTH」,每年也會選出一個該年度最優(yōu)秀的「FWA OF THE YEAR」。
獲獎的作品水準(zhǔn)都非常高!以9月份的FWA OF THE MONTH為例,F(xiàn)WA會針對該得獎作品最值得欣賞的部分,做一個區(qū)塊展示。
三、MUUUUU.ORG
muuuuu.org是一個日系網(wǎng)站收集頁,主要以分享日本各地的網(wǎng)頁設(shè)計作品為主。
左方有詳細(xì)的分類可以供設(shè)計師檢索參考,共有四大類:
產(chǎn)業(yè)INDUSTRY
設(shè)計DESIGN
類型TYPE
色彩COLOR
四大類又個別細(xì)分一些小分類,如:「運動、設(shè)計藝術(shù)、時尚...等等」。
雖然網(wǎng)站為日語有些許不便,但透過Google翻譯的功能,使用上還是很方便(我愛Google?。?/p>
↑ 開啟Google 翻譯后的網(wǎng)站
四、Bridge
筆者真的好愛這張Banner (*′?`)~? 動畫也很舒服,每次進(jìn)來都是一種享受!
Bridge是一個付費的WordPress主題銷售網(wǎng)站,總共有520種Demo可以選擇與參考。
分類非常多樣,如:「商業(yè)、作品集、部落格、創(chuàng)意...等等」,個人覺得風(fēng)格比較偏向現(xiàn)代歐美風(fēng)。
筆者沒有購買過,公司也沒有使用WordPress,僅用來參考版面設(shè)計與初期設(shè)計方向,如果有在使用WordPress的朋友,可以看看喔!
五、W-Storage
W-Storage也是一個日系網(wǎng)站收集頁,性質(zhì)和分類上與muuuuu.org有點相似。
個人覺得W-Storage收集的網(wǎng)站大多比較制式一些,數(shù)量也較少,但還是收錄了很多不錯的日系版面。
六、Web Design Clip
Web Design Clip是一家日本的網(wǎng)頁設(shè)計收集站,整體設(shè)計非常舒服,內(nèi)容主要分為四大類:
日本網(wǎng)頁設(shè)計Japan
世界/國外網(wǎng)頁設(shè)計World
到達(dá)頁面/登陸頁面Landing Page
手機/響應(yīng)式網(wǎng)頁設(shè)計Smartphone
特別的是他們提供以主色調(diào)(Main Color)、副色調(diào)(Sub Color)、布局(Layout)為主的篩選類別,另有以主題搜集的設(shè)計作品分類(Category)和站內(nèi)的搜尋功能。
最棒的是他們每天都會更新喔!可以時不時打開看看最新的推薦網(wǎng)站(?′ ? `?)
在World的分類內(nèi),也可以看到臺灣的網(wǎng)頁設(shè)計作品喔!
七、RWD JP
RWD JP是一個專門收集有RWD(響應(yīng)式網(wǎng)頁設(shè)計)的日本網(wǎng)站收集頁。
每個作品都有三種螢?zāi)怀叽顼@示,分別為電腦、平板和手機,按下作品右方的「MORE」,會連結(jié)至該作品的介紹頁面。
網(wǎng)站共有四大分類:
主題類別Category
顏色Color
技術(shù)Technique
類型Type
在作品介紹頁中,RWD JP很貼心的依照網(wǎng)站分類,幫各個作品統(tǒng)整出它的「類別、顏色、技術(shù),類型」以及網(wǎng)站簡介。
下方也會推薦出類似的網(wǎng)站作品,對于尋找設(shè)計風(fēng)格及版面很有幫助!
八、Straightline
Straightline是一個日本網(wǎng)站,目前收集了9145個網(wǎng)頁設(shè)計作品。
除了日系網(wǎng)站外,也有收錄歐美的網(wǎng)頁設(shè)計,種類非常多樣豐富!
每項作品可以看到加入的日期與收藏人數(shù),平均每天會有一~三個新作品更新到網(wǎng)站。
左上角小小的「tags list」點開(真的好?。?,可以看到網(wǎng)站的分類篩選功能。
分別有:
顏色colors
類型genres
其他分類others(如:日文、英文、html5...等等)
模式/布局patterns
想要找日系和歐美系的網(wǎng)站設(shè)計,推薦來這邊逛逛!
九、I/O 3000
I/O 3000是一個設(shè)計簡約且直覺的網(wǎng)站收集頁。
經(jīng)常更新,而且有個特別的分類是依照年份歸檔,從2009年一直到2020年,可以清楚看到網(wǎng)頁設(shè)計的進(jìn)化史XD
網(wǎng)站共有五大類:
分類目錄Categories
標(biāo)簽Tags
色彩Colors
年份檔案Archives
隨機播放Shuffle
隨機播放Shuffle很適合用于大量尋找參考風(fēng)格或是設(shè)計靈感。
十、Korea Web Design
Korea Web Design是一個專門搜集韓國網(wǎng)頁設(shè)計的收集站。
雖然平時鮮少參考韓國的網(wǎng)站,但筆者覺得韓國在飽和色彩的設(shè)計配置上很值得參考!
十一、程序猿導(dǎo)航
網(wǎng)站設(shè)計師網(wǎng)址導(dǎo)航(hao.ccxcn.com)-精選設(shè)計網(wǎng)站大全,一站在手,省事省心。
成立于2004年的北京傳誠信廣告有限公司(簡稱北京傳誠信),為國內(nèi)專業(yè)網(wǎng)站設(shè)計及網(wǎng)站建設(shè)公司,是一個高素質(zhì)的技術(shù)團隊,凝聚了一批行業(yè)類年輕且有活力的成員。
他們在網(wǎng)站設(shè)計的陣地上有著出色的表現(xiàn)以及豐富的實戰(zhàn)經(jīng)驗,更具魅力的是他們的創(chuàng)造力和奉獻(xiàn)精神。
我們團隊的成員都是設(shè)計界的精英,受過高等的藝術(shù)深造,經(jīng)過多重工作實戰(zhàn)磨練。并擁有與各國內(nèi)外各大企業(yè)的成功合作經(jīng)驗。
我們的實力和配合絕對可以勝任任何有具有挑戰(zhàn)性的設(shè)計工作!
以上為筆者在工作上常逛的網(wǎng)站收集頁,如果有發(fā)現(xiàn)更好的資源會持續(xù)更新:)