基于UI设计的交互性与界面视觉设计研究

来源:用户上传      作者:王锐

　　摘   要：经济与社会的快速发展最大限度推动了我国的科技发展进程，人们对软件使用与UI设计的要求也在不断地提升。在此情况之下，相关人员必须要对UI设计进行全面的研究分析，以市场和用户需求为导向，对界面视觉设计和交互性设计进行系统的研究与革新，以确保UI设计能够取得预期的成效。文章首先分析了UI设计及其发展现状，然后分析了UI设计当中的交互性功能及其应用，最后分析了UI设计过程当中的界面视觉要素及其设计应用，希望能对相关的研究有所助益。
　　关键词：用户界面设计;交互性;界面视觉设计;研究
　　用户界面（User Interface，UI）设计不仅要充分体现界面和用户的交互关系，还需要满足不同群体用户的使用需求，根据用户的角度来进行有效的研发和设计。以为人们提供更加便捷和优质的服务为基础，全面提升UI设计的交互性与易用性。因此，设计人员需要对相关的概念和理论进行深入的研究和分析，掌握软件设计的总体目标与要求，避免涉及过度偏向和过度侧重的现象，并从不同层面和维度入手来进行规划与设计。此外，在设计完成之后还需进行反复的对比和分析，根据软件测试数据来进行相应的调整，才能够有效地解决UI设计当中存在的矛盾与问题。
　　1    UI设计及其发展现状
　　UI设计是网络软件操作与运用过程当中的重要组成部分。根据其性质和作用可将其分为虚拟UI设计和实体UI设计，整个设计囊括了界面美观、操作逻辑、人机交互[1]。
　　在设计过程中，相关人员需要充分遵循UI设计的简易性、一致性、灵活性、安全性以及人性化、习惯规律、记忆负担最小化、用户语言等设计原则。根据设计软件的性质来确定目标客户，并通过各种方式来了解直接用户和最终用户的实际需求，利用科学的方式来采集用户的交互习惯与交互方式，按照软件特性来进行界面元素设计，通过反馈信息和用户操作结果来引导其进行后续操作。以期能够为用户提供更加良好的视觉体验和交互体验。
　　现阶段，受到各方面因素的影响和限制，实际的界面视觉设计和交互设计仍然存在较大的提升空间。部分相关人员仍然将界面设计的中心放在平面设计和美工层面。在具体研发时，也只是将UI设计当成是需要由相关人员完成的页面描边工作，导致界面视觉设计与网络设计的联系不足，对用户界面与网络界面的交互与应用造成一定程度的影响。部分UI设计人员更加偏重于软件设计的技术研究与应用，并没有花费较多时间来琢磨和设计界面图形，也没有对版式编排设计、风格设计、创新设计进行研发与改进，从而使得整体的UI设计效果大打折扣。
　　2    UI设计当中的交互性功能及其应用
　　2.1  交互性功能
　　UI设计主要是让用户能够更加快速地掌握软件的应用方法，并能够根据自身的需求来应用软件获得相关的信息。以软件为媒介来进行信息的传递与沟通，使人们对相互信息产生较为深刻的印象，以彰显UI设计的交互性功能。但程序员的专业水平和编码能力相对较高，与最终用户进行交互方面存在一定的问题，导致了大部分软件的功能相对齐全，但整体的使用较为繁琐，且部分软件还存在着交互设计粗糙、简单的现象，极大程度地增加相关人员的学习困难和使用难度。在进行人机交互设计之后，UI设计师可以通过网络信息分析和数据调查的方式来了解软件使用情况，以人们对信息的诉求和使用需求为目的，设计出具有吸引力和创新性的全新界面，通过多元化的方式来完成信息的传递和共享，进而实现界面视觉效果和使用效果的最优化[2]。
　　2.2  交互性设计
　　UI设计师必须要树立以人为本的设计理念和创新设计思想，掌握现阶段人机交互过程当中存在的问题，并不断地挖掘人机交互的潜能。例如，新型号的智能手机除了具备传统手机的使用寿命长、待机时间长、信号强度高的优势之外，还研发了能更好地满足不同群体需求的功能，侧重于音乐、游戏、拍照的手机。其中，人机交互性能、摄像头、屏幕界面、应用软件等的优化与创新，使得手机应用更具操作逻辑性和人机交互性。
　　在设计过程当中，首先，设计师必须要立足于软件使用的不同群体、用户需求和设计任务进行全面的分析和深入市场进行详细的调研，利用大数据技术获取海量的信息与资讯，借助计算机系统和云计算技术来进行有效分析和評估。以具有价值性的信息和准确的数据为切入点，从用户范围、用户技术水平、用户人文素养等层面入手，对用户需求进行深度剖析，选择能够满足消费者对软件的功能和性能要求的设计方案[3]。
　　其次，设计师需要考虑交互性能在软件设计当中的体现方式，参考成功的人际交互案例和设计经验，对界面行为和外观设计进行预设，结合用户的思维方式和使用习惯，选择最具推广性和合理性的交互方式。
　　3    UI设计过程当中的界面视觉要素及其设计应用
　　3.1  界面视觉设计
　　UI设计的建立视觉元素包括：感觉、触觉、听觉、视觉等，设计师需要对软件功能和要求进行深入的了解，利用信息化技术来对相关的资料进行全面分析和研究，快速定位使用方式、使用环境、使用者，以能够充分地满足最终用户的使用需求为目的来进行一系列设计活动[4]。另外，还必须要充分考虑不同用户群体的阅读习惯、使用规律、兴趣偏好等特性，对设计形式进行深入的思考和创新在具体实践过程当中，设计师要巧妙利用时代性元素和创新设计理念，掌握用户的视觉思维规律，科学地利用创新科技方法来对初步设计进行精细加工，并对设计细节进行有效的优化。以确保能够更好地完成信息的传递、沟通、交流。
　　3.2  界面视觉要素应用
　　在具体设计时，设计师必须要充分遵循界面视觉设计的一致性、交互性、易用性原则，掌握交互、目标、设计、元素之间存在的关联，考虑用户的使用体验和使用情绪，为用户设计出可供选择的不同界面设计风格，或根据用户的使用反馈情况来对界面设计外观进行优化[5]。文字是UI设计当中最直接、有效的视觉元素，是人机交互中重要的信息传递和交互形式。所设置的界面，字体大小趋势中，尽可能避免大量的使用繁体字或生僻字，多使用简洁、无装饰的文字符号。UI设计师可根据网络调查数据设置默认字体、字号、格式，在界面当中设置相应的文字引导或者模板工的说明，引导用户根据自身需求来进行个性化设置。板式设计需要具有较强的美观性和功能性，既要能够满足人们的审美诉求，还需要能够准确而清晰地传递相关信息。在进行按钮、图标等的图形视觉元素设计时，需根据界面主题和整体效果，科学确定形态、颜色、构成、属性、功能、名称，并对交互性的操作，如触摸、点击、滑动等进行优化[6]。也可在页面当中增加BMP，PSD，PEG，PNG，GIF，Web格式的静态图像，利用压缩算法来进行呈现，并在考虑亮度和颜色失真等情况的前提下，在后期设计当中增加应用差值弥补算法。在进行界面色彩选择时，需要考虑色调的使用效果和用户的舒适度，对色彩明暗度、标准色应用、配色与主色划分进行优化。在进行布局设计时，可参考用户自左向右、自上而下的浏览习惯，将常用应用功能集中在某个区域，使用户能够在第一时间关注并进行操作。将一些不常用功能隐藏，用户可根据自身需求来进行查看，从而使得界面更加干净整洁。 　　4    結语
　　现在，网络是人们获得相关消息的主要来源和渠道。近年来，UI界面设计在交互性和视觉体验上都得到了迅速发展，相关人员需要对UI设计的内涵进行全面了解，充分地掌握界面视觉设计和交互性设计的特征和规律，科学制定具有较高科学性和可行性的UI设计方案。与此同时，相关人员还必须要充分地了解不同群体用户的视觉思维发展规律，以此为切入点来进行UI设计的研究，科学地将界面视觉设计和交互性设计进行有机组合，利用科学的方式和多样化的元素来进行体现，才能为UI设计的界面视觉设计和交互性设计的全面发展奠定良好的基础。
　　[参考文献]
　　[1]邓朝晖.UI设计中的配色及应用[J].电脑编程技巧与维护，2020（1）：140-141，152.
　　[2]杜翔宇.UI设计中用户交互体验的视觉思维分析[J].大众文艺，2019（23）：68-69.
　　[3]吴文娟.手机UI界面设计中视觉艺术元素的构成[J].科技传播，2019（23）：105-106.
　　[4]孔德威.手机UI界面设计及视觉艺术元素分析[J].牡丹江大学学报，2019（11）：108-111，140.
　　[5]高振清.UI设计的交互性和界面视觉设计[J].电脑与电信，2019（9）：56-57，60.
　　[6]蒋飞燕.UI设计的交互性与界面视觉设计研究[J].美与时代，2019（5）：87-89.
　　Research of based on UI design interactivity and interface visual design
　　Wang Rui
　　（Liaoning Mechatronics College， Dandong 118009， China）
　　Abstract：The rapid development of economy and society has promoted the development of science and technology in our country to the maximum extent， and people’s requirements for software use and UI design are constantly improving. At this point， the relevant personnel must carry on the comprehensive research analysis to the UI design， take the market and the user demand as the direction， carries on the systematic research and the innovation to the interface visual design and the interactive design. to ensure that the UI design can achieve the desired results. This paper first analyzes the UI design and its development status， then analyzes the interactive function and its application in UI design， and finally analyzes the interface visual elements and their design in the process of UI design  application， hoping to be helpful to the relevant research.
　　Key words：user interface design; interactivity; interface vision design; research
转载注明来源:https://www.xzbu.com/8/view-15197694.htm