高校平面设计教学的UI设计教学思路

摘要：互联网时代，IT类产品的蓬勃发展成为必然趋势，人们对于UI设计的需求不断增长。在当代高校的平面设计课程教学中，UI设计的优势逐渐显现。该课程越来越受学生的欢迎，并且取得了较为良好的教学成果。该文研究当代高校平面设计教学中的UI设计教学，分析UI设计的特点，以期为高校视觉艺术专业的进一步发展探索新的教学思路。

关键词：平面设计UI设计教学思路

UI设计的发展始于20世纪末，是一种利用IT技术深化艺术设计创作的新方法。近年来，随着互联网时代的来临，社会对于UI设计的需求不断增长。在这样的时代背景下，UI设计教学获得了快速发展。在互联网时代，很多企业已经发现通过打造线上平台，吸引更多的流量，对于企业的营销可产生重要的影响。企业能否有效转化潜在客户与企业在线上平台上投入的程度密切相关，这要求企业更加注重在UI设计上的投入。随着移动互联网时代的来临、智能手机的普及，移动终端对UI设计需求更是不可估量。

一、UI设计领域的现状及发展趋势

UI即英文“UserInterface”的简写，意指界面与用户的关系。因此，UI设计指用户界面设计。其不仅是单一的分割体，而且泛指人机交互、操作逻辑、界面视觉等创新思路[1]。主流领域的UI设计不仅指图形界面视觉设计，而且包含交互体验设计（ID）、图形界面设计（GUI）和用户研究设计（UE）三个方面。现阶段的UI设计主要依靠计算机技术，将艺术设计与IT技术融合，充分适应了互联网经济发展的广泛需求。UI设计涉及的方向较为广泛，包括视觉设计、游戏、动漫、App设计等领域。我国社会对UI设计的研究开始较晚，但目前已经取得了突破性的成果。当前，UI设计已经被广泛而深入地应用于不同的生活和工作场合，为传统平面设计领域带来了新的活力，并逐渐发展成为一门既复合又独立的领域，成为一种新的设计方法和思路。目前，UI设计已经被广泛地运用于当代高校的视觉与平面设计的教学。

二、UI设计在当代大学平面设计教学中的重要性

1.突破传统艺术设计的局限性UI设计的实质是结合计算机界面，实现艺术设计在载体领域的发展与创新。UI设计通过建立起良好的交互设计界面，以此给用户带来良好的体验，为设计出具有更高价值的产品打下基础。UI设计与传统美术具有某些共同的属性，不仅有助于绘画创作，提高绘画作品的商业价值，而且能通过相关软件开展艺术创作，使作品与现代艺术进一步有机结合，不断引领艺术创新发展的潮流。在当代平面设计课程教学中，教师引入UI设计，可使现代艺术教学理念与目前的商业模式相结合，以专业性、技术性推动平面设计领域的和谐发展。因此，UI设计与平面设计课程教学的有机结合，不仅促进了艺术设计行业的发展，而且为商业创新提供了新的亮点[2]。

2.提升传统设计作品的竞争力当下平面设计学科的发展，在客观上面临越来越激烈的竞争。当代视觉设计专业的发展，主要驱动力源于日益增长的商业实际需求。当代艺术设计教学已经把UI设计教学纳入日常的教学内容，并以此进一步提高作品本身的附加值。UI设计的作品在经过IT专业技术的后期处理后，其价值和竞争力将被进一步提升。此外，UI设计的作品价值还表现在充分性、广泛性等维度上，将其应用于互联网产品设计、移动终端的界面，能够对人们形成较强的视觉冲击。

3.促进当代平面设计的多样化发展目前，平面设计学科表现出多样的发展方向。手机等终端产品的界面交互设计发展，不仅体现在外观设计层面，而且体现在互联网展现方式层面，其发展特征也是平面设计学科不断突破、创新的成果。基于此，高校把UI设计教学引入传统平面设计课程教学，可以更好地帮助学生理解设计理念和设计方法。

4.引导学生在艺术设计领域的全面发展UI设计不仅仅是描点画边，设计师还必须具备完备的知识体系。优秀的现代设计师不仅要具备专业的审美能力、绘画能力、设计能力，而且必须具有一定的行业领悟能力。由于UI设计更注重操作性、专业性，将其应用于教学可以帮助学生拓展知识面，使学生能够更好地向满足社会实际需要的方向发展。当前，在设计行业中，实践能力十分重要。学生只有进一步锻炼实际操作能力，将理论知识应用于实践，才能提升综合素质。当前，艺术设计专业教学必须注重对UI设计的实际应用，进一步提升实际教学效果，积极改革授课方式，带动教师、学生行业能力的提升。应用UI设计为教学改革的抓手，可以很好促进现代艺术设计课程的发展，帮助学生更好地满足社会的需要。

三、高校平面设计教学中UI设计课程的关注点

