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

1.滾動的方式,電腦版是用滑鼠往下滾動頁面,手機版則是用手指由上滑動頁面

2.主選單的配置

電腦版為橫式由左往右瀏覽

01

 

手機版要會收在漢堡選單裡,點開彈出來

03 04

 

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

電腦版配置大多都是由左往右分好幾塊

05

 

手機版則採由上往下直式瀏覽

06

 

4.hover的效果

電腦版hover效果是滑鼠移過去,會有hover的動畫

07

 

手機版hover效果則是手指輕點一下會有hover動畫,再點一下進入頁面

08

 

5.照片瀏覽,以facebook相片為例

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

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

 

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

 

想跟我們談談你的網頁設計構想嗎?

 

 

網頁設計洽詢 >