手機版網站(RWD)電腦版網站有什麼差別?

2016-09-27

目前使用手機瀏覽網頁的人越來越多,但其實用電腦瀏覽和手機瀏覽(RWD響應式網頁)的使用方式不太一樣。以下簡單介紹幾點跟大家分享:

 

滾動的方式不同

在電腦版網站中是用滑鼠往下滾動頁面,在手機版網站則是用手指由上滑動頁面。

 

主選單的配置不同

電腦版為橫式由左往右瀏覽, 手機版要會收在漢堡選單裡,點開彈出來。

 

01

 

 

 

0203

 

版面配置盡量採簡單、編排不複雜的方式形成

電腦版配置大多都是由左往右分好幾塊,手機版則採由上往下直式瀏覽

 

04

 

 

 

05

 

手機版沒有hover的效果

電腦版hover效果是滑鼠移過去,會有hover的動畫。而在RWD響應式網頁設計中,手機版hover效果則是手指輕點一下會有hover動畫,再點一下進入頁面。

 

06

 

 

 

07

 

照片瀏覽,以facebook相片為例

電腦瀏覽照片需點左右鍵或照片才會切換下一張

手機版只需手指滑動左右切換下一張

 

以上是舉例幾個比較常見的使用方式。有些會隨著網站的需求不同,而所改變,所以就簡單的分享到這邊!

 

 

 

 

=========

 

* 歡迎分享這篇文章

 

訂閱文章

想要收到凱士網頁設計的相關訊息嗎?

我們會不定期更新最新網頁設計相關文章,歡迎訂閱凱士知識+

 

 

想詢問網站設計方面的問題?

凱士網站設計公司深受B2B外銷公司、上市櫃公司及外商公司推薦,累積超過100個網頁設計作品

我們很樂意用淺顯易懂的方式讓我們的客戶輕鬆了解網頁設計的各種疑難雜症。

 

如果您對網站設計規劃有任何問題,歡迎聯絡凱士網頁設計:立即填寫諮詢表單,或直接撥打電話 04-22210688