IOS APP設(shè)計(jì)流程

0 評論 6144 瀏覽 3 收藏 5 分鐘

移動(dòng)平臺(tái)是下一個(gè)戰(zhàn)場,IOS又是其中占比非常大的平臺(tái),關(guān)于IOS的設(shè)計(jì)流程看到一篇不錯(cuò)的譯文,根據(jù)原文整理了這11步,與大家分享一下,另有圖片版可以下載保存。

1. 確定你的創(chuàng)意

您的創(chuàng)意是否有人做過,如果有類似的app,那就要多多考慮,爭取超越并且有一些獨(dú)特的優(yōu)化設(shè)計(jì)在其中

2. 定位應(yīng)用

通過蘋果的人機(jī)界面指南(Human Interface Guidelines)圖來定位

3. 核心功能確認(rèn)

將提出的各種需求進(jìn)行匯總討論,設(shè)計(jì)ADS(Application Definition Statement)對應(yīng)用定義的一段陳述,也稱精簡的ADS,如圖

4. 產(chǎn)品草圖

開始根據(jù)前面所整理的資料,進(jìn)行基本的產(chǎn)品各個(gè)功能的設(shè)計(jì),包含移動(dòng)中使用場景,按鈕,顯示文字等。紙和筆是個(gè)不錯(cuò)的方式

5. Walkthrough

在IOS中,各個(gè)界面之前切換方式也是重要的地方,稱為APP功能穿越(App Functionality Walkthrough),設(shè)計(jì)時(shí)需要考慮進(jìn)去

6. 低保真原型

利用原型制作工具(Axure,Mockup,Visio),將草圖搬上電腦,盡量使用黑白,粗糙的線條來進(jìn)行設(shè)計(jì),不要糾結(jié)于細(xì)節(jié)

低保真原型

7. 高保真原型

在低保真原型確認(rèn)后,可以開始糾結(jié)與細(xì)節(jié)了,ios屏幕尺寸有這幾種:320*480,960*480,1024*768

8. 視覺設(shè)計(jì)

在高保真原型完成后,就該給進(jìn)行視覺設(shè)計(jì),Apple提倡有質(zhì)感,有仿真度的圖形界面,我們讓app的界面設(shè)計(jì)盡量接近用戶熟悉或者喜歡的風(fēng)格。在配色和圖標(biāo)上可以下足功夫

9. 設(shè)計(jì)理念

由于移動(dòng)設(shè)備的關(guān)系,設(shè)計(jì)上盡量保持簡潔,若非必要就不要放上華麗的圖形或其他的信息去吸引用戶,我們需要讓信息一目了然,不隱晦,不誤導(dǎo)。

10. ICON設(shè)計(jì)

ICON將決定APP在Store中的辨識(shí)度,可以先從簡單的輪廓開始,先從核心創(chuàng)意開始。除非有必要,你的icon最好不要包含文字,盡量使用跟你的app圖形界面一致的材質(zhì)和漸變。你如果想給用戶呈現(xiàn)高質(zhì)量的UI設(shè)計(jì),別忘了把icon設(shè)計(jì)成29×29,72×72,和512×512三種尺寸。

icon設(shè)計(jì)

11. 設(shè)計(jì)交付物

如果你自己不開發(fā)app的功能,還需要把清晰的設(shè)計(jì)指南交付給開發(fā)人員。我會(huì)把界面和描述集中到一張大圖,并盡可能的把所有可遇見的情況都給開發(fā)人員描述清楚。同時(shí)可以對PSD進(jìn)行尺寸標(biāo)注,說明,及存為PNG方便開發(fā)

交付物

————————————————————————————
圖片版:點(diǎn)擊下載

IOS APP設(shè)計(jì)流程 圖片版

感謝彩程設(shè)計(jì)翻譯如此好的文章?iPad應(yīng)用的敏捷設(shè)計(jì)流程

 

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!