其實(shí)25學(xué)堂分享了很多移動(dòng)應(yīng)用界面設(shè)計(jì)的博文或者是APP界面展示效果圖。
由于最近很多新手加入APP設(shè)計(jì)群，不知道如何下手。今天25學(xué)堂跟大家再次分享如何做好一個(gè)APP界面設(shè)計(jì)。
這篇可以說是真正的APP界面設(shè)計(jì)干貨。值得大家認(rèn)真學(xué)習(xí)和閱讀。
第一點(diǎn)：了解你的目標(biāo)客戶群的心態(tài)
1、做微任務(wù)的目標(biāo)客戶群(如隨時(shí)隨地看看新聞，聽聽歌，看看電影，聊聊八卦之類)：
這類的解決方案是設(shè)計(jì)的app最好是小而準(zhǔn)，不要大而全。越全的功能應(yīng)用，只能代表著這個(gè)應(yīng)用在各方面的都很平庸
2、喜歡當(dāng)工具來使用的目標(biāo)客戶群：比如找地圖，看天氣，查數(shù)據(jù)等。
這類的解決方案是 我們盡最大努力的去滿足用戶的情景需求。做到極致和簡單。
3、無聊的客戶群，用來打發(fā)消磨時(shí)間的：無需求，漫無目的的
這類的解決方案是盡可能展示用戶感興趣的東西，幫助客戶來打發(fā)消磨時(shí)光。
appsheji
第二點(diǎn)：APP原型圖的制作和設(shè)計(jì)討論
這個(gè)環(huán)節(jié)是必不可少的。需要根據(jù)設(shè)計(jì)需求認(rèn)認(rèn)真真的來畫畫原型圖。
常用的APP原型圖工具：移動(dòng)APP原型設(shè)計(jì)神器 POP 、axure、Foreui等
第三點(diǎn)：APP視覺設(shè)計(jì)與設(shè)計(jì)要點(diǎn)
（1）大概設(shè)計(jì)板塊有APP啟動(dòng)頁面設(shè)計(jì)，APP界面設(shè)計(jì)的尺寸規(guī)范，app圖標(biāo)設(shè)計(jì)等
一般來說，手機(jī)屏幕是從上往下布局的，重要的信息會放在上方。但是在操作上，大部分人都是單手拿手機(jī)，常用的操作，要放在界面的下方。
另外還有一個(gè)原則，最小的觸摸單位，一般是44個(gè)像素。如果再小，你的拇指難以觸碰，或者容易引發(fā)誤操作。同時(shí)，也不要讓界面太擁擠。
所以，設(shè)計(jì)師必須用減法設(shè)計(jì)，這個(gè)過程需要花時(shí)間思考、簡化元素。
你必須記住：（1）隱藏設(shè)計(jì)或者減法設(shè)計(jì)? （2）分區(qū)或分類? （3）幫用戶做決策? （4）提高交互創(chuàng)新設(shè)計(jì)? （5）讓人有爽快感和新奇感? （6）在設(shè)計(jì)中浸入情感，把握用戶的心理。（談?wù)勅绾芜M(jìn)行產(chǎn)品設(shè)計(jì)以及產(chǎn)品情感化設(shè)計(jì)）
一位大師這樣說過“真正的簡約設(shè)計(jì)是：作品必須不斷的被簡化，一改再改，直到設(shè)計(jì)最終成形。”
2014年 APP設(shè)計(jì)風(fēng)格趨向扁平化和卡片化。卡片，扁平化都會是移動(dòng)app設(shè)計(jì)的趨勢！ 因?yàn)榭ㄆO(shè)計(jì)確實(shí)同時(shí)兼具了“擬物”和“極簡”2種優(yōu)勢！
第四點(diǎn)：APP界面設(shè)計(jì)流程
設(shè)計(jì)流程非常重要，無論選擇何種樣式！簡約設(shè)計(jì)時(shí)記住以下幾點(diǎn)：
（1）.? 設(shè)計(jì)APP界面時(shí)，學(xué)會從優(yōu)秀APP界面設(shè)計(jì)作品中尋求靈感，以前的藝術(shù)大師，用少量的資源做了大量的設(shè)計(jì)。
（2）. 放下工作，休息一下很有幫助。扁平和簡約設(shè)計(jì)的一切均關(guān)乎到細(xì)節(jié)的差異。因此小憩片刻后再回到工作，帶著全新的眼光工作，比長時(shí)間冥思苦想更有
效。
（3）. 并排比較各個(gè)版式同樣有幫助。哪怕花20分鐘前將一個(gè)線條下移各5個(gè)像素分別保存，對比兩個(gè)版式就能很快分清孰好孰壞。
（4）. 由于實(shí)物展示的相對比例至關(guān)重要，所以要及早在不同的目標(biāo)設(shè)備上測試。
（5）.? 整個(gè)設(shè)計(jì)過程中不斷問自己“真的需要嗎？” 。支撐項(xiàng)目時(shí)候，找一些討巧的辦法，例如，添加一些有趣的元素、樣式會這樣會很容易也會很吸引人，
但必須始終注意剔除不必要的元素，不斷精簡。甩掉你費(fèi)盡心血的部分總是難以割舍，但修改過程必須挑剔。
Music-Player1
第五點(diǎn)：APP界面設(shè)計(jì)測試與預(yù)覽修正
設(shè)計(jì)完成之后，我們可以把設(shè)計(jì)圖導(dǎo)入手機(jī)測試或者是校正。
之前25學(xué)堂發(fā)布的在線測試工具：快速在移動(dòng)終端上預(yù)覽APP界面設(shè)計(jì)效果圖的方法
最后：好的APP界面設(shè)計(jì)作品必然是要經(jīng)過不斷升級、重復(fù)迭代的。
還是那句話，”不要墨守成規(guī)，要學(xué)會變通”，思考是APP界面設(shè)計(jì)的良藥。親，記住哦！
下面這些酷站是專門收集APP界面設(shè)計(jì)作品展示的。各位有時(shí)間可以多看看這些優(yōu)秀的APP設(shè)計(jì)作品。
1. Mobile UI Patterns，可以按照部件類型進(jìn)行查找，種類比較齊全。
網(wǎng)址：http://mobile-patterns.com/
2. Inspired UI，也可以按所需部件類型進(jìn)行查找，網(wǎng)站風(fēng)格比較清新。
網(wǎng)址：http://inspired-ui.com/
3. Lovely ui，多整理收集了不少UI素材圖片，有分類標(biāo)簽。
網(wǎng)址：http://www.lovelyui.com/
4. Mobile Design Pattern Gallery，這個(gè)網(wǎng)址的確比較長…但內(nèi)容還不錯(cuò)，但是量不多。
此外網(wǎng)站還介紹了一本叫做《Mobile Design Pattern Gallery》的書，也許對開發(fā)者有用。
網(wǎng)址：http://www.mobiledesignpatterngallery.com/mobile-patterns.php
5. pttrns，網(wǎng)站提供一些比較精美的大圖，內(nèi)容也還不錯(cuò)。
網(wǎng)址：http://pttrns.com/
6. Patterns of Design，主要提供iPhone和iPad兩個(gè)平臺的素材，
網(wǎng)址：http://www.patternsofdesign.co.uk/
7. 4ourth Mobile Design Pattern Library，只看到網(wǎng)頁頂端寫著“mobile patterns wiki”，
網(wǎng)址：http://4ourth.com/wiki/Index
8. android pttrns，看名字就猜到主要是為Android平臺收集的。
網(wǎng)址：http://androidpttrns.com/
22個(gè)免費(fèi)精致的APP界面設(shè)計(jì)模板素材
國外App界面設(shè)計(jì)的透視屏幕原型PSD素材分享
5套app界面設(shè)計(jì)psd素材免費(fèi)下載|app設(shè)計(jì)模板
18個(gè)精美的APP界面設(shè)計(jì)模板|APPpsd素材免費(fèi)下載
9個(gè)免費(fèi)時(shí)尚的APP設(shè)計(jì)PSD文件分享
