一、什么是App
APP是英文Application的簡(jiǎn)稱,指運(yùn)行在手機(jī)系統(tǒng)上的應(yīng)用程序軟件,比較著名的App商店有Apple的iTunes商店,Android的Android Market,諾基亞的Ovi store,還有Blackberry用戶的BlackBerry App World,以及微軟的應(yīng)用商城。目前主流智能手機(jī)的操作系統(tǒng)還是iOS和Android。其他智能手機(jī)系統(tǒng)份額非常小,我們可以先忽略不計(jì)。我們需要掌握好這兩種系統(tǒng)的應(yīng)用界面設(shè)計(jì)知識(shí)。
二、App的開(kāi)發(fā)流程
UI設(shè)計(jì)只是整個(gè)應(yīng)用開(kāi)發(fā)的一個(gè)環(huán)節(jié),如果你想更好的展開(kāi)設(shè)計(jì)工作,就需要掌握App開(kāi)發(fā)維護(hù)整個(gè)流程
*產(chǎn)品經(jīng)理(Product Manager):一般負(fù)責(zé)收集需求、整理需求、商務(wù)溝通等工作,他會(huì)根據(jù)產(chǎn)品的生命周期,協(xié)調(diào)設(shè)計(jì)、研發(fā)和測(cè)試還有運(yùn)營(yíng)。最終產(chǎn)出低保真的原型說(shuō)明文檔(也就是線框圖)表達(dá)產(chǎn)品的流程、邏輯、布局、視覺(jué)效果和操作狀態(tài)等。
*交互設(shè)計(jì)(User experience design):會(huì)繼續(xù)深入這個(gè)低保真原型,一般企業(yè)產(chǎn)品經(jīng)理承擔(dān)了這個(gè)工作。如果有專門的交互設(shè)計(jì),他更多的會(huì)考慮用戶流程、信息框架、交互細(xì)節(jié)和頁(yè)面元素等。有些企業(yè)會(huì)讓其做出高保真的原型,高保真原型是無(wú)限接近最終效果圖的線框圖,表達(dá)產(chǎn)品的流程、邏輯、布局、視覺(jué)效果和操作狀態(tài)等。
*視覺(jué)設(shè)計(jì)(User Interface):終于到我們了,拿到無(wú)論是低保真還是高保真原型圖,我們不僅僅是美化界面。我們要對(duì)原型有深入的了解,需要了解整個(gè)頁(yè)面的邏輯,從全局的角度來(lái)做視覺(jué)設(shè)計(jì)。好的UI不僅是讓產(chǎn)品變得個(gè)性有品味,還要讓產(chǎn)品操作變得舒適、簡(jiǎn)單、自由、充分體現(xiàn)產(chǎn)品的定位和特點(diǎn)。最終產(chǎn)出物是各種圖片、界面標(biāo)注和界面切圖。
*程序開(kāi)發(fā):程序員根據(jù)設(shè)計(jì)圖搭建界面,根據(jù)產(chǎn)品提供的功能說(shuō)明文檔去開(kāi)發(fā)功能,最終產(chǎn)出物是可使用的應(yīng)用。
*測(cè)試:產(chǎn)品完成之后,還需要測(cè)試人員測(cè)試應(yīng)用,主要分為單元測(cè)試、真機(jī)測(cè)試、功能測(cè)試、測(cè)試跟蹤和出測(cè)試報(bào)告。
*運(yùn)營(yíng):運(yùn)營(yíng)人員就是需要通過(guò)各種手段提升應(yīng)用的人氣,同時(shí)把用戶反饋的問(wèn)題提供給產(chǎn)品人員,然后產(chǎn)品人員再次發(fā)起應(yīng)用的版本迭代。
三、智能手機(jī)的屏幕
我們??吹绞謾C(jī)介紹中一堆的參數(shù),說(shuō)實(shí)話,在這之前我都搞不太清楚。比如:手機(jī)屏幕是多少?手機(jī)的分辨率是多少?是否是高清視網(wǎng)膜屏幕等等。所以我們先了解一些常見(jiàn)的相關(guān)于屏幕的概念。
1、英寸(Inch)
英寸一般為1in=2.54cm,如果你不知道2.54cm是多長(zhǎng)的話你可以看看你大拇指,大概就是你一節(jié)大拇指的長(zhǎng)度。很多圖紙、銘牌上都是使用英寸作為長(zhǎng)度單位。手機(jī)屏幕、電視機(jī)也繼承了這個(gè)計(jì)量單位。
iPhone4s的屏幕尺寸是3.5英寸,表示屏幕斜對(duì)角線的長(zhǎng)隊(duì)。喬布斯認(rèn)為3.5英寸是人類單手持設(shè)備的最佳尺寸。但是隨著時(shí)代的發(fā)展,人們每天愿意花幾個(gè)小時(shí)在手機(jī)上面雙手操作,它漸漸變成了內(nèi)容消費(fèi)和娛樂(lè)的主要平臺(tái)。3.5英寸的手機(jī)已經(jīng)滿足不了大家的需求,所以現(xiàn)在手機(jī)屏幕越來(lái)越大化。
手機(jī)常見(jiàn)屏幕尺寸有3.5英寸、4.3英寸、4.7英寸和5.5英寸。為什么會(huì)選擇這幾個(gè)尺寸?因?yàn)槭謾C(jī)屏幕使用的玻璃是一整塊生產(chǎn)的,然后切割成一塊一塊的。利用率與成本直接相關(guān),為了獲得最優(yōu)的玻璃切割利用率,避免浪費(fèi)。
以后再看到英寸,知道多大了吧。
2、像素(Pixel)
我們圖片放大,能看到許多色彩相近的小方點(diǎn),這些小方點(diǎn)就是像素點(diǎn),像素是圖像的基本采樣單位,它不是一個(gè)確定的物理量,因?yàn)橄袼氐拇笮≡?shī)不確定的。
3、分辨率(Resolition)
分辨率就是屏幕像素的數(shù)量,一般用屏寬像素乘以屏高像素表示。比如iPhone6的屏幕分辨率是750*1334,也就是說(shuō)它是由750列和1334行的像素點(diǎn)排列組成。通常情況下,圖像的分辨率越高,所包含的像素就越多,圖像就越清晰,印刷的質(zhì)量也就越好。同時(shí),它也會(huì)增加文件占用的存儲(chǔ)空間。
?
?
?