UI設(shè)計師零基礎(chǔ)應(yīng)該學(xué)什么技術(shù)?有什么知識?有必要了解要求的內(nèi)容。確定需求后，設(shè)計師開始尋找靈感和素材，準(zhǔn)備設(shè)計稿注釋、剪圖等，設(shè)計師還需要檢查輸出頁面是否與設(shè)計稿一致，然后生成項(xiàng)目概要設(shè)計規(guī)范.

　　首先要確定UI設(shè)計師了解技術(shù)知識的目的是為了更好的幫助頁面輸出的開發(fā)和實(shí)現(xiàn)。UI必須了解設(shè)計的實(shí)現(xiàn)原理。UI需要了解的技術(shù)內(nèi)容分為：

　　1.了解前端代碼基礎(chǔ)

　　了解html標(biāo)簽和語法、css語法、seo搜索引擎優(yōu)化技術(shù)、兼容性調(diào)試等技能，不僅可以更好的設(shè)計出合理的頁面，但是當(dāng)某些交互無法實(shí)現(xiàn)，頁面渲染效果與設(shè)計稿不一致時才可以設(shè)計師能不能從開發(fā)的角度去理解，明白自己在說什么，問題在哪里。

　　2.了解系統(tǒng)架構(gòu)

　　開發(fā)工程師通常根據(jù)UI設(shè)計稿來構(gòu)建產(chǎn)品結(jié)構(gòu)。如果產(chǎn)品的UI設(shè)計在設(shè)計階段過于復(fù)雜，那么產(chǎn)品結(jié)構(gòu)也會非常復(fù)雜。以后修改起來會非常困難。UI設(shè)計師只有掌握了系統(tǒng)架構(gòu)的相關(guān)知識，才能預(yù)估開發(fā)難度，選擇更適合的設(shè)計方案。

　　UI設(shè)計師不需要真正學(xué)習(xí)編程，而是通過了解開發(fā)知識，在設(shè)計過程中考慮界面的交互性、擴(kuò)展性、易用性，從而提高對界面的把控能力;另一方面，懂得開發(fā)知識的UI設(shè)計師和開發(fā)者之間的溝通會更加順暢，從而帶動整個項(xiàng)目的節(jié)奏。

　　UI設(shè)計師需要掌握哪些知識點(diǎn)?具體做什么?根據(jù)項(xiàng)目流程，UI設(shè)計師的日常工作可以總結(jié)如下：

　　1. 需求確認(rèn)：了解需求內(nèi)容，梳理業(yè)務(wù)邏輯和項(xiàng)目流程。只有充分了解需求，才能提高設(shè)計效率，降低設(shè)計稿的返工率。

　　2、整理素材：確定需求后，設(shè)計師會開始尋找靈感和素材。當(dāng)相關(guān)材料準(zhǔn)備好后，就可以開始制作設(shè)計稿了。

　　3. 產(chǎn)品經(jīng)理審稿：設(shè)計初稿完成后，需要提交給產(chǎn)品經(jīng)理，確認(rèn)需求是否正確反映，邏輯交互是否充分呈現(xiàn)等，然后根據(jù)需要進(jìn)行調(diào)整到審核結(jié)果。產(chǎn)品經(jīng)理review結(jié)束后，接下來的環(huán)節(jié)主要是對接開發(fā)。

　　4、標(biāo)注和裁剪：設(shè)計稿交付開發(fā)前，設(shè)計師需要準(zhǔn)備設(shè)計稿進(jìn)行標(biāo)注、裁剪等內(nèi)容。為了和開發(fā)同事更順暢的交流。

　　5、檢查前端輸出頁面：頁面開發(fā)實(shí)現(xiàn)后，設(shè)計師需要檢查輸出頁面是否與設(shè)計稿一致，如有不符，需進(jìn)行調(diào)整修改。

　　6、進(jìn)行項(xiàng)目總結(jié)，生成設(shè)計規(guī)范：開發(fā)可根據(jù)設(shè)計規(guī)范統(tǒng)一調(diào)整界面，方便同類型設(shè)計的復(fù)用。

　　這是UI設(shè)計師零基礎(chǔ)應(yīng)該學(xué)什么技術(shù)的介紹。UI設(shè)計師的日常工作與開發(fā)息息相關(guān)。UI要想提高溝通效率，促進(jìn)頁面的順利輸出，就必須對開發(fā)的工作內(nèi)容有一定的了解。避免頁面無法實(shí)現(xiàn)的情況。

上一篇

零基礎(chǔ)平面設(shè)計師應(yīng)該學(xué)什么?職位要求是什么?

下一篇

零基礎(chǔ)C4D入門學(xué)什么?如何學(xué)習(xí)