2012年5月27日 星期日

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

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

一般的網頁在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看到他有預設尺寸可以選擇


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

沒有留言:

張貼留言

若你看的文章,時間太久遠的問題就別問了,因為我應該也忘了... XD

Vue multiselect set autofocus and tinymce set autofocus

要在畫面一進來 focus multiselect 的方式: 參考: https://jsfiddle.net/shentao/mnphdt2g/ 主要就是在 multiselect 的 tag 加上 ref (例如: my_multiselect), 另外在 mounted...