计算机图像处理技术在UI设计中的应用

摘要：随着社会与时代的发展，计算机图像处理技术获得了长足的发展与进步，已经逐渐普及应用与社会的诸多行业领域中。在计算机与互联网时代中，各种应用成为人们在日常生活生产中所常用的软件。而在软件应用中，UI是用户对软件应用进行直接体验的载体，Ul设计的优劣直接影响着用户对于软件应用的态度与看法，甚至决定着软件应用的市场未来。在UI设计中应用计算机图像处理技术，能够显著地提高UI设计的效率与水平。基于此，文章对计算机图像处理技术在UI设计中的应用进行分析研究，希望能够帮助提升UI设计的效率。

关键词：计算机图像处理技术;Ul设计;设计原则;设计要点;应用分析

中图分类号：TP181 文献标识码：A

文章编号：1009-3044（2020）33-0192-03

开放科学（资源服务）标识码（OSID）：

近些年来，我国的计算机与网络技术获得了快速的发展与进步，计算机以及各种移动终端中的软件数量迅速增加，在计算机与移动终端应用软件中，UI作为一项基本内容受到了人们的广泛关注。UI设计是一个涉及诸多领域的一个复杂而又专业的系统工程，在UI设计中应用计算机图像处理技术，能够帮助提升UI设计的效率与水平。因此，文章对计算机图像处理技术在UI设计中的应用进行分析盐焗，有着现实的价值和意义。

1 计算机图像处理技术概述

計算机图像处理是利用计算机中相关软件，对图像图形进行加工、分析和处理的过程，以此来更好地满足观众的心理、视觉享受的一项技术。信号处理技术属于计算机图像处理技术中比较关键的一项技术，其在图像图形领域中得到了广泛应用。对于图像而言，数字是其比较常用的存储形式，因此在大多数情况下，图像处理一般是指数字图像处理过程。在进行图像处理过程中，涉及的内容比较多，常见的有图像图形大小的调整、色彩、亮度、对比度等的调整及文字编辑编排、图像的抠图、优化、图像保存与输出等。

一般而言，当前计算机图像处理技术应用最为广泛的一个软件为Adobe Photoshop，其简称是广为人知的PS。这一软件是由Adobe Systems进行开发和发行的一款图像处理软件，其功能丰富，操作简单易上手，且图像处理的效果较强，是当前社会中应用最为广泛、影响力最为巨大的一款计算机图像处理软件。界面设计是一个新兴的领域，由于PS的功能齐全，图像处理效果较强，因此将其应用在UI设计中，有着显著的效果。

2 用户界面设计介绍概述

通常情况下，用户界面（ User Interface，UI）是实现用户与软件系统间进行信息交换和交互的主要媒介。在对UI进行设计和制作过程中，设计者可以通过用户界面将软件或计算机的相关信息内容按照一定的方式转化为用户所需要的信息形式，进而达到软件与用户间进行交互的效果。实际上，用户界面涉及图形用户和人机交互接口，主要应用于用户与机械或软件的交流领域中。UI设计一般包括图形UI交互设计以及视觉设计。由于本文主要是对计算机图像处理技术进行研究，此时就需要做好界面视觉的研究工作，其涉及图标设计、界面编排、插图设计以及切图输出等四个部分。

2.1 用户界面设计原则

一般而言，在用户界面进行设计与制作中，主要有两个方面的设计原则：（1）有用性原则。通常情况下，软件的UI设计目的是为用户提供多样化的服务，从而满足用户多个方面的需求。UI设计的有用性需要从用户需求与实际提供功能间的差异情况进行衡量，主要用户界面的稳定性、灵活性、安全性。在实际的用户界面设计中，必须要保证界面设计的安全性，以确保用户在使用软件过程中，不会出现软件破坏或数据丢失等问题危险。例如，软件的用户界面设计应当设置和运行用户数据信息参数自动保存与自动恢复的功能，从而提高用户界面的安全性。除此之外，软件的UI设计还要符合稳定性的基本要求，以确保移动终端软件或计算机可以长时间维持安全、稳定的运行状态，大大降低系统死机或崩溃等问题的发生率。同时，用户界面设计需要有较强的适应性和灵活性，能够在不同的运行系统中发挥出应用的功能作用。（2）高效率原则。计算机或移动终端软件用户界面设计应当达到高效率的目标，从而使用户能够快捷便利地应用用户界面实现对软件的操作，节省用户使用软件的时间与经理。高效率是对软件用户界面的可用性进行评价的关键指标，其一般涉及可预见性、可见性、简洁性及可记忆性等指标。其中可见性一般是指用户可以通关用户界面来对软件的功能和组件有个全面的了解和掌握，使用户能够流畅快速使用软件的一个指标。可预见性是指软件能够在用户进行使用时，获得用户的软件使用习惯或是使用特点，从而更好地帮助用户在用户界面中对软件进行探索，提高用户界面的可用性的一个指标。可记忆性是指用户界面能够根据以往用户的使用习惯，对用户使用软件的参数信息进行记忆和保留，从而提高用户使用软件的便捷性，使用户更加轻松和舒适的一个指标。简洁性则顾名思义，是要求软件用户界面必须要在保证功能与组件齐全的背景下实现界面舒适、内容简洁的一个指标。需要注意的是，简洁不等于简便，不能因为强调用户界面设计的简洁性而简化用户界面的功能。

