設計靈感收藏：3 個找視覺、Logo 與首頁設計的網站
最近又看到三個滿酷的設計網站，先收在一起。這次比較偏找靈感，從整體視覺、Logo，到網站第一屏都有，做設計卡住時可以打開來逛一下。
先看你想找什麼
| 網站 | 適合找什麼 | 我會注意的地方 |
|---|---|---|
| Inspora | 網頁、品牌、產品、動效等靈感 | 配色、版面，以及互動的小細節 |
| Logosystem | 文字標誌、圖形標誌與動態 Logo | 字形、比例、留白與品牌個性 |
| Supahero | 網站 Hero，也就是頁面第一屏 | 標題、主視覺和 CTA 怎麼搭配 |
1. Inspora｜還沒方向時，先逛一下
上方可以切換 Web、Branding、Product、Motion 等分類，下面直接看作品。截圖來源
Inspora 把網路上、X 等平台的設計內容收集在一起，整理成方便瀏覽的靈感網站。原本可能滑過就找不到的作品，在這裡可以依分類慢慢看，不用自己到處翻。
我覺得適合還沒決定風格的時候。像在做產品介面，也可以去看品牌或印刷類的排版，不一定只找跟自己一樣的畫面。看到喜歡的作品，我會順手記一下：是配色、字體，還是某個互動讓我停下來？
2. Logosystem｜把 Logo 的方向看得更細
把不同 Logo 放在一起，比較容易看出字形、符號和配色帶來的個性差異。截圖來源
Logosystem 專門收集 Logo，可以依類型、產業、風格、形狀和顏色篩選，也有動態 Logo。作品能連回原作者或來源，想看完整品牌案例時可以接著找下去。
我會拿它來整理品牌提案前的參考。例如想做「親切但不要太可愛」的方向，就比較圓角、字重和字距，而不是只說這個 Logo 很好看。網站可以免費瀏覽，但裡面的標誌屬於原品牌與設計師，不能直接當成自己的素材使用。
3. Supahero｜專門看網站第一屏
同樣是第一屏，有的用大字搭配作品，有的先放產品定位和操作按鈕。截圖來源
Supahero 收集網站的 Hero section，也就是進入頁面最先看到的區域。當首頁一直排不順，或不知道標題和主視覺怎麼搭時，這種集中看第一屏的方式滿方便。
我會看三件事：第一眼先看到什麼、幾秒內能不能理解它在做什麼、下一步要點哪裡。再把適合的結構帶回自己的內容，不能只照搬漂亮的版面。網站目前也標示已加入 screensdesign。
我會怎麼用？
先在 Inspora 找大方向，需要品牌細節時看 Logosystem，開始排首頁再看 Supahero。
每次挑 3～5 個參考就好，旁邊寫一句「我想借鏡什麼」。這樣回頭看時，才不會只剩一堆漂亮圖片，卻不知道怎麼用。
本文圖片為網站截圖，用於介紹與比較；作品權利屬於原作者。動態效果建議到原站查看。
延伸閱讀
想把效果實際放進介面，可以接著看：