2016-09-15 分類: 手機網站建設
隨著互聯網的發展,手機網站越來越受大家的歡迎,今天商道通就從一個設計師的角度,給大家總結一下PC網站和手機網站這設計上應該注意哪些不同和需要考慮的設計要素。1、因為操作的不同而應注意的設計要點:
PC網站基于電腦瀏覽器,多采用鼠標點擊瀏覽、鼠標滑動欣賞和鍵盤互動的操作方式。
手機網站基于手機或平板瀏覽器都是觸摸屏,直接用手指或感應筆操作,當然還支持滑動、放大、還原等等操作方式。2、應注意的設計要素:
①:PC網站使用鼠標還是比較精準的,手機網站使用手指觸摸則就不好控制點擊位置了,因此在設定點擊按鈕觸屏大小的時候一定要考慮這個。還有點擊按鈕的間距等問題。盡量做到游客瀏覽自然。
②:PC網站瀏覽支持鼠標滑動瀏覽,一些彈窗設計可以做成鼠標滑過就彈出來,而手機網站就做不出這樣的效果,只有點擊設定的按鈕才能展示切換效果。
③:手機網站支持左右滑動瀏覽產品,底部可設定固定導航。如:返回首頁。聯系我們、一鍵撥號等這些快捷高效的設計。
④:手機網站建設要考慮到用戶單手就可以操作瀏覽,頁面設計的重要點擊按鈕都要在單手操作的可控距離內。3、PC和手機設計頁面不同:
PC網站基于電腦瀏覽器,電腦本身可設置不同的分辨率,顯示屏的大小也各不相同,所以設計PC網站要注意他的居中寬和底部延伸。
手機網站相對來說設計頁面較小,各個品牌的屏幕大小也不盡相同,分辨率差距也較大,還有手機系統現在大多數都支持方向切換,橫豎切換。4、應注意設計要點:
①:手機網站的設計頁面比較小,展示內容有限,設計一定要突出重中之重,一目了然,一鍵撥號、聯系我們一定要時刻在顯眼位置。
②:PC網站因為電腦系統的分辨率不同,瀏覽器大小還可以隨便收縮,設計時一定要考慮各個瀏覽器分辨率的適應,現在好多都做成了自適應的網站了。
③:手機網站因為移動設備多樣化,所以在設計頁面布局上,圖文搭配上一定要考慮各種設備的展示效果,這個需要設計師和程序員一起操作。
④:手機網站還有考慮到手機設備可以切換橫豎瀏覽,設計時一定要考慮到這些細節,切換后如何展示等等。5、用戶瀏覽環境不同:
PC網站基于電腦,一般用電腦瀏覽網站都是在辦公室,瀏覽信息也比較專注。
手機網站建立在移動設備的基礎,所以瀏覽環境就不確定了,也比較隨意,以此手機網站的設計一定要突出重點,注重細節互動。6、用戶操作網絡環境不同:
PC網站瀏覽網絡環境比較固定,而手機網站的網絡環境就比較復雜,可以選擇WIFI也可以選擇流量。而流量又分2G、3G、4G。這就要考慮網絡瀏覽加載的速度,加載緩慢或加載不出來的提示彈窗設計等。7、位置服務不同:
PC網站和手機網站的程序開發不同,獲取位置的方式也不一樣,PC網站在一些大的平臺上你就可以看見,你進入網頁的時候,自動進入的是你所在城市的地方站。這是因為程序獲取的是你的IP,也只能做到這一點。可手機網站就不一樣了,手機網站是通過手機本身系統自帶功能授權給了定位系統,這樣就可以準確地給你定位地方,當然這種功能一般都是出現在一些比較大的平臺,比較智能化。
網站題目:PC端網頁與手機網頁有什么不同
網頁URL:http://newbst.com/news28/51228.html
網站建設、網絡推廣公司-創新互聯,是專注品牌與效果的網站制作,網絡營銷seo公司;服務項目有做網站、手機網站建設等
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯
猜你還喜歡下面的內容