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

來源:站酷 作者:z迷suger 學(xué)習(xí):9578人次
www.theoat.com.cn_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)版的線框圖以及交互說明文檔。

www.theoat.com.cn_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ì)疑。

www.theoat.com.cn_03133021W-2.jpg

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

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
芙蓉泣雨780772016-05-10 10:51
第一次跟教程臨摹225101j5ftc067q6q6t77w.png第二次結(jié)合源文件臨摹225124xmgqowm46sqov14y.png

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!