|
目前絕大多數(shù)手機(jī)都支持WAP 2.0。WAP 2.0的頁(yè)面設(shè)計(jì)具有更好的視覺(jué)效果，更接近網(wǎng)頁(yè)。不過(guò)由于手機(jī)千差萬(wàn)別，手機(jī)瀏覽器的能力也各不相同，直接照搬網(wǎng)頁(yè)的設(shè)計(jì)與實(shí)現(xiàn)，很可能讓你的WAP頁(yè)面出現(xiàn)問(wèn)題。以下小貼士來(lái)自于我們的頁(yè)面設(shè)計(jì)與開(kāi)發(fā)實(shí)踐。
1、當(dāng)你試圖使用背景圖時(shí)，請(qǐng)同時(shí)搭配近似的背景色
手機(jī)上，有些瀏覽器是不支持使用背景圖片的。比如下圖，在S60v3操作系統(tǒng)的手機(jī)（如N76）上：
喜歡使用深色背景圖片和淺色文字的同學(xué)們請(qǐng)注意了，在不支持背景圖片的瀏覽器上，很可能由于“靠色”，而讓用戶無(wú)法分辨出這些文字。
如果你還是覺(jué)得不使用背景圖片心有不甘，那么請(qǐng)?jiān)谑褂帽尘皥D片時(shí)搭配一個(gè)近似的背景色吧。背景色是具備廣泛支持的，而且背景圖和背景色是可以同時(shí)設(shè)置的。
這樣，即使用戶的瀏覽器不支持背景圖，也不會(huì)造成你的文本內(nèi)容無(wú)法分辨。
2、避免依賴于文本樣式（粗體、斜體、文字大�。┑脑O(shè)計(jì)，多用文字顏色。
雖然綜合使用粗體、斜體和不同大小的文字可以起到突出重點(diǎn)內(nèi)容的作用，但是在手機(jī)上這樣做可能你的苦心會(huì)白費(fèi)的。 粗體、斜體和文字大小的展現(xiàn)效果在不同的手機(jī)瀏覽器上支持各不相同，如下圖：
出處：MUX
責(zé)任編輯：bluehearts
上一頁(yè) 下一頁(yè) WAP頁(yè)面設(shè)計(jì)與實(shí)現(xiàn)小貼士 [2]
◎進(jìn)入論壇網(wǎng)頁(yè)制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
|
第 1 頁(yè) WAP頁(yè)面設(shè)計(jì)與實(shí)現(xiàn)小貼士 [1]
第 2 頁(yè) 
