而用戶體驗(yàn)設(shè)計(jì)師對產(chǎn)品的整體功能收費(fèi)，用戶界面（UI）設(shè)計(jì)人員主要關(guān)心的是怎樣的產(chǎn)品了，什么產(chǎn)品的視覺傳達(dá)要素。
例如，一個(gè)UI設(shè)計(jì)師將確保每一個(gè)頁面，屏幕或其他步驟，將用戶體驗(yàn)設(shè)計(jì)的路徑，UX設(shè)計(jì)師創(chuàng)造了。他們還負(fù)責(zé)保持整體的一致性和實(shí)施風(fēng)格指南在對產(chǎn)品的整體視覺傳達(dá)。

之間有什么不同的UI和UX設(shè)計(jì)？這種區(qū)別往往是許多人失去了。
另一個(gè)關(guān)鍵的區(qū)別是，不像UX設(shè)計(jì)師，UI設(shè)計(jì)師掌握前端開發(fā)和編碼技巧，它的不尋常。這是因?yàn)樗麄冐?fù)責(zé)實(shí)際建筑的交互接口，不只是設(shè)計(jì)基于什么UX設(shè)計(jì)師打算。
挑戰(zhàn)
從混淆，很多人對UI和UX的區(qū)別，不是看公司招聘一人補(bǔ)鞋一個(gè)大驚喜。本指南將幫助你澄清這兩個(gè)設(shè)計(jì)實(shí)踐之間的差異，幫助您了解如何識別您的新的理想的UI設(shè)計(jì)師。

用戶界面設(shè)計(jì)師職位往往只包括什么雇主認(rèn)為UI設(shè)計(jì)師的信息，要在兩個(gè)相反的方向。
第一個(gè)方向是考慮用戶界面設(shè)計(jì)在總平面設(shè)計(jì)師。這導(dǎo)致分配諸如品牌、插圖甚至打印設(shè)計(jì)。
另一個(gè)方向最終招聘UI設(shè)計(jì)師做UX設(shè)計(jì)師做的。發(fā)生這種情況時(shí)，雇主不知道兩者之間的差異，或因經(jīng)濟(jì)原因：招聘一二個(gè)設(shè)計(jì)師。
不用說，這些極端都是看你的潛在用戶界面設(shè)計(jì)師，正確的方法，事實(shí)上，是行業(yè)面臨的挑戰(zhàn)。
Luke Wroblewski，谷歌的產(chǎn)品設(shè)計(jì)師，解釋它：

“信息架構(gòu)定義了信息的結(jié)構(gòu)。交互設(shè)計(jì)讓人操作，有助于信息。視覺設(shè)計(jì)傳達(dá)這些可能性的人。用戶界面是所有這些東西的總和。”
為你，希望了解現(xiàn)在，UX設(shè)計(jì)師和UI設(shè)計(jì)師是兩個(gè)完全不同的角色，一個(gè)人不應(yīng)該雇來做。

用戶界面（UI）設(shè)計(jì)面試問題
職責(zé)和UI設(shè)計(jì)師要求總是擴(kuò)大和變化的，就像任何其他技術(shù)相關(guān)的工作。所以，這里是一個(gè)名單，面試的問題，你的下一個(gè)UI設(shè)計(jì)師應(yīng)該熟悉并能夠沒有困惑和驚訝的回答。
問：為什么使用重要嗎？你使用/創(chuàng)建線框圖嗎？
在大多數(shù)球隊(duì)，這將是用戶體驗(yàn)設(shè)計(jì)師的工作創(chuàng)建線框圖一旦她/他收集必要的用戶信息和數(shù)據(jù)。但這并不意味著你的UI設(shè)計(jì)師不懂網(wǎng)頁設(shè)計(jì)，因?yàn)椋诤芏嗲蜿?duì)，這仍然是一個(gè)UI設(shè)計(jì)師（或兩者）的責(zé)任是創(chuàng)建線框圖。畢竟，每一個(gè)UI設(shè)計(jì)師必須知道如何“閱讀”和理解一個(gè)線框給他們。

