APP界面設(shè)計的流程
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個字…);
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)位置等間距等,會使得整體感覺更好;
2、交互細(xì)節(jié)、交互操作是否符合用戶操作習(xí)慣;
05 完成交稿之前
正所謂“人靠衣裝,佛靠金裝”,沒有友好美觀的界面展示,也難以得到“用戶”的垂青。此處,“用戶”泛指一切具有決定是否采用的一類人。
總之,利用各種你能用到的資源或想法,讓你的界面更加高大上吧~
06 部分完成界面
作者:musen_xiong
文章來源:站酷
啥玩意兒啊
圖掛了!
看不到圖片啊