1、APP的界面設(shè)計(jì)采用 window窗口 + Frame 子窗口Frame Group子窗口組+頁(yè)面 結(jié)構(gòu)，前端UI 交互 使用原生 UI 控件 或 Web javaScript 控制界面交互效果，要明確開(kāi)發(fā)的APP 使用什么框架，什么平臺(tái)，要是單純只是做美工；主要負(fù)責(zé)人交互設(shè)計(jì)師 在確定的用戶流程中，選出幾個(gè)關(guān)鍵的，有代表性的步驟，做細(xì)化的wireframe線框圖線框圖里要確保每一個(gè)UI元素的設(shè)計(jì)，包括其大小和位置我們做的線框圖是11的，也就是線框圖與實(shí)際界面尺寸；當(dāng)然，具體的流程還要分情況如果你是新的產(chǎn)品大致包含的流程為市場(chǎng)調(diào)研目標(biāo)用戶模型分析demo功能確定功能優(yōu)先級(jí)排列功能邏輯類(lèi)似或相似應(yīng)用界面排布參考界面prototype多種顏色搭配對(duì)比切圖配合開(kāi)發(fā)；啟動(dòng)原型設(shè)計(jì)部分的工程，繪制使用流程圖制作修改仿真原型，最后通過(guò)討論評(píng)定交互計(jì)劃方案和交互方式，修改評(píng)審進(jìn)入測(cè)試階段4界面設(shè)計(jì)和開(kāi)發(fā)在我們的設(shè)計(jì)師完成了APP應(yīng)用程序的原型之后，我們開(kāi)始APP制作過(guò)程程序員根據(jù)。

2、設(shè)計(jì)師必須懂得去“敏捷”設(shè)計(jì)，如果真的太在意線框圖的細(xì)節(jié)，那么整個(gè)設(shè)計(jì)流程會(huì)拉長(zhǎng)5 PSD 大尺寸畫(huà)布我一般會(huì)創(chuàng)建8000*5000的畫(huà)布，不是用來(lái)畫(huà)出整個(gè)應(yīng)用的UI套件，而是用來(lái)記錄元素在不同階段的不同狀態(tài)也就是流程設(shè)計(jì)；App界面設(shè)計(jì)是UI設(shè)計(jì)師們普遍需要設(shè)計(jì)的內(nèi)容，具體App界面設(shè)計(jì)流程是怎么產(chǎn)生的？剛好我在CGWANG培訓(xùn)學(xué)院了解咨詢過(guò)相關(guān)的設(shè)計(jì)流程，再結(jié)合一些企業(yè)內(nèi)部設(shè)計(jì)師們的工作情況，最后為大家總結(jié)出了以下幾個(gè)方面，針對(duì)產(chǎn)品經(jīng)理交互設(shè)計(jì)師視覺(jué)設(shè)計(jì)；完整的流程，分層次設(shè)計(jì)，自下而上去完成1策略層，定義產(chǎn)品使命價(jià)值目標(biāo)人群2愿景功能層定義核心場(chǎng)景功能列表3結(jié)構(gòu)層做流程圖信息架構(gòu)，確定主導(dǎo)航主菜單4框架層梳理每一個(gè)主界面的內(nèi)容布局5表現(xiàn)；UI設(shè)計(jì)中制作界面圖標(biāo)的流程 1圖標(biāo)創(chuàng)意階段 2草圖繪制階段 3草圖渲染階段 補(bǔ)充 1在PS中新建一個(gè)所需尺寸的畫(huà)布并保存，將其命名為UI設(shè)計(jì)效果圖模板 2再新建一個(gè)畫(huà)布，命名為界面UI設(shè)計(jì)效果圖展現(xiàn)尺寸隨意 3；1確認(rèn)目標(biāo)用戶在UI設(shè)計(jì)過(guò)程中，需求設(shè)計(jì)角色會(huì)確定軟件的目標(biāo)用戶，獲取最終用戶和直接用戶的需求用戶交互要考慮到目標(biāo)用戶的不同引起的交互設(shè)計(jì)重點(diǎn)的不同2采集目標(biāo)用戶的習(xí)慣交互方式不同類(lèi)型的目標(biāo)用戶有不同的。

