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

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

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

網址: http://mediaqueri.es/

 

Media-Queries 首頁


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

Media-Queries 首頁

 


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

Media-Queries page3

 


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

Media-Queries page4

 


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

Media-Queries page6

 

 

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

 

當您對本文有任何問題或指教,歡迎到我們的【飛肯粉絲團】一起交流討論喔!

類似的文章


Fatal error: Call to undefined function similar_posts() in /home/content/69/3950969/html/article/wp-content/themes/flycan_01/single.php on line 118