當(dāng)被問到上述問題，你未來的UI設(shè)計(jì)師應(yīng)該給下面的答案：
線框圖是一個(gè)可視化工具或藍(lán)圖最終呈現(xiàn)階段、步驟、功能，一個(gè)網(wǎng)頁的結(jié)構(gòu)和內(nèi)容，網(wǎng)站或屏幕。線框圖是簡單和基本的，缺少這樣的元素作為設(shè)計(jì)的版式、顏色或圖形，因?yàn)榫€框第一目的是代表功能。
問：你如何在你的工作流實(shí)現(xiàn)的原型？

類似于網(wǎng)頁設(shè)計(jì)，原型，往往不是通過UX設(shè)計(jì)師提供。因此，任何UI設(shè)計(jì)師應(yīng)該知道為什么原型的發(fā)生，以及如何利用它，在工作流。
簡單的說，原型是設(shè)計(jì)探索和節(jié)省時(shí)間的目的。確保UI設(shè)計(jì)師不要浪費(fèi)他們的時(shí)間和重新設(shè)計(jì)特定的用戶交互設(shè)計(jì)，原型是用來創(chuàng)建模型如何設(shè)計(jì)元素將被使用。
原型允許UI設(shè)計(jì)師識別任何潛在的問題，可能會在沖突與什么UX設(shè)計(jì)師或建筑師意圖。
問：你如何與UX設(shè)計(jì)師合作（S）和開發(fā)商（S）？

你的潛在用戶界面設(shè)計(jì)師應(yīng)該感到舒適的回答這個(gè)問題，主要是因?yàn)閮烧叩腢I和UX設(shè)計(jì)師設(shè)計(jì)的重點(diǎn)，所以他們經(jīng)常互相理解沒有太多的解釋。
當(dāng)UI設(shè)計(jì)師需要調(diào)整、改變、添加或刪除的UX設(shè)計(jì)師提供的東西，他們應(yīng)該把通信線框，UI元素，人物角色和它將如何影響整個(gè)用戶的旅程。UI和UX的設(shè)計(jì)師也應(yīng)該對產(chǎn)品進(jìn)行測試并反饋給開發(fā)人員在開發(fā)階段。
問：審美性的影響是什么？
這是一種現(xiàn)象，說明一個(gè)好看的設(shè)計(jì)將永遠(yuǎn)被視為比一個(gè)不吸引人的更有用，盡管可能并非如此。

這種現(xiàn)象是由兩名研究者證明，Kaori kashimura和Masaaki kurosu，在他們的研究中，日立在東京。他們要求試驗(yàn)參與者的美麗和易用性的界面。最終的研究結(jié)果表明，即使在評估界面在功能方面，用戶還是會最終通過界面的審美方面的強(qiáng)烈影響。
一個(gè)好的UI設(shè)計(jì)師會記住這個(gè)效應(yīng)會影響用戶的意見超過預(yù)期。這，反過來，可能會影響用戶的行為和他們是多么的容易使用的系統(tǒng)認(rèn)知。
問：原子設(shè)計(jì)及其五個(gè)組成部分是什么？

這是一個(gè)相當(dāng)新的，但被廣泛認(rèn)可的方法介紹由Brad Frost在2013。原子設(shè)計(jì)是界面設(shè)計(jì)的設(shè)計(jì)要素及其組合的重點(diǎn)，而不是一個(gè)一個(gè)的網(wǎng)頁設(shè)計(jì)。這是一個(gè)基本的解釋這種方法創(chuàng)建。知道它的所有五個(gè)組件應(yīng)該給你未來的設(shè)計(jì)師一些金色的加分。

