【摘要】：隨著移動互聯(lián)網(wǎng)技術的普及,生活節(jié)奏的加快,人們越來越傾向于利用零碎的時間學習和娛樂。智能手機作為一種移動終端,因操作簡易、體積較小、便于攜帶而應用廣泛,這使得隨之而來的UI圖標設計得到了很大的發(fā)展,并成為學術和設計行業(yè)研究的熱點問題之一。本論文主要從用戶體驗、擬物化圖標設計、扁平化圖標設計和圖標融合設計等四個方面對手機UI圖標的設計問題進行了分析與研究,最后以綜合案例的方式對圖標融合設計進行了分析和實現(xiàn)。擬物化設計是以物體重現(xiàn)為核心的圖標設計理念,具有UI圖標的易識別性、一致性和主題文化性等設計特征與原則。然而,從設計復雜度和手機屏幕顯示的局限性角度考慮,擬物化對現(xiàn)實生活中的有些實物存在無法實現(xiàn)和滿足用戶體驗的個性化差異等缺點;扁平化設計倡導化繁為簡,少即是多的設計理念,有效分清了界面內容的主次關系,其設計中遵循圖形、色彩和字體的扁平化原則。然而,扁平化設計無法向用戶傳達細膩的情感和信息細節(jié),造成UI圖標功能的缺失和用戶體驗的下降,并且容易出現(xiàn)相似度極高的“克隆”設計。因此,UI圖標設計不應該局限于某種設計風格,而是要在考慮用戶體驗的基礎上將多種設計風格進行融合。基于此,本論文提出了手機UI圖標的融合設計思想,即將擬物化與扁平化圖標融合起來進行合理的設計,從而更好的提升用戶體驗。論文從基于圖標信息優(yōu)化配置的信息融合、內容展現(xiàn)的色彩融合、用戶體驗的功能融合、主題環(huán)境的情境融合和設計理念的個性融合等五個方面分析了手機圖標的主要融合思想。最后,論文結合扁平化與擬物化、用戶體驗以及畢業(yè)創(chuàng)作等方面的知識闡述了手機UI圖標融合設計的合理性,通過設計案列論證了擬物化圖標設計和扁平化圖標設計并不是最優(yōu)化、最符合用戶體驗的設計,從而得出UI圖標設計不能總是一味地追求擬物化和扁平化,應結合用戶的需求和圖標的功能意義進行融合設計�；谝陨系姆治�,將擬物化圖標與扁平化圖標進行合理的融合,使手機UI圖標的視覺表現(xiàn)形式更好地服務于功能。
[Abstract]:With the popularity of mobile Internet technology and the acceleration of the pace of life, people are more and more inclined to use piecemeal time to learn and entertain. As a kind of mobile terminal, smart phone is widely used because of its simple operation, small volume and easy to carry, which makes the following UI icon design have been greatly developed, and has become one of the hot issues in academic and design industry. In this paper, the design of mobile phone UI icon is analyzed and studied from four aspects: user experience, quasi-materialized icon design, flattened icon design and icon fusion design. Finally, the icon fusion design is analyzed and implemented in the way of comprehensive case. Quasi-materialized design is an icon design concept with object reproduction as the core, which has the design features and principles of UI icon, such as easy recognition, consistency and theme culture. However, from the point of view of design complexity and limitations of mobile phone screen display, some physical objects in real life can not be realized and meet the personalized differences of user experience. Flattening design advocates simplification, less is more design concept, effectively distinguishes the primary and secondary relationship of interface content, and follows the flattening principle of graphics, color and font in its design. However, flattening design can not convey delicate emotion and information details to users, resulting in the lack of UI icon function and the decline of user experience, and is prone to highly similar "clone" design. Therefore, UI icon design should not be limited to a certain design style, but should combine a variety of design styles on the basis of considering the user experience. Based on this, this paper puts forward the fusion design idea of mobile phone UI icon, that is, the fusion of quasi-materialization and flattening icon for reasonable design, so as to improve the user experience. In this paper, the information fusion based on icon information optimization configuration, the color fusion of content presentation and the function fusion of user experience are discussed. This paper analyzes the main fusion ideas of mobile phone icons from five aspects: the situation fusion of the subject environment and the personality fusion of the design concept. Finally, based on the knowledge of flattening and pseudo-materialization, user experience and graduation creation, this paper expounds the rationality of mobile phone UI icon fusion design. Through the design case line, it is proved that the quasi-materialized icon design and flattened icon design are not optimized, which are most in line with the user experience, and it is concluded that UI icon design can not always blindly pursue quasi-materialization and flattening. The fusion design should be carried out according to the needs of users and the functional meaning of icons. Based on the above analysis, the quasi-materialized icon and flattened icon are reasonably integrated, so that the visual representation of mobile phone UI icon can better serve the function.
【學位授予單位】：武漢紡織大學
【學位級別】：碩士
【學位授予年份】：2017
【分類號】：TB47

【參考文獻】

相關期刊論文 前10條

1 祝振媛;李廣建;;“數(shù)據(jù)—信息—知識”整體視角下的知識融合初探——數(shù)據(jù)融合、信息融合、知識融合的關聯(lián)與比較[J];情報理論與實踐;2017年02期

2 陳氫;韋榕;;電子商務網(wǎng)站用戶體驗的設計與實現(xiàn)[J];科技和產(chǎn)業(yè);2017年01期

3 夏韜;;淺析智能手機圖標擬物化與扁平化的發(fā)展趨勢[J];設計;2017年01期

4 王梅;;扁平化設計的發(fā)展趨勢、優(yōu)勢與成因[J];電子制作;2017年02期

5 郝銀忠;;扁平化風格在花草茶包裝設計中的應用[J];輕工科技;2017年01期

6 李宜勇;;淺析UI圖標擬物化和扁平化的交互方式[J];電腦知識與技術;2016年24期

7 駱瑋;張毅;;扁平化設計的特征與優(yōu)勢分析[J];藝術與設計(理論);2016年10期

8 楊光;;界面扁平化設計風格成因探析[J];設計;2016年13期

9 錢瑜;;淺析UI設計中擬物化和扁平化的發(fā)展[J];新絲路(下旬);2016年05期

10 李明輝;魏亞云;;安卓手機移動端的界面設計美學法則探析[J];包裝工程;2016年10期

相關重要報紙文章 前1條

1 王彥彬;;UI還是OS：如何黏住用戶?[N];通信產(chǎn)業(yè)報;2015年

，

本文編號：2493595