在 設計網站 時,是否常常有靈感枯竭,或是不知道該怎麼規劃網站呢?
這種時候會建議多瀏覽同類型的網站,觀察他們是如何架構網頁、有哪些互動效果、為什麼會受歡迎。
今天我們整理了 11 個設計靈感網站,裡面集結了上萬種網站設計推薦,都是由專家設計的網站,各種風格、類型、最新的網頁設計技術都有,讓你有滿滿的網站參考範例及靈感。更多 配色靈感網站。
一起來看看吧:)
如何自己架設網站?
腦海裡有許多設計想法,或是看到其他設計案例,也想要參考並製作出精美的網站嗎?
比起在購物平台上架產品被抽大筆佣金,或是用有許多限制的平台經營部落格。會建議嘗試自架網站,能讓你有完整的網站控制權,並獨享所有的收益!
此外,網站所有的設計排版也比較可以根據自己的需求,打造專屬風格!
自架網站優點:
- 擁有網站完整控制權
- 客製專屬網頁設計
- 自由上傳內容,不受平台限制
- 經營電商不必被抽佣
自架網站有很多方法,其中最受歡迎的一個就是使用 WordPress 架站。
不僅容易上手,還有大量的佈景主題&外掛,幫助你輕鬆架設多種類型網站,如:電商、部落格、作品集等..網站。更多 WordPress 是什麼。
透過 WordPress,你不需要懂程式碼也能做出專業水準的網站,且維護上也很方便。網路上也有許多 WordPress 教學課程,可協助你無痛學會架設網站!
網站設計推薦公司
若你比較沒有時間學習自架網站,也可以找專業的網頁設計公司為你服務。更多 台北網頁設計公司推薦。
找到適合的網站設計公司後,就會開始與公司討論相關設計,在溝通設計想法時,最好是要準備一些靈感範例,幫助設計公司了解你的設計需求和風格偏好。
這時候就可以前往設計靈感網站,裡面有許多精美、專業的網站設計範例,可以激發你的創意靈感,也讓網頁設計公司更清楚你希望達到的效果。
透過具體範例來討論設計方向,能讓整個設計過程更有效率,網頁設計公司也能提供更精準的建議與方案,讓你的網站設計成果更符合品牌形象!
Awwwards
Awwwards 是一個專業的網頁設計競賽平台,專門評選世界各地的網頁作品,並將優質的網站展示在該網站中,Hero Section 每日會更換不同的網站設計推薦。
設計師可以自由投稿自己製作的網站, Awwwards 的評分項目包含:整體設計、實用性、創意、優質內容。
除了會附上得獎網站的連結外,還會將該網站使用的配色、字體等細節列出,方便用戶參考。
另外也有網站開發項目評分,像是 網站 SEO、動態效果、響應式設計等..。
Awwwards 的搜尋分類也很方便,不論是想找電商類型、作品集類型的網站,或是年度最佳、本月最佳、本日最佳網站,都能輕鬆透過篩選器搜尋。
在這裡除了可以參考到許多經典、優質的排版設計,也能夠讓設計師了解最新設計趨勢,是個非常優質的網頁靈感參考平台。
Siteinspire
Siteinspire 是一款國外的網頁設計展示平台,設計師可以投稿自己的網頁作品,就有機會被展示在 Siteinspire 上。
Siteinspire 的評選機制目前沒有一個公開標準,不過看下來,主要都是以簡潔、乾淨的設計為原則,並確保網站是易於使用的。
建議可利用 Siteinspire 的篩選功能,快速找到想看的範例類別,例如部落格網站、電商網站、作品集網站等..。也可以用風格主題做篩選,像喜歡日系網頁設計的,就可以挑選日系風格的設計推薦。
目前網站上所提供的資訊比較簡單,只有附上推薦網站的預覽和連結,沒有過多的細項說明,但下方會另外推薦同類型的網站,讓你有更多網頁靈感參考。
Siteinspire 的更新頻率算滿高的,大概 1 ~ 5 天就會更新網站,讓你有源源不絕的靈感範例。
Pinterest 是一個以分享圖片聞名的網頁平台&手機 APP,網站顯示為圖片瀑布流,可讓使用者搜尋創意視覺探索。
Pinterest 裡也有不少網頁設計範例,像是:版面設計、視覺靈感、UI / UX 設計、創意發想等 .. 都可以在上面找到不錯的案例。也可以針對種類搜尋,例如:部落格、購物網站、作品集等..。
Pinterest 提供探索功能,就像 IG 的探索功能一樣,可瀏覽來自世界各地的最新熱門內容,不論是設計、手作、裝飾等..都有。
站長可申請成為會員,便可以隨時收藏喜歡圖片。除了可以善用收藏夾和釘選喜歡圖片外,也可以追蹤設計師,或者是上傳自己的作品,讓更多人看見你。
Dribbble
Dribbble 是一款國外非常熱門的設計作品平台,有許多設計師會將自己的作品上傳到網站上展示,不論是網頁設計、平面設計、插畫等..都有。
登入會員後,你就可以使用收藏、愛心等功能,讓你把喜歡的作品存下來,方便之後參考。
若你在 Dribbble 上看到喜歡的設計作品,可以追蹤設計師,即時查看他的最新作品,也能透過平台聯絡設計師,討論合作方案。
Dribbble 還有設計師篩選功能,可以針對地區、設計領域等..做篩選,找到不同領域、等級的設計師,並參考他們的作品。
Dribbble 也是一個設計師展示作品集的好平台,平台本身已有一定的使用人數,可獲得不錯的曝光。
網站上也有刊登許多設計師的職缺,可遠端工作,對世界各地的設計師來說,是個超棒的平台!
CSS Nectar
CSS Nectar 是一個網站評比平台,不論是電商、部落格、餐飲或是作品集網站案例都有。設計師可付費投稿自己的作品,讓網站用戶投票評比。
網站每天都會選出一個案例展示在 Hero Section 上,若幸運獲選的話,應該可以獲得不錯的曝光。
CSS Nectar 特別的地方是,它的評分項目除了包含整體設計、創意度外,還會將網站的程式碼列入評分的一環。
所以,在這裡找到的網站,不僅設計漂亮,程式碼的部分也是通過保證的,是個適合設計師、工程師參考的網站:)
Best Website Gallery
Best Website Gallery 是由一個國外設計師兼開發者所創立的網站,於 2008 年建立,起初只是為了當作自己的設計靈感書籤,結果受到許多人的喜愛!
Best Website Gallery 展示的網站會附上該網站連結,以及網站使用的配色、多個頁面截圖預覽等..。你可以先在 Best Website Gallery 預覽網站頁面截圖,若覺得不錯再前往網站細看。
Best Website Gallery 篩選功能也很豐富,可以選擇只列出使用 WordPress 架設的網站,或是用 jQuery 架設的網站等..。
除了網站設計案例外,還會有一些網頁設計相關資源連結,像是漸層 CSS 程式碼、網站按鈕程式碼等..。讓你除了找到靈感外,還能學習更多!
Behance
Behance 是 Adobe 旗下的作品集展示網站平台,可以使用關鍵字和篩選器搜索喜歡作品,也具備會員功能,你可以上傳自己作品,同時也可收藏喜歡作品&追蹤設計師。
裡面的作品分類詳細廣泛,除了網頁設計外,也可以查看插畫、平面廣告、攝影作品等 .. 。
平台上還有豐富的下載資源,可以找到多種質感字體、Mockups 模板等..,免費、付費都有,可善用篩選功能找尋。
Behance 可以直接和 Adobe 系列工具做連結,上傳作品非常方便,如果你也想和其他網頁設計師交流,不妨試試看 Behance :)
Commerce Cream
Commerce Cream 是一個網頁作品展示平台,主要展示使用 Shopify 所建立的電商網頁。
不論是服飾、配件、食物、家具等..電商,都能在上面找到優質的網站風格參考,網站也提供分類選項,方便你搜尋特定主題類型。
特別的是,Commerce Cream 還有一鍵切換裝置瀏覽模式的功能,點選右下角的切換按鈕後,網站預覽圖就會變換成手機或是電腦版的瀏覽介面圖,超級方便!
其他靈感網站比較少有這種一鍵切換預覽的方便功能,非常推薦大家試試!
Admire the Web
Admire the Web 是一款簡單的網頁作品分享平台,上面展示了各種設計,也有提供連結,讓用戶當作網站風格參考。
你可以使用篩選器選擇你想找的網頁類型,不論是部落格、作品集或是餐廳網站,都能找到許多優質的範例。
Admire the Web 也可以針對設計風格色系來尋找網站範例,加快你的靈感收集時間。
假設你的品牌色是紅色,就可以只篩選以紅色為主的設計案例,讓你依照品牌顏色,找到適合的設計風格。
MUUUUU.org
MUUUUU.org 是一款日本的網站設計平台,專門分享易於查看、使用的設計案例。
MUUUUU.org 展示的網站主要以日本網站居多,可以找到許多清新、簡潔的質感日系排版設計。
MUUUUU.org 的篩選功能可以從產業類別(服裝或旅遊)、網站類別(電商或作品集)、顏色或是版型風格篩選,分類相當詳細!
像近期很熱門的「 視差效果 」,MUUUUU.org 也有特別開一個篩選分類,讓你一次參考大量的視差效果設計。
MUUUUU.org 展示的網站沒有過多說明,簡單點選圖片,就會跳轉至該網站,讓用戶自行前往參考:)
Designnokoto
Designnokoto 是一款日本的網頁作品分享平台,主要分享日本國內的網頁設計案例居多。
Designnokoto 可輕鬆切換電腦版、手機版預覽的功能,讓你可以快速預覽不同裝置的呈現風貌。另外,也分別針對網頁 / 手機設計介面做了推薦排名。
你可以透過篩選器選擇你想要找的網站類型,分類中也包含 WordPress 網站的分類,適合用 WordPress 架站的站長前往參考。更多 WordPress 是什麼。
Designnokoto 網站本身的設計就有非常多值得參考的地方,不論是排版的整潔、按鈕的互動效果等小細節都很有創意,推薦大家前往參考唷!
常見問題
想設計電商網站,哪裡可以找到靈感?
內文介紹的靈感網站都能透過篩選搜尋「 電商 」主題的網站,其中 Commerce Cream 網站上的所有作品都是電商的作品案例,可以前往參考看看唷!
想瞭解最新的網頁設計趨勢,有推薦的網站嗎?
Awwwards、Siteinspire、Dribbble、Behance 等靈感網站更新度都滿高的,幾乎每天都會有新的設計作品出現,可以找到最新的設計案例。
有以 WordPress 為基礎的網頁設計案例嗎?
Designnokoto 靈感網站的分類當中,有以 WordPress 架站的分類,案例滿多的,設計質感也都很棒,推薦 WordPress 站長前往參考。
WordPress 學習資源
學習網站架設+網路行銷的過程中,或許會遇到一些解決不了問題,可以在下方留言給我,我會盡力協助解答!
接下來,額外分享 2 項實用資源,可有效幫助大家做學習。
資源一:犬哥數位(專業 WordPress 網頁設計公司)
如果你沒時間自己架站、或是遇到解決不了的網站問題。歡迎洽詢 犬哥數位(WordPress 網頁設計公司),請專家製作會更有效率!
我們有多年網頁設計經驗,加上上百個實戰高質感作品,絕對能滿足您的需求!
資源二:WordPress+SEO 超強線上課程
這門 WordPress 高手架站課 濃縮了犬哥多年在網頁設計的實戰經驗,從網頁設計觀念、WordPress / WooCommerce 後台操作、熱門主題.外掛教學、品牌網站 / 部落格 / 電商網站,3 大類型網站建置方法等 .. 豐富內容,一次教會你。
課程內容非常的紮實(長度超過 20 小時)。如果你剛學習自架網站,這門課程可以讓你用最快的速度,就學會這項技能!
網站建立完畢後,但卻沒有流量怎麼辦?或是只能靠花錢投廣告才會有訂單?
這門 SEO 排名飆升課,教你掌握關鍵字策略、SEO 文章撰寫、多種實戰 SEO 技巧、透視對手 SEO 策略、SEO 必備軟體教學、最新 AI SEO 應用等 ..,大幅提升行銷能力。
帶你衝上 Google 排名第一頁,大量提升網站營收和訂單!