•原子：這些是最小的、最基本的構(gòu)建塊。這些都是應(yīng)用到Web界面的標(biāo)簽，輸入框、文本框、按鈕等，它們也可以包含顏色、調(diào)色板、字體等。
•分子：當(dāng)原子結(jié)合，我們得到一組原子，分子鍵合在一起，是最小的基本單位的一種化合物。分子可以拿上自己的特性，也。
•生物：生物是由分子為積木。當(dāng)分子連接在一起，成為一個(gè)接口，已經(jīng)創(chuàng)造了一個(gè)相對復(fù)雜的和不同的部分：一個(gè)有機(jī)體。
•模板：這個(gè)階段應(yīng)該已經(jīng)明白客戶。可以理解的是，模板大多是生物群體放在一起以形成頁。這是舞臺，讓我們看到的東西，如布局，走到一起。
•頁：這是作為具體實(shí)例模板給出一個(gè)確切的了解，最終輸出的樣子。頁面最終成為忠誠的高水平，這使得UI和UX設(shè)計(jì)師一起，以檢驗(yàn)設(shè)計(jì)系統(tǒng)的有效性。
問：你如何確保你保持最新的行業(yè)標(biāo)準(zhǔn)？

數(shù)字設(shè)計(jì)是不斷變化的；它的標(biāo)準(zhǔn)一直在提高。所以，最糟糕的錯(cuò)誤你未來的設(shè)計(jì)師可以做的是過時(shí)的行業(yè)/他代表。
一個(gè)好的回答包括候選人的最喜歡的資源，書籍，博客，播客和YouTube頻道的/他一直關(guān)注最新的行業(yè)信息。它也會聽到設(shè)計(jì)師激勵(lì)候選人有用。一個(gè)好的設(shè)計(jì)師都知道，永遠(yuǎn)不會有足夠的靈感，沒有足夠的創(chuàng)新資源和沒有足夠的認(rèn)識和了解；因此，你想看到你未來的設(shè)計(jì)師“點(diǎn)亮”這個(gè)問題。
問：行動(dòng)電話是什么（CTA）？UI設(shè)計(jì)師應(yīng)該關(guān)心這個(gè)？

CTA是最重要的問題之一，如果不是最重要的元素的，為什么網(wǎng)站、平臺、應(yīng)用和數(shù)字接口的創(chuàng)建。總之，這是一個(gè)元素，將提示用戶采取一定的，所需的行動(dòng)；行動(dòng)如購買產(chǎn)品、下載報(bào)告，內(nèi)容共享，捐款，等等。的UX設(shè)計(jì)師的線框和原型部分應(yīng)確定行動(dòng)的號召，在理想的情況下，要說服用戶參與。

一個(gè)好的設(shè)計(jì)師應(yīng)該注意CTA標(biāo)志應(yīng)確保它得到了很多的關(guān)注在設(shè)計(jì)這個(gè)元素。大部分的時(shí)間，它需要一個(gè)特定的，更突出的色彩風(fēng)格，不同大小、字體、位置和對齊方式，所有這些UI設(shè)計(jì)師控制。
問：了解色彩理論和色彩心理學(xué)你多少錢？

回答這個(gè)問題不應(yīng)該是一個(gè)好的UI設(shè)計(jì)師的問題。這是基本的思維。色彩理論是，基本上，一套指導(dǎo)方針，旨在引發(fā)情緒的規(guī)律，以特定的方式使用顏色集的情緒和引導(dǎo)別人的注意。
從本質(zhì)上講，色彩理論和心理學(xué)有兩個(gè)色組：暖色和冷色。溫暖的顏色，如橙色、黃色和紅色，被喚醒的熱情，活力，積極和快樂的。很酷的顏色，綠色，紫色和藍(lán)色，創(chuàng)造一個(gè)值得信賴的，冷靜，放松和安靜的環(huán)境。
個(gè)人色彩，也有其自身固有的能力來喚醒某些情緒。例如，紅色傳達(dá)危險(xiǎn)的建議，警告和危險(xiǎn)。
總之，一個(gè)好的設(shè)計(jì)師總是會用色彩理論和色彩心理學(xué)加強(qiáng)所需的信息的力量。
問：你對用戶界面（UI）的想法是什么風(fēng)格指南嗎？

