1. 首頁
  2. »
  3. 免費
  4. »
  5. 「HTML5 UP」高品質、可商用的RWD自適應網頁版型免費下載

「HTML5 UP」高品質、可商用的RWD自適應網頁版型免費下載

2016/11/29

梅問題-「HTML5 UP」高品質可商用的RWD自適應版型免費下載

  網路上有許多免費的網頁版型,但大部分都限於個人使用,當要商用時則需另外付費,因此要找到品質好,又免費又可商用的版型,那還真不是一件容易的事,最近梅干在逛網找資料時,無意間發一個免費的網頁版型下載網站,裡面雖然提供的版型不多,但每一個版型都很質感與設計感,更重要的是免費還可作為商業使用,同時下載也完全無需註冊會員就可下載,因此好的版型不好找,免費的版型更難找,因此身為網設計人員,也趕快看看囉!


HTML5 UP

網站名稱:HTML5 UP
網站連結:https://html5up.net/

Step1
由於所提的版型數量有限,因此沒有分類與搜尋,直接下向拉,就可看到各式的網頁版型縮圖。
梅問題-「HTML5 UP」高品質可商用的RWD自適應版型免費下載


Step2
看到喜歡的版型時,再點版型縮圖右邊的Live Demo鈕。
梅問題-「HTML5 UP」高品質可商用的RWD自適應版型免費下載


Step3
就可看到完整的版型與效果,並從上方的頁籤,可切換版型在不同裝置時的顯示畫面。
梅問題-「HTML5 UP」高品質可商用的RWD自適應版型免費下載


Step4
當要下載時,點右上Download鈕。
梅問題-「HTML5 UP」高品質可商用的RWD自適應版型免費下載


Step5
接著就可將剛所看的版型,給下載回來。
梅問題-「HTML5 UP」高品質可商用的RWD自適應版型免費下載


Step6
下載回來解壓縮後,分別就會看到html的網頁格式與所用的CSS與JS素材檔。
梅問題-「HTML5 UP」高品質可商用的RWD自適應版型免費下載


Step7
當檢視index.html檔時,從上方的註解可看到,該版型可用於個人與商業使用,因此就更方便各位自行的設計與調整,而這個網站裡的版型,都相當的精緻與設計感,身為網頁設計的朋友,也趕快來下載囉!
梅問題-「HTML5 UP」高品質可商用的RWD自適應版型免費下載