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

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

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

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

UI知識,UI設計和交互的區(qū)別_www.theoat.com.cn

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

UI知識,UI設計和交互的區(qū)別_www.theoat.com.cn

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

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

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

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

UI知識,UI設計和交互的區(qū)別_www.theoat.com.cn

2. UE 設計師

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

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

UI知識,UI設計和交互的區(qū)別_www.theoat.com.cn

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

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

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

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

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

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

學習 · 提示

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

關注大神微博加入>>

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