很多非專業(yè)的設(shè)計(jì)人員在設(shè)計(jì)手機(jī)效果圖的時(shí)候，并不考慮到設(shè)計(jì)尺寸，所以完全按自己的想法去排版和布局，往往會(huì)出現(xiàn)在網(wǎng)站開發(fā)的時(shí)候，很多地方排版根本放不下。

打個(gè)比方，之前收到一個(gè)甲方公司的設(shè)計(jì)圖，手機(jī)端底部有一個(gè)如此的設(shè)計(jì)。

從效果圖上，看還可以哈。但是這是三倍效果圖。

假如我們先不討論開發(fā)的問(wèn)題。縮放至手機(jī)尺寸再看看效果。

文字根本看不清了。

再為說(shuō)開發(fā)的問(wèn)題。這個(gè)位置的電話，地址，這些文字大小，已經(jīng)操出了瀏覽器所渲染的醉小大小了。在瀏覽器中。谷歌瀏覽器上顯示字體醉小為12px，css設(shè)置font-size：10px，顯示的時(shí)候還是12px大小，那么問(wèn)題就來(lái)了。當(dāng)這里使用純文字來(lái)開發(fā)的話，地址一欄的文字肯定比效果圖會(huì)大一些，由此會(huì)導(dǎo)致寬度不夠文字排為兩排。

那么在設(shè)計(jì)手機(jī)端效果圖的時(shí)候應(yīng)該用什么尺寸來(lái)設(shè)計(jì)合適呢？

如果為了設(shè)計(jì)方便，使用倍圖來(lái)設(shè)計(jì)，那么醉終效果請(qǐng)縮小至開發(fā)尺寸再看看是否符合開發(fā)環(huán)境。