智能手機UI主題界面交互設計_第1頁
智能手機UI主題界面交互設計_第2頁
智能手機UI主題界面交互設計_第3頁
智能手機UI主題界面交互設計_第4頁
智能手機UI主題界面交互設計_第5頁
已閱讀5頁,還剩14頁未讀 繼續免費閱讀

下載本文檔

版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領

文檔簡介

1、摘要現如今,智能手機已經成為我們日常生活中不可或缺的一部分。年輕消費群體更是將大量時間耗費在手機上。技術的進步與市場的需求,合理設計智能手機 UI 交互界面的重要性顯得格外突出,以用戶為中心的體驗設計也越來越被重視。手機主題設計作為界面交互設計中的一個新興領域,滿足用戶追求個性化的需求,受到越來越多 UI 設計師的關注。如何合理制定交互方式、確定用戶界面風格、布局結構與信息展示方式,如何將手機主題界面設計與用戶交互體驗有機的結合在一起,是當下非常值得探討研究的問題。論文通過研究智能手機 UI 主題界面的設計,在遵循手機主題設計的原則基礎上,進行手機主題的系列設計,完成了本次的設計方案。希望通過

2、該系列設計擴大設計手法的使用價值,為手機主題市場的蓬勃發展貢獻力量。關鍵詞:UI 設計;智能手機;手機主題設計AbstractNowadays, smart phones have become an indispensable part of our daily life. Young consumers spend a lot of time on mobile phones. With the development of technology and the demand of the market, the importance of reasonably designing the

3、 UI interface of smartphone becomes more and more prominent. User-centered experience design has also been paid more and more attention. As a new field of interface interaction design, mobile phone theme design has attracted more and more attention from UI designers to meet the needs of users in pur

4、suit of personalization. How to reasonably formulate the interaction mode, determine the user interface style, layout structure and information display mode, and how to organically integrate the mobile phone theme interface design and user interaction experience, are currently very worthy of discuss

5、ion and research. By studying the design of UI theme interface of smartphone, this paper designs a series of mobile phone theme based on the principle of mobile phone theme design, and completes the design scheme. It is hoped that this series of designs will expand the use value of design techniques

6、 and contribute to the vigorous development of the mobile phone theme market.Key words: UI design; smartphone; mobile theme design目錄第一章 緒論31.1 課題來源31.2 課題研究的目的及意義31.3 課題研究內容及方法41.3.1 調查法41.3.2 文獻分析法41.3.3 實證研究法41.3.4 設計創作法4第二章 智能手機 UI 主題設計的概況與分析52.1 智能手機 UI 主題設計的概念52.2 智能手機 UI 主題設計的國內外研究現狀及分析52.2.1

7、國內研究現狀及分析52.2.2 國外研究現狀及分析6第三章 智能手機 UI 主題設計73.1 手機壁紙設計73.2 手機應用圖標設計7第四章 結論與展望8參考文獻10致謝11天津濱海職業學院畢業設計(論文)第一章 緒論1.1 課題來源隨著網絡化和信息化進程的加快發展,現如今,智能手機已然成為我們日常生活中不可或缺的一部分。年輕消費群體更是把大量時間耗費在手機上。有數據統計,用戶在使用手機過程中,兩成時間花費在打電話、發短信,余下的八成花費在其他事情上,譬如上網瀏覽新聞資訊、觀看視頻節目、電子閱讀、玩手機游戲、拍照錄視頻、刷朋友圈等。尤其近幾年運營商應用商店和一些獨立的第三方應用商店整體呈現蓬勃

8、發展的趨勢,各類別的 App 層出不窮,將用戶的碎片化時間合理的利用起來,極大豐富了人們的日常生活。技術的進步與市場的需求,合理設計智能手機 UI 交互界面的重要性顯得格外突出。手機主題設計作為界面交互設計中的一個新興領域,滿足用戶追求個性化的需求,受到越來越多手機產商與 UI 設計師的關注。近幾年各類 UI 設計大賽的成功舉辦也掀起了智能手機 UI 主題界面交互設計的熱潮。1.2 課題研究的目的及意義如何合理制定交互方式、確定用戶界面風格、布局結構與信息展示方式,如何將手機主題界面設計與用戶交互體驗有機的結合在一起,是當下非常值得探討研究的問題。研究分析手機 UI 主題界面交互設計風格及設計

