<em id="dx444"><object id="dx444"><input id="dx444"></input></object></em>
新聞觀點

響應式網站WEB設計的尺寸與優缺點

標簽: 網站建設 ? 網站設計 ? ? | 作者:錦明網站設計| VISITORS: | 來源:錦明建站
01
Jun
2015
傳統的web頁面已經不能滿足多種設備的瀏覽效果,比如傳統頁面在大瀏覽器中會有較大的空白區域,而在小瀏覽器已經移動設備中,下面讓錦明網絡一起來看看響應式web設計的合理尺寸與優缺點

近期在學習有關響應式設計的內容,對此做了些整理,部分圖片來源于網絡。

1、為什么需要響應式web設計

由于目前移動設備的大量使用,以及PC顯示器的尺寸逐漸出現較大差別,傳統的web頁面已經不能滿足多種設備的瀏覽效果,比如傳統頁面在大瀏覽器中會有較大的空白區域,而在小瀏覽器已經移動設備中,不能完全顯示頁面,或是將頁面縮小至適應移動設備尺寸大小,不能正常瀏覽,對于點擊觸點也有影響,很多人會選擇放大頁面,在進行瀏覽,這樣整個頁面就需要不停的拖動,給用戶的體驗不好。

簡而言之,有如下幾點:

各種屏幕尺寸各種操作系統各種訪問設備各種需求

2、什么是響應式web設計

一個網站兼容多個終端。

同樣的代碼 通過設備適配 滿足不同的訪問設備 能展現出不同的效果 始終內容優先 移動設備優先:不引人注目的js和逐漸增強 基于瀏覽器:特性活設備探測的逐漸增強

響應式網站的不同效果圖示

3、響應式設計的替代方案

開發針對網站的、完全獨立的移動版本,開發移動應用APP。但這樣做也存在一定的不足:

開發獨立版本的網頁,可以通過設備適配進行跳轉,需要維護多個頁面,對于首頁級別頁面適用,不適用于內容頁開發移動應用,開發成本高,不利于搜索引擎收錄

4、響應式web設計的優勢&不足

優勢:

多終端視覺和操作體驗風格統一開發、維護、運營成本低不同設備間的兼容性強操作靈活:響應式設計是針對頁面的,可以只對必要的頁面部分進行改動對用戶友好:用戶可以與網站一直保持聯系,比如URL不變積累分享:通過單一的URL地址收集所有的社交分享鏈接最佳化搜索引擎:可以完成移動網站和桌面網站的連接無重定向:包含無用戶代理定向

不足:

兼容性:低版本瀏覽器可能存在不兼容問題移動帶寬流量:相比移動版定制網站,流量稍大加載需要一定的時間:在響應式設計中,需要下載一些看起來并不必要的HTML、CSS。除此之外,圖片并沒有根據設備調整到合適大小,而這正式導致加載時間加倍的原因優化搜索引擎:對于響應式web設計,為搜索引擎確定關鍵字不是一件容易的事。因此相比一般的桌面用戶,移動用戶多采用不同的關鍵字,修改標題及其他事項都比較困難Google排名:如果響應式網站僅基于移動內容,它困難會影響到網站的Google排名。因為Google不支持這樣的網站,它不會對你的網站進行索引時間花費:開發響應式網站是一項耗時的工作。如果你計劃把一個現有的網站轉化成響應式網站,可能耗時更多。如果你想要一個響應式網站,最好從草圖開始重新設計布局:響應式web設計的布局主要是液態的,這也正是設計者對設計樣式不好控制的原因。而且眼下正是設計者提前展示各種“復制品”的時候。設計者試圖針對移動和桌面布局分別顯示線框和設計原型。只有等到這兩種布局均得到提高后,響應式web設計策略才能真正實現。

5、響應式與自適應的區別

響應式布局:流體網絡

網頁的布局改變重新排布更好的用戶體驗測試難度大

自適應布局:固定斷點

網頁的完全縮放實施代價低測試容易設計更加可控

6、移動終端屏顯元素

移動設備瀏覽器內核:Trident(IE)、Gecko(FF)、Presto(opera,已廢棄)、Webkit(Safari、chrome)、Blink(google)

移動設備的尺寸:iPhone(980),iPad(1024),Android(分辨率480*800情況下,980),WinPhone(1024)等

移動設備的分辨率:

常見的移動設備的分辨率

7、響應式web設計流程

用戶研究與設備規格預估

不同設備規格人群比例

框架原型規劃&測試

視覺設計

視覺設計軟件舉例:PS/AI

前端構建

前段構建舉例:css、js



轉載聲明:本文由滕州網站優化-錦明SEO網絡整理發布
轉載請注明來源:http://www.k30302.cn/new/jianzhan/9.html
上一篇:沒有了
相關新聞
最新新聞
最新案例
錦明網絡—幫助企業塑造網絡品牌影響力,您身邊的網絡營銷專家!
分享按鈕 2018年一期东方心经 永顺县| 正阳县| 石阡县| 青海省| 康平县| 罗城| 宁国市| 玛纳斯县| 龙胜| 杭锦后旗| 南溪县| 黔南| 黎川县| 东乡县| 邛崃市| 秦皇岛市| 尼木县| 多伦县| 泰安市| 阿巴嘎旗| 黑水县| 清原| 金沙县| 普宁市| 图木舒克市| 米脂县| 巴塘县| 金华市| 文成县| 彰武县| 北川| 历史| 始兴县| 梓潼县| 监利县| 平乡县| 南乐县| 当涂县| 都兰县| 宁强县| 蒙城县| http://www.able17b.biz http://www.sinahlf.pw http://qq.01317b.top http://m.sinawfh.pw http://qq.fco48k.top http://m.sinayxs.pw