所有的工作，都會(huì)有一套工作流程貫穿始終。作為我們UI設(shè)計(jì)師，工作流程也必不可少。不同的UI設(shè)計(jì)師團(tuán)隊(duì)，在工作流程的差異性也是很大的。
一、一般中大型設(shè)計(jì)團(tuán)隊(duì)的設(shè)計(jì)流程；
1、接到原型或需求；
2、溝通并明確設(shè)計(jì)內(nèi)容；
3、根據(jù)界面的設(shè)計(jì)規(guī)范進(jìn)行界面繪制；
4、確認(rèn)效果圖、評(píng)審；
5、界面導(dǎo)出標(biāo)注、切圖；
6、視覺(jué)還原；
二、不同階段的注意事項(xiàng)：
1、接到原型階段注意事項(xiàng)：
（1）接到需求后，不要直接進(jìn)行設(shè)計(jì)工作，先與需求方溝通、思考，需求的來(lái)源、優(yōu)先級(jí)、目標(biāo)、價(jià)值，知道你在為誰(shuí)設(shè)計(jì)；用戶目標(biāo)是誰(shuí)。
（2）理清文字、圖片、插畫等信息。哪些是重要的，哪些是不重要的，怎么在頁(yè)面中布局起來(lái)？
（3）看需求先看全局，再看鏈路，再看局部和細(xì)節(jié)?？慈郑合瓤慈值墓δ?，看這個(gè)界面的影響范圍，是否對(duì)其他界面有影響。最后避免漏掉細(xì)節(jié)。
（4）窮舉所有的用戶場(chǎng)景。把用戶所有的使用場(chǎng)景。在使用這個(gè)功能的可能性都列舉出來(lái)。
（5）多狀態(tài)考慮，包括網(wǎng)絡(luò)異常、接口異常等情況下界面的呈現(xiàn)狀態(tài)都考慮出來(lái)。
（6）利用自己學(xué)到的交互思維幫助業(yè)務(wù)方判斷方案是否還有優(yōu)化空間，是否滿足可用性、易用性原則；以及交互模式是否正確。
2、界面繪制的要點(diǎn)：
（1）和業(yè)務(wù)需求方確定信息的優(yōu)先級(jí)，多角度考慮；
（2）運(yùn)用格式塔的心理學(xué)布局，運(yùn)用在界面中（靠近、相似、對(duì)比、對(duì)齊）；
（3）根據(jù)設(shè)計(jì)規(guī)范設(shè)計(jì)界面，繪制界面組件的時(shí)候，不要重復(fù)繪制，學(xué)會(huì)適當(dāng)創(chuàng)新。
（4）先設(shè)計(jì)整體的，再打磨細(xì)節(jié)；
（5）利用軟柵格進(jìn)行界面設(shè)計(jì)，讓界面布局更有規(guī)律和節(jié)奏；
（6）正確的使用顏色。
3、界面評(píng)審的要點(diǎn)：
（1）先團(tuán)隊(duì)內(nèi)部進(jìn)行設(shè)計(jì)稿評(píng)審，再對(duì)外評(píng)審。
（2）效果圖評(píng)審時(shí)，除了設(shè)計(jì)原則外，更多的考慮業(yè)務(wù)角度。
（3）評(píng)審時(shí)，只允許討論視覺(jué)相關(guān)的內(nèi)容。
（4）有動(dòng)效的最好可以放demo；
（5）補(bǔ)全所有狀態(tài)時(shí)的展示。
4、切圖和標(biāo)注的要點(diǎn)：
（1）用sketch measure插件可以導(dǎo)出規(guī)范，給開發(fā)看；
（2）所有元素，除圖片之外，都必須是矢量圖，如果是1倍圖做的設(shè)計(jì)需要將切圖放大至2倍或3倍，避免失真。
（3）所有元素的尺寸、大小都需要進(jìn)行標(biāo)注，方便開發(fā)進(jìn)行實(shí)現(xiàn)；
（4）切圖一定要有安全區(qū)，標(biāo)注可以用sketch一鍵標(biāo)注；
5、視覺(jué)還原的要點(diǎn)：
因?yàn)殚_發(fā)通過(guò)代碼實(shí)現(xiàn)后的界面一定會(huì)與設(shè)計(jì)稿有所出入，所以要和開發(fā)進(jìn)行視覺(jué)還原聯(lián)調(diào)；
（1）文本上下有艱巨，在設(shè)計(jì)過(guò)程中，把行高和字體大小設(shè)計(jì)成一致的；
（2）通過(guò)多設(shè)備的截圖和效果圖進(jìn)行重疊、測(cè)量對(duì)比進(jìn)行視覺(jué)驗(yàn)收；
