手機版網頁製作 手機版與電腦版網頁差異

手機版網站跟一般電腦版網站有什麼不一樣?

網站基本上都是一樣的,不論是用手機、平板電腦、Notebook或桌機,只要能上網、有安裝瀏覽器(IE、Chrome、Firefox、Safari…等),都可以用來瀏覽網站。只是電腦版網站的網頁寬度以1024畫素為主流,如果用手機開啟網頁時,因為畫面太大,手機瀏覽要不斷變換位置或縮放頁面。但在這一兩年手機上網已成趨勢後,為了配合使用手機瀏覽網站的族群,有的企業會貼心的另外建議手機版網站。


手機版網站在製作上,要注意什麼?
.不使用橫向捲軸
設計時會盡可能不使用橫向捲軸、全部採直式上下瀏覽。

.按鈕至少要一個拇指大
按鈕、超連結設計也會採用較大、較好點選為主的按鈕,方便操作。

.瀏覽動線要重新考慮
因為手機、平板螢幕較小,因此版型設計、單元順序、按鈕順序都會跟電腦版不同。

.畫面精簡
電腦版網站的圖片、元素可以多。
但手機版受限於螢幕尺寸,也要考慮3G的連線速度,手機版網頁的畫面要相對精簡。

回頁首