• <samp id="662qu"><object id="662qu"></object></samp>
  • <blockquote id="662qu"></blockquote>
  • <blockquote id="662qu"><samp id="662qu"></samp></blockquote>

    響應式網站設計布局是一種新的設計思維

    2019.04.02

    870

    響應式網站設計是一種網頁設計布局。其思想是集中創建頁面的頁面布局大小,并根據用戶行為和使用的設備環境智能地執行相應的布局。

    mf_5c9db709cd4d0.jpg

    響應式網站建設者

    設計理念

    這個概念是由著名的外國網頁設計師Ethan Marcotte于2010年5月提出的。

    響應式網頁設計的理念是:

    頁面的設計和開發應根據用戶行為和設備環境(系統平臺,屏幕尺寸,屏幕方向等)進行響應和調整。具體實踐包括許多方面,包括彈性網格和布局,圖像以及CSS媒體查詢的使用。無論用戶使用的是筆記本電腦還是iPad,我們的頁面都應該能夠自動切換分辨率,圖像大小和相關的腳本功能以適應不同的設備;換句話說,頁面應該能夠自動響應用戶的設備環境。

    也就是說,響應式網頁設計要求網站與多個終端——兼容,而不是為每個終端制作特定版本。通過這種方式,我們不必為即將推出的新設備進行特殊的版本設計和開發。

    Ethan Marcotte在他的A List Apart文章中發明了響應式網頁設計(RWD)一詞。他在2011年關于這一主題的短篇小說中描述了自適應網頁設計的理論和實踐。自適應設計在.net雜志的2012年頂級網頁設計趨勢中排名第二(漸進增強是第一個)。他們還列出了Ethan Marcotte最喜歡的20個自適應網站。

    Ethan Marcotte在A List Apart上發表了一篇關于“響應式網頁設計”的文章,其中引用了自適應架構設計的概念:提出了一種新興的學科——'響應式架構'——,物理空間應該響應當前人的情況在里面。結合嵌入式機器人技術和可拉伸材料的應用,建筑師正在嘗試建造一種可以根據周圍人群進行彎曲,伸縮和擴展的墻體結構;運動傳感器還可以與氣候控制系統一起使用,以調節室內溫度和環境光。已經有公司生產“智能玻璃”:當房間里的人數達到一定的閾值時,玻璃會自動變得不透明并確保隱私。

    將這個想法擴展到Web設計領域,我們有了一個新概念。為什么必須為每個用戶組創建設計和開發解決方案?與自適應架構類似,Web設計也應自動響應并適應不同的設備環境。

    顯然,我們不能也不需要運動傳感器或機器人技術。響應式Web設計需要更抽象的思考。幸運的是,已經實現了一些相關概念,例如液體布局,媒體查詢和幫助頁面重新格式化的腳本。但是,自適應網頁設計不僅僅是屏幕分辨率自適應和自動縮放圖像等。它更像是一種新的設計思維方式。

    關鍵詞

    最新案例

    聯系電話 400-6065-301

    留言

    亚洲人成电影在线手机网站 - 视频 - 在线播放 - 影视资讯 - 免费啪