php手机界面设计,浅析手机界面设计
以下剖析界面元素和手機(jī)硬件、界面元素和軟件要求之間的關(guān)系,尋找設(shè)計思路。
手機(jī)操作方式
屏幕
處理能力
軟件大小
適配性
內(nèi)容
√
交互
√
√
排版
√
√
√
色彩
√
√
√
動態(tài)效果
√
√
√
手機(jī)操作方式(物理按鍵或者全觸摸屏)、屏幕大小、處理能力受手機(jī)參數(shù)影響。
軟件大小指的是e指通軟件大小的硬指標(biāo)。
適配性是一套界面設(shè)計方案僅可能適配更多機(jī)型。
1.?內(nèi)容:指的是整個界面中包含的所有信息,界面上內(nèi)容來源于流程圖中限定每個界面完成的功能。內(nèi)容受手機(jī)屏幕影響。a)屏幕:手機(jī)上每個界面顯示的內(nèi)容有限,最好每個界面完成單個任務(wù),并保證用戶能很流暢地操作,盡量避免字符輸入。
2.交互:具體表現(xiàn)在用戶如何選擇主功能,如何選擇子功能,如何退出軟件等等。交互設(shè)計就是在既定的內(nèi)容框架下,根據(jù)用戶的使用習(xí)慣去安排界面上內(nèi)容的顯示順序、顯示方式和界面操作方式(靜態(tài))。交互主要受手機(jī)操作方式和處理能力影響。a)?手機(jī)操作方式:觸摸屏比物體按鍵操作更方便,例如觸摸屏的手機(jī)選擇某個功能時,只選點(diǎn)擊該功能即可,而物理按鍵的手機(jī)需要按手機(jī)上下鍵,再按手機(jī)確認(rèn)鍵。b)處理能力:手機(jī)處理能力強(qiáng),軟件運(yùn)行的更快,軟件和用戶之間的信息交互就更快。
3.色彩:指的界面上采用的色系及顯示精度。界面色彩設(shè)計由主要受屏幕、軟件大小和適配性影響。a)屏幕:屏幕的分辨率高,色彩區(qū)分更為明晰,細(xì)節(jié)更豐富,視覺效果更好。b)軟件大小:軟件大小有限制,例如JAR包必須在400K以下,界面設(shè)計就不能使用過多的圖片,優(yōu)先考慮程序自繪。現(xiàn)有界面設(shè)計主要采用圖片橫向填充,如使用2*25像素的圖片,橫向填充成240*25的背景圖。c)適配性:為了保證軟件的可適配性,界面設(shè)計盡量使用單向色彩漸變效果,如2*25的圖片只有上下漸變效果。另外,參照手機(jī)QQ等軟件和近期程序?qū)崿F(xiàn)的情況上來看,設(shè)計上盡量少用圓角和半透明效果。
4.排版:指的是界面上的整體布局,包括圖片和文字的大小,圖片和文字在界面中的位置。界面排版主要受操作方式、屏幕和適配性影響。a)手機(jī)操作方式:觸摸屏可以使界面設(shè)計更為靈活,不拘泥于現(xiàn)有的界面設(shè)計這樣上下或者左右排版。b)屏幕:屏幕大,界面排版可以寬松些,比如標(biāo)題欄可以大些。c)適配性:盡量避免使用滾動條,最好是界面上的內(nèi)容一屏能完全顯示,如主界面上的子功能控制在7個以內(nèi)。
5.動態(tài)效果:指界面切換的變化過程。動態(tài)效果受手機(jī)操作方式、處理能力和軟件大小的影響。a)手機(jī)操作方式:多點(diǎn)觸摸時,會增加動態(tài)效果。b)處理能力:手機(jī)處理能力強(qiáng),可以增加復(fù)雜的動態(tài)效果。漸變效果要花費(fèi)不少時間去編寫,這部分設(shè)計和編程上都有點(diǎn)難度。c)軟件大小:動態(tài)效果會增加程序負(fù)擔(dān),還有可能增加圖片數(shù)目,勢必增加軟件大小。如果有動態(tài)效果,也要放在用戶經(jīng)常使用的界面上。
綜合以上論述,當(dāng)主流手機(jī)操作方式改變時,界面的交互、界面排版和動態(tài)效果就可以相應(yīng)地調(diào)整;軟件的大小可以增加時,界面色彩和動態(tài)效果也可能相應(yīng)的調(diào)整。
總結(jié)
以上是生活随笔為你收集整理的php手机界面设计,浅析手机界面设计的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Caporali HSK63A.H80.
- 下一篇: 使用基于ThinkPHP3.2.3的Th