APP下载

浅析UI设计中的图形语言

2019-10-09吴翊楠

参花(下) 2019年9期
关键词:UI设计图形语言

摘要:UI设计是随着电子信息技术的发展而出现的,其目的是将网站和软件等与人们生活密切相关的非物质产品以更为便捷和美观的形式展现出来。当前的大多数UI设计除了注重人机交互之外,对其美观程度也进行了进一步的探究,使UI设计开始从纯文字转变为图像语言。因此,本文就UI设计中的图像语言发表看法,以供相关人士交流借鉴。目前,我国大多数进行UI设计的UI设计师不是美术学院毕业的人才,由此可以看出图像语言对UI设计的重要性。若对此重要性进行深入探究,需要了解UI设计的出现流程和具体发展状况,再对其特性进行相应的介绍分析,这三点也是下文要分析的内容。

关键词:UI设计 图形 语言

一、UI设计的具体概念及其图像语言的出现

目前电子信息技术的发展日新月异,人们在进行网站和软件的制作时,需要进行UI设计才能方便人们的操作和使用,这主要与UI设计的内容有关。UI设计,即User Interface,也被称为界面设计。其是指对软件界面的美观程度、人机交互和操作方法进行的测试性设计,其主要关注点要求用户在使用相关界面时能感到高效益、便捷和舒适。因此,UI设计从过去的纯文字类设计逐步转变为带有图像语言的设计。这不仅因为信息技术的进步使UI设计充满了人性化色彩,而且为了提高软件在市场的竞争力,希望UI设计能够使客户在使用中感到愉快和舒适。

二、UI设计中图像语言的特性

(一)识别型图像语言

识别型图像语言也就是日常常见的软件图标。比如在游戏市场中曾被奉为神话的暴雪公司,旗下各类游戏的软件图标都具有很强的识别性,图标在各软件启动时就会弹出,表明了该游戏的制作商,并借以打造其良好的形象。

(二)细节处的严谨性

以各类软件的鼠标形态作为探究,发现多数在各类游戏软件中的鼠标样式和各类按钮都有所不同,这点是为了体现游戏的特色,也从侧面折射出游戏厂家严谨的制作态度和用心程度。

(三)图像语言设计的抽象性

由于界面大小本身的限制和图像语言所要突出的重点问题,对于一些图像语言采取的是使用抽象的方法来进行一些模型的构建。这种方法的好处是更便于用户明白一些程序在运行过程中的含义,比如在加载软件程序时,鼠标形成环绕的圆圈,其主要意义是表示电脑软件正在加载。

(四)UI图像语言的象征与感知

上文所说的是将图像进行抽象后,使其变得简洁来传递软件运行的状态信息,相应的还可以使用较为复杂的图像语言使顾客运行程序时更加便捷。例如在一些阅读软件中,设计者尽量使阅读器同真正的书本一样,除了在图像上具有翻页的功能之外,尽量加入声音以做到图像的动态化,使顾客在使用相应的阅读器进行阅读时更加舒适和愉悦。

三、如何强化UI设计中的图像语言

(一)遵循一般图像语言的设计规律

首先,在进行UI设计时要明确软件的使用对象是手机、电脑还是ipad,或者是同时使用三者,这样可以方便把握其尺寸。其次,还有像素大小等问题需要进行了解。对于界面的整体形态一般情况下都会选择长方形进行规范的设计,但根据软件自身的特色,也可以使用不常用的形状与软件的整体风格搭配,对于这一点,最重要的是要考虑顾客使用的舒适性。

(二)图像语言的个性化展示

当前各大App在互联网市场中不断涌现,这些App的UI设计很容易出现图标重复的现象。因此,大多数UI设计师偏向于使用一些冷门的极简主义风格或拟物化的风格进行设计。对于图像语言的个性化设计而言,不能只顾其美观而脱离图像语言所表达的根本,即对使用者传达相应的信息。

(三)图像语言设计整体上要做到统一美观

在进行软件的圖像语言设计时,就如同进行手机桌面与图标的设计。每一个图标都是组成手机界面的个体,因此,要尽量使二者相统一。例如界面颜色较深时,尽量使图标文字颜色较浅,避免用户难以分辨,在此基础上再进行两者外形和色彩上的统一,使其交相呼应,增添软件整体的美观程度。

(四)图像语言的布局问题

绘画讲究留白,在进行图像语言布局时,也要进行图像的中间距关系与边框留白的考虑。过于拥挤或稀疏都会增加用户的焦虑感,如果功能方面和美观方面出现矛盾时,应优先考虑突出软件的功能。

四、结语

本文对UI设计中的图像语言进行了多方面的考量,从UI设计的概念和图像语言的特性两个部分进行了详细的阐述,最后针对如何良好地应用UI设计做出分析。UI设计中的图像语言的策略性加强,最大程度上得到了顾客用户的认可,也增强了软件在市场中的影响力。

(作者简介:吴翊楠,女,硕士研究生,鲁迅美术学院,讲师,研究方向:UI设计)(责任编辑 葛星星)

猜你喜欢

UI设计图形语言
浅谈艺术设计中UI界面设计及应用
Android手机主题设计 
UI设计在产品形象中的价值与应用
分图形
浅析原创动漫作品手游《Battle Glory》中的UI设计
找图形
图形变变变
我有我语言
图形配对
语言的将来