剛開始接觸網站架設會發現,關於程式碼的資源到處都有,但該如何定下網頁的版型,尤其還要顧及程式碼與視覺就難倒了許多人!其實只要去Google關鍵字「Website Templates」還是能找到許多資源網站,但你也會發現大部分都是需要付費。所以以下我們整理了五大不同面向、高質感設計的免費網頁模板資源供大家參考:
Onepagelove 主要是在蒐集各式一頁式網頁版型的網站,其中也提供50+種網頁版型讓使用者免費下載,不管是 WordPress、HTML、Bootstrap,還是Shopify的版型都應有盡有。
也許你會覺得一頁式網頁實際的用途不大,但其實一頁式網頁在新品上市、活動頁面,這種單一宣傳事項上的行銷效果特別喜人,不管是網頁載入速度,還是視覺設計的部分都有其不可取代的地方。
而 Onepagelove 的優點在於提供的一頁式版型質感都還不錯,並且也都配好了動態效果,只要直接更換成你的風格,網頁就能馬上上架。
【 官方網站 】
HTML5 UP 一共收錄了28種免費的高質感網頁模板,都是基於HTML5 + CSS3撰寫,享有響應式設計,讓你可以無痛完成多平台架站,並且架設 HTML5 + CSS3 響應式網站,在手機、平板、筆電、桌電使用都比較不容易跑版。
唯獨需要注意的一點是,網站的授權方式為 Creative Commons 姓名標示 3.0 ,所以不管怎麼分享、修改模板都不能忘記保留網頁裡面的姓名標示。
【 官方網站 】
Colorlib 輯錄十多個 WordPress 版型供人們免費下載,只要在網站上留下返回 Colorlib 的連結就可以自由使用。這一系列免費的網頁模板都是使用 Bootstrap 前端框架開發的,並針對 iPad 、 iPhone 和 Android 系統等所有行動裝置進行了優化,能夠完全響應而不跑版。
同時,你也能在 Colorlib 上看到超過300個不同主題的付費模板,它們每周至少會提供三個新的主題,不過版型就不只有 WordPress ,還包括 HTML 和 Bootstrap 的模板。
【 官方網站 】
Start Bootstrap 是相對實用的免費開源版型網站,不但有基本分類,而且還有無樣式的版型,只做好排版、不會有太多花裡胡俏的設計增加修改難度,很適合希望自行設計樣式的使用者。
此外,網站上也蒐集了不少相關資源,例如:各類模板樣式、官方資訊、網站範本、外掛…等等,非常詳盡就像教學網站一樣,遇到什麼問題都能從中找到解答。
【 官方網站 】
Strikingly 比較偏向架站平台,如果你沒有製作過網站,從 Strikingly 先試試看水溫是個不錯的選擇,解決方案裡提供了免費架設一個網站的選擇,可以藉此走一遍簡略的網站架設的流程。
Strikingly 可能不是你真正想要架設的網站類型,但它能幫助你更清楚了解一個網站的架構,以及各種架設過程中的眉眉角角,基本上你會在免費架站遇到的問題,真正用系統架站時必定還是會遇到,能事先發覺妥善規劃,對你最終的網站成果只有利多。
【 官方網站 】