網頁版面設計的大小尺寸參考

好久沒發文章了,自從去台北之後...

一般的網頁在photoshop設計的時候大家版面都開多大呢?
我通常都是開1024*768那個 不過為了好看 768我會再調高一點讓內容豐富
不過今天看書的時候看到了一段開版尺寸參考,也給大家參考看看,參考而已啦,畢竟這本書也有點年紀了

螢幕 800*600 (SVGA) 的  可以看到的網頁尺寸是 760*420 
(這個尺寸應該是很少用了,我剛剛開photoshop cs5已經沒看到這個預設的尺寸了)

螢幕 1024*768 (XGA)的 可以看到的網頁尺寸是 955*600  
(1024這也是我很常用的尺寸,因為還是要顧及不是寬螢幕的使用者)
也就是說如果再photoshop開版是1024*768的話,可以取中間955px的片段為內容
高度我倒是覺得600有點少了xd
寬度比較重要

螢幕 1280*1024 (SXGA) 的 可以看到的網頁尺寸是 1240*844

螢幕 1600*1200 (UXGA)的 可以看到的網頁尺寸是 1560*1020 

這四者的尺寸至今都很常用,還可以在photoshop看到他有預設尺寸可以選擇


 總之就盡量拿捏吧,版面大小不是重點,以使用者的最佳感受程度為標準,才是我覺得重要的事

留言

這個網誌中的熱門文章

[Android] 筆記 手機上測試自己的 APP

解決fatal: Not a git repository (or any of the parent directories): .git錯誤

[Android 筆記] 設定 ImageView 的圖檔來源