APP界面設(shè)計的流程

4 評論 40702 瀏覽 24 收藏 5 分鐘

app界面設(shè)計教程又來咯!

看到這部教程小編腦中頓時響起東方男科醫(yī)院廣告中那極富磁性的聲音:射基濕的信心!饞貧汪的福音!

沒錯,此教程能讓設(shè)計師立刻提高APM,讓產(chǎn)品經(jīng)理馬上獲得天賦——與設(shè)計師溝通。

01 項(xiàng)目背景分析

手機(jī)音樂APP是一個集在線播放、搜索、下載于一體的音樂播放軟件(似乎有點(diǎn)廢話了……)。

分析:

1、界面干擾因素不宜過多(好像不管什么應(yīng)用都有這個要求吧…);

2、分析不同場景下的網(wǎng)絡(luò)環(huán)境、光線和使用條件等,針對共性因素和特定因素,提供相應(yīng)功能和界面設(shè)計(此處省略1000個字…);

jmsjlc-20140318-02

3、考慮用戶的系統(tǒng)體驗(yàn),用戶再使用其他音樂APP時,積累了大量的使用經(jīng)驗(yàn),并且自覺地養(yǎng)成了一定的使用習(xí)慣,總之,千萬不要整出太過奇葩的交互操作。

PS:別說沒時間考慮這些內(nèi)容,使用習(xí)慣都已經(jīng)有了,親身體驗(yàn)下,取其精華去其糟粕。

 

02 視覺風(fēng)格分析

 

“不只是看上去的樣子和感覺,設(shè)計的關(guān)鍵在于它如何發(fā)揮作用。”——Steve Jobs

確定風(fēng)格:

 

03 制作過程問題

1、統(tǒng)一ICONS

2、界面尺寸規(guī)范

 

04 整體細(xì)節(jié)推敲

1、文字、顏色、icon大小等,統(tǒng)一規(guī)范,整體對齊,相應(yīng)位置等間距等,會使得整體感覺更好;

jmsjlc-20140318-08

2、交互細(xì)節(jié)、交互操作是否符合用戶操作習(xí)慣;

 

05 完成交稿之前

正所謂“人靠衣裝,佛靠金裝”,沒有友好美觀的界面展示,也難以得到“用戶”的垂青。此處,“用戶”泛指一切具有決定是否采用的一類人。

總之,利用各種你能用到的資源或想法,讓你的界面更加高大上吧~

06 部分完成界面

 

作者:musen_xiong

文章來源:站酷

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 啥玩意兒啊

    來自北京 回復(fù)
  2. 圖掛了!

    來自上海 回復(fù)
  3. 看不到圖片啊

    來自北京 回復(fù)