相比于游戏原画设计、建筑设计、工业设计等传统平面设计，UI设计对设计师的手绘美术基础的要求相对较低。在UI设计中，手绘美术通常用于绘制图标时的打稿。利用手绘稿开展前期设计往往会更加方便，而且由于UI设计的载体媒介依赖于手机或电脑等终端产品，设计素材也源于互联网，在理论上设计师能搜集到的资源是无限的。同时，UI设计的更新迭代更加迅速，采集信息也更加方便。

1.UI设计教学中的设计规范当前，UI设计的应用主要建立在移动设备操作系统的基础上。因此，学生首先必须掌握移动设备操作系统的设计规范与设计原则。当前，移动设备操作系统都有自己的设计规范，从界面尺寸到图标尺寸、从系统字体到UI控件、从切片输出到标注适配、从手势交互到界面动效等，学生必须熟练掌握。完善的产品界面解决方案由四大元素组成，分别是内容视图、控件、栏以及临时视图。因此，对设计规范的掌握对于学生学习UI设计具有重要的意义。

2.UI设计教学中的表现方式以往平面设计的表现形式多为静止状态的模式，而UI设计拥有更多的表现形式，因此，其在观感上更加活跃，视觉冲击力更强。同时，UI设计以引导用户操作为主，以动带静，具有较强的交互性。在UI设计中，设计师需要尽可能多地把重要元素表现在较为显眼的位置，设计的视觉焦点受到显示屏的大小影响，在效果完整性上存在一定局限。而且UI设计后期要求较高，高度依赖网络覆盖信号等的支持，后台程序和服务器也必须实时在线响应。

3.UI设计教学的关键要点以往的平面设计教学往往更加关注设计完成的展示效果，重视设计表现，如哪些文字、版式、色彩、图形能提升用户的关注度，能够吸引目标用户群体，引导用户消费，较为注重用户对设计的体验感。相比之下，UI设计对用户体验的关注逐渐提升到思考人类行为层面的研究。因此，UI设计教学关注的不仅是设计作品本身，而且涉及消费者心理学、人机交互等领域的知识，其关注面更加宽广[3]。

4.UI设计教学中须掌握的IT软件技术UI设计在本质上是基于IT技术开展的设计，IT技术需要与设计、创意有机结合，才能设计出更有创新价值的作品。因此，相关设计软件的教学是UI设计教学重要的前置环节。当前，平面设计人员需要熟练使用的软件有CorelDRAW、Photoshop等设计软件，而对于UI设计而言，设计人员往往还要掌握Html5、CSS、JS等编程语言与平台工具。因此，相比于平面设计教学，UI设计教学对于学生而言难度更高。此外，对传统工具的进一步挖掘也是UI设计的重要手段。以UI设计中较为常用的Photoshop软件为例，教师必须让学生熟练掌握其中的常用功能，如钢笔、形状、图层样式、拾色器、路径操作和文字等。

四、平面设计教学与UI设计教学的结合点

1.两者的设计要素同宗同源平面设计与UI设计同属于艺术设计大类，其设计基础都是对图形、色彩、文字等要素的应用。因此，两种设计模式都要突出产品自身的特性，形成强烈的展示效果和视觉冲击力。在此基础上，两种设计模式在追求视觉效果时往往都会更加突出色彩的视觉冲击力，以此深刻、传神地表达出产品的特色和质感，让消费者更容易接受产品。

2.两者的版面风格类似无论何种设计模式都需要建立在版面设计理念的基础上。平面设计与UI设计的设计诉求都是将设计基础要素排列组织到版面上，运用照片、文字、插图、符号、图案等要素吸引用户，达到让用户被主题吸引的目的。因此，版面设计是平面设计和UI设计的基础。版面设计可使设计在视觉效果上更具完整性、逻辑性，其在平面设计和UI设计中都得到了普遍应用。3.两者的创意设计思维类似艺术设计的灵魂就是源源不绝的创新创意，其本质是一种创意型思维活动。创造性思维在平面设计和UI设计中都具有较高的价值，在平面设计和UI设计的初期，设计者都需要利用发散性思维生成创意主题。因此，创意是设计创作的根本。在UI设计中，设计师在设计初期需要通过头脑风暴激发创意，从而设计出更有价值的作品。因此，双方的创意思维和出发点都是一致的。

结语

经过以上探讨，从平面设计教学与UI设计教学的关注点和结合点出发可以发现，UI设计源于平面设计，二者都建立在传统艺术设计的基础上。UI设计对IT技术的要求会越来越高，设计师不仅要精通平面设计方面的软件，而且需要掌握一些编程语言。因此，在今后的UI设计教学中，教师不仅需要关注学生设计作品的感官效果，而且要引导学生设身处地考虑用户的使用感受，在设计中亲身体验，将心比心，多为用户考虑。

参考文献：

[1]蔡莹莹.以“人”为本的用户界面设计流程研究[J].才智，2011（4）：35-36.

[2]孙静雯.UI设计在现代艺术设计课程教学中的重要性分析[J].大众文艺，2015（15）：195.

[3]李玉龙.青出于蓝胜于蓝——试论平面设计与UI设计的异同点[J].兰州交通大学学报，2017，36（5）：30-32，59.

作者：吴桢 单位：苏州市职业大学艺术学院