中原地区高校UI设计教学创新探析

摘要：基于中原地区视觉传达专业UI设计教学活动中存在的一系列问题，专业课教师应指导学生进行课前相关理论课程的预习，通过优化教学设计促进课堂上的优质师生互动，加强学生课后的设计实践等。希望通过本文的分析能对相关研究者有所帮助，不断提升该专业领域的教学效果。

关键词：中原地区 UI设计 教学

UI设计主要负责App、Web、H5等页面的色彩、布局、icon、字体方面的设计工作，也叫UI视觉设计。随着互联网行业的高速发展，UI设计师岗位吸引着越来越多年轻人的目光。

处在设计前沿的UI设计领域，本应该代表着最先进的设计思想，但是，经过在中原地区UI设计领域的教学实践，发现该领域教师的教法与学生的学法存在一系列亟待改善的问题，笔者试图在教学中探寻解决方案。

一、UI设计的教学内容

UI设计需要学习的内容主要包含设计思维的培养和工具软件的使用。

（一）设计思维的培养

设计思维的培养不是一朝一夕可以练成的，但是设计思维的高低将最终决定一名设计师的水准。唐纳德· A · 诺曼博士说过一句经典的话：“设计真正的挑战是去发现终端用户没有得到满足，进而理解问题产生的深层次原因，最终利用专业知识和技能去解决这些问题，或满足用户的需求。”优秀的设计师首先是敏锐的观察者，需要多种交叉学科与设计学知识融合的知识体系背景，面对生活的复杂性，不仅能观察到糟糕的设计，也慢慢学会欣赏优秀的设计。将优秀的设计原则与优秀的观察能力结合起来形成设计者的多维设计思维，最终成为其强大的内功心法。

（二）工具软件的使用

UI设计主要使用PS、Sketch、AI等软件。关于软件的使用方法，在有些院校视觉传达专业的教学大纲中占到总课时量的1/2。一些短期培训班也常常推出30天学会PS、50天学会Sketch等这类教程，主要基于纯软件工具技法的使用，同时结合一部分基础实例分析。国内常见的UI培训教材一般分为基础篇、进阶篇和高阶篇，同时包含创意手绘、平面设计基础、网站建设、多屏界面设计和企业需求解读等内容。

二、UI设计教学中存在的问题

王受之先生曾经多次将国内外一些学校的设计专业的教学活动做对比。他一针见血地指出，国内很多设计专业的学生习惯于教师“填鸭式”自上而下地传授知识，学习的主动性和能动性较差。主要表现在三个方面。

第一，学生课前预习不到位。由于种种原因，一门设计类专业课程的开展对于学生来说，第一节课的概述部分往往是学生第一次全面了解该课程。第二，课堂上的师生互动活动乏力。UI设计的理论课和实践课往往联系不够紧密。有些学校的视觉传达专业将软件课纳入主干专业课程，学生忙于在有限的课时中锻炼软件操作技能，对理论课程的学习兴趣不高。造成无论是理论课还是实践课，师生的互动缺乏深度和广度。第三，学生课后的设计实践和教师的指导脱节。

三、针对UI设计教学中存在问题的解决方案

几年的UI设计实践和UI设计一线教学经验也许仍然不能解决所有目前UI设计教学中存在的问题，但是经过三个学期基于新教学方案的调整和与同行的深入讨论，笔者提出以下建议。

（一）专业课教师指导学生进行课前相关理论课程的预习

UI设计一般开设在第三学期，专业课教师可以从学生大一暑假期间推荐学生阅读设计类理论书籍。例如康纳德·诺曼撰写的《设计心理学》四部曲、原研哉撰写的《原研哉的设计》《设计中的设计》《RE-DESIGN 日常的21世纪》等著作。学生通过理论书籍的学习初步了解大脑感知科学原理和人的认知层次与模型，感悟设计的意义，挖掘设计的源泉，为设计作品赢得用户的喜爱打下良好的基礎。

此外，可以推荐学生阅读《艺术三万年》《艺术博物馆》《艺术的慰藉》等关于艺术发展历史的书籍，以及《设计的觉醒》《设计的意义》《设计准则》会对设计产生潜在帮助的书籍。

（二）通过优化教学设计促进课堂上的优质师生互动

课堂教学中高效、优质的师生互动技能提升学生的学习热情，也能使教学成果最大化。

排版类的课程是UI设计的重点内容之一，在进行排版设计部分，教师可提前推荐学生在课中（不是课堂上）阅读《版式设计从入门到精通》《设计元素》《商业设计三剑客》《西文字体》等书籍。因为设计的呈现最终还是落到每个页面、每个点，甚至每条线。在课堂上，教师可以将学生分组，利用更多的实际案例激励学生参与讨论和作品分析，可以模拟普通用户说出对某些界面设计的体验和改善建议。改变以往教师教授、学生被动接受的现状。

