数字图形界面的视觉设计研究

1、experience exchange dcw 经验交流数字图形界面的视觉设计研究朱悦（安锹开放大学，安嗽"23*22）摘要:由于使用板书教学的传统槌式的弊端随*科技的进步而越创造我，使用多媒外的匀新教学模式正步成为现代 栈方的次点并被更多人家用。在多媒体的彼课段学中，我字圈彤界而的设计与使用*将尤为关找 肉单而义人栓化的界而 设计能让孕生更好地进入到微湿学习当中.并激发他们的兴趣由此.女字图彩界而的觇/免没计应退而生史章吏点研完 多雄体徵课教学中欲字四形养面的视觉设计的原理和其倬操作.以及它们的视觉化设计矣素关键词：裁字困形界而；视觉设计dol : 1o.3969/j.1ssn.

2、1672-7274.2o21.o3.124中图分类号:j506文献标示码:a文童蜗码：1672-7274 （ 202x ） 03-0279-031数字图形界面数字图形界面.即图形界面或图形用户界面.是指 式显示的计算机襟作环境用户界面.与早期计 尊机使用的佥令行界面相比.图形界面更易于用户使用。 图形用户界面的广泛应用是当今计算机开展的重大成就 之一。它给对计算机知识不能深入了解的用户提供了极 大的便利，他们不再需要记住大fit的命令，而是通过窗 口.菜单、按捷等方便地操作,数字图形界面广泛应用 于移动通佶产船、车载系统产从、游戏产从和计算机软 件操作平台等领域，并同样透用于多媒体教学中。数字

3、 图形界血的使用.对于老师和学生来说榔白迷极大的便 利。2数字图形界面视觉设计概述数字图形界面的视觉设计，实际就是交互设计和界 面设计的结合.交互设计负员对界面的视觉处理.从学 习者体验的角度来设计界面，以到达让他们更加方便和 立体地使用学习资源的效果而界面设计师更像是牯后 工作者，负责这些外在与内在功能的开发与调试。现在 来说,两者并无明显的差异并逐渐交织在一起,数字 图形的交互设计与界面设计逐步成为一体式的工作.基于这些，在微谡的数字图形界面的视觉设计中， 我们可以遵循一些比拟科学而又系统化的原那么和设计思 路，不断吸取过去的经验，并在此根底上创新和深化。 2.1设计原那么2. 1. 1

4、一致性原那么一致性原那么要求老师们在界面设il的过程中.应统 务个设计过程中概念模式、设计命令、显示方式等规 那么.让它们成为不同设计过程中的统一标准.以防止发 生矛盾和冲突的状况“比方，在界面的提示、主界面和 帮助中使用相一致的术语:在不同的多媒体资源的制作 中应该使用相似的设计外观、布局、界而信息显示的方 式等。同时，对界面的设计应同时满足从简性、便捷性 与一致性，让学生能够十分容场地熟悉老师所使用的课 程界面，尽快诳入到课堂节奏中。微课资源中交瓦界面 设计的一致性，是数字图形界而视觉设计中最为重耍的 一点原那么。适当提供信息反响交玄设计过程中，适当地提供信息反僚也是十分必 要的，这种信息

5、反响是指多媒体资源的使用者从这些资 源的应用中所得到的接下来的操作信息，以提示他们对 课程资海的遂一步使用.如果没有这种系统的反响.学 生花没有方法判断他的操作和思路是否是正确，是否是 老师所要传达的内容.或是这样操作的效果是怎样的。 在数字图形的视觉设计中，这种反窗可以是各种经过艺 术加工的文本和图形.对界面空间合理应用故字图形界面的布局设计应是简洁明了.且各区域 有明确的分工的。因此，在界面的祝觉设计中，操作空 间应该形成一种简洁明了的布局.这不仅是视觉的美学 燎理的需要，更是人性化的微课教学的需要 2.2设计步骤（1）对学生需求的调研、需求制定.界面原型初步 建立。（2）任务分析，根据所

6、要安件的教学任务任务的夏 条程度和难度对任务动作进行详细分解，合理分上，确 定适合学生的多媒体教学方式。（3）环境分析.确定微课的进行所需要的硬件软件 等操作环境,为学生提供各种文档需求等.（4根据学生教学的特点确定界血.根据系统任务、 使用环境等因素，确定适当的接口类梨，（5）屏幕显示和布局设计.确定屏集显示信息的内 容和界面显示顺序，进而设计屏幕的总体布局和显示结 构。（6）艺术设计的改良。包括为了吸引学生的注意力 而加强展示的设计.如动作、改变形状，大小、颜色、经验igrrcw®lexperience exchange亮度、环境和其他特征（知增加线条、边框、前景和背 景设计等）

