UI知識,UI設(shè)計和交互的區(qū)別(2)

來源:站酷 作者:UI設(shè)計師阿斌 學習:7311人次

舉個栗子,在設(shè)計一個數(shù)據(jù)分析界面時, UI 設(shè)計師可以決定使用滑塊還是控制旋鈕,通過這樣的控件來闡述圖表帶來的直觀感受。

UI知識,UI設(shè)計和交互的區(qū)別_tgudhdp.cn

此外 UI 設(shè)計師還負責制定視覺設(shè)計規(guī)范,確保產(chǎn)品設(shè)計的一致性;在規(guī)范中,明確一些UI 控件/組件的使用行為,比如確認誤或取消提示。

UI知識,UI設(shè)計和交互的區(qū)別_tgudhdp.cn

熟悉不同分辨率的多端產(chǎn)品,諸如桌面端,Web 端和手機設(shè)備;能夠完成高質(zhì)量的視覺設(shè)計稿——從概念設(shè)計確定設(shè)計風格到詳細設(shè)計。

設(shè)計內(nèi)容包括圖標、圖形界面等;執(zhí)行統(tǒng)一的設(shè)計語言,撰寫并完善網(wǎng)站的設(shè)計規(guī)范,為產(chǎn)品注入美和生活氣息。” 這可能就是UI設(shè)計師日常事項啦。

設(shè)計產(chǎn)出物 :視覺設(shè)計稿,視覺設(shè)計標注規(guī)范 ,視覺設(shè)計規(guī)范文檔,視覺切圖

用的比較多的工具:Photoshop,Sketch,Illustrator,F(xiàn)ireworks,markman(視覺標注軟件),cutterman。

UI知識,UI設(shè)計和交互的區(qū)別_tgudhdp.cn

2. UE 設(shè)計師

UX ,英文為 User Experience ,指的是用戶體驗。一般而言,國內(nèi) UX 設(shè)計師,也稱為交互設(shè)計師或 UE 設(shè)計師(而國外的 UX 設(shè)計師指的是用戶體驗設(shè)計師,交互設(shè)計師指的是動效設(shè)計師)。

UX 設(shè)計師主要關(guān)注用戶對產(chǎn)品的體驗感受,確保產(chǎn)品邏輯的流程可以跑得通,甚至跑得順、跑得精彩。

UI知識,UI設(shè)計和交互的區(qū)別_tgudhdp.cn

正如一千個人眼里有一千個哈姆雷特,一個設(shè)計問題往往也沒有唯一解。UX 設(shè)計師會深入場景,探索多種不同的解決方案,這種深入思考通常能產(chǎn)生創(chuàng)新方案。

UX 設(shè)計師們通過頭腦風暴、角色扮演、故事版等設(shè)計方法探索設(shè)計機會點,向著創(chuàng)造出“最好的”用戶體驗?zāi)繕硕斑M,典型案例就是為新用戶設(shè)計一套令人愉悅的登錄流程。

總的來講,UX設(shè)計師是設(shè)計人與信息產(chǎn)品的流程和關(guān)系,歸根結(jié)底都要研究人、事、物的聯(lián)系,它是一個囊括計算機工程、心理學、設(shè)計的交叉學科。

進行利益相關(guān)者訪談、用戶訪談,挖掘用戶需求,提煉用戶任務(wù)流;完整體驗不同產(chǎn)品,挖掘交互設(shè)計模式,設(shè)計交互模式,撰寫交互設(shè)計稿,并最終形成交互設(shè)計規(guī)范/UIspec;跟進視覺設(shè)計和開發(fā),確保產(chǎn)品正常上線” 這可能就是UX設(shè)計師日常事項。

設(shè)計產(chǎn)出物:流程圖,網(wǎng)站地圖,故事版,交互設(shè)計原型圖(線框圖),UIspec ,交互設(shè)計規(guī)范。

用的比較多的工具:axure,Visio,Sketch,Illustrator,F(xiàn)ireworks,InVision,PPT,Keynote,Photoshop。

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

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

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