【好站報報】 RWD 版型參考網站

各位支持飛肯的粉絲朋友們,大家好~不知道上週有沒有人來參加本班臉書打卡即可免費上課的「RWD 手機網頁入門體驗班」呢?

今天要來介紹大家一個很不錯的網站:「 Media Queries 」,這個網站主要是蒐集了非常多優秀的 RWD (” Responsive Web Design “,中文:響應式網頁設計) 的網頁版型範例,並且在該網站本身的設計上,也很簡潔大方,讓人一目了然,非常適合對 RWD 手機網頁版型設計有興趣的朋友,來這裡瀏覽參考喔~

★ RWD 版型參考網站: http://mediaqueri.es/

★ 飛肯的教學課程:教學課程:RWD 響應式網頁版型設計班

 

Good Design 好站報報  - 【好站報報】 RWD 版型參考網站 - SNAG-0012


進入網站之後(如下圖 ↓),可以很清楚的看到,每個網站都列有4種不同尺寸的版型縮圖,所以很容易做直觀式的不同版型之分析比較~

Good Design 好站報報  - 【好站報報】 RWD 版型參考網站 - SNAG-0012-2

 


假如看到感興趣的版型設計,點選網站名稱或是版型縮圖,都會自動幫你連結到該網站去~

Good Design 好站報報  - 【好站報報】 RWD 版型參考網站 - SNAG-0016

 


一開始,網站是預設依照發表時間來排序的,假如想要改成依照網站熱門程度來瀏覽的話,大家可以在網頁右下方找到這個設定喔!(如下圖 ↓)

Good Design 好站報報  - 【好站報報】 RWD 版型參考網站 - SNAG-0019

 


嗯…原來大家最喜歡的版型排名是這幾個網站啊~~~ ♥

Good Design 好站報報  - 【好站報報】 RWD 版型參考網站 - SNAG-0020

 

 

 

 

 

 

 

 

 

 

 

 

★ RWD 版型參考網站: http://mediaqueri.es/

★ 飛肯的教學課程:教學課程:RWD 響應式網頁版型設計班

以上就是這次提供給各位,可以多去瀏覽觀摩一下的好站分享,祝大家收穫滿滿唷! ^_^

 

 

當您對本文有任何問題或指教,歡迎到我們的【網頁設計交流討論區】一起交流討論喔!

 

posted in Good Design 好站報報 and tagged , , .

留言功能已關閉。