9、手法的目的是為了深入了解用戶對智能手機的需求。滿足用戶需求、優化用戶體驗是交互設計的最終使命。具體說來,我們可以從產品的角度和手機用戶的角度來分析該課題研究的意義。從產品的角度出發,研究分析手機 UI 主題界面交互設計有助于手機品牌口碑的傳播,促進手機銷售,增大市場份額。試想如果兩款手機的硬件、外觀、內部功能基本相同,那么界面設計美觀、交互人性合理的那款手機無疑更能贏得消費者的青睞。只有真正做到讓用戶使用產品時產生情感上的認同,品牌之路才能順暢而高遠。從手機用戶的角度出發,美觀的界面設計和合理的交互設計是衡量手機是否值得購買的標準之一。在長期的使用過程中,優秀的 UI 主題界面交互設計能帶給用

10、戶感官上的愉悅和操作上的舒適,讓手機的使用價值最大化。1.3 課題研究內容及方法1.3.1 調查法調查法,顧名思義,是為了達到設想的目的而進行事先制定的研究計劃,通過各種渠道收集到有針對性的圖文信息、音頻視頻、實物信息等進行認真詳細的分析、綜合和比對,去了解研究對象某一方面的情況并得出相應結論的科學研究方法。其目的可以是全面把握當前的情況,或是為了揭示某個存在的問題,理清脈絡,為進一步深入的研究和創作提供科學的觀點和論據。本文便是通過前期有針對性的研究智能手機主題設計的概況,探討主題設計原則和設計流程,為后期創作設計手機主題提供理論依據和大致方向。1.3.2 文獻分析法文獻分析法,指查閱搜集、

11、區分、整理與主題相關的文獻報告,通過對這些文獻的深入研究分析,形成對事實科學認識的辦法。文獻分析法是一種經濟有效的信息收集方式,通過對相關對象的現有文獻進行定量分析、統計描述進而實現對目標事物的科學認識。在針對主題設計這一對象,我們通過查閱相關文獻來分析并整理歸納出手機主題設計涉及到的構成元素、國內外在手機主題領域的現狀、擬物化與扁平化風格設計的優缺點等。對手機主題設計進行深入的剖析,利用相關設計軟件將主題的構成元素制作出來組合在一起,最終展示在用戶的手機屏幕上。1.3.3 實證研究法實證研究法是通過提供不虛假、有效、確切、精準的信息去真正認識客觀事實的知識研究方法,其重點是研究現象本身的內在

12、邏輯及其規律。以滿足用戶需求、增加手機主題可用性為出發點,同時結合市場調查問卷,進一步確定設計手法,進行智能手機主題的創作。1.3.4 設計創作法采取多樣的設計手法創作獨樹一幟的手機主題,重點在于把握界面設計的流行趨勢,恰當融入自己構想的主題方向,將扁平風與擬物風合適地調配在一起。采用合理、有邏輯的排版布局方式,使整體界面美觀大方。通過手繪草圖、軟件設計、產出主題包等一系列步驟進行圖標和界面的設計和創作,讓手機圖標得以在不同的壁紙狀態下都能很好的突顯出來,手機主題得以在不同品牌的手機上完美的應用。盡最大努力滿足手機用戶的個性化需求,為豐富多彩的智能手機主題世界添磚加瓦。第二章 智能手機 UI

13、主題設計的概況與分析2.1 智能手機 UI 主題設計的概念智能手機主題的運行是基于其本身的操作系統。當前智能手機操作平臺大致分為三大陣營,安卓陣營、i OS 陣營、Windows Phone 陣營。其中,由 Google公司與開放手機聯盟領導及開發的開源移動 OS安卓系統已然成為全球最大的智能手機操作平臺,國產品牌智能手機的操作系統也全部是基于安卓。i OS操作系統是由蘋果公司開發的手持設備操作系統,僅支持蘋果公司的電子產品。Windows Phone 操作系統由微軟公司開發,主要應用于諾基亞手機,也支持三星、LG、宏碁等廠商的部分型號手機。而手機主題便是基于這幾個操作平臺運行的應用程序。目前

14、國內不同廠商基于安卓開發的手機操作系統不盡相同,比如小米開發的是 MIUI(米柚),華為開發的是 EMUI(Emotion UI),聯想開發的是 VIBE UI。但本質上,設計師制作的手機主題都是基于安卓操作系統(目前已更新至 7.0 版本)。手機主題作為一種美化智能手機 UI 界面的應用程序,出現在各廠商自帶的出廠軟件中。安卓用戶打開主題商城,即可挑選下載到自己喜歡的界面主題進行安裝。一般說來,手機主題的設計主要包含了以下構成元素:壁紙、鎖屏、應用圖標、系統界面、App Widget 部件。總之,手機主題設計可以滿足用戶追求個性化差異的需求,本質上是根據該手機自身的配置恰當地對其系統界面進行

