在建立一個網站的時候，你會參考其他網站的設計嗎？
這次，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分享的這些網站能幫助到你進行網頁的設計～
以下幾點請你深思一下
- 網站目的是為了什麼？ 賺錢、公益、曝光....?
- 你的電商都是人工不是自動化行銷，並且像要要一個行銷工具 ？ 我不清楚，什麼是網路行銷
- 你有網站但是沒有流量？ 我不清楚，立即檢測網站流量
- 網站不夠亮麗導致流量少？ 我想改變！
- 我根本沒有網站？我想專屬自己網站，開始行銷
給你最好的網頁設計Gogoshark｜鯊魚邦不私藏分享