在回答這個(gè)問題時(shí)，你的候選人應(yīng)涵蓋以下幾個(gè)方面：用戶界面風(fēng)格指南是什么，為什么它是創(chuàng)造出來的，它是用來做什么的？有什么經(jīng)驗(yàn)的候選人已經(jīng)在使用風(fēng)格指南嗎？
類似于原子的設(shè)計(jì)，用戶界面風(fēng)格指南的創(chuàng)建、使用和維護(hù)的保證在產(chǎn)品一致性的網(wǎng)站，應(yīng)用程序或不同界面階段其他設(shè)計(jì)項(xiàng)目類型。
風(fēng)格指南涵蓋一切，從品牌、顏色、字體、布局的一系列標(biāo)準(zhǔn)，專為一個(gè)特定的公司。他們是用來提高工作效率，使整個(gè)團(tuán)隊(duì)，新成員的入職過程更簡單，更有效和靈活的。
問：你認(rèn)為元素映射在你的工作有多重要嗎？
每一個(gè)好的UI設(shè)計(jì)師將設(shè)計(jì)考慮到它們的形狀、大小、顏色、元素組成、位置和對齊方式。這意味著你的候選人應(yīng)該明白元素映射是設(shè)計(jì)工作的重要組成部分。
簡單的說，映射控制及其效果之間的隱含關(guān)系。如果一個(gè)元素創(chuàng)建用戶預(yù)期的效果，那么元素具有良好的映射。

例如，考慮一組圖片水平對齊，可以移動(dòng)到左或右。下面應(yīng)該控制或按鈕顯示這些圖像可以被移到一邊。移動(dòng)圖像的左側(cè)，你會點(diǎn)擊按鈕的左邊對齊。因此，實(shí)際上對這個(gè)按鈕的左邊，的確，符合用戶的預(yù)期，這意味著該元素具有良好的映射。
問：什么是最小可行產(chǎn)品（MVP）？

有時(shí)候，設(shè)計(jì)師設(shè)計(jì)出以自我為中心的工作。當(dāng)所有的UX的要求得到滿足的UI設(shè)計(jì)師，卻繼續(xù)添加設(shè)計(jì)工作，使用他或她的創(chuàng)意，或試驗(yàn)新的做法，或者說，設(shè)計(jì)師的感覺是必要的元素，根據(jù)口味和偏好。
MVP的作品相反的方向；這意味著創(chuàng)造和產(chǎn)品的早期用戶可以使用或購買基本版設(shè)計(jì)。主要的目標(biāo)是將產(chǎn)品推向市場，盡快在沒有任何非本質(zhì)特征。
額外的功能和設(shè)計(jì)元素都是基于真實(shí)的用戶的反饋，而不是一個(gè)設(shè)計(jì)師的想法和假設(shè)說。許多世界上最受歡迎的產(chǎn)品已使用MVP的實(shí)踐中發(fā)展起來的；推特為例。
問：你認(rèn)為移動(dòng)第一設(shè)計(jì)是有效的，為什么？

理想情況下，你的候選人將解釋，當(dāng)響應(yīng)式網(wǎng)頁設(shè)計(jì)（RWD）進(jìn)行了介紹和普及，移動(dòng)第一設(shè)計(jì)實(shí)踐是為了使設(shè)計(jì)師的工作更加有效和高效。
在這個(gè)過程中，設(shè)計(jì)以最小的預(yù)期的屏幕尺寸和只有用更大尺寸的屏幕增強(qiáng)。這種方法可以節(jié)省時(shí)間，提高設(shè)計(jì)人員的工作效率；當(dāng)設(shè)計(jì)過程開始于一個(gè)大屏幕，設(shè)計(jì)師往往會遇到困難，后來在地方上較小的屏幕元素。
問：你如何運(yùn)用奧卡姆剃刀在你的設(shè)計(jì)工作？

