所有的工作鸡挠，都會有一套工作流程貫穿始終。作為我們UI設(shè)計師堂氯，工作流程也必不可少腺兴。不同的UI設(shè)計師團隊左电，在工作流程的差異性也是很大的。
一、一般中大型設(shè)計團隊的設(shè)計流程篓足；
1段誊、接到原型或需求；
2纷纫、溝通并明確設(shè)計內(nèi)容枕扫；
3、根據(jù)界面的設(shè)計規(guī)范進行界面繪制辱魁；
4烟瞧、確認效果圖、評審染簇；
5参滴、界面導(dǎo)出標注、切圖锻弓；
6砾赔、視覺還原；
二青灼、不同階段的注意事項：
1暴心、接到原型階段注意事項：
（1）接到需求后，不要直接進行設(shè)計工作杂拨，先與需求方溝通专普、思考，需求的來源弹沽、優(yōu)先級檀夹、目標、價值策橘，知道你在為誰設(shè)計炸渡；用戶目標是誰。
（2）理清文字丽已、圖片蚌堵、插畫等信息。哪些是重要的沛婴，哪些是不重要的辰斋，怎么在頁面中布局起來？
（3）看需求先看全局瘸味，再看鏈路，再看局部和細節(jié)够挂∨苑拢看全局：先看全局的功能，看這個界面的影響范圍，是否對其他界面有影響枯冈。最后避免漏掉細節(jié)毅贮。
（4）窮舉所有的用戶場景。把用戶所有的使用場景尘奏。在使用這個功能的可能性都列舉出來滩褥。
（5）多狀態(tài)考慮，包括網(wǎng)絡(luò)異常炫加、接口異常等情況下界面的呈現(xiàn)狀態(tài)都考慮出來瑰煎。
（6）利用自己學(xué)到的交互思維幫助業(yè)務(wù)方判斷方案是否還有優(yōu)化空間，是否滿足可用性俗孝、易用性原則酒甸；以及交互模式是否正確。
2赋铝、界面繪制的要點：
（1）和業(yè)務(wù)需求方確定信息的優(yōu)先級插勤，多角度考慮；
（2）運用格式塔的心理學(xué)布局革骨，運用在界面中（靠近农尖、相似、對比良哲、對齊）盛卡；
（3）根據(jù)設(shè)計規(guī)范設(shè)計界面，繪制界面組件的時候臂外，不要重復(fù)繪制窟扑，學(xué)會適當創(chuàng)新。
（4）先設(shè)計整體的漏健，再打磨細節(jié)嚎货；
（5）利用軟柵格進行界面設(shè)計，讓界面布局更有規(guī)律和節(jié)奏蔫浆；
（6）正確的使用顏色殖属。
3、界面評審的要點：
（1）先團隊內(nèi)部進行設(shè)計稿評審瓦盛，再對外評審洗显。
（2）效果圖評審時，除了設(shè)計原則外原环，更多的考慮業(yè)務(wù)角度挠唆。
（3）評審時，只允許討論視覺相關(guān)的內(nèi)容嘱吗。
（4）有動效的最好可以放demo玄组；
（5）補全所有狀態(tài)時的展示。
4、切圖和標注的要點：
（1）用sketch measure插件可以導(dǎo)出規(guī)范俄讹，給開發(fā)看哆致；
（2）所有元素，除圖片之外患膛，都必須是矢量圖摊阀，如果是1倍圖做的設(shè)計需要將切圖放大至2倍或3倍，避免失真踪蹬。
（3）所有元素的尺寸胞此、大小都需要進行標注，方便開發(fā)進行實現(xiàn)延曙；
（4）切圖一定要有安全區(qū)豌鹤，標注可以用sketch一鍵標注；
5枝缔、視覺還原的要點：
因為開發(fā)通過代碼實現(xiàn)后的界面一定會與設(shè)計稿有所出入布疙，所以要和開發(fā)進行視覺還原聯(lián)調(diào)；
（1）文本上下有艱巨愿卸，在設(shè)計過程中灵临，把行高和字體大小設(shè)計成一致的；
（2）通過多設(shè)備的截圖和效果圖進行重疊趴荸、測量對比進行視覺驗收儒溉；
