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

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

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

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