在線客服
24小時(shí)免費(fèi)咨詢電話:18978941786
客服時(shí)間:上午9:30~下午6點(diǎn)
當(dāng)前位置:首頁(yè)>> 技術(shù)文章 >> 站長(zhǎng)手冊(cè) >> 手機(jī)網(wǎng)頁(yè)設(shè)計(jì)小記
手機(jī)網(wǎng)頁(yè)設(shè)計(jì)小記
收藏 分享 發(fā)布日期:2012-2-12 16:30:48 編輯:admin 文章來(lái)源: 點(diǎn)擊率:
剛好參與公司一個(gè)手機(jī)項(xiàng)目(手機(jī)短交互和手機(jī)網(wǎng)頁(yè)視覺(jué)設(shè)計(jì)),第一次嘗試,觸礁多次,在這里談?wù)勛约河龅降膯?wèn)題,因項(xiàng)目進(jìn)行中,這只是初期的,多加指正。
我們都知道手機(jī)頁(yè)面設(shè)計(jì)與我們網(wǎng)頁(yè)設(shè)計(jì)還是有比較大的區(qū)別的,因受到眾多因素的限制,會(huì)讓設(shè)計(jì)師感覺(jué)無(wú)大顯身手的地方,之前記得看過(guò)一篇“局限下的設(shè)計(jì)”,我們需要做的也是如何解決“局限下的設(shè)計(jì)”。
在設(shè)計(jì)之前,必須要明確幾個(gè)問(wèn)題:
1.我們用戶人群的關(guān)注點(diǎn)、目標(biāo)是什么?
2.我們希望用戶的使用動(dòng)機(jī)是什么,如何誘導(dǎo)?
3.我們希望用戶的體驗(yàn)是什么樣的?
4.我們?nèi)绾谓M織和顯示信息,才能讓用戶更好的得到有用信息?
在清楚這個(gè)核心問(wèn)題之后,要充分了解手機(jī)瀏覽器的性能,對(duì)其局限性因素要非常清楚:
1.首要的是瀏覽速度,要想盡方法縮小網(wǎng)頁(yè),讓用戶在最短的時(shí)間內(nèi)打開(kāi)頁(yè)面,這里面會(huì)牽扯到樣式設(shè)計(jì)、排版方式等。
2.大體上了解前端代碼制作的局限,包括字體設(shè)置、背景設(shè)置、對(duì)齊方式、操作效果等,這些因素會(huì)直接影響手機(jī)瀏覽器的兼容性測(cè)試。
3.原則上減少輸入、減少頁(yè)面滑動(dòng)次數(shù)、減少圖片。
4.視覺(jué)設(shè)計(jì)上要充分利用background、color屬性。
這是暫時(shí)想到的一些問(wèn)題,后期會(huì)不斷完善,當(dāng)手機(jī)上線之后,會(huì)逐個(gè)解決這些問(wèn)題,再與大家分享。
本文章由南寧網(wǎng)站建設(shè)、南寧網(wǎng)站優(yōu)化、南寧網(wǎng)絡(luò)公司整理,轉(zhuǎn)載請(qǐng)注明出處:http://www.starit.com.cn/