软件的基础操作部分完全可以让学生留到课外进行学习。课堂上，教师不必从一些基础的菜单和工具如何使用教起。而应该将教学重点放在针对某些设计需求和效果达成进行教学设计。教师的角色不能一直是教，更重要的是如何使学生主动思考，在此阶段的教学中提出一些有专题性质的问题。

在这些专题性质的讨论中，学生的经验常常带来思想的火花。例如在讨论“使设计元素看起来更清晰”的专题中，学生给出了如下解决方案：第一，在某些元素周围使用“多个阴影”或非常微妙的边框（阴影要比实际阴影深一点），以使这些元素显得更清晰，并注意避免出现很脏的阴影。第二，确保阴影始终仅来自一个光源。第三，巧妙使用留白。好的留白可以产生一些负空间，适度地使用可以产生类似国画中“气”的效果。留白是改进设计最快、最简单的秘密武器之一。第四，选择一种基础颜色，然后使用“色调和阴影”添加均匀性。不必总是用多种颜色来填充设计。如果项目允许，只需要使用受限的调色板，选择“基础颜色”，然后使用“色彩和阴影”，就可以用最简单的方式为设计增加一致性。

在进行“如何让画面产生更强大、更一致的视觉效果”的讨论中，有学生提出在设计中只使用一种字体，通过调整字体大小、粗细和颜色，可以产生具有差异性的画面。有学生提出用细微但简单的叠加层改善文本和图像之间的对比度。根据文本在图像上的放置位置，可以选择经过尝试的完整图像叠加层，也可以选择更细微的（从下到上，或从上到下）渐变叠加层，以实现两者之间的简单对比元素。有学生提出适度使用居中文本。主要通过尝试仅对标题和文本的小段落使用居中文本，可以提升文本灵活度。当涉及文本的长格式内容时，某些常规粗体字看起来仍然有些沉重和鲜明。通过选择类似深灰色（即#4F4F4F）的内容，可以轻松地解决此问题，从而使文本看起来更轻松。通过增加行高，使文案有更好的可读性。

（三）加强学生课后的设计实践和教师的指导

学生课后的设计实践作业应以企业的实际需求为导向，课程设置应符合企业工作流程。

例如针对视传专业学生普遍薄弱的环节，补充互联网开发概述知识，让学生全面了解后端开发流程，帮助学生成为懂分析、知心理、善逻辑、大格局、精技巧的全能设计师。对基础较为薄弱的学生要补充专业预科课程。创意美术课程让学生能够成为一个真正既懂审美，又会软件的高级设计师，提升学生的综合素质。

另外，非常重要的一点是，在专业课程的后期加入职业规划和理想岗位的匹配与选择等内容，让学生在走出校门之前已经较为清楚地了解如何将自己的就业需求与用人单位的需求进行比较研究，减少就业过程中的阻碍，提高就业能力。

例如，通过设计用户体验问卷，与学生讨论“如何改善用户的引导体验”。一些用户希望随时跳过设计好的界面引导，学生设计出将“跳过”链接按钮放在容易触及的范围内。通过不断调整用户界面图标，使其具有相同的视觉样式，包括确保它们共享相同的视觉风格，相同的重量，可以填充或勾勒轮廓等。始终将“号召性用语”放在屏幕上最突出的位置。通过使用颜色对比、大小和标签，不总是依靠icon，确保“号召性用语”尽可能突出。进行简单调整后，可使用户的体验更好，用户的理解度也会有相应的提升。

教师的课外指导也可以是比较具体的，例如，有些学生设计要在应用程序内部使用的菜单时，遇到难题求助教师。教师可有针对性地提出如何确保在屏幕上突出显示最常用的上载图像、添加文件等操作。如何为表格错误添加额外的视觉辅助——用户填写任何形式的表单时，在刚刚执行的操作附近添加错误消息可能是一种简单但有用的额外视觉帮助。

四、结语

随着越來越多网上虚拟工具的推出，无论是从事视觉传达设计的专业人员，还是普通用户，对于总用户界面设计的接触几乎不可避免。一款好的程序，如果充分调研用户的需求，设计时巧妙地利用专业知识为目标用户的愉快、便捷使用做深入研究，一款成功的App就完成了基于应用使命的1/2。好的UI设计教学不仅让学生理解如何让软件变得有个性、有品位，还要让学生做到实施界面设计，让软件的操作变得舒适、简单、自由，充分体现软件的定位和特点。只有不断实施高质量的教学设计，才能不断提升学生的综合设计能力。

参考文献：

[1]周璨.高职院校计算机专业课程思政建设的探索与实践——以《移动UI界面设计》课程为例[J].知识文库，2020（20）：3-4.

[2]黄耀辉，刘金满.手机App的UI界面设计[J].科技创新与应用，2020（30）：28-29.

[3]丁思侬.UI设计中的视觉体验研究[J].艺术品鉴，2020（27）：81-83.

[4]周璨.高职院校移动UI界面设计课程教学改革探析[J].知识文库，2020（18）：2.

（作者简介：赵越，女，硕士研究生，郑州工商学院，讲师，研究方向：视觉传达设计）

（责任编辑 刘月娇）