7、，还包括增加亮点的创新设计，或多媒体段 的应用等。<7）招助和错误信息设计，确定和整理指助信总和 错i关信息的内容，组娠杳询方式，设计错i关信息和带助 信息的显示恪式.<8）经过初步的微课程的需求分析，为学生量身定 制一个生多有趣、简洁方便的数字图形界而.并允许学 生们对微课的质技进行评估并提出改良建议，以此进 步完善数字图形界面的设计。<9）综合测试评估.镣合测试评估中的重点任务是 通过各种类型的测试评估，使微课中各神数字图形的设 计到达预定的要求.它可以采用测试、学生反愤等多种 方法对多媒体界面的功德、诃罪性、效率.美观性等诸 多因素进行评估，以获徊学生对界血的满意度，这

8、样会 便丁第时间发现错误或不满意之处，从而改良和完善 制度.<10）维护阶段。谁护阶段的爪点任务是通过各种必 要的维护活动.微课的后分资源能够持续始满足学生地 需求。3数字图形界面视觉化设计的主要视觉要 素分析3.1文字要素在说明性的材料中-文字是不可或锹的一局部在 数字图形界面的视觉设计中，文字作为一大视觉要素， 主要有两种功能.是拊引与说明.二是充当图形作为指引与说明的要素，文字的魅力是色彩和图形 都不能四故的。文字能够非常客观且直接培向用户传达 所需兴旺的伯息.例如,在界面的操作中会有十分多的 指令如确认、取消、夏制、牯贴.却切、翎页、开机 关机等，用户通过这些明确的指令对系统进行

9、操作，极 大减少了错误的可能。另外,文字作为语言的同体.既 能够形式性，又能够十分严肃，还不乏艺术性.比方， 在进行操作的说明时，文字的展现是严谨而又严肃的， 这时候文字以立实客观为主要标准，负责正瑜地指引用 户完成对界面的操作。在完成指令时，界面显示地简明 扼要的执行文字又富于形式性。而当文字中承我假设其他 的内容，如故小的描述、界面与人的互动等中，文字的 使用乂能够展现它优美的一面.可以采用伯丽的辞藻. 优美的词句，或是俏皮的语调，让文字眺脱邸幕之外。当文字充当图形的功能时.文字的张力便展现出来 了。文字本领由象形的图画演变而来，假设加以艺术的处 理.如文字的字体、颜色、大小的改变，以及与

10、图像的 融合等，文字就变得生动了起来”3-2色彩要素世界因色彩而生动，数字图形的是界而设计也是如 此.合理的运用色彩，能给用户带来视觉上和心理上的 冲击.色彩能给人带来温度、爪量、质感、方位等不同 层次的感觉-以色彩的冷暧为例.冷暇的恩觉是由视觉 色彩所导致的人们对温度的心理感）il,人们在看到红色、 橙色、紫红色等偏明亮一点的颜色后.比拟容易联想到 太阳、血液等充满温度的物体，从而产生了温暇的或是 斗志昂扬而热血沸腾的曜觉,而在人们看到蓝色、暗绿 色、紫色等偏暗一点的颜色时，容易联担到黑夜、海洋、 冰川等，会产生昏暗、恐惧.察冷的感觉.然而。这种 颜色偌来的感觉并不是绝对的.比方在同样表现天

11、空中 的云殁时，早度的描役中用瑰红能够形象地表现出清髭 清爽的感觉，晚霞的描绘中采用大红色来表现夕阳西下 的那种强烈的暖膨。然而这两种描籍与概色一比照，就 显得格外的凄冷了.所以，色彩的表现力并不能由特定 的色相决定，话者的比照也能带来不同的涝觉。在数字 界面的设计中.合理地运用色彩.便能给用户带来不同 的怯坦3.3图形要素图形是右外在轮席的，由线条所构成的矢fit图.包 括宜技、曲线、0l方形等,图形的表现大多与前面捉 到的文字和色彩结合.图形与文字形成文本框.能使文 字显示更til整齐和有序；图形与文字融合，会使文字的 表达更加生动、跃然纸上图形与色彩结合,能形成五 殖六色的图像，为界面的

12、设计与创作提供丰富的索材， 同时,图形也有单独使用的情况,比方图标的使用.以 及起界面的分割作用等.如何将文字、图形.色彩三大要素有机融含.是设 计出好的数字图形界血的美健.因此”数字图形界面设 计师们不仅要掌握程序设计的核心技术，更要提高£1 艺术创作的能力.这意味着对自己更高的要求.4结束语图形的视觉交互作为一门还在开展中的新兴学科. 许多研究仍然集中在图形用户界面技术上，在数字的图 形的视觉设计2术水平的理论研究和结合实我的实验探 索方面还存在缺乏。目前，数字图形的界面设计在微课 教学中也得到了应用多媒体教学资源的将原本由老师 人主导的课堂演变为了学生和老师平等对话，快至是 学

