top
icon-mail-alt phone
X

響應式設計概念

分類 精選文章
發佈日期 2014 , 08 , 27
觀看人數 17850
回應 0

隨著智慧型手機的普及,網頁的技術近年來也開始重視手機上的視覺效果了!

響應式網頁設計(Responsive Web Design)
概念於2010年5月由國外著名網頁設計師Ethan Marcotte所提出的概念。
簡單的來說讓網站可以針對不同設備(桌機、筆電、平版、手機)等不同尺寸螢幕瀏覽網頁時,整個網頁頁面會對應不同的解析度,而有不同的呈現方式,也是是說可以讓最重要的訊息在有限的版面中清楚的呈現給用戶。

 

以下的例子讓大家參考看看

世界自然基金會

螢幕的解析度在400~600像素之間,原本的4張圖片會自動縮減

 

 

YOUTUBE

螢幕的解析度在400~600像素之間,原本在左側的導覽列會被隱藏!

以上介紹了兩個案例,大家可以用手機玩玩看!

 

加入「奈思創藝臉書」跟「奈思創藝G+」更多創意新聞!

分類 精選文章
發佈日期 2014 , 08 , 27
觀看人數 17850
回應 0

Leave a reply

名稱
Email
Post
0 Comments