UI設(shè)計面試問題總結(jié)

1、UI設(shè)計一、什么是UI設(shè)計：UI，顧名思義，User Interface ，UI設(shè)計即為用戶界面設(shè)計。用戶界面是用戶和設(shè)備交互的重要介質(zhì)。用戶界面設(shè)計可分為感覺和情感兩個層次，其綜合了心理學，設(shè)計學，語言學等方面的知識。一個產(chǎn)品的UI設(shè)計直接關(guān)系著用戶體驗，隨著移動設(shè)備的發(fā)展，用戶體驗越來越重要。用戶界面設(shè)計很大程度上就是在探究如何讓產(chǎn)品更具可用性，如何使用戶獲得更好的體驗，使用戶能夠更快的通過界面操作完成任務(wù)獲得良好的感覺。二、UI設(shè)計的三大原則：1、易用性，使用戶能夠更容易的使用產(chǎn)品，通過界面完成想要做的操作。2、在界面美觀的基礎(chǔ)上，減小用戶的記憶負擔，使用戶在使用產(chǎn)品時不用刻意記憶各種功

2、能，可以很舒服的完成操作，從而使用戶得到很好的產(chǎn)品體驗。3、界面的一致性。對于產(chǎn)品而言，在功能完備的基礎(chǔ)上，界面的美觀很重要，美觀的界面不僅使產(chǎn)品本身更具魅力，還會給用戶帶來愉悅的體驗。除此之外界面要高度一致，用戶使用界面時往往會有慣性思維，UI要保持一致，以免用戶思維方向被打亂，影響產(chǎn)品的用戶體驗。三、UI設(shè)計常見問題1、要明確自己的用戶群，不同的用戶階層對不同的設(shè)計元素有不同的理解。所以我們的UI設(shè)計要針對自己的用戶群設(shè)計。2、要確保UI能夠使用戶自由掌控自己的瀏覽行為，要確保用戶能從某個點跳出，能夠毫無障礙地退出某個界面。3、盡可能的減少程序中的bug和錯誤。從而改善用戶體驗，beat測

3、試是削減錯誤的最好的方法。4、將重點放在重要的內(nèi)容上，將最重要的東西展示給用戶，從而使用戶更好的理解你的設(shè)計。5、設(shè)計要簡約。簡約的設(shè)計可以增強UI的易用性，可 I 讓用戶不必關(guān)心那些沒必要的信息。而過于擁擠的頁面不管功能多強大都會給用戶帶來糟糕的用戶體驗。6、要有視覺提示。當我們使用了ajax flash等技術(shù)時，當內(nèi)容加載時應(yīng)當有視覺提示，始終讓用戶知道目前在做什么。7、要確保內(nèi)容清晰，準確，易懂。8、色彩的使用。色彩是UI的重要元素，不同的顏色代表不同的情緒，色彩的使用應(yīng)當和站點以及主題相契合。還要考慮特殊人群的感受，有的用戶可能是色盲，在色彩使用上要考慮他們的感受。色彩使用要保持一致，

4、一旦選定了某種配色，整個站點一致使用這種配色。9、良好的結(jié)構(gòu)。在UI設(shè)計中各個元素應(yīng)當放在他們呢該放的位置，總體結(jié)構(gòu)應(yīng)當清晰，一致，相關(guān)關(guān)聯(lián)，那些不相關(guān)的東西應(yīng)當單獨放置。四、交互實例分析1、Android Wear與Apple Watch產(chǎn)品交互設(shè)計共同點：智能推送，輕量交互，高易讀性。Apple Watch：1、個人化 (Personal) ：因為手表是最貼近人體、最“無感”的智能設(shè)備，因此天然具備充當個人與虛擬世界交互入口的潛質(zhì)。每當用戶抬起手腕的時候，蘋果手表能夠自動呈現(xiàn)相關(guān)信息提醒和個人健康數(shù)據(jù)。2、整體性 (Holistic)：從 iPhone5 和 iOS7 開始，蘋果開始追求軟

5、硬件結(jié)合的一體化極致體驗。Retina 視網(wǎng)膜屏，渾圓過渡的鵝卵石狀外殼，數(shù)字表冠 digital Crown 和內(nèi)置的 Taptic 精確震動引擎都是這一理念的在手表上的進一步實踐。蘋果建議開發(fā)者在開發(fā)手表 App 時候盡量使用黑色背景，并把 UI 元素盡量布局到屏幕邊緣，也是為了從視覺上模糊屏幕軟件與表殼硬件之間邊界。3、輕交互 (Lightweight)：蘋果認為手表上的交互應(yīng)該是快速便捷、無需復雜輸入和操作的。通過抬起手腕，提醒會自動顯示，手腕放下的時候，提醒自動消失，用戶無需額外的觸摸交互。掃視界面 Glance 把所有重要信息集中在一屏之內(nèi)展示，并提供快速的操作入口以便某些場景下的

