2014年精選20款Responsive Web Design (RWD) Blogger免費範本
這二年的網站設計，最大主流就是朝向RWD風格來設計，所以漸漸的，一些Blogger Template也都支援RWD，而本文中所列出的「免費」Blogger範本都是由網路收集而來，不同的是我過濾掉一些我認為設計的不是很好的部分，這邊所謂不是很好的部分指的是支援的RWD程度不足，或者整體的設計風格我不太喜歡，當然，這是很主觀的，因為每個人喜歡的樣式不同，所以以下列出的範本只供參考，沒有絕對的好壞，但會以支援RWD設計為主，也歡迎各位推薦好的Blogger範本。
什麼是Responsive Layout？即「Responsive Web Design」，簡稱「RWD」中文翻成「自適應網頁設計」，簡單的來說就是可以根據用戶的閱讀裝置，讓網頁可以在不同的解析度下，自動呈現不同的介面，舉例來說：若你用 PC看網頁，那麼就呈現適合PC可以瀏覽的版面，若用手機或平板來看網頁，那麼有Responsive Layout的佈景主題，就會自動調適成適合觀看的版面設計，以得到較佳的閱讀體驗。
下載：20+ Blogger Templates 打包下載 (各位可由下方單獨下載範本，或由左邊連結全部打包下載)
這個範本在我之前介紹「TEMPLATEISM」這個Blogger範本提供網站時就有提到，這個範本除了支援RWD外，在整體的設計上，我覺得比較特別的是左邊有設計了一層導覽列，這是比較有特色的地方
2.【Aware】
3.【MyExtraNews】
同樣是由「IVYThemes」所設計，所以字體的大小有點偏小，想要套用的人可以稍微改變一下字型大小
4.【ExtraNews】
和上面的MyExtraNews範本是類似的，但在首頁的特色文章與文章列表部分有些許的不同，MyExtraNews在首頁文章是以單欄式的列表方式，而ExtraNews則是採用雙欄式，另外，除了原本提供的藍色系之外，官方也提供了不同的顏色主題供大家下載，有需求的人請按此連結
5.【MXfluity】
由「IVYThemes」所釋出，上方有動態選單，首頁以九宮格的方式來呈現
6.【Sight】
由「Soratemplates」所釋出，這範本有免費版、付費版二個版本，一般免費版本的就已經夠個人使用了
7.【Wedding Mag】
這是由「TEMPLATEISM」中所挑選出來的，雖然它是以婚禮的故事來呈現這個範本，但用來做為一般的美食或生活記錄都蠻適合的，就看各位怎麼應用了
8.【Grid Pin】
來源為「Weblogtemplates」，此範本有類似Pinterest瀑布流呈現方式，我個人覺得還蠻適合套用在攝影類的部落格上
9.【Indonesia】
選自「Soratemplates」，與上面的「Sight」同樣，具有免費版本與付費版，本文提供的是免費版本
10.【DarkRed】
這範本來配色上採紅、黑色系為主，和一般的淺色系有些不同，我個人其實蠻喜歡這種色系的，不過要使用的人請注意一下圖片的呈現問題，不然有些圖若配上黑色系，會有一點不搭的感覺
11.【Excelencia】
這個範本比較吸引我的地方是主頁圖片的動態特效，如果它的邊欄能放到右邊去，那麼我會更喜歡
12.【Bresponsive】
此範本是由「SpicyTricks」所挑選出來的，我自己蠻喜歡它的設計的，簡潔又大方，有內建幾個廣告欄位
13.【TheTuts】
走簡潔、乾淨的風格，右邊的邊欄具有頁籤式的呈現方式，字體建議可以放大一點，對中文字來說會比較適合，另外，在首頁中，訪客可以藉由左上角的按鈕來選擇橫列式或九宮格式的呈閱方式
14.【RBSimple】
已內建分享按鈕、相關文章等功能，亦有內建廣告欄位
15.【Pingrey】
蠻像上面介紹選的範本「MXfluity」，首頁文章都是以九宮格的方式呈現，有內建分享按鈕
16.【Adsosive】
由圖片就可以看出，這一款範本蠻有設計感的，網頁上方具有動態選單的功能，內建分享按鈕與相關文章的Widget，如果文章內文的寬度能寬一點的話，那我覺得會更加分
17.【Enpine Blog】
由「Template Trackers」所釋出，也是我個人蠻喜歡的一款，版面夠大，在書寫文章時不怕寬度不夠，簡潔大方
18.【7seas blog】
取自「Template Trackers」，這個範本蠻酷的，有類似Pinterest瀑布流的風格，蠻適合作為攝影類或美食網誌的首頁
19.【Sensational】
由「Blogtipsntricks.com」釋出，也是走清爽風，上方有一層功能列，而網頁下方則有四個子欄位可供使用
作者不希望他人直接分享下載連結，所以在此向各位說明如何下載此範本，首先，進入官方的下載頁後，請輸入EMail，並點擊「Signup Now!」，其實作者就是希望訪客能夠訂閱他們的文章
接著請輸入驗証碼，並點擊「Complete Subscription Request」
點擊「Close Window」關閉FeedBurner視窗
此時，請到信箱中點擊「驗証網址」來驗証你的信箱，另外，在信箱中也會附有下載範本的網址和密碼
當然，我們最後的目的是要下載範本，所以請進入下載頁面，點擊「Enter Password」輸入郵件中所附的密碼
最後便可以看到由「Blogtipsntricks.com」所提供的所有範本的下載點，找到想要下載的範本，並點擊「Download」即可。註：以我自己測試的情況來看，官方目前是以Dropbox為存放檔案的地方，因此有時候會出現流量過大的問題而導致無法下載，若有遇到這種情況，可能就需要稍後再下載了
20.【Minimum】
同樣由「Blogtipsntricks.com」的作者所設計，此款範本給人的感覺就是非常的簡單、乾淨，下載的方式和上面的Sensational範本相同，請自行參考上面的說明
小結：在此次的範本篩選中，很多範本都是來自相同的地方，例如：「IVYThemes」，所以在看完這些範本後，可以逛逛原始的出處，也許有更好的範本我沒有發現而已，同時也相當歡迎各位推薦你所愛的Blogger範本。註：如果想由「IVYThemes」中RWD的範本，建議可由官網上方的分類處，以「Responsive Layout」直接尋找
0 意見:
張貼留言