数字图形界面的视觉设计研究
2021-01-12朱悦
朱 悦
(安徽开放大学,安徽 合肥 230022)
1 数字图形界面
数字图形界面,即图形界面或图形用户界面,是指以图形方式显示的计算机操作环境用户界面。与早期计算机使用的命令行界面相比,图形界面更易于用户使用。图形用户界面的广泛应用是当今计算机发展的重大成就之一。它给对计算机知识不能深入了解的用户提供了极大的便利,他们不再需要记住大量的命令,而是通过窗口、菜单、按键等方便地操作。数字图形界面广泛应用于移动通信产品、车载系统产品、游戏产品和计算机软件操作平台等领域,并同样适用于多媒体教学中。数字图形界面的使用,对于老师和学生来说都有着极大的便利。
2 数字图形界面视觉设计概述
数字图形界面的视觉设计,实际就是交互设计和界面设计的结合,交互设计负责对界面的视觉处理,从学习者体验的角度来设计界面,以达到让他们更加方便和立体地使用学习资源的效果,而界面设计师更像是幕后工作者,负责这些外在与内在功能的开发与调试。现在来说,两者并无明显的差异,并逐渐交织在一起,数字图形的交互设计与界面设计逐步成为一体式的工作。
基于这些,在微课的数字图形界面的视觉设计中,我们可以遵循一些比较科学而又系统化的原则和设计思路,不断吸取过去的经验,并在此基础上创新和深化。
2.1 设计原则
2.1.1 一致性原则
一致性原则要求老师们在界面设计的过程中,应统一各个设计过程中概念模式、设计命令、显示方式等规则,让它们成为不同设计过程中的统一标准,以避免发生矛盾和冲突的状况。比如,在界面的提示、主界面和帮助中使用相一致的术语;在不同的多媒体资源的制作中应该使用相似的设计外观、布局、界面信息显示的方式等。同时,对界面的设计应同时满足从简性、便捷性与一致性,让学生能够十分容易地熟悉老师所使用的课程界面,尽快进入到课堂节奏中。微课资源中交互界面设计的一致性,是数字图形界面视觉设计中最为重要的一点原则。
2.1.2 适当提供信息反馈
交互设计过程中,适当地提供信息反馈也是十分必要的,这种信息反馈是指多媒体资源的使用者从这些资源的应用中所得到的接下来的操作信息,以提示他们对课程资源的进一步使用。如果没有这种系统的反应,学生就没有办法判断他的操作和思路是否是正确,是否是老师所要传达的内容,或是这样操作的效果是怎样的。在数字图形的视觉设计中,这种反馈可以是各种经过艺术加工的文本和图形。
2.1.3 对界面空间合理应用
数字图形界面的布局设计应是简洁明了,且各区域有明确的分工的。因此,在界面的视觉设计中,操作空间应该形成一种简洁明了的布局。这不仅是视觉的美学原理的需要,更是人性化的微课教学的需要。
2.2 设计步骤
(1)对学生需求的调研、需求制定、界面原型初步建立。
(2)任务分析。根据所要安排的教学任务任务的复杂程度和难度对任务动作进行详细分解,合理分工,确定适合学生的多媒体教学方式。
(3)环境分析。确定微课的进行所需要的硬件软件等操作环境,为学生提供各种文档需求等。
(4)根据学生教学的特点确定界面。根据系统任务、使用环境等因素,确定适当的接口类型。
(5)屏幕显示和布局设计。确定屏幕显示信息的内容和界面显示顺序,进而设计屏幕的总体布局和显示结构。
(6)艺术设计的改进。包括为了吸引学生的注意力而加强展示的设计,如动作、改变形状、大小、颜色、亮度、环境和其他特征(如增加线条、边框、前景和背景设计等),还包括增加亮点的创新设计,或多媒体手段的应用等。
(7)帮助和错误信息设计,确定和整理帮助信息和错误信息的内容,组织查询方式,设计错误信息和帮助信息的显示格式。
(8)经过初步的微课程的需求分析,为学生量身定制一个生多有趣、简洁方便的数字图形界面,并允许学生们对微课的质量进行评估并提出改进建议,以此进一步完善数字图形界面的设计。
(9)综合测试评估。综合测试评估中的重点任务是通过各种类型的测试评估,使微课中各种数字图形的设计达到预定的要求。它可以采用测试、学生反馈等多种方法对多媒体界面的功能、可靠性、效率、美观性等诸多因素进行评估,以获得学生对界面的满意度,这样会便于第一时间发现错误或不满意之处,从而改进和完善制度。
(10)维护阶段。维护阶段的重点任务是通过各种必要的维护活动,微课的后台资源能够持续地满足学生地需求。
3 数字图形界面视觉化设计的主要视觉要素分析
3.1 文字要素
在说明性的材料中,文字是不可或缺的一部分。在数字图形界面的视觉设计中,文字作为一大视觉要素,主要有两种功能,一是指引与说明,二是充当图形。
作为指引与说明的要素,文字的魅力是色彩和图形都不能匹敌的。文字能够非常客观且直接地向用户传达所需表达的信息。例如,在界面的操作中会有十分多的指令如确认、取消、复制、粘贴、剪切、翻页、开机、关机等,用户通过这些明确的指令对系统进行操作,极大减少了错误的可能。另外,文字作为语言的载体,既能够形式性,又能够十分严肃,还不乏艺术性。比如,在进行操作的说明时,文字的展现是严谨而又严肃的,这时候文字以真实客观为主要标准,负责正确地指引用户完成对界面的操作。在完成指令时,界面显示地简明扼要的执行文字又富于形式性。而当文字中承载着其他的内容,如故事的描述、界面与人的互动等中,文字的使用又能够展现它优美的一面,可以采用华丽的辞藻,优美的词句,或是俏皮的语调,让文字跳脱屏幕之外。
当文字充当图形的功能时,文字的张力便展现出来了。文字本事由象形的图画演变而来,若加以艺术的处理,如文字的字体、颜色、大小的改变,以及与图像的融合等,文字就变得生动了起来。
3.2 色彩要素
世界因色彩而生动,数字图形的是界面设计也是如此,合理的运用色彩,能给用户带来视觉上和心理上的冲击。色彩能给人带来温度、重量、质感、方位等不同层次的感觉。以色彩的冷暖为例,冷暖的感觉是由视觉色彩所导致的人们对温度的心理感知,人们在看到红色、橙色、紫红色等偏明亮一点的颜色后,比较容易联想到太阳、血液等充满温度的物体,从而产生了温暖的或是斗志昂扬而热血沸腾的感觉。而在人们看到蓝色、暗绿色、紫色等偏暗一点的颜色时,容易联想到黑夜、海洋、冰川等,会产生昏暗、恐惧、寒冷的感觉。然而。这种颜色带来的感觉并不是绝对的,比如在同样表现天空中的云霞时,早霞的描绘中用瑰红能够形象地表现出清晨清爽的感觉,晚霞的描绘中采用大红色来表现夕阳西下的那种强烈的暖感。然而这两种描绘与橙色一对比,就显得格外的凄冷了。所以,色彩的表现力并不能由特定的色相决定,适当的对比也能带来不同的感觉。在数字界面的设计中,合理地运用色彩,便能给用户带来不同的感觉。
3.3 图形要素
图形是有外在轮廓的,由线条所构成的矢量图,包括直线、曲线、圆、方形等。图形的表现大多与前面提到的文字和色彩结合。图形与文字形成文本框,能使文字显示更加整齐和有序;图形与文字融合,会使文字的表达更加生动、跃然纸上。图形与色彩结合,能形成五颜六色的图像,为界面的设计与创作提供丰富的素材。同时,图形也有单独使用的情况,比如图标的使用,以及起界面的分割作用等。
如何将文字、图形、色彩三大要素有机融合,是设计出好的数字图形界面的关键。因此。数字图形界面设计师们不仅要掌握程序设计的核心技术,更要提高自己艺术创作的能力,这意味着对自己更高的要求。
4 结束语
图形的视觉交互作为一门还在发展中的新兴学科,许多研究仍然集中在图形用户界面技术上。在数字的图形的视觉设计艺术水平的理论研究和结合实践的实验探索方面还存在不足。目前,数字图形的界面设计在微课教学中也得到了应用,多媒体教学资源的将原本由老师一人主导的课堂演变为了学生和老师平等对话,甚至是学生自主进行的课堂,而数字图形界面的视觉设计则将这些教学资源设计得更加精细化和人性化。这种改变是颠覆性的,但并不意味着学生得需求完全得到了满足。为了更好地完善微课教学中数字图形界面得视觉设计,老师们应更多地从学生的角度出发,多吸收他们的反馈,与学生们碰撞出绚烂的火花。