GogoShark 選出網頁設計及行銷人員一定要知道的 33 個網站

在建立一個網站的時候,你會參考其他網站的設計嗎?
這次,GogoShark 為你嚴選了 33 個超實用的網站。

一起來看看吧!

 

16個收錄日本網頁設計的網站

1. MUUUUU.ORG

http://muuuuu.org/

分類豐富,包含行業、設計、顏色等等,可以很容易進行搜尋。

 

2. straightline bookmark

http://bm.straightline.jp/

當你註冊後,可以利用網站中「my bookmarks」和「my favorits」將喜歡的網頁存下來,相當方便!

 

3. WONDER BOOKMARKS

http://bm.wonderboxstudio.com/

可用下面4種方式來檢索:

  • 類別,按網站的類別和其產業搜尋。
  • 顏色,按網站主要色系搜尋。
  • 技術,按網站中使用的技術搜尋。
  • 關鍵字,利用關鍵字搜尋。

透過技術進行搜尋是這個網站最特別的地方,非常推薦給要建立一個網站的人。

 

4. I/O 3000

http://io3000.com/

網站設計簡單直觀,且常常更新,所以建議將喜歡的網頁加到書籤,定期 check。

 

5. bookma! v3

http://bookma.org/

搜尋的類別很豐富,註冊後可以按「♡ 」將喜歡的網頁收藏起來!

你也能在上面分享自己喜歡的網站或自己製作的網站!

 

6. 81-web.com

http://81-web.com/

這個網站最特別的就是它是一個專門收集很多精心設計的日本網頁。

 

7. S5-Style

http://bm.s5-style.com/

滑鼠游標的動態設計非常可愛~

可以自由選擇「標題 title」或「標籤 tag 」來呈現網站資訊,如果選擇「tag」就能大略得知該網頁的資訊。

 

8. .SG_BOOKMARK

http://bookmark.dot-sg.com/

擁有簡單且聰明的設計,設計精巧又有容易使用的介面。

 

9. ズロック

http://www.zzrock.net/

其網站呈現的方式,讓你能在一個頁面中看到很多網頁設計,適合需要參考大量網頁設計的人。

 

10. web selection

http://web-selection.com/

這個網站內容的呈現也能讓你在大量網頁設計中快速瀏覽。

且塊狀的設計是該網站的特色。

 

11. WPデザインギャラリー

http://wpgallery.kachibito.net/

WPデザインギャラリー只收錄用WordPress製作的網頁 。

當你點選網頁時,還可以看到該網頁的說明。

 

12. WebDesignClip

http://www.webdesignclip.com/

沒有註冊的用戶也能將喜歡的網頁存到「MyClip」。

點「LAUNCH」可以前往該網頁,點「DETAIL」則可以閱覽該網頁的相關資訊。

 

13. イケサイ

http://www.ikesai.com/

每天都會新增 2 – 3 的網頁設計,也可用其他檢索功能來進行搜尋。

 

14. Good Design Web

http://gooddesignweb.com/

採用平面化的設計,且各個網頁的呈現大又清楚,介面操作使用也很容易。

 

15. 週刊ウェブデザイン

http://www.dailywebdesign.com/

每個禮拜會新增至少 20 個網頁設計,是依據「印象、感覺」來收錄,而不是依據「高品質」,因此網頁數量很多。

 

9個收錄國外網頁設計的網站

16. THE FWA

http://www.thefwa.com/site/the-carp-and-the-seagull

在這裡你可以看到各個網頁的清晰畫面和詳細資訊,不需要前往該網頁也能了解其網頁設計。

 

17. AWWWARDS

http://www.awwwards.com/

AWWWARDS最與眾不同的地方就是讓使用者為網頁投票,來進行網頁的各項評估。

評分項目包含:設計、可用性、創意性等等。

 

18. site inspire

http://www.siteinspire.com/

你可以利用「Stype」、「Subject」等來縮限網頁設計的搜尋,然後呈現相同類型或主題的網頁設計。

 

19. CSS mania

http://www.cssmania.com/

註冊後,你可以用「☆」保存喜歡的網頁設計,但如果你要新增網站的話必須付費。

 

20. High Floater

http://www.highfloater.com/

此網站快速列出大量的網頁設計,呈現方式非常獨特。

 

21. WordPress Gallery

http://welovewp.com/

收錄很多用WordPress模板建立的優質網站,使這些網站可自我行銷。

 

22. Minimal Exhibit

http://minimalexhibit.com/

平面化的設計,使用者可以對各個網頁設計留下評論,也能觀看別人的評論。

 

23. BEST WEB GALLERY

http://bestwebgallery.com/

使用者可用「☆」對網頁進行評分,☆越多也表示越多人對這個網頁評分。

 

24. Siiimple

http://www.siiimple.com/

設計簡約,且收錄的網站也是極簡風格!

 

9個收錄行動版網頁 / Landing page / 其他元素設計的網站

25. MOBILE PATTERNS

http://www.mobile-patterns.com/

收錄各式各樣的行動版網頁,對考慮 UI/UX 應用程序的你非常有幫助。

 

26. iPhoneデザインボックス

http://design.web-hon.com/

收錄在 iPhone 上查看時是優秀的行動版網頁。類別豐富,日本和國外的行動版網頁都會推薦。

 

27. ランディングページ集めました。

http://lp-web.com/

專門收錄 Landing Page,幫助你設計 Landing Page。

 

28. LANDINGPAGE BOOKMARK

http://www.landingpage-link.jp/

收錄 Landing Page 設計,並按照產品類別來分類。

 

29. 見出しデザイン.com

http://midashi-design.com/

此網站只呈現各個網頁的標題設計,也簡單的分類這些標題設計。

 

30. ブブンデザインアーカイブ

http://bubundesignarchive.jp/

網頁logo / 標題設計 / 搜尋按鈕設計等都有收錄,且每個被收錄的網頁元素都附有標籤。

 

31. Elements of Design

http://www.smileycat.com/design_elements/

這個網站也收錄許多網頁元素的設計,因為最新的內容會放在網站頁面的上方,所以建議你用類別來查找。

 

32. バナーデザインアーカイブ

http://banner.keizine.net/

收錄各種 Banner 設計,可利用尺寸、顏色、行業類型等來搜尋,往下滾動時也能獲得更多 Banner 設計。

 

33. レトロバナー

http://retrobanner.net/

專門收錄 Banner 設計,不僅可利用尺寸、顏色、行業類型等來搜尋,還能用關鍵字查找。

由於 Banner 呈現在一個框架裡,可方便使用者了解 Banner 的形狀大小。

 

最後

希望這次 GogoShark分享的這些網站能幫助到你進行網頁的設計~

 


Also published on Medium.

GogoShark 小編主要分享: 網頁設計, 數位行銷, SEO, 品牌策略...等領域。是你的數位行銷解決方案專家。提供數位行銷知識、分析工具、解決方案與資源夥伴;精準蒐羅數位網路行銷懶人包、關鍵字行銷、社群行銷、內容行銷等。GogoShark 是間位於台北的網頁設計公司

客服支援

您的問題,由我們來解決 - 位於台北的專業網頁設計服務 GogoShark 可協助您拓展事業版圖,透過更加簡單快速的方法將一切數位化