手機UI界面設計摘要 11緒論 21.1選題來源 21.2研究意義及目的 22手機UI設計概述 23UI界面設計原則 23.1良好的用戶體驗計劃 23.2利用信息層級和控制特點合理布局 33.3移動多媒體用戶界面的可用性設計 34UI設計的風格創新點 34.1微陰影 44.2幽靈按鈕 44.3低調漸變 44.4圓形元素 55結論 6

1緒論1.1選題來源隨著網絡化和信息化進程的加快發展，現如今，智能手機已然成為我們日常生活中不可或缺的一部分。手機主題設計作為界面交互設計中的一個新興領域，滿足用戶追求個性化的需求，受到越來越多手機產商與UI設計師的關注1.2研究意義及目的如何合理制定交互方式、確定用戶界面風格、布局結構與信息展示方式，如何將手機主題界面設計與用戶交互體驗有機的結合在一起，是當下非常值得探討研究的問題。研究分析手機UI主題界面交互設計風格及設計手法的目的是為了深入了解用戶對智能手機的需求。滿足用戶需求、優化用戶體驗是交互設計的最終使命。2手機UI設計概述關于智能手機的UI設計，一般說來手機的UI設計包括手機的應用界面、人機交互、用戶研究三個部分組成，本文主要探討以手機界面為主的視覺設計。手機界面是設計師與用戶溝通最為直接的形式，設計師通過將界面中的文字、圖形、色彩經過精心的設計排版，做出符合大眾審美需求的用戶界面，并融入生活化的設計元素。手機界面一直作為手機的“臉面”而存在，做出能夠迎合時代發展潮流，并具有個性化的手機界面設計更容易吸引用戶的眼球。3UI界面設計原則3.1良好的用戶體驗計劃用戶在產品的使用過程中建立起來的用戶感受，我們稱之為用戶體驗。在智能手機中用戶體驗側重于用戶對于界面使用的操作過程，用戶體驗要以用戶為中心，設計出滿足用戶使用需求和心理需求的產品是設計師的職責之所在。在手機的用戶體驗中，設計師應該身處用戶的角度，進行一邊體驗一邊設計，這樣做出的設計產品，不僅具有人性化的特點，還能隨時對操作中出現的問題進行及時的修改。良好的用戶體驗是手機智能化發展的前提基礎，要做出用戶體驗良好的產品，更多的得到用戶的信賴和支持才能使手機的發展走得更遠，更廣。3.2利用信息層級和控制特點合理布局利用手機操作系統中用于布局的UI組件和應用程序操作控件進行合理布局，應符合手機操作系統的設計原則，整體性能用戶習慣的整體把握。在手機U工界面設計中需要對界面的分級信息進行合理規劃，在盡可能讓用戶使用度舒適的前提下，縮減界面設計中不必要的信息，以免造成用戶視覺疲勞，以及用戶體驗感較弱的情況發生。做到操作系統信息層級的簡潔化，即使用最少的語言表達出設計師最多的設計意圖，并能夠讓用戶所理解是至關重要的。在手機界面系統的設計中最為關鍵的信息層級的排列方式，要有嚴格的把控，把視覺信息相近的部分呈統一的方式排列，能夠讓用戶在使用手機的體驗中更容易進行信息的區分與規劃。3.3移動多媒體用戶界面的可用性設計隨著人們對審美、時尚、趣味的不斷追求，移動多媒體終端界面設計也不斷花樣百出，越來越多的精美、新穎、富有創造力和想象力的界面充斥著我們的世界，對于移動多媒體終端來說，最為重要的特點是手機界面的可用性設計。從可用性角度來說并不是越花哨的界面越被用戶接受，界面的美，不僅要作為藝術審美形式的美，要以滿足用戶感覺上的愉悅性，更多的是作為操作的一種工具，要滿足用戶易用、好用的需求。4UI設計的風格創新點界面設計風格潮流更替飛快。時至今日，扁平化的設計風格與其說是流行一時的風潮不如定義為一種極簡主義的美學風格。大面積純色的運用、簡約清新的畫面風格在前幾年席卷了整個UI界面設計界。最初的扁平化設計是非常嚴格的扁平，屬于徹徹底底的極簡主義，極少有強調。然而物極必反，當扁平化將所有的元素效果都拋之腦后一意孤行，時間久了想要進化難免出現瓶頸，于是只能回頭拾起若干曾經拋棄的效果，譬如:陰影與著色的暗示，改裝一番得以重新出發。雖然純粹的扁平主義者持反對態度，但是設計圈普遍認為這種進化是正確的，因為進化后的扁平化2.0可以和其他流行的設計模式有效的結合在一起。所以，不難推測，未來幾年的界面設計依舊是由不斷進化的扁平化風格來主宰。而本次手機主題設計項目的設計風格便是基于不斷進化的扁平化設計思維進行以下四點適當的創新。4.1微陰影微陰影，即微弱的投影。之所以是“微”，原因在于陰影本身會產生縱深感，與扁平的概念相違和。但若是選擇加上細微的幾乎不能被肉眼立刻察覺出來的柔和投影，則不僅可以增加該視覺元素的深度，使其與背景相分離，更能通過這一絲情調使視覺體驗變得更有吸引力。圖4.1微陰影在主題“無華”中的運用4.2幽靈按鈕幽靈按鈕指的擁有最簡單扁平外形(矩形、正方形、圓形等)、沒有填充色、只有淺淺淡淡一層輪廓的按鈕。它屬于扁平化風格演化的延續，簡潔到精細微妙，使界面主體更為突出，給用戶干凈的外觀和視覺感受。圖4.2幽靈按鈕在主題“Crystal-clear”中的運用4.3低調漸變最初的扁平風格拒絕一切漸變，大面積純色大行其道。然而在進化過程中，漸變也被拾起，只是不同以往的大幅度漸變，這回是以非常低調的姿態出現，譬如僅在背景色或環境色中運用，且多在兩種相鄰色之間進行過渡漸變。低調的漸變作為一種新的設計元素，常覆蓋整個界面背景。主題“Crystal-clear”的鎖屏壁紙便是通過低調漸變的方式營造LowPoly風格，畫面美觀度和起伏感得以大幅度提升。圖4.3低調漸變在主題“Crystal-clear"的運用4.4圓形元素谷歌在發布新操作系統“LDeveloperPreview”后，也同步推出了可視化語言MaterialDesign，從MaterialDesign的設計風格中不難找到扁平化風格的影子，雖然是擬物的設計邏輯，保留了物理特效光影與層次，但它類似紙張扁平浮動于背景之上加入大面積純色的應用，因此可以說，扁平化設計是谷歌公司的MaterialDesign的前身。MaterialDesign也是扁平化風格在進化過程中可汲取養分的優良上壤。除了標志性的紙片重疊微投影外，圓形元素的運用也是非常出彩的一部分。因為圓形與手指印相似，所以在移動設備中運用圓形元素，會給用戶一種此處可操作的心理暗示，對于激發用戶操作起到非常重要的作用。另外，由于圓形本身形狀光滑圓潤，親和感十足，在和矩形狀的背景圖片同時展示中，很容易脫穎而出。在設計智能手機主題系統界面中，適當地運用圓形元素可以更好地引導用戶進行交互操作。主題“返璞”的解鎖觸發按鈕便是采用了圓形元素。圖4.4圓形元素在主題“返璞”中的運用5