15、重新設計編排抑或對部分視覺元素進行繪制更換的美化過程,屬于界面設計范疇,保證用戶的控制能力,進一步促進交互作用。一款設計優良的手機主題可以激發喚醒甚至加強使用者與互聯網世界的聯系。2.2 智能手機 UI 主題設計的國內外研究現狀及分析2.2.1 國內研究現狀及分析隨著近年來智能手機以迅雷不及掩耳之勢席卷整個信息世界,智能手機的用戶在熟悉操作系統后,對于手機 UI 的美觀程度有了更高的追求,于是手機主題設計行業就此應運而生,并受到越來越多從事界面設計領域的設計師的關注。一款美觀的手機主題在滿足用戶對于手機差異化追求的背后,無疑是在給手機廠商帶來更多的銷售與收入來源。縱觀國內智能手機市場,基本所有

16、知名的手機品牌廠商都開發出自己的手機主題平臺與配套的主題設計師登錄系統。譬如,小米手機主題商店便向用戶提供上千款百變主題,上萬種個性搭配,通過獨創的個性主題、百變鎖屏與自由桌面,增強用戶與 MIUI 之間的黏性,滿足顧客的個性化需求。華為、聯想、奇酷、魅族、OPPO、步步高 vivo、康佳手機也在各自的主題商店里提供眾多的主題樣式,行業里甚至催生出許多第三方手機主題美化 APP,并且近年來它們都先后和一線國內設計師互動平臺聯合舉辦規模大型的手機主題設計賽事。譬如與站酷網聯合策劃的“輕主題 心出發vivoFuntouch 全局主題設計大賽”“ 為夢想設計魅族 flyme 手機主題設計征集”“全世

17、界看你的華為 EMUI 第二屆全球手機主題設計大賽”“ 潮范兒檬出色聯想樂檬 VIBE UI 手機主題設計大賽”;與創意設計社區視覺中國網站策劃的“聯想主題小店,你是掌柜!聯想主題大賽”、“你酷你就秀酷派手機主題大賽”等,這些獎金高額的大賽不僅在設計師群體里征集到了大量出色的手機主題設計作品,更對智能手機主題設計行業未來的發展起到了非常積極的推動作用。因為手機主題設計的門檻并不高,對人機交互技術有所了解并能恰當把握設計風格,基本上就擁有了設計手機主題的能力。所以,當下絕大部分優秀的手機主題設計師是從視覺傳達設計、平面設計、動漫專業跨界到智能手機主題界面設計。設計經驗也大多是從以往的設計工作中積

18、累而來。雖然目前國內各大院校的界面設計相關專業的課程不盡完善,但值得相信的是,未來移動端主題設計行業將涌現出一大批專業人才,手機主題市場也將日益專業和繁榮。2.2.2 國外研究現狀及分析通過在谷歌頁面與設計界頂尖的設計社區 Behance、Dribbble 網站上搜索關鍵詞“mobile phone theme design”,不難發現搜索出來的關于智能手機主題界面設計的佳作絕大多數來自中國,當然這并不意味著國外極少數設計師會關注手機主題設計這個領域,只是相對而言,國內的手機主題設計風潮更盛,這無疑與國內手機廠商高額的設計獎金與健全的主題分成制度息息相關。而國外設計師們更多是在 APP 界面領

19、域上大顯身手。- 6 -第三章 智能手機 UI 主題設計本人是以漫威動漫中的美國隊長為主題進行設計的,將美國隊長的標志性物品及海報進行優化,加入到本次的設計之中。3.1 手機壁紙設計手機壁紙按用途可分為兩類,一類是鎖屏壁紙,另一類是主屏幕壁紙(在蘋果手機中,壁紙亦稱作墻紙)。一、鎖屏壁紙指的是手機在未解鎖狀態下屏幕顯示的畫面,可分為靜態圖與動態圖。尺寸根據手機產品自身的屏幕大小參數來設定,一般設計的默認尺寸為 19201080 像素,廠商提供的制作工具大多可以根據該尺寸進行上下裁剪或等比例縮放來適配不同規格的手機。二、主屏幕壁紙,也稱為桌面壁紙,指的是手機在解鎖后屏幕顯示的畫面,根據手機設置的