3、2著手開(kāi)發(fā)app應(yīng)用程序 在確定好app界面風(fēng)格后，就可以正式進(jìn)入app應(yīng)用程序開(kāi)發(fā)了目前主流app包括兩類(lèi)，一類(lèi)是基于安卓系統(tǒng)的app，另一類(lèi)是基于蘋(píng)果系統(tǒng)的app兩種系統(tǒng)使用的開(kāi)發(fā)語(yǔ)言和工具不同，但是流程基本都是包括前端；APP界面設(shè)計(jì)，主要是一個(gè)流程包括1交互流程設(shè)計(jì)2風(fēng)格定位3功能icon設(shè)計(jì)4界面視效整體優(yōu)化5應(yīng)用icon設(shè)計(jì)；1大概設(shè)計(jì)板塊有APP啟動(dòng)頁(yè)面設(shè)計(jì)，APP界面設(shè)計(jì)的尺寸規(guī)范，app圖標(biāo)設(shè)計(jì)等 一般來(lái)說(shuō)，手機(jī)屏幕是從上往下布局的，重要的信息會(huì)放在上方但是在操作上，大部分人都是單手拿手機(jī)，常用的操作，要放在界面的下方 另外還有一個(gè)原則，最小的觸；在向其他人描述你的想法時(shí)，請(qǐng)用這樣的句式來(lái)描述和思考XXX這一類(lèi)型的人在XXX的時(shí)候XXX的環(huán)境下，想要做XXX事情，遇到了XXX問(wèn)題而我們這個(gè)APP能夠通過(guò)XXXX方式巧妙的幫助他解決了這個(gè)問(wèn)題流程和分層次設(shè)計(jì) 策略層。

4、接下來(lái)結(jié)合客戶提供的功能列表以及思維導(dǎo)圖，開(kāi)始畫(huà)原型圖~先手繪出大概的邏輯流程草圖，然后再用Axure細(xì)化界面的內(nèi)容以及實(shí)現(xiàn)跳轉(zhuǎn)邏輯 五視覺(jué)設(shè)計(jì) 等客戶確認(rèn)原型圖后，進(jìn)入了視覺(jué)設(shè)計(jì)階段，視覺(jué)設(shè)計(jì)包括了幾大步驟，分別；你才能夠讓你的內(nèi)容在這個(gè)布局中更好的表達(dá)出來(lái)這其中包括一些配色和圖標(biāo)的選擇，它是一個(gè)視覺(jué)上的審美體驗(yàn)，所以更需要交互設(shè)計(jì)師的協(xié)力總結(jié) 總之在一個(gè)app的設(shè)計(jì)流程上，必須要有清晰的流程，自上而下的來(lái)進(jìn)行設(shè)計(jì)；UI設(shè)計(jì)app界面的設(shè)計(jì)流程從收集設(shè)計(jì)需求開(kāi)始，其次確定app的設(shè)計(jì)風(fēng)格，再次設(shè)計(jì)功能圖標(biāo)，進(jìn)而優(yōu)化整體界面的效果，然后設(shè)計(jì)稿切圖，最后和開(kāi)發(fā)工程師對(duì)接即可一收集設(shè)計(jì)需求在開(kāi)發(fā)APP之前先收集用戶所需要的設(shè)計(jì)需求，只有確認(rèn)；關(guān)于APP圖標(biāo)設(shè)計(jì)流程是什么，環(huán)球青藤小編就和您分享到這里了如果您對(duì)頁(yè)面排版網(wǎng)站設(shè)計(jì)圖像處理等有濃厚的興趣，希望這篇文章可以對(duì)您有所幫助如果您還想了解更多關(guān)于平面設(shè)計(jì)的素材及技巧等內(nèi)容；所需工具PSAI等設(shè)計(jì)Cutterman 切圖工具PxCook標(biāo)注切圖工具Zeplin切圖設(shè)計(jì)稿標(biāo)注等設(shè)計(jì)過(guò)程就不說(shuō)了，只要你是一位UI設(shè)計(jì)師，頁(yè)面怎么做那你肯定清楚當(dāng)你設(shè)計(jì)完成頁(yè)面以后，要做的工作就是。