這個(gè)原理很簡單，帕累托原則（也稱為80 / 20規(guī)則）。它只是說，當(dāng)我們要做兩個(gè)選項(xiàng)決定，最簡單的選擇應(yīng)。
UI設(shè)計(jì)師使用奧卡姆剃刀當(dāng)選擇兩設(shè)計(jì)或具有相同功能的兩個(gè)設(shè)計(jì)元素之間的。簡單應(yīng)該選擇的復(fù)雜性。或者換句話說，她/他需要選擇使更少的假設(shè)。
問：你參與設(shè)計(jì)的個(gè)人經(jīng)驗(yàn)是什么？
如果不是描述個(gè)人經(jīng)歷，你未來的UI設(shè)計(jì)師應(yīng)該，至少，告訴你在他或她自己的話，參與設(shè)計(jì)和它是干什么用的。

從本質(zhì)上講，這意味著有人（員工、合作伙伴、客戶、利益相關(guān)者、最終用戶）參與設(shè)計(jì)過程，確保最終產(chǎn)品符合他們的需求，期望和可自由使用的。
問：當(dāng)你使用風(fēng)格的瓷磚？
風(fēng)格的瓷磚是類似于原子的設(shè)計(jì)方法、原型、線框圖或風(fēng)格指南。風(fēng)格的瓷磚有使它更容易為客戶（最終用戶）了解最初的網(wǎng)站，產(chǎn)品或應(yīng)用的樣子。風(fēng)格的瓷磚被認(rèn)為是情緒板和模型之間的事。

事實(shí)上，他們經(jīng)常被用來代替?zhèn)鹘y(tǒng)的第一個(gè)模型。在大多數(shù)情況下，風(fēng)格的瓷磚在設(shè)計(jì)周期的早期產(chǎn)生的，當(dāng)然比模型。風(fēng)格的瓷磚也被稱為得到一個(gè)更好的感覺反饋快。
問：怎樣的視覺重量應(yīng)有效使用？

就像呼喚行動(dòng)（CTA）和色彩理論、視覺重量的UI設(shè)計(jì)師應(yīng)具備的基礎(chǔ)知識部分。視覺重量意味著給一個(gè)設(shè)計(jì)元素“權(quán)力”脫穎而出，獲得用戶的關(guān)注。

不是所有的元素都具有相同數(shù)量的“沉重”。例如，CTA的元素不是一個(gè)簡單的標(biāo)簽或抽象的形象更重要。提供更高水平的“重”的某些元素通常是通過使用對比。
這不一定是顏色的對比；也可以是位置或大小對比，太。CTA按鈕看起來更大（或更重）因?yàn)樗脑O(shè)計(jì)占用更多的空間比周圍的元素。這使得更多的視覺重量（更重要的）在CTA按鈕。
問：你能走我通過你的設(shè)計(jì)決策？

最后，一個(gè)偉大的問題來確定你的新設(shè)計(jì)師知道如何做出好的設(shè)計(jì)決策。讓候選人看他或她的投資組合，或一個(gè)產(chǎn)品，網(wǎng)站或應(yīng)用程序，這是他設(shè)計(jì)的，和你走過的同時(shí)，描述了不同的環(huán)節(jié)和要素。
理想情況下，你可以聽到設(shè)計(jì)師的原因?yàn)槭裁此?決定給按鈕一定大小，形狀，顏色，位置和對齊方式。所有的設(shè)計(jì)思維應(yīng)該通過這個(gè)問題揭示。這表明所有的他設(shè)計(jì)是故意的，沒有實(shí)驗(yàn)或意外

創(chuàng)新互聯(lián)設(shè)計(jì)文章推薦：

香港空間_香港主機(jī)_香港網(wǎng)站空間_免備案香港虛擬主機(jī)空間
加速收入增長的11種方式
重慶網(wǎng)站建設(shè) 做網(wǎng)站

網(wǎng)頁名稱：用戶界面（UI）設(shè)計(jì)面試的重要指南
地址分享：http://m.newbst.com/news7/20207.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站策劃、微信公眾號、網(wǎng)頁設(shè)計(jì)公司、App開發(fā)、商城網(wǎng)站、標(biāo)簽優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)