关于移动互联网软件产品中的UI设计研究_刘婕.pdf

鞋类工艺与设计SHOES TECHNOLOGY AND DESIGN2023 年 1 月第 3 卷 第 2 期Jan.2023Vol.3 No.230关于移动互联网软件产品中的 UI 设计研究刘 婕（武汉工程科技学院，湖北 武汉 430000）摘要：UI 设计在移动互联网软件的发展中有着重要意义，通过 UI 设计可以让软件产品更有设计感，可以让产品更受用户喜爱，让软件产品的用户数量不断增加。基于此，笔者就以移动互联网软件产品中 UI 设计的重要性、具体设计要素等展开了论述，以期更好地提升软件产品的品质和用户使用体验。关键词：移动互联网；软件产品；UI 设计中图分类号TP311.52文献标识码A DOI:10.3969/j.issn.2096-3793.2023-02-010Research on UI Design in Mobile Internet Software ProductsLIU Jie(Wuhan University of Engineering Science,Wuhan 430000,China)Abstract:UI design is of great significance in the development of mobile internet software.Through UI design,software products can be more designed,more popular with users,and the number of users of software products is increasing.Based on this,the author discusses the importance and specific design elements of UI design in mobile Internet software products in order to better improve the quality of software products and user experience.Key words:mobile internet;software products;ui design引 言伴随着我国社会经济的良好发展使得民众的文化需求不断提高，民众的文化品位也越来越高，对于设计精良的产品会更为关注，因此移动互联网软件产品中的 UI设计将成为满足民众文化品位要求的重要途径，它可以让民众更多地享受视觉艺术，提升产品的文化品位和审美情趣。此外，移动互联网软件产品具有美观的 UI 设计也会有效地拉近人与产品之间的距离，可以让用户有更为舒适的视觉享受和使用体验。1 UI 设计UI 设计是指对软件的人机交互、操作逻辑、界面美观的整体设计，通过好的 UI 设计不仅可以让软件产品更为美观和更有个性，也可以更好地体现软件产品的定位和特点。UI 设计的综合性非常强，它不仅包含了艺术设计和计算机学科知识，也涉及到了心理学和人机工程学等多个学科。移动互联网软件产品中的 UI 设计主要五类：（1）服务查询类产品；（2）宣传类产品；（3）电商类产品；（4）信息类产品；（5）社交类产品。服务查询类主要是针对百度、360 等查询网站所展开的 UI 设计。宣传类主要是针对软件产品宣传或者软件品牌宣传所展开的 UI 设计，如产品海报、宣传页等。电商类主要是针对购物网站所展开的 UI 设计，如淘宝、京东等。信息类主要是针对各大信息展示平台所展开的 UI 设计，如今日头条、各大新闻客户端等。社交类主要针对社交软件、论坛等展开的 UI设计，如微信、抖音等1。2 移动互联网软件产品中 UI 设计的重要性分析UI 设计既是对界面的研究，也是对用户的研究，通过对界面和人的研究可以很好地达成人机交互的效果，可以使软件产品更受用户欢迎。UI 设计中的界面研究其实本质就是界面的视觉设计，与传统意义的“美工”不同，UI 设计师在进行设计中会对软件产品有更多研究，会以用户的体验和需求为设计点展开界面设计，全方面地进行用户需求的满足。而针对用户的研究则更多是通过用户的调研测试来让软件产品可以更为合理，可以良好的人性化功能，使 UI 设计不再仅凭 UI 设计师和领导的喜好而开展，让软件产品可以更为适合用户。以产品销售的角度而言，通过 UI 设计可以让软件产品有新的卖点，可以影响用户对产品的选择和消费，甚至通过 UI 设计可以让产品建立更有黏性的“粉丝群体”，从而使软件产品可以形成“粉丝效应”，使其品牌形象得到不断宣传和发展，而以用户作者简介：刘婕（1988-），女，硕士，讲师，研究方向：视觉传达设计，.第 2 期视觉设计刘 婕 关于移动互联网软件产品中的 UI 设计研究31使用的角度出发，UI 设计师通过用户操作移动设备和各类信息交互习惯，可以让软件产品的操作更加简单便捷，让产品内容更为丰富多样。此外，依托互联网络支撑可以使软件产品拥有流畅的浏览效果，可以让信息得到更为快速和高效的传播，将信息完整进行传递和交互，使用户的产品使用体验更为良好，也使互联网信息传播得到了进一步的发展。在 UI 设计中，设计师首先要能以人性化服务设计理念为核心展开相关的视觉艺术设计，要能体现人文情怀，在艺术构想中要能以用户的习惯和产品需求展开艺术构思，摒弃不合理的产品设计元素，回归以人为最根本的产品需求和审美需求，以便使产品设计可以更为高质量，让产品的受欢迎度更高。3 移动互联网软件产品中 UI 设计的具体设计要素3.1 图形符号在信息传达过程中，除了运用文字进行信息传达外，图形符号也可以进行信息传达，并且该种方式会更为直观，可以更具有视觉冲击。图形符号简单易懂，在日常生活中通过图形符号可以让民众以图形符号为引导展开相关动作，例如交通指示图形符号等，而在互联网络中，图形符号则可以起到更为简洁易懂、方便记忆等作用，可以让用户直观对产品进行了解和进行快速记忆，并且图形符号可以不受年龄、文化、语言的限制，达到大范围传播的效果，为此图形符号不仅在实际生活中应用广泛，在互联网世界中也应用非常广泛。UI 设计师在展开设计时，需要能对图形符号展开重点设计，需要能让图形符号能正确表达所要传递的信息，也让用户可以更为快速地解读信息，图形符号的形状不管如何进行设计，其设计基础是要建立在文化基础之上的，这样才能正确传达信息，才不会被用户误解，避免影响软件产品的实际展示效果。例如“中国邮政”的 Logo 设计，该图形符号就是设计性和文化性为一体的图形设计，它不仅精炼展示了“中国邮政”的功能作用，也很好地展示了中国传统文化，让人记忆深刻，见图。图形设计主要可以分为 3 类：（1）图形的排序。图形的有序排列可以让图像更为整齐，UI 设计师在进行设计时可以通过点线面的原理和图形的放大缩小来将图形排列整齐，让其可以更具美感和设计感。（2）图形的合理搭配。通过图形的合理搭配可以让图形不突兀，可以让图形整体性进行展示，使画面可以更为和谐统一，不管是复杂的图形，还是简单的图形都要遵守形式美的规律，按照软件产品整体的风格和理念文化等来确定适当的比例尺寸和颜色搭配，让图形符号可以更具形式美。（3）图形的合理变化。同形式的图形符号是无法传递不同信息内容的，并且同形式的图形符号也无法彰显设计性和个性化，为此，设计师要能让图形进行合理变化，使其更具有设计分，突出其功能作用和产品理念的同时，也突出设计师本身的独特艺术表现能力2。图 1“中国邮政”Logo 设计3.2 色彩色彩与人感官体验和心理状态有着密切关系，不同的色彩可以引起观看者不同的心理感受反应，可以决定着用户对软件产品的最初印象。视觉感知是人感知世界或者认识事物最直观的途径，对人的影响是最大的，而其中色彩更是重中之重，是人眼睛最先接受到的内容，在互联网世界中，不一样的色彩视觉效果会带给用户不一样的冲击力和吸引力。为了能很好地凸显画面的整体性和主题，设计师在进行设计时一般不会使用较为突兀的颜色充当画面底色，例如在图形符号设计中，大多是设计师都是以白色（无色）或者明度较低的颜色作为底色，进而更好地突出图形符号。此外，色彩还可以对用户情绪产生一定影响，例如红色就给人喜庆、火热等感觉，而看到蓝色就让人有宁静、忧郁之感等，因此在 UI 设计中设计师也需要能通过颜色来让用户有不一样的视觉体验，如在进行有关节日场景的设计时设计师就可以使用暖色系的颜色，让用户可以更好地感受愉快的节日氛围。在表现庄严和冷静的场景时设计师可以使用冷色系的颜色，以便增强严肃感，如政府部门的相关 APP，同时，设计师也可以根据软件产品的所处的行业来进行颜色选择，如绿化行业的 APP 可以以绿色为主，海鲜食品业的 APP 可以以蓝色为主等。UI 设计师在进行色彩设计时还需要能注意整体色调的确定、颜色的明度和纯度、颜色的搭配等。（1）整体色调的确定方面设计师需要能根据软件产品的主题风格来进行主色调的确定，让产品的主题风格和主色调可以统一协调。（2）在色彩的明度和纯度选择方面不宜让明度和纯度过高，过于颜色鲜明，过于鲜明的颜色会容易刺激到用户的眼部神经，造成视觉疲劳，进而影响用户的实际体验，使用户体验感不良好。因此设计师要能对色彩的明度和纯度进行良好的把握，合理进行选择应用。（3）颜色搭配方面 UI 设计师需要能科学合理地进行搭配，不可随意进行颜色搭配，在同一画面中过于杂乱的颜色，会使用户产生观看干扰，无法抓住重点，并且也无法了解主题，对此设计师在设计时应采用较少的色彩来表达出最佳的第 3 卷视觉设计鞋 类 工 艺 与 设 计32效果，通过科学合理的色彩搭配来简洁明了地传达信息，引起用户的兴趣，留下深刻印象。3.3 文字文字作为传达信息的一种重要方式在移动互联网软件产品中占据着重要地位，文字编排直接影响着用户的阅读体验，尤其是 APP 中的文字阅读，用户通过文字阅读可以了解产品的信息内容，可以通过文字编排来产品的质量和品质进行打分，因此文字也是 UI 设计中的重要内容之一。针对软件产品的文字编排设计主要有这3方面要求：（1）文字设计必须具备高辨识度。UI 设计师在进行文字设计时可以从文字字体、大小、颜色等基础方面来提高文字的辨识度，该种方式一般可用于新闻类的 APP，同时，UI 设计师也可以对文字进行创意设计，进而让文字更有辨识度，如可以让文字图形化或者让文字动态化，这样的文字设计可以应用在购物网站或者社交类网站中。（2）设计师需要选择适合在移动设备中进行阅读的文字。不同移动设备所默认的中文字体是不同的，因此 UI 设计师在设计文字时需要能选择适合不同设备平台的字体，并且需要能根据设备更新来不断对字体进行调整，让字体的清晰度更高，大小更为适中，让用户可以得到最佳的阅读体验。（3）移动设备文字的排版设计。留白。移动设备中的文字排版和传统书面文字排版是不同的，因移动设备屏幕更小，因此在文字排列时不可过于紧凑，要能留给空间，让行距更为适中，让用户更好地进行文字阅读。文字边缘整齐。移动端的文字对齐方向也是以左对齐为主，其间距要能保持一致。反差减少。要能保证文字的协调，尤其是同层次中或者同功能的文字展现中不能出现反差，如在新闻阅读中出现上下段文字差别较大等情况。3.4 版式设计现今用户在使用移动互联网软件产品时不仅更为关注产品的内容和功能，也对产品的版式设计风格更为感兴趣，版式设计是现代艺术的重要组成部分，也是展开视觉传达的重要手段，版式设计不是单一的页面图形组合，其更多是以用户体验和美学原理为基础的综合平面设计。UI 设计师在进行移动互联网软件产品的版型设计时需要能以产品的功能特性、用户群体等多个因素来进行综合选择，移动界面的版型设计可以按照产品功能分为信息展示型和功能操作型。（1）信息展示型。信息展示型就是以新闻信息或者产品信息为主的展示型界面，所展示的内容不同其界面版型也会不一样，以浏览类 APP 为例，该类 APP 的版式布局基本为上下分隔型、左右分隔型等版型，以品牌宣传 APP 为例，该类 APP 的版式布局基本为满版型或者自由