螢幕尺寸討論

隨著不同螢幕尺吋不同,網站設計的考量點也跟著不同,故需了解其各類型螢幕尺吋情形

桌機螢幕尺吋

參考1參考2

行動裝置螢幕尺寸

響應式網頁設計(Responsive Web Design)簡稱RWD,又稱適應性網頁、自適應網頁設計、回應式網頁設計、多螢網頁設計。

設計網站時採用Hhtm5 + CSS3 + JQueay 網頁技術,
以百分比的方式以及彈性的畫面設計,網頁依據不同解析度改變網頁頁面的佈局排版
,讓手機、平板、電腦等以有各式型式的機種尺寸,
在不同的設備都來符合其螢幕大小的網頁版本,共同瀏覽同一網站,提供最佳的視覺體驗。

與手機版網站差異

手機版網站是保持原本的電腦版網站不變、另外做一個專門給手機用的小尺寸網站,網站程式會自動導入電腦版或手機版網頁。

適合手機網站:

1.網站資訊量,需刪除不必要的元件才可便利閱讀,例如:Yahoo網站

2.分類多層的大型資料網站,例如:購物網站

3.因電腦與手機版網站的瀏覽重點、閱讀動線不同,需要針對手機用戶另外設計不同的網站瀏覽動線

End