【摘要】：隨著移動(dòng)互聯(lián)網(wǎng)技術(shù)的普及,生活節(jié)奏的加快,人們越來越傾向于利用零碎的時(shí)間學(xué)習(xí)和娛樂。智能手機(jī)作為一種移動(dòng)終端,因操作簡易、體積較小、便于攜帶而應(yīng)用廣泛,這使得隨之而來的UI圖標(biāo)設(shè)計(jì)得到了很大的發(fā)展,并成為學(xué)術(shù)和設(shè)計(jì)行業(yè)研究的熱點(diǎn)問題之一。本論文主要從用戶體驗(yàn)、擬物化圖標(biāo)設(shè)計(jì)、扁平化圖標(biāo)設(shè)計(jì)和圖標(biāo)融合設(shè)計(jì)等四個(gè)方面對手機(jī)UI圖標(biāo)的設(shè)計(jì)問題進(jìn)行了分析與研究,最后以綜合案例的方式對圖標(biāo)融合設(shè)計(jì)進(jìn)行了分析和實(shí)現(xiàn)。擬物化設(shè)計(jì)是以物體重現(xiàn)為核心的圖標(biāo)設(shè)計(jì)理念,具有UI圖標(biāo)的易識(shí)別性、一致性和主題文化性等設(shè)計(jì)特征與原則。然而,從設(shè)計(jì)復(fù)雜度和手機(jī)屏幕顯示的局限性角度考慮,擬物化對現(xiàn)實(shí)生活中的有些實(shí)物存在無法實(shí)現(xiàn)和滿足用戶體驗(yàn)的個(gè)性化差異等缺點(diǎn);扁平化設(shè)計(jì)倡導(dǎo)化繁為簡,少即是多的設(shè)計(jì)理念,有效分清了界面內(nèi)容的主次關(guān)系,其設(shè)計(jì)中遵循圖形、色彩和字體的扁平化原則。然而,扁平化設(shè)計(jì)無法向用戶傳達(dá)細(xì)膩的情感和信息細(xì)節(jié),造成UI圖標(biāo)功能的缺失和用戶體驗(yàn)的下降,并且容易出現(xiàn)相似度極高的“克隆”設(shè)計(jì)。因此,UI圖標(biāo)設(shè)計(jì)不應(yīng)該局限于某種設(shè)計(jì)風(fēng)格,而是要在考慮用戶體驗(yàn)的基礎(chǔ)上將多種設(shè)計(jì)風(fēng)格進(jìn)行融合�；诖�,本論文提出了手機(jī)UI圖標(biāo)的融合設(shè)計(jì)思想,即將擬物化與扁平化圖標(biāo)融合起來進(jìn)行合理的設(shè)計(jì),從而更好的提升用戶體驗(yàn)。論文從基于圖標(biāo)信息優(yōu)化配置的信息融合、內(nèi)容展現(xiàn)的色彩融合、用戶體驗(yàn)的功能融合、主題環(huán)境的情境融合和設(shè)計(jì)理念的個(gè)性融合等五個(gè)方面分析了手機(jī)圖標(biāo)的主要融合思想。最后,論文結(jié)合扁平化與擬物化、用戶體驗(yàn)以及畢業(yè)創(chuàng)作等方面的知識(shí)闡述了手機(jī)UI圖標(biāo)融合設(shè)計(jì)的合理性,通過設(shè)計(jì)案列論證了擬物化圖標(biāo)設(shè)計(jì)和扁平化圖標(biāo)設(shè)計(jì)并不是最優(yōu)化、最符合用戶體驗(yàn)的設(shè)計(jì),從而得出UI圖標(biāo)設(shè)計(jì)不能總是一味地追求擬物化和扁平化,應(yīng)結(jié)合用戶的需求和圖標(biāo)的功能意義進(jìn)行融合設(shè)計(jì)�；谝陨系姆治�,將擬物化圖標(biāo)與扁平化圖標(biāo)進(jìn)行合理的融合,使手機(jī)UI圖標(biāo)的視覺表現(xiàn)形式更好地服務(wù)于功能。
[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.
【學(xué)位授予單位】：武漢紡織大學(xué)
【學(xué)位級別】：碩士
【學(xué)位授予年份】：2017
【分類號(hào)】：TB47

【參考文獻(xiàn)】

相關(guān)期刊論文 前10條

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

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

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

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

5 郝銀忠;;扁平化風(fēng)格在花草茶包裝設(shè)計(jì)中的應(yīng)用[J];輕工科技;2017年01期

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

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

8 楊光;;界面扁平化設(shè)計(jì)風(fēng)格成因探析[J];設(shè)計(jì);2016年13期

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

10 李明輝;魏亞云;;安卓手機(jī)移動(dòng)端的界面設(shè)計(jì)美學(xué)法則探析[J];包裝工程;2016年10期

相關(guān)重要報(bào)紙文章 前1條

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

，

本文編號(hào)：2493595