設(shè)計教程

如何做好一個APP界面設(shè)計_APP設(shè)計干貨

7934

其實25學(xué)堂分享了很多移動應(yīng)用界面設(shè)計的博文或者是APP界面展示效果圖。

由于最近很多新手加入APP設(shè)計群，不知道如何下手。今天25學(xué)堂跟大家再次分享如何做好一個APP界面設(shè)計。

這篇可以說是真正的APP界面設(shè)計干貨。值得大家認(rèn)真學(xué)習(xí)和閱讀。

第一點：了解你的目標(biāo)客戶群的心態(tài)

1、做微任務(wù)的目標(biāo)客戶群(如隨時隨地看看新聞，聽聽歌，看看電影，聊聊八卦之類)：

這類的解決方案是設(shè)計的app最好是小而準(zhǔn)，不要大而全。越全的功能應(yīng)用，只能代表著這個應(yīng)用在各方面的都很平庸

2、喜歡當(dāng)工具來使用的目標(biāo)客戶群：比如找地圖，看天氣，查數(shù)據(jù)等。

這類的解決方案是我們盡最大努力的去滿足用戶的情景需求。做到極致和簡單。

3、無聊的客戶群，用來打發(fā)消磨時間的：無需求，漫無目的的

這類的解決方案是盡可能展示用戶感興趣的東西，幫助客戶來打發(fā)消磨時光。

第二點：APP原型圖的制作和設(shè)計討論

這個環(huán)節(jié)是必不可少的。需要根據(jù)設(shè)計需求認(rèn)認(rèn)真真的來畫畫原型圖。

常用的APP原型圖工具：移動APP原型設(shè)計神器 POP 、axure、Foreui等

第三點：APP視覺設(shè)計與設(shè)計要點

（1）大概設(shè)計板塊有APP啟動頁面設(shè)計，APP界面設(shè)計的尺寸規(guī)范，app圖標(biāo)設(shè)計等

一般來說，手機(jī)屏幕是從上往下布局的，重要的信息會放在上方。但是在操作上，大部分人都是單手拿手機(jī)，常用的操作，要放在界面的下方。

另外還有一個原則，最小的觸摸單位，一般是44個像素。如果再小，你的拇指難以觸碰，或者容易引發(fā)誤操作。同時，也不要讓界面太擁擠。

所以，設(shè)計師必須用減法設(shè)計，這個過程需要花時間思考、簡化元素。

你必須記?。海?）隱藏設(shè)計或者減法設(shè)計?? （2）分區(qū)或分類?? （3）幫用戶做決策?? （4）提高交互創(chuàng)新設(shè)計? （5）讓人有爽快感和新奇感? （6）在設(shè)計中浸入情感，把握用戶的心理。（談?wù)勅绾芜M(jìn)行產(chǎn)品設(shè)計以及產(chǎn)品情感化設(shè)計）

一位大師這樣說過“真正的簡約設(shè)計是：作品必須不斷的被簡化，一改再改，直到設(shè)計最終成形?！?

2014年 APP設(shè)計風(fēng)格趨向扁平化和卡片化。卡片，扁平化都會是移動app設(shè)計的趨勢！因為卡片設(shè)計確實同時兼具了“擬物”和“極簡”2種優(yōu)勢！

第四點：APP界面設(shè)計流程

設(shè)計流程非常重要，無論選擇何種樣式！簡約設(shè)計時記住以下幾點：

（1）.? 設(shè)計APP界面時，學(xué)會從優(yōu)秀APP界面設(shè)計作品中尋求靈感，以前的藝術(shù)大師，用少量的資源做了大量的設(shè)計。

（2）. 放下工作，休息一下很有幫助。扁平和簡約設(shè)計的一切均關(guān)乎到細(xì)節(jié)的差異。因此小憩片刻后再回到工作，帶著全新的眼光工作，比長時間冥思苦想更有

效。

（3）. 并排比較各個版式同樣有幫助。哪怕花20分鐘前將一個線條下移各5個像素分別保存，對比兩個版式就能很快分清孰好孰壞。

（4）. 由于實物展示的相對比例至關(guān)重要，所以要及早在不同的目標(biāo)設(shè)備上測試。

（5）.? 整個設(shè)計過程中不斷問自己“真的需要嗎？” 。支撐項目時候，找一些討巧的辦法，例如，添加一些有趣的元素、樣式會這樣會很容易也會很吸引人，

但必須始終注意剔除不必要的元素，不斷精簡。甩掉你費盡心血的部分總是難以割舍，但修改過程必須挑剔。