響應式設計概念
隨著智慧型手機的普及，網頁的技術近年來也開始重視手機上的視覺效果了！
響應式網頁設計(Responsive Web Design)
概念於2010年5月由國外著名網頁設計師Ethan Marcotte所提出的概念。
簡單的來說讓網站可以針對不同設備(桌機、筆電、平版、手機)等不同尺寸螢幕瀏覽網頁時，整個網頁頁面會對應不同的解析度，而有不同的呈現方式，也是是說可以讓最重要的訊息在有限的版面中清楚的呈現給用戶。
以下的例子讓大家參考看看
世界自然基金會
螢幕的解析度在400~600像素之間，原本的4張圖片會自動縮減
螢幕的解析度在400~600像素之間，原本在左側的導覽列會被隱藏！
以上介紹了兩個案例，大家可以用手機玩玩看！
歡迎奈思創藝網頁設計的部落格 , 這裡有許多我們長年累積的網頁設計相關經驗文章分享 , 以及隨時更新發佈網路產業相關訊息！
Design view
-
2024年 奈思員工旅遊通知
May 23, 2024
-
奈思創藝~ 祝大家新的一年, 心想龍事成，全家龍平安!
Jan 30, 2024
-
SEO戰略全解析：白帽、灰帽與黑帽方法的比較與應用
Nov 27, 2023
-
奈思創藝~ 祝大家中秋佳節快樂!!!
Sep 28, 2023
-
Google Ads 廣告將不再支援目前用在一個或多個「轉換」上的計算方式
Sep 18, 2023
-
三個免費影片素材網站 - 提供上千部高CP質影片- 激推!!
2017-05-15
- (初學) 網頁設計之HTML語法教學 - 基本介紹 2010-06-05
- [網頁設計教學] 網頁健康新概念 Part 1：Layered Semantic Markup ( LSM ) 2011-01-28
- 配色高手！6條網頁設計配色原則 2014-08-15
- 對比色該怎麼配 2014-09-15
Total traffic 2,402,722