很多非專業(yè)的設計人員在設計手機效果圖的時候,并不考慮到設計尺寸,所以完全按自己的想法去排版和布局,往往會出現(xiàn)在網(wǎng)站開發(fā)的時候,很多地方排版根本放不下。
打個比方,之前收到一個甲方公司的設計圖,手機端底部有一個如此的設計。
從效果圖上,看還可以哈。但是這是三倍效果圖。
假如我們先不討論開發(fā)的問題??s放至手機尺寸再看看效果。
文字根本看不清了。
再為說開發(fā)的問題。這個位置的電話,地址,這些文字大小,已經(jīng)操出了瀏覽器所渲染的醉小大小了。在瀏覽器中。谷歌瀏覽器上顯示字體醉小為12px,css設置font-size:10px,顯示的時候還是12px大小,那么問題就來了。當這里使用純文字來開發(fā)的話,地址一欄的文字肯定比效果圖會大一些,由此會導致寬度不夠文字排為兩排。
那么在設計手機端效果圖的時候應該用什么尺寸來設計合適呢?
如果為了設計方便,使用倍圖來設計,那么醉終效果請縮小至開發(fā)尺寸再看看是否符合開發(fā)環(huán)境。