20、不同可分為單屏和多屏,區別在于:單屏壁紙不會根據用戶切換各屏界面圖標而改變,圖片中的所有內容在屏幕上全部呈現;多屏壁紙則相反,會追隨用戶滑動切換屏幕而移動,即每個定格的屏幕上只顯示出多屏壁紙橫向的一個局部,設計的尺寸根據手機品牌不同而異。在手機壁紙的創作過程中,為了保證后期主題顯示在手機屏幕上的色調統一,本次設計將每個主題的鎖屏壁紙與主屏幕壁紙設成一致。唯一的小小區別在于主屏幕的壁紙較之鎖屏會更暗一些,這樣做的目的是為了更加凸顯主屏幕上的圖標顯示,避免圖標與壁紙因缺乏層次感而融為一體。3.2 手機應用圖標設計手機應用圖標是指解鎖屏幕后呈現在桌面壁紙上的一個個代表不同應用程序的圖標。圖標需要在規

21、定像素的正方形區域內進行設計,不同廠商規定的像素不盡相同,所以圖標大小與形狀也不是一成不變的,主題創作需要根據創意發揮設計出與眾不同的甚至可以是異形的圖標,但設計一套完整主題的過程中需要保證所有應用圖標在視覺上要處于同一種風格,即要保持設計風格的一致性。唯有如此,才能使不同圖標呈現在同一個屏幕上時不顯得零亂無序,能融為一體。圖3-1 智能手機 UI 主題設計第四章 結論與展望智能手機作為互聯網時代主流的終端載體,已然融進人類的社交生活中,成為不可或缺的一部分。在滿足了基本通訊用途的基礎上,越來越多的功能在智能手機上得以實現,給人類帶來無盡便捷舒適的享受。正因為如此,美觀的界面設計與良好的交互體

22、驗扮演著愈發重要的角色,直接影響到了用戶的使用與產品的銷售業績。縱觀設計史,所有設計風格的出現都不是憑空而來,其背后一定有著深刻的規律性因素推動。擬物風、扁平風在移動互聯網時代輪流登臺亮相亦有更深層的時代背景原因。在近些年,為了更好地適應層出不窮的屏幕尺寸,扁平風秉承著極簡主義設計理念,引起了設計界的廣泛關注,成為當下最為流行的界面設計風格。一方面,扁平化風格的 UI 界面簡潔干凈,視覺上營造更輕快的操作體驗。另一方面,可以最大化突出內容主題,使信息本體作為核心凸顯出來,緩解信息負載,讓用戶在操作過程中更專注于內容本身,降低用戶在界面上的導航成本。這些都是扁平化風格能夠受到熱捧的原因。當然,所

23、有風格都不可能是完美無瑕的,扁平化在發展過程中順應時代的變化也在悄然進化,在極端的邊緣走了回來,重拾起若干曾經擯棄的效果并加以優化,只為了更好的用戶體驗。我們難免會聽到周遭人群抱怨科技產品造成了人與人之間越來越多的冷漠與隔閡。可是我們也不能否認曾經或正在感受著來自科技產品的人文關懷,它們讓我們的生活變得更美好。而手機主題,便扮演著其中一個微乎其微的角色,它通過眾多可選擇的界面視覺滿足我們追求個性差異化的需求,通過良好的交互方式消除了使用過程中未曾言明的不便,通過種種人性化細節引起我們對手機品牌理念的共鳴,通過以上形式來激發我們藏匿在心底不曾離去的生活熱忱。所有這些,都是在說手機產品所代表的科技

24、可以和我們更好的溝通交流,而設計師作為一條連接用戶與產品間的橋梁,在當下正發揮著越來越重要的作用。總之,從事主題設計行業的設計師,應當基于用戶需求和程序本身去探索智能手機 UI 主題界面交互設計的創作技巧與風格表現,把握當前流行趨勢同時不盲目跟風隨大流,熟練掌握設計風格技巧,從生活中汲取創作靈感,尊重用戶意見,勇于實踐,為手機主題市場的美好未來貢獻力量。參考文獻1 韓曉墨. 繼承與發展并重論扁平化設計的席卷J. 深圳:現代裝飾(理論),2013(07):90.2 馬海港. 少即是多論扁平化界面設計風格的優勢J. 深圳:現代裝飾(理論),2013(12):87、88.3 李佳. 界面設計中的扁平化設計與擬物化設計之探議J. 藝術與設計(理論),2014(03):5557.4 譚琢麒. 中國元素在手機主題設計中的應用J. 石家莊:大舞臺,2014(04):48、49、96.5 毛昕,趙倩雲. 淺析移動終端設備的扁平化設計風格J. 北京:設計,2014(06):85、86.6 趙玉航,李世國. 圖形用戶界面設計中的功能可見性J. 重慶:包裝工程,2010(20):4447.7 宋方,金錦虹,逯新輝. 析扁平化手機界面設計J. 重慶:包

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間,僅對用戶上傳內容的表現方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容,請與我們聯系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論