基于用户体验的手机UI图标融合设计研究

发布时间：2019-06-05 14:27

【摘要】：随着移动互联网技术的普及,生活节奏的加快,人们越来越倾向于利用零碎的时间学习和娱乐。智能手机作为一种移动终端,因操作简易、体积较小、便于携带而应用广泛,这使得随之而来的UI图标设计得到了很大的发展,并成为学术和设计行业研究的热点问题之一。本论文主要从用户体验、拟物化图标设计、扁平化图标设计和图标融合设计等四个方面对手机UI图标的设计问题进行了分析与研究,最后以综合案例的方式对图标融合设计进行了分析和实现。拟物化设计是以物体重现为核心的图标设计理念,具有UI图标的易识别性、一致性和主题文化性等设计特征与原则。然而,从设计复杂度和手机屏幕显示的局限性角度考虑,拟物化对现实生活中的有些实物存在无法实现和满足用户体验的个性化差异等缺点;扁平化设计倡导化繁为简,少即是多的设计理念,有效分清了界面内容的主次关系,其设计中遵循图形、色彩和字体的扁平化原则。然而,扁平化设计无法向用户传达细腻的情感和信息细节,造成UI图标功能的缺失和用户体验的下降,并且容易出现相似度极高的“克隆”设计。因此,UI图标设计不应该局限于某种设计风格,而是要在考虑用户体验的基础上将多种设计风格进行融合。基于此,本论文提出了手机UI图标的融合设计思想,即将拟物化与扁平化图标融合起来进行合理的设计,从而更好的提升用户体验。论文从基于图标信息优化配置的信息融合、内容展现的色彩融合、用户体验的功能融合、主题环境的情境融合和设计理念的个性融合等五个方面分析了手机图标的主要融合思想。最后,论文结合扁平化与拟物化、用户体验以及毕业创作等方面的知识阐述了手机UI图标融合设计的合理性,通过设计案列论证了拟物化图标设计和扁平化图标设计并不是最优化、最符合用户体验的设计,从而得出UI图标设计不能总是一味地追求拟物化和扁平化,应结合用户的需求和图标的功能意义进行融合设计。基于以上的分析,将拟物化图标与扁平化图标进行合理的融合,使手机UI图标的视觉表现形式更好地服务于功能。
[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

【参考文献】