2.2 软件UI设计要点

由于UI设计的领域专业众多，因此也有着较多的设计要点，在实际的UI设计中，必须要对设计要点加以关注和重视，并依据要点进行合理科学地设计，从而保证UI设计的效率与水平。文章本部分将对软件的UI设计要点进行探析，一般而言，软件的用户界面设计要点主要有四个方面。

第一个要点是软件框架设计。在进行软件UI设计过程中，软件的系统框架设计是最为核心和最为基础的一个环节，在很大程度上软件的整体框架将会对UI设计水平起到决定性的影响。通常情况下，软件系统框架设计属于一项系统性、复杂性的工作，在实际的框架设计中，需要考虑到软件的定位，并充分考量软件的使用步骤程序，设计出具有独特性、友好性、功能性的软件框架。同时软件框架的设计还需要保证简洁性，提高屏幕空间的利用效率，并为之后的用户界面更新优化预留足够的屏幕空间，提高用户界面整体的美观性。

第二个要点为色彩设计。在进行软件UI设计过程中，还需要对色彩设计给予高度的重视，因为用户对色彩有比较强的敏感性，此时就需要设计师可以借助不同颜色的设计，来使用户在UI中可以准确地寻找到相关的图标与内容，提高UI使用的便捷性。同时，良好的色彩设计一方面能够应用暖色调，减少用户眼睛的疲劳感，使用户使用UI时更加舒适;另一方面也能够在必要时给予用户强烈的颜色反差，给用户留下深刻印象。在进行UI的色彩设计时，相关设计师需要了解人们视觉感知器官的局限性和感知特点，根据实际的UI设计需求与软件设计需求，选择最为合适的设计色彩，从而提高UI设计的应用效果与水平。

第三个要点是图形图像设计。根据科学研究表明，人类大脑的主要记忆为两种方式，第一种为文字，第二种则是图像、画面、图形方式，而第二种方式又占据人类记忆与感知的绝大部分内容。对于人类的感知与记忆而言，图像与图形能够更好地帮助人们直接、立体而形象地对事物进行理解，也能够更好的帮助相关信息进行有效转化。因此，在软件用户界面设计中，设计师需要更多地采用抽象法或是具象法，对用户界面图形图像进行设计。抽象法可以有效突出软件内容或事物的功能性，通过提炼和概括事物的规律性，可以准确挖掘视觉图形中所蕴含的独特造型元素，抽象法更多地运用几何图形元素进行设计，语言形式简练简洁。具象法则是基于现实事物，通过写实与装饰的融合创造而形成的一个造型元素，更多地运用现实艺术进行设计，语言形式则在于突出事物自然形态的美感。

第四个要点是文字设计。软件UI设计阶段，还需要做好文字内容的设计工作，其中大多数UI中的文字主要反应在信息、会话及标题中，用于表示概念、注释或是用于UI的细节刻画中。一般而言，UI的文字设计可以分为设备文本与解释文本。设备文本是软件内容功能的描述性文本，为用户在界面中的操作提供帮助与指导。解释文本是用户界面中系统状态或是系统消息的内容文本，用以解释消息或是状态的具体内容。在进行UI的文字设计时，需要对用户的心理与生理特性进行研究，从而更好地选择文字设计的表达方式形式，提高UI设计功能性与舒适性。

3 计算机图像处理技术在UI设计中的应用

计算机图像处理技术在UI设计中有着广阔的应用空间与前景，且能够显著地帮助提高UI设计的各方面功能性与设计水平。文章本部分将对UI设计中，计算机图像处理技术的应用效果给予介绍。

3.1 图标设计与制作

