各位支持飛肯的粉絲朋友們,大家好~不知道上週有沒有人來參加本班臉書打卡即可免費上課的「RWD 手機網頁入門體驗班」呢?
今天要來介紹大家一個很不錯的網站:「 Media Queries 」,這個網站主要是蒐集了非常多優秀的 RWD (” Responsive Web Design “,中文:響應式網頁設計) 的網頁版型範例,並且在該網站本身的設計上,也很簡潔大方,讓人一目了然,非常適合對 RWD 手機網頁版型設計有興趣的朋友,來這裡瀏覽參考喔~
★ RWD 版型參考網站: http://mediaqueri.es/
★ 飛肯的教學課程:教學課程:RWD 響應式網頁版型設計班
進入網站之後(如下圖 ↓),可以很清楚的看到,每個網站都列有4種不同尺寸的版型縮圖,所以很容易做直觀式的不同版型之分析比較~
假如看到感興趣的版型設計,點選網站名稱或是版型縮圖,都會自動幫你連結到該網站去~
一開始,網站是預設依照發表時間來排序的,假如想要改成依照網站熱門程度來瀏覽的話,大家可以在網頁右下方找到這個設定喔!(如下圖 ↓)
嗯…原來大家最喜歡的版型排名是這幾個網站啊~~~ ♥
★ RWD 版型參考網站: http://mediaqueri.es/
★ 飛肯的教學課程:教學課程:RWD 響應式網頁版型設計班
以上就是這次提供給各位,可以多去瀏覽觀摩一下的好站分享,祝大家收穫滿滿唷! ^_^
當您對本文有任何問題或指教,歡迎到我們的【網頁設計交流討論區】一起交流討論喔!