UI知識(shí),新手如何自學(xué)UI設(shè)計(jì)?

2022-12-26 11:12:23 來(lái)源/作者: / 己有:14人學(xué)習(xí)過(guò)
_03133055R-0.jpg

什么是UI設(shè)計(jì)

UI的本意是用戶界面,是英文User和 Interface的縮寫。從字面上看是用戶與界面2個(gè)部分組成,但實(shí)際上還包括用戶與界面之間的交互關(guān)系。

個(gè)人認(rèn)為UI設(shè)計(jì)不僅僅是豐富原型稿和產(chǎn)品經(jīng)理交接,一定程度上囊括了交互和視覺的部分責(zé)任。

日常任務(wù)和可交付成果

日常任務(wù)分為幾個(gè)階段,包括需求階段、原型階段、視覺階段、前端及開發(fā)階段、優(yōu)化階段。在整個(gè)項(xiàng)目流程中,UI設(shè)計(jì)師處于承上啟下的關(guān)鍵位置。

一. 需求階段

參與討論,了解并挖掘需求。進(jìn)行用戶需求分析任務(wù),協(xié)助產(chǎn)品經(jīng)理細(xì)化需求,從商業(yè)需求文檔到產(chǎn)品需求文檔。

二.原型階段

同步商業(yè)需求文檔進(jìn)程,交互設(shè)計(jì)師輸出各階段所需的產(chǎn)品原型,也即線框圖。并組織評(píng)審和討論會(huì)(UI設(shè)計(jì)師也參加,可以深入的了解線框圖的邏輯),在評(píng)審和討論后,交互設(shè)計(jì)師輸出一個(gè)確認(rèn)版的線框圖以及交互說(shuō)明文檔。

_0313305L0-1.jpg

三.視覺階段

視覺階段包括界面設(shè)計(jì)階段,界面輸出階段。

1.界面設(shè)計(jì)階段

根據(jù)原型設(shè)計(jì)階段的界面原型,對(duì)界面原型進(jìn)行視覺效果的處理,該階段確定整個(gè)界面的色調(diào)、風(fēng)格、界面、窗口、圖標(biāo)、皮膚的表現(xiàn)。

界面設(shè)計(jì)完成后也要組織評(píng)審會(huì),評(píng)審要面對(duì)rd或fe的質(zhì)疑。

_03133021W-2.jpg

2.界面輸出階段(一般初學(xué)者自學(xué)時(shí)對(duì)這部分會(huì)比較迷茫,我將會(huì)在下篇文章單獨(dú)講下這部分)