在UI设计过程中，图标设计是比较关键的组成部分，其不仅仅是一种图形，也是UI中的一个标识，其功能作用如同道路中的交通指示牌，对于用户使用UI有着巨大的帮助作用。通常情况下，软件的图标一般涵盖了功能图标与应用图标两大部分。其中，功能图标，则是用户界面中软件内的具体图标，其具有软件与用户的指引、交互等功能;应用图标，主要起到软件功能、软件形象的展示及软件开启使用等一系列的作用。当前图标的设计与制作中，主要应用的计算机图像处理技术软件有两种，分别为Photoshop和illustrate，這两个计算机图像处理软件各有着不同的优势，其中，Photoshop为位图软件，illustrate为矢量软件。作为矢量软件的illustrate在图标图形的制作中有着一定的天然优势，使用illustrate所绘制的UI图标，能够在保证图标清晰度与造型的情况下进行图标的放大与缩小，且其对于线条的处理十分方便。作为位图软件的Photoshop虽然也有着矢量工具，但是实际应用不如illustrate便利，即使如此，Photo-shop也能够凭借其强大的图像处理功能，获得广泛地用户数量。

Photoshop属于UI中比较常用的位图软件，其也涉及一些矢量工具，如钢笔工具的形状模式、直接选择工具、工具栏上矩形工具按钮（直线工具、圆角矩形工具、椭圆工具、自定义形状工具、多边形工具）、路径工具，上述工具在矢量图标绘制中均得到了广泛的应用。在图形造型上，Photoshop虽然不如illus-trate便利，但是对于经验丰富的设计师也可以通过经验和熟练度来使这个缺陷得到弥补，然而造型的效率缺陷无法弥补。即便这样还是会有很多的设计师会借助Photoshop软件来对图标进行设计和制作，主要是由于Photoshop具有比较丰富的图层混合模式、强大的图像处理功能、便捷的图层管理功能和调色功能，其能够得到细腻的图像，而且在图标肌理、图标色彩、图标光影绘制过程中，也具有比较好的绘制效果。

3.2 界面设计与制作

计算机图像处理技术在UI设计中的一个关键应用方面就是UI本体的设计与制作。UI的设计主要是对界面进行图像文字的编排以及部分界面的绘制。在实际的UI设计与制作中，设计工作人员可以借助Photoshop来进行对齐操作，可以实现文字的形状化设计和编辑，从而设计出丰富且具有层次感的UI。

3.3 插图设计与制作

在互联网时代中，用户更多地开始关注和重视UI中的插图，这使得越来越多的UI设计人员开始在UI中进行插图的设计与制作，具有多元化的插图类型，例如软件效果插图、引导页插图、活动插图等，除此之外还有着亲和型、温馨型、时尚型等插图，其不仅可以增加软件的友好度，而且还可以提高用户的黏性与好感度。在插图设计与绘制过程中，还需要具备较强的图像创作能力，也需要良好地应用计算机图像处理技术，从而使得绘制的插图能够直观、形象地表达出软件的功能内容以及设计师的想法。

3.4 切图输出

在进行UI设计过程中，对于输出界面与图标的设计一般需要借助编程的方式来进行。在进行编程前，要完成UI设计图标与界面的切图处理，对其进行切图，一方面使UI中的各个元素与形象独立，便于各个独立程序与应用的写入与导出;另一方面使UI中的软件、程序、应用等的图标元素能够与各种尺寸的移动终端和操作系统进行适配。由于每一个操作系统的设计规范不同，因此，需要应用计算机图像处理软件进行切图输出，从而实现UI设计的合理性。

3.5 网页中的图像格式

对于UI设计而言，网页中常见的图像文件有JPEG、PNG、GIF三种格式，然而大部分浏笕器只支持两种图像格式，即JPEG、GIF。此时，为了提高浏览者对网页的下载速度，则需要网站设计者尽可能选择JPEG和GIF图像的压缩格式。实际上，计算机屏幕的长度和宽度存在一定的差异，因此在网页设计过程中，就对图像的质量提出了比较高的要求，要采取有效措施来对图片的质量和大小给予严格控制。同时，在网页中图像格式设计过程中，还需要对图片的大小和清晰度给予综合考虑，并结合计算机的客观情况和UI设计的实际需求来调整图片的质量。

4 结语

综上所述，随着计算机技术的发展，计算机软件与移动终端的数量也呈现出快速增加的趋势，在软件中，UI是十分关键且重要的一个内容部分，UI设计将会直接影响着用户对于软件的观感与态度。文章对计算机图像处理技术在UI设计中的应用进行多方面分析研究，希望能够帮助提高UI设计的效果。

参考文献：

[1]何丽丽.Photoshop软件在Ul设计中的应用研究[J].信息系统工程，2019（2）：85.

[2]王曦.有关软件中用户界面设计的探讨[J].山东工业技术，2016（24）：153.

[3]张爽，软件用户界面设计的探讨[J].科技视界，2014（4）：58.

【通联编辑：唐一东】

作者简介：王海峪（1978-），女，辽宁海城人，硕士，讲师，研究方向：数字媒体应用技术。