6、進一步交互。Android Wear：1、自動觸發(fā) (Launched automatically): Andorid Wear 可通過識別時間、位置和用戶身體狀態(tài)在最合適的時間通過卡片的形式向用戶推送最相關(guān)的信息內(nèi)容?？焖贋g覽 (Glanceable)：谷歌認為用戶在安卓手表上獲取信息的體驗應(yīng)該和用傳統(tǒng)手表看時間一樣優(yōu)雅和精準，只需要眼角余光一瞥，一切盡在掌握。只有這樣，用戶才能更快速地回到現(xiàn)實生活中，活在當下，享受生命每一刻。2、智能推送與搜索 (Suggest and Demand)：基于 Google Now 的引擎，安卓手表力圖成為用戶最隨身的智能助手。谷歌的賬號服務(wù)系統(tǒng)可以學習用戶

7、的喜好，只推送最相關(guān)最及時的資訊。只可惜目前谷歌的服務(wù)在中國大陸無法使用，大大降低了安卓手表的實用性。3、零打擾 (Zero or low interaction)：很多時候 Android Wear 會自動識別你的需求，幫你自動輸入內(nèi)容，用戶僅需要確認或者取消。UI 元素采用大塊點擊，大動作滑動和手勢識別，并不需要精確的觸摸操作歌打了個有趣的比喻，說每次推送消息給用戶，就好像現(xiàn)實生活中有人突然拍一下你的肩膀一樣，是種很親密的行為。但如果這樣的行為被濫用，用戶很快就會厭煩，并且將你拋棄（Android Wear 可以自定義哪些 App 有權(quán)限推送消息到手表上）。UI 交互架構(gòu)：Android

8、的“二維卡片” vs 蘋果“立體空間”安卓手表系統(tǒng)的設(shè)計風格延續(xù)了谷歌 Material Design 的原則，色彩鮮明細膩，強調(diào)卡片式的交互結(jié)構(gòu)。安卓系統(tǒng)采用情景式卡片 Contextual Cards 推送，卡片又分為兩大類：一種是標準的通知卡片 Bridge notification，只提供信息，無需進一步交互。比如短信、天氣、新聞等；另一種是可執(zhí)行卡片 Actionable cards/Contextual notification， 如可隨時暫停的計時器，音樂播放控制器等?？ㄆ蟽?nèi)嵌了可點擊操作的按鈕，用戶除了閱讀，還可以進行進一步的快速交互；當同一程序向用戶推送了多條信息，這些信息

9、會自動組合成堆疊卡片 Card Stacks，用戶可點擊展開或收攏。在用戶有主動搜索的需求時，還可以通過語音詢問或者從命令列表中選擇預制的快捷命令進行搜索，安卓稱之為線索菜單 Cue Cards。那么問題來了, 這么小的屏幕，這么多的卡片，用戶又如何瀏覽和選擇？安卓為此制定了 2D Pickers 二維選擇 的法則，即縱向上下滑動在不同種類的卡片間快速切換。而從右向左滑動可以進入某個具體應(yīng)用卡片的詳情進行進一步操作，如查看詳情、快速回復、在手機上打開等。從左向右滑動則是返回前一張卡片，直到退出返回默認表盤界面?？ㄆ坏┩顺?，則自動刪除不再出現(xiàn)。當然，除了情景卡片和線索菜單，安卓也給開發(fā)者提供了

10、全屏“沉浸式”交互的可能，如果開發(fā)者認為確有必要，可以給用戶提供入口，進行全屏交互。與安卓類似，蘋果也提供了卡片式的頁面模式 Page-Based。用戶可以在不同的頁面之間左右切換瀏覽。這樣的方式簡單明了，但當頁面數(shù)量較多的時候，來回頻繁切換也會影響效率。因此蘋果建議開發(fā)者盡可能的減少頁面數(shù)量。層級模式 Hierarchical 是蘋果與安卓最大的不同。在層級模式中，通過菜單導航欄引導用戶快速找到相應(yīng)功能，用戶可隨時點擊左上角的返回按鈕或者從屏幕左邊緣向右滑動返回上一層級界面?？梢韵胍?，對于相對復雜的用戶場景，這種模式比扁平的頁面模式更為高效。除此以外，蘋果提供了壓力觸摸 Force Touc

11、h 操作，相當于給同一界面賦予一個快捷操作菜單。在特定界面，只要手指用力按壓屏幕，這個快捷菜單就會浮現(xiàn)。這樣做既保證了界面布局的簡潔完整，也不影響單手指操的效率。另一個亮點是通過快速撥動數(shù)字表冠 Digital Crown， 用戶可以在不同 App 和層級界面中進行瀏覽和進行 Zoom-in-and-out 式的縮放操作，進一步提升了交互的空間層次感。2、76 Synthesizer蘋果在應(yīng)用設(shè)計中最喜歡使用的Skeuomorphic（模仿過去的現(xiàn)實物品，強調(diào)界面與用戶過往經(jīng)驗的一致性，例如iPad虛擬鍵盤上F鍵和J鍵上的虛擬定位小橫杠）設(shè)計，讓用戶感覺自己和應(yīng)用之間的互動更加直觀自然。這樣就會讓用戶從冷冰冰的科技產(chǎn)品中體驗到與應(yīng)用互動的樂趣以及親切感3. Camera Genius整個界面看起來就和真實的單反數(shù)碼相機一樣。明確強烈的視覺層次感，再加上高分辨率以及高質(zhì)量的Retina視網(wǎng)膜顯示屏，整個UI看起來非常逼真、簡單