當前位置:首頁>ps實例教程>ps網(wǎng)頁設計>UI設計教程>教程內(nèi)容

UI知識,新手如何自學UI設計?

來源:站酷 作者:z迷suger 學習:9578人次
tgudhdp.cn_03133055R-0.jpg

什么是UI設計

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

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

日常任務和可交付成果

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

一. 需求階段

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

二.原型階段

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

tgudhdp.cn_0313305L0-1.jpg

三.視覺階段

視覺階段包括界面設計階段,界面輸出階段。

1.界面設計階段

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

界面設計完成后也要組織評審會,評審要面對rd或fe的質(zhì)疑。

tgudhdp.cn_03133021W-2.jpg

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

學習 · 提示

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

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

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