網(wǎng)絡(luò)銷售不受時間和空間的限制，近年來，很多農(nóng)產(chǎn)品也通過網(wǎng)絡(luò)app小程序來營銷了。那在設(shè)計界面時，大家知道ui設(shè)計農(nóng)產(chǎn)品app界面流程是怎樣的嗎？今天就讓faceui小編帶大家來詳細(xì)了解一下吧。

　　1. 確定你的創(chuàng)意方向或者圍繞主題展開

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

　　ui設(shè)計農(nóng)產(chǎn)品app界面流程（圖片來自網(wǎng)絡(luò)）

　　2. 定位應(yīng)用和用戶需求分析

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

　　（圖片來自網(wǎng)絡(luò)）

　　3. 核心功能確認(rèn)，必須用減法原則

　　將提出的各種需求進(jìn)行匯總討論，設(shè)計ADS（Application Definition Statement）對應(yīng)用定義的一段陳述，也稱精簡的ADS，可以從下面4個方面著手：

　　1、確定整體產(chǎn)品色彩基調(diào)，色彩基調(diào)可以從產(chǎn)品功能中提取，也可以從產(chǎn)品LOGO中提取；

　　2、做出界面原型，包括功能布局、頁面交互等元素；

　　3、在界面原型基礎(chǔ)上進(jìn)行色彩添加，進(jìn)一步的細(xì)節(jié)調(diào)整；

　　4、根據(jù)用戶使用體驗反饋再次修改界面，不斷完善。

　　4. 產(chǎn)品草圖制作。比如Axure pop等

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

　　5. Walkthrough

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

　　6. 低保真原型

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

　　7. 高保真原型

　　在低保真原型確認(rèn)后，可以開始糾結(jié)與細(xì)節(jié)了，ios屏幕尺寸有這幾種：960*480，1024*768。具體的查看APP設(shè)計尺寸規(guī)范大全，APP界面設(shè)計新手教程。

　　8. 視覺UI設(shè)計，用ps 或AI

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

　　9. 根據(jù)自身產(chǎn)品的文化來完善APP設(shè)計理念

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

　　10. 多種應(yīng)用場景的ICON設(shè)計，1024 512 114等。

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

　　APP圖標(biāo)設(shè)計參考網(wǎng)站：6個精品iPhone矢量圖標(biāo)庫推薦

　　ui設(shè)計農(nóng)產(chǎn)品app界面流程（圖片來自網(wǎng)絡(luò)）

　　11. 交付設(shè)計稿或切圖文件夾

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

　　好了，關(guān)于ui設(shè)計農(nóng)產(chǎn)品app界面流程是怎樣的相關(guān)內(nèi)容，faceui小編就先給大家介紹到這里了。想了解更多app界面設(shè)計的相關(guān)信息，大家可以多留意一下我們的網(wǎng)站。