現(xiàn)在的人們都喜歡玩手機(jī),因此手機(jī)上也研發(fā)了 很多類型的app。如果想要了解農(nóng)產(chǎn)品當(dāng)然要進(jìn)入農(nóng)產(chǎn)品app了。今天就讓faceui為大家介紹ui設(shè)計(jì)農(nóng)產(chǎn)品app界面流程,app界面設(shè)計(jì)的要求和原則。
ui設(shè)計(jì)農(nóng)產(chǎn)品app界面流程
1、確定你的創(chuàng)意方向或者圍繞主題展開,您的創(chuàng)意是否有人做過,如果有類似的app,那就要多多考慮,爭取超越并且有一些獨(dú)特的優(yōu)化設(shè)計(jì)在其中。
2、定位應(yīng)用和用戶需求分析。
3、核心功能確認(rèn),必須用減法原則,可以從下面4個(gè)方面著手:確定整體產(chǎn)品色彩基調(diào),色彩基調(diào)可以從產(chǎn)品功能中提取,也可以從產(chǎn)品LOGO中提取;做出界面原型,包括功能布局、頁面交互等元素;在界面原型基礎(chǔ)上進(jìn)行色彩添加,進(jìn)一步的細(xì)節(jié)調(diào)整;根據(jù)用戶使用體驗(yàn)反饋再次修改界面,不斷完善。

圖片來源于網(wǎng)絡(luò)
4、產(chǎn)品草圖制作。比如Axure pop等,開始根據(jù)前面所整理的資料,進(jìn)行基本的產(chǎn)品各個(gè)功能的設(shè)計(jì),包含移動(dòng)中使用場景,按鈕,顯示文字等。紙和筆是個(gè)不錯(cuò)的方式。
5、Walkthrough,各個(gè)界面之前切換方式也是重要的地方,稱為APP功能穿越(App Functionality Walkthrough),設(shè)計(jì)時(shí)需要考慮進(jìn)去。
6、低保真原型。利用原型制作工具,將草圖搬上電腦,盡量使用黑白,粗糙的線條來進(jìn)行設(shè)計(jì),不要糾結(jié)于細(xì)節(jié)。
7、高保真原型 。在低保真原型確認(rèn)后,可以開始糾結(jié)與細(xì)節(jié)了,比如屏幕尺寸。
8、視覺UI設(shè)計(jì),用ps 或AI,在高保真原型完成后,就該給進(jìn)行視覺設(shè)計(jì),Apple提倡有質(zhì)感,有仿真度的圖形界面,我們讓app的界面設(shè)計(jì)盡量接近用戶熟悉或者喜歡的風(fēng)格。在配色和圖標(biāo)上可以下足功夫。
9、根據(jù)自身產(chǎn)品的文化來完善APP設(shè)計(jì)理念,由于移動(dòng)設(shè)備的關(guān)系,設(shè)計(jì)上盡量保持簡潔,若非必要就不要放上華麗的圖形或其他的信息去吸引用戶,我們需要讓信息一目了然,不隱晦,不誤導(dǎo)。
10、多種應(yīng)用場景的ICON設(shè)計(jì),可以先從簡單的輪廓開始,先從核心創(chuàng)意開始。除非有必要,你的icon最好不要包含文字,盡量使用跟你的app圖形界面一致的材質(zhì)和漸變。
圖片來源于網(wǎng)絡(luò)
11、交付設(shè)計(jì)稿或切圖文件夾,如果你自己不開發(fā)app的功能,還需要把清晰的設(shè)計(jì)指南交付給開發(fā)人員。把界面和描述集中到一張大圖,并盡可能的把所有可遇見的情況都給開發(fā)人員描述清楚。同時(shí)可以對(duì)PSD進(jìn)行尺寸標(biāo)注,說明,及存為PNG方便開發(fā)。
app界面設(shè)計(jì)的要求和原則
app界面設(shè)計(jì)是為了滿足軟件專業(yè)化標(biāo)準(zhǔn)化的需求而產(chǎn)生的對(duì)軟件的使用界面進(jìn)行美化優(yōu)化規(guī)范化的設(shè)計(jì)分支。具體包括軟件啟動(dòng)封面設(shè)計(jì),軟件框架設(shè)計(jì),按鈕設(shè)計(jì),面板設(shè)計(jì),菜單設(shè)計(jì),標(biāo)簽設(shè)計(jì),圖標(biāo)設(shè)計(jì),滾動(dòng)條及狀態(tài)欄設(shè)計(jì),安裝過程設(shè)計(jì),包裝及商品化。
軟件界面設(shè)計(jì)的三大原則是:置界面于用戶的控制之下、減少用戶的記憶負(fù)擔(dān)、保持界面的一致性。一般來講,軟件界面設(shè)計(jì)在工作流程上可分為結(jié)構(gòu)設(shè)計(jì)、交互設(shè)計(jì)、視覺設(shè)計(jì)三個(gè)部分。
以上就是faceui為大家介紹的關(guān)于ui設(shè)計(jì)農(nóng)產(chǎn)品app界面流程的相關(guān)內(nèi)容。上述的ui設(shè)計(jì)農(nóng)產(chǎn)品app界面流程不僅可以用在農(nóng)產(chǎn)品app界面設(shè)計(jì)上,也可以用在其他app的界面設(shè)計(jì)。


在微信中搜索faceui