日韩 亚洲一区二_久久vs国产综合色大全_国产精品福利在线_欧美在线一级A片免费观看欧美在线_女同性毛片60分钟

您現(xiàn)在所在的位置：首頁(yè) >常見(jiàn)問(wèn)題 > 課程問(wèn)題 > UI|UX怎麼區(qū)分？奇酷UI培訓(xùn)告訴你！

UI|UX怎麼區(qū)分？奇酷UI培訓(xùn)告訴你！

來(lái)源：奇酷教育 發(fā)表於：

　　UX設(shè)計(jì)師 互動(dòng)設(shè)計(jì)師　　UX ，英文為 User Experience ,指的是用戶(hù)體驗(yàn)。一般而言，國(guó)內(nèi) UX 設(shè)計(jì)師，也稱(chēng)為互動(dòng)設(shè)計(jì)師或 UE

　　UX設(shè)計(jì)師 / 互動(dòng)設(shè)計(jì)師
　　UX ，英文為 User Experience ,指的是用戶(hù)體驗(yàn)。一般而言，國(guó)內(nèi) UX 設(shè)計(jì)師，也稱(chēng)為互動(dòng)設(shè)計(jì)師或 UE 設(shè)計(jì)師（而國(guó)外的 UX 設(shè)計(jì)師指的是用戶(hù)體驗(yàn)設(shè)計(jì)師，互動(dòng)設(shè)計(jì)師指的是動(dòng)效設(shè)計(jì)師）。
　　UX 設(shè)計(jì)師主要關(guān)注用戶(hù)對(duì)產(chǎn)品的體驗(yàn)感受，確保產(chǎn)品邏輯的流程可以跑得通，甚至跑得順、跑得精彩。正如一千個(gè)人眼裡有一千個(gè)哈姆雷特，一個(gè)設(shè)計(jì)問(wèn)題往往也沒有唯一解。UX 設(shè)計(jì)師會(huì)深入場(chǎng)景，探索多種不同的解決方案，這種深入思考通常能產(chǎn)生創(chuàng)新方案。
　　一般而言，UX設(shè)計(jì)師使用一些用戶(hù)研究方法 & 設(shè)計(jì)方法作為輔助，通過(guò)現(xiàn)場(chǎng)觀(guān)察、可用性測(cè)試、用戶(hù)訪(fǎng)談等用戶(hù)研究方法了解用戶(hù)使用行為，發(fā)現(xiàn)產(chǎn)品體驗(yàn)問(wèn)題。
　　說(shuō)到這裡，會(huì)發(fā)現(xiàn)國(guó)外 UX 設(shè)計(jì)師也在做用研，有木有？ 而國(guó)內(nèi)這一點(diǎn)上其實(shí)除了有完整 UED 設(shè)計(jì)部門(mén)的較大網(wǎng)際網(wǎng)路公司（分工比較明確，UX 設(shè)計(jì)師很少會(huì)去做訪(fǎng)談相關(guān)內(nèi)容，普遍都是用研童鞋來(lái)負(fù)責(zé)這一部分），創(chuàng)業(yè)公司和設(shè)計(jì)諮詢公司中的 UX 設(shè)計(jì)師基本上也都會(huì)兼顧用研；UX 設(shè)計(jì)師們通過(guò)頭腦風(fēng)暴、角色扮演、故事版等設(shè)計(jì)方法探索設(shè)計(jì)機(jī)會(huì)點(diǎn)，向著創(chuàng)造出“最好的”用戶(hù)體驗(yàn)目標(biāo)而前進(jìn)，典型案例就是為新用戶(hù)設(shè)計(jì)一套令人愉悅的登錄流程。
　　總的來(lái)講，UX設(shè)計(jì)師是設(shè)計(jì)人與信息產(chǎn)品的流程和關(guān)係，歸根結(jié)底都要研究人、事、物的聯(lián)繫，它是一個(gè)囊括計(jì)算機(jī)工程、心理學(xué)、設(shè)計(jì)的交叉學(xué)科。
　　“進(jìn)行利益相關(guān)者訪(fǎng)談、用戶(hù)訪(fǎng)談，挖掘用戶(hù)需求，提煉用戶(hù)任務(wù)流；完整體驗(yàn)不同產(chǎn)品，挖掘互動(dòng)設(shè)計(jì)模式，設(shè)計(jì)交互模式，撰寫(xiě)互動(dòng)設(shè)計(jì)稿，並最終形成互動(dòng)設(shè)計(jì)規(guī)範/UIspec；跟進(jìn)視覺設(shè)計(jì)和開(kāi)發(fā)，確保產(chǎn)品正常上線(xiàn )” 這可能就是UX設(shè)計(jì)師日常事項(xiàng)。
　　對(duì)於UX設(shè)計(jì)師，你可能會(huì)聽到他們很自然的說(shuō)：“我們應(yīng)該在用戶(hù)登錄成功後展示一個(gè)感謝頁(yè)面。”
　　設(shè)計(jì)產(chǎn)出物 ：流程圖，網(wǎng)站地圖，故事版，互動(dòng)設(shè)計(jì)原型圖（線(xiàn )框圖），UIspec ，互動(dòng)設(shè)計(jì)規(guī)範
　　工具：axure，OmniGraffle，Visio，Sketch，Illustrator，Fireworks，InVision，PPT，Keynote，Photoshop
　　來(lái)自一位 UX 設(shè)計(jì)師（Neway Lau on Dribbble）的應(yīng)用界面案例。
　　視覺設(shè)計(jì)師
　　說(shuō)起視覺設(shè)計(jì)師，通常會(huì)聯(lián)想到“扣像素”的處女座，相比於UX設(shè)計(jì)師梳理流程、組織信息架構(gòu )等內(nèi)容，他們更在意精美的圖標(biāo)、按鈕等視覺元素以及合適的排版。視覺設(shè)計(jì)師經(jīng)常在 Photoshop 中 4x 到 8x 的縮放級(jí)別中操作，細(xì)緻刻畫容易忽略的小細(xì)節(jié)。
　　一般國(guó)內(nèi)而言，諸如UI設(shè)計(jì)師、GUI設(shè)計(jì)師、運(yùn)營(yíng)設(shè)計(jì)師、平面設(shè)計(jì)師等名稱(chēng)各異的設(shè)計(jì)師頭銜，在不同場(chǎng)合也都被稱(chēng)為視覺設(shè)計(jì)師。聽到這裡，是不是已經(jīng)開(kāi)始迷失在這些形形色色的概念裡呢，下面就讓我一一來(lái)解密這些設(shè)計(jì)師吧。
　　1. UI 設(shè)計(jì)師 / GUI設(shè)計(jì)師
　　UI，英文為User Interface，指的是用戶(hù)界面，也就是人與機(jī)器互動(dòng)的界面。可以理解為UX的一個(gè)分支，不同於 UX 設(shè)計(jì)師需要關(guān)注產(chǎn)品的整體感覺，UI 設(shè)計(jì)師更關(guān)注產(chǎn)品以怎樣的界面呈現(xiàn)。其實(shí)網(wǎng)際網(wǎng)路領(lǐng)域中，UI 和 UX 設(shè)計(jì)師的界限相當(dāng)模糊，在很多創(chuàng)業(yè)公司，這兩(liǎng)個(gè)設(shè)計(jì)角色是合二為一的。
　　國(guó)內(nèi)而言，目前一般把屏幕上顯示的圖形用戶(hù)界面（GUI ：Graphic User Interface）都簡(jiǎn)單稱(chēng)為UI。我們經(jīng)常聽到的UI設(shè)計(jì)師，其實(shí)指的是GUI設(shè)計(jì)師，也就是圖形界面視覺設(shè)計(jì)師，負(fù)責(zé)產(chǎn)品或網(wǎng)站的圖形、圖標(biāo)、色彩、視覺風(fēng)格等，決定營(yíng)造出什麼樣的視覺體驗(yàn)。從視覺層面把控產(chǎn)品界面設(shè)計(jì)，確保UI稿在視覺上清晰的傳達(dá)UX設(shè)計(jì)師的互動(dòng)設(shè)計(jì)稿，也就是高保真視覺稿。
　　舉個(gè)慄子，在設(shè)計(jì)一個(gè)數(shù)據(jù)分析界面時(shí)， UI 設(shè)計(jì)師可以決定使用滑塊還是控制旋鈕，通過(guò)這樣的控制項(xiàng)來(lái)闡述圖錶帶來(lái)的直觀(guān)感受。此外 UI 設(shè)計(jì)師還負(fù)責(zé)制定視覺設(shè)計(jì)規(guī)範，確保產(chǎn)品設(shè)計(jì)的一致性；在規(guī)範中，明確一些UI 控制項(xiàng)/組件的使用行為，比如錯誤或警告提示。
　　“熟悉不同解析度的多端產(chǎn)品，諸如桌面端，Web 端和手機(jī)設(shè)備；能夠完成高質(zhì)量的視覺設(shè)計(jì)稿——從概念設(shè)計(jì)確定設(shè)計(jì)風(fēng)格到詳細(xì)設(shè)計(jì)，設(shè)計(jì)內(nèi)容包括圖標(biāo)、圖形界面等；執(zhí)行統(tǒng)一的設(shè)計(jì)語言，撰寫(xiě)並完善網(wǎng)站的設(shè)計(jì)規(guī)範，為產(chǎn)品注入美和生活氣息。” 這可能就是UI設(shè)計(jì)師日常事項(xiàng)啦。
　　對(duì)於UI設(shè)計(jì)師，你可能會(huì)聽到他們很自然的說(shuō)：“登錄和註冊(cè)連結(jié)應(yīng)該移到右上角”、“這個(gè)字距不行，那個(gè)按鈕應(yīng)該向左移動(dòng) 1 像素！”
　　設(shè)計(jì)產(chǎn)出物 ：視覺設(shè)計(jì)稿，視覺設(shè)計(jì)標(biāo)註規(guī)範 ，視覺設(shè)計(jì)規(guī)範文檔，視覺切圖
　　工具：Photoshop，Sketch，Illustrator，Fireworks，markman（視覺標(biāo)註軟體）
　　2. 平面設(shè)計(jì)師
　　平面設(shè)計(jì)師，應(yīng)該可以說(shuō)是設(shè)計(jì)師的起源，經(jīng)常被稱(chēng)為美工，有時(shí)冠以品牌設(shè)計(jì)師或運(yùn)營(yíng)設(shè)計(jì)師頭銜。在UI設(shè)計(jì)師、UX設(shè)計(jì)師等新興設(shè)計(jì)頭銜誕生前，視覺設(shè)計(jì)師其實(shí)等同於平面設(shè)計(jì)師。平面設(shè)計(jì)師從事的設(shè)計(jì)項(xiàng)目，具體來(lái)講包含網(wǎng)頁(yè)設(shè)計(jì)、包裝設(shè)計(jì)、DM廣(guǎng)告設(shè)計(jì)、海報(bào)設(shè)計(jì)、平面媒體廣(guǎng)告設(shè)計(jì)、POP廣(guǎng)告設(shè)計(jì)、樣本設(shè)計(jì)、書(shū)籍設(shè)計(jì)、刊物設(shè)計(jì)、VI設(shè)計(jì)等，也就是各個(gè)行業(yè)都需要平面設(shè)計(jì)師，以達(dá)到提升品牌形象等作用。逼格點(diǎn)說(shuō)，平面設(shè)計(jì)師骨子裡就是玩意境的~~
　　近年來(lái)由於網(wǎng)際網(wǎng)路催生的UI設(shè)計(jì)師熱潮，越來(lái)越多的平面設(shè)計(jì)師轉(zhuǎn)行為UI設(shè)計(jì)師。因為初級(jí)的UI就是平面設(shè)計(jì)的一個(gè)延續(xù)，再加上扁平化風(fēng)格的流行趨勢(shì)，真真是對(duì)了平面設(shè)計(jì)師的技能樹，要知道平面設(shè)計(jì)師對(duì)於顏色、造型、排版等都是熟手中的熟手。
　　但需要注意的是平面設(shè)計(jì)師的設(shè)計(jì)——logo、海報(bào)等，更偏情感創(chuàng)意類(lèi)，往往是天馬行空的視覺創(chuàng)意思維，更強(qiáng)調(diào)感性，通過(guò)設(shè)計(jì)讓用戶(hù)產(chǎn)生情感觸動(dòng)，提升品牌價(jià)值；而UI設(shè)計(jì)師的設(shè)計(jì)——更偏向於產(chǎn)品類(lèi)，基於用戶(hù)需求，根據(jù)目標(biāo)用戶(hù)的喜好，探索設(shè)計(jì)風(fēng)格，進(jìn)行界面布局，歸根到底UI設(shè)計(jì)師兼顧感性的同時(shí)更偏理性，通過(guò)解決問(wèn)題獲取更好地體驗(yàn)。
　　因此建議想轉(zhuǎn)行的平面設(shè)計(jì)師可以了解一些關(guān)於界面、產(chǎn)品等入門(mén)知識，諸如iosAndroid的各種設(shè)計(jì)規(guī)範、移動(dòng)應(yīng)用UI設(shè)計(jì)模式、about face 3等；也可以多多把玩手機(jī)中的有趣應(yīng)用，試著理解分析下。
　　互動(dòng)設(shè)計(jì)師（動(dòng)效設(shè)計(jì)師）
　　每次說(shuō)起互動(dòng)設(shè)計(jì)師，我都無(wú)比糾結(jié)該怎麼說(shuō)明，英文是interaction designer，是不是覺得也可以翻譯為互動(dòng)設(shè)計(jì)師呢，是不是又陷入了傻傻分不清的迷霧呢。 我覺得產(chǎn)生這個(gè)疑問(wèn)的原因，其實(shí)是國(guó)內(nèi)國(guó)外行情的不同，在國(guó)外interaction designer 真的就是互動(dòng)設(shè)計(jì)師，而不是國(guó)內(nèi)翻譯過(guò)來(lái)理解的互動(dòng)設(shè)計(jì)師，而國(guó)內(nèi)我們經(jīng)常說(shuō)的互動(dòng)設(shè)計(jì)師其實(shí)在國(guó)外被稱(chēng)為UX設(shè)計(jì)師。
　　感覺自己又繞進(jìn)去啦，你明白了嗎？下面還是以實(shí)際案例來(lái)闡述什麼是互動(dòng)設(shè)計(jì)師吧，至於什麼是國(guó)內(nèi)的互動(dòng)設(shè)計(jì)師詳情可看“UX設(shè)計(jì)師”段落。
　　刷新 iPhone 手機(jī)郵箱應(yīng)用時(shí)，還記得那個(gè)流暢平滑的轉(zhuǎn)場(chǎng)動(dòng)效嗎？它就是出自互動(dòng)設(shè)計(jì)師之手。不同於視覺設(shè)計(jì)師設(shè)計(jì)靜態(tài)界面元素，互動(dòng)設(shè)計(jì)師擅長(zhǎng)將創(chuàng)意概念轉(zhuǎn)化為有視覺衝擊力的互動(dòng)作品，比如用流暢動(dòng)效，模擬用戶(hù)操作界面過(guò)程。舉個(gè)例子，一個(gè)應(yīng)用的菜單怎樣滑入、使用哪種轉(zhuǎn)場(chǎng)效果以及按鈕如何調(diào)起，互動(dòng)設(shè)計(jì)師將其概念實(shí)現(xiàn)為有視覺衝擊力的互動(dòng)模型。
　　“精通圖形設(shè)計(jì)、動(dòng)態(tài)圖形和數(shù)字藝術(shù)；對(duì)排版和色彩高度敏感；對(duì)材質(zhì)和結(jié)構(gòu )有所了解，並能夠控制動(dòng)態(tài)效果；了解 iOS，OS X，Photoshop 和 Illustrator ，同時(shí)能夠熟練使用 Director（或同類(lèi)工具），Quartz Composer（或同類(lèi)工具），3D 計(jì)算模型進(jìn)行動(dòng)效圖形設(shè)計(jì)”這可能就是成為互動(dòng)設(shè)計(jì)師的必備技能了
　　對(duì)於互動(dòng)設(shè)計(jì)師，你可能會(huì)聽到他們很自然的說(shuō)：“這個(gè)菜單應(yīng)該從左側淡入，時(shí)間為 800ms。”
　　設(shè)計(jì)產(chǎn)出物：互動(dòng)作品，諸如gif格式圖片、視頻等
　　工具：AfterEffects，Quartz Composer，Flash，Origami
　　產(chǎn)品設(shè)計(jì)師
　　產(chǎn)品設(shè)計(jì)師又是一個(gè)寬泛的名詞，顧名思義就是設(shè)計(jì)產(chǎn)品的，根據(jù)實(shí)際的用戶(hù)/商業(yè)需求，設(shè)計(jì)實(shí)體/網(wǎng)際網(wǎng)路等各類(lèi)產(chǎn)品，以滿(mǎn)足相應(yīng)的用戶(hù)/商業(yè)需求、解決對(duì)應(yīng)的問(wèn)題。也就是說(shuō)網(wǎng)際網(wǎng)路之前，產(chǎn)品設(shè)計(jì)師普遍研究人與環(huán)境的關(guān)係，提煉需求，設(shè)計(jì)實(shí)體產(chǎn)品，如家具產(chǎn)品、日用品等；而隨著網(wǎng)際網(wǎng)路浪潮來(lái)臨，網(wǎng)際網(wǎng)路領(lǐng)域的產(chǎn)品設(shè)計(jì)師，更多設(shè)計(jì)的是虛擬網(wǎng)際網(wǎng)路產(chǎn)品，如網(wǎng)頁(yè)、APP等。下面主要介紹
　　網(wǎng)際網(wǎng)路領(lǐng)域的產(chǎn)品設(shè)計(jì)師。
　　簡(jiǎn)單來(lái)講，產(chǎn)品設(shè)計(jì)師就是一個(gè)需要為產(chǎn)品視覺和體驗(yàn)整體負(fù)責(zé)的設(shè)計(jì)師。
　　他的角色不易確定，並且不同的公司存在差異性。一個(gè)產(chǎn)品設(shè)計(jì)師可能會(huì)做少量的前端工作，組織用戶(hù)研究，設(shè)計(jì)用戶(hù)界面並且繪製視覺元素。由始至終，產(chǎn)品設(shè)計(jì)師都需明確待解決的問(wèn)題，提出解決方案，然後設(shè)計(jì)、開(kāi)發(fā)、測(cè)試，並不斷迭代更新。一些公司希望保證不同的設(shè)計(jì)角色之間可以流暢協(xié)作，所以設(shè)置了“產(chǎn)品設(shè)計(jì)師”這個(gè)職位來(lái)激勵整個(gè)設(shè)計(jì)團(tuán)隊(duì)保持整體的用戶(hù)體驗(yàn)，包括用戶(hù)研究、互動(dòng)設(shè)計(jì)以及視覺設(shè)計(jì)。但其實(shí)大部分公司使用“UX 設(shè)計(jì)師”，甚至於僅使用“設(shè)計(jì)師”作為統(tǒng)稱(chēng)。有時(shí)候簡(jiǎn)單了解職位描述，可以讓你更容易理解公司中設(shè)計(jì)團(tuán)隊(duì)是如何劃(huà)分職責(zé)的。
　　總的來(lái)講，產(chǎn)品設(shè)計(jì)師負(fù)責(zé)各個(gè)方面的體驗(yàn)設(shè)計(jì)工作：用研、交互、視覺，確保能夠製作精確到像素的高保真原型，並且推動(dòng)開(kāi)發(fā)Web和移動(dòng)端的新功能。
　　設(shè)計(jì)產(chǎn)出物：網(wǎng)際網(wǎng)路時(shí)代前：家具產(chǎn)品、日用品等；網(wǎng)際網(wǎng)路浪潮來(lái)臨：網(wǎng)頁(yè)、APP
　　用戶(hù)研究工程師（用戶(hù)研究專(zhuān)員）
　　“用研是用戶(hù)需求的捍衛(wèi)者。”
　　用研的目標(biāo)是回答這兩(liǎng)個(gè)緊密相關(guān)的問(wèn)題：“你的用戶(hù)是哪些？ 你的用戶(hù)需求是什麼？”。通常，用研需要訪(fǎng)談用戶(hù)，挖掘龐大的商業(yè)數(shù)據(jù)，收集並整理在其中的發(fā)現(xiàn)，如可用性測(cè)試、焦點(diǎn)小組、數(shù)據(jù)分析等。我們都知道設(shè)計(jì)是一個(gè)持續(xù)迭代的過(guò)程，所以用研們通過(guò)組織A/B 測(cè)試來(lái)篩選更符合用戶(hù)需求的設(shè)計(jì)方案。一般而言，用研通常都是大公司的支柱，因為在大公司中才可以接觸到足量的數(shù)據(jù)，有充足的機(jī)會(huì)統(tǒng)計(jì)顯著的結(jié)論。
　　用戶(hù)研究員，通常與產(chǎn)品團(tuán)隊(duì)共同明確調(diào)查目標(biāo)；設(shè)計(jì)研究方案，設(shè)法了解用戶(hù)行為與態(tài)度；能夠使用大量的定性研究和少量的定量研究（比如調(diào)查問(wèn)卷）來(lái)組織用戶(hù)研究。UX 設(shè)計(jì)師偶爾也會(huì)兼顧下用研的角色的。
　　你可能會(huì)聽到他們很自然的說(shuō)：“從我們的調(diào)查可以看出，一個(gè)典型用戶(hù)應(yīng)該blabla。”
　　研究產(chǎn)出物：用戶(hù)畫像，A/B 測(cè)試報(bào)告，可用性測(cè)試報(bào)告，專(zhuān)家評(píng)估報(bào)告，焦點(diǎn)小組報(bào)告，用戶(hù)訪(fǎng)談報(bào)告，數(shù)據(jù)分析報(bào)告等
　　工具：Mic，Paper，Docs，PPT，Keynote，Excel，SPSS
         奇酷教育每天更新UI培訓(xùn)技術(shù)資源，目的是為了適合不同的人群來(lái)學(xué)習(xí)。想了解更多技術(shù)乾貨請聯(lián)繫我們或登錄奇酷教育官網(wǎng)www.qikuedu.com。