《手機UI界面設(shè)計（論文）》

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

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