13、生自主进行的课堂.而数字图形界面的视觉设计那么将 这些教学资源设计徇史加精细化和人性化.这种改变是 顺粒性的，但并不息味假设学生待需求完全得到了满足。 为了更好地完善微课教学中数字图形界（下转第引算）special technologyf题林cw|稳固.参与之后的阶段性根底知识强化训练等物.3.3互动评价系统互动评价系统的设计目的是为了进步强化商校务 专业课程的课堂互动与师生互动效果主要是提出教学 过程中师生交流、实时九动的反响，评价师生互动有效 性。在本系统设计中，以分别从课前.课中、课后角 度入手，根据不同阶段的师生互动幼点设计出不同的互 动任务与评估标准。帘例分析，在课后环节的瓦动评价

14、设计中.可以根据本课程的教学口标，分析学生学习过 程中产生的戏上瓦动与交流轨迹，待出学生在此过程中 的交流表现及有效学习率促使教师能够直接r解到这 名学生的学习状态，更客观的看到口己与此学生交流互 动的作用.对于提升高效教学互动效率具有一定价值.3.4智能板书系统智能板书系统的设计目的是改变以往的黑板板书模 式，让教师能够利用电子白板设备、交互式一体设计完 成教学活动，实现无尘化板节，还能够形成板书记求, 为学生之后回忆课堂教学过程,调取板书资料提供便利. 在本系统设计环节，可以设计板书的自动整理功能，将 教怖较为奈乱的板书进行统理-形成有条理的知识结构 与教学流程；可以设计板书存儒功能，形成

15、教学资料与 学习资料便于教师与学生随时查看：可以设im管 理功能，让教师能够在之后的课程教学中运用之前的板 15.在之前板b的根底上继续书耳板书,增强教学板书 的连续性，提升教学的整体性阴.3.5数据分析系统数据分析系统(如图3)的设计目的是全面获取有 校各专业课程的教学全过程记录、荻取学生学习的全过k » «5 0mln»»mr(<r»>stum祥ir字生心息soore移救#生e处成#(18«tw»t存是律a思nbjectstutfvvheato«ttkn-sssiusoae普靛用户主<1qrt

16、plt3b；机楹分析系狭裁据寰及箕功能程记录,针对不同课程的学生学习情况、课程根本信息、 作业佶息、存放何唬及向夏信息、存放用户留言主题信 息、存放用户回夏引言根本信息、学生课后作业完成情 况、专业测试与评价、教学评价、录播资源等进行深度 敌据开掘。借助数据分析技术挤建教学模式，为进一步 开展高校教哮改革提供有力依据.4结束语嫁上所述.教育信息化是现代社会信恩技术与高校 教再有机融合的产物。在教肯信息化背景下，信息技术 渗透于教学全过程.为学生提供良好的教学平台，支持 学生的技上自主学习与探索，分析学生的学习数据，对 学生的学习过程与成果加以m.有效突破了传统教学 的时空局限，提升商校教育教学

17、有效性”为了史好的设 计高校教学平台，建议教师在完成根底框架设计之后莉 重提升平台功能性.管理员模块能够对平台账号与后台 敬据进行管理，教而管理模块那么能够获取学生的学习数 据.发送学习资源、题目.与学生进行互动.之后.教 师还浴要加强数据分析技术在平台中的应用，优化设计 数据分析系统,充分发挥平台优势.推动商校教育教学 信息化开展进程，参考文献擀伟方王吹然.教育佑息化20火皱卜尚怯曾寒数学叩台的设 什与研究j.中国较化.202。(05>1 89-92(2) ks . k于北汽第训教育体系的篇息化孚习平台构««rp).北京：北 jk工业大学2(119.i金峰，等.« ! ik0的商校网络敛孚平停系统燃卖现皿电聃知说与技术.119. 15 <25>i 106-111.4徐国红.将校在线饮学系统幼设计与实现(j).跳代信息料技,20xx. 3 (4)： 67-69.5宇电明.李住马阵尺胶.垛亍用户作芸的只&网绻教学平台使用岩响用中国现代网冷(07>： 21-247.泌王小寿.夕夫龙.个旗.轮n伯。化半白使用勺行为不i我月我探析 jj现代枚肖技术，202x. s (5)： 60-66.pje» 翎汁课牧现含下的移动学习平台浅计、也用d.籍旧，西梢科技 大孚.20xx.18到也0武飞,菟于料洛亥黑共享平台的位狙