界面设计课程中的艺术与审美培养方案构思

施兢蓉

摘 要：界面设计在计算机前端中发挥重要作用，同时也受到了高校的关注。它与信息技术紧密结合，也是技术与文化艺术沟通的桥梁。对此类人才的培养，首先需要了解学科关系的构建，涉及的行业领域，在明确了各学科与界面设计之间盘根错节的联系之后，制定一个合理且高效的人才培养方案，完善课程设置。

关键词：界面设计；人才培养；跨界共融；

一、前言

在信息日益蓬勃的今天，UI的大时代也已经到来。短短几年里，无论是网站还是手机端应用，界面的美观度和舒适度有了很大的提高。好的界面设计，让软件变得颇有生趣，操作也变得更顺畅、自由。社会对于计算机专业人才的需求量也在上升，高职院校作为我国高等教育的重要组成部分，每年向社会输送大量专业型人才。界面设计类课程在计算机专业当中也起着至关重要的作用，因此，对该专业的学生进行艺术与审美的综合培养，让技术与艺术互相沟通、融合，具有积极的作用和意义[1]。

二、界面设计课程的重要性

（一）与信息技术的紧密联系

界面设计并不是一门独立存在的学科，而是前端开发中相当重要的一部分，并涉及到整个开发队伍。界面是人与机器之间传递和交换信息的媒介，包括硬件界面和软件界面，是计算机科学与心理学、设计艺术学、认知科学和人机工程学的交叉研究领域。对于一款产品而言，用户与产品的沟通总是依靠视觉来完成。现阶段的“安卓”和“IOS”系统两大操作系统迅速推广，各类数字产品被不断开发，潜移默化的成为现代人生活中不可或缺的一部分，独特的产品外观和界面也成为提高产品竞争力的重要手段。而另一方面，只有在强大技术支持下，界面设计的效能才能被最好的发挥。

（二）文化艺术沟通的桥梁

藝术是围绕情感或思维关切的主题，注重自我表达。从界面设计规则上来说，对艺术设计者的限制相对较少。因此，界面设计往往寻求产品的非凡独特，附加更多的视觉价值。

互联网产品在不断发展创新，其中的艺术传达成为现代人精神生活的重要组成部分，一方面给人们提供了高效便捷的生活服务，另一方面也是一种文化品位和审美情趣的提高。好的界面是艺术文化沟通的桥梁，富有人文关怀，在艺术构想中不断顺应时代变化，加入人性化的设计理念，形成“人-物-人”的情感交流。

三、学科关系的构建

一个产品在开发之前，主要历经：需求分析，交互原型和UI设计几个步骤，（如图2-1所示）：

一般情况下，对于界面要求较高的产品开发，往往会将UI设计和程序开发分为两个不同的时间节点，并且设计师会对开发过程中界面1：1的实现起到协助和监督的作用（如图2-2所示）。还有一种情况是UI界面设计和程序开发同时进行，这就需要前端设计者要明确界面设计的基本规律和各种美学常识。另外，在中小型团队中，原型交互、UI设计、程序开发三个步骤可能交叉进行，一个岗位需要同时具备多项能力，程序员有时也会兼顾交互和界面设计等工作，甚至也参与讨论用户需求的分析[2]。

从根本上来说，界面设计为了突出美的感受，往往侧重于关注如何处理和排版可视元素，包括图标、控件、图片、文字等，从而传达有效的行为信息。那么，在琢磨界面时，需要涉及到的主要元素有：

情景。每一套界面设计都需要考虑用户的使用场景，就如同创设一个品牌，需要关注人的需求，必须把使用背景当做视觉设计的先前条件，这就要求在课程设计中融入运营、用户分析等类型的课程，了解用户需求，做好前期调研准备等；

形状。形状虽然是肉眼识别一个对象的首要方式，但若要抓住用户的注意力，形状并不是有利因素，过多的形状会让用户形成错乱与不适；

大小。为人的设计，自然要遵循人的本能与习惯。人通常会不由自主的按照物体的大小排序，较大的物体更能吸引注意力。这样就能总结出大小属性在传达层级关系中的重要作用。在界面排版设计中，最重要的内容需要放大，次要的第二大，不重要的最小，这样就非常容易区别了，给人有条不紊的感受；

信息层级。用来给界面分层，通过大小、明亮、上下对比关系，区分信息的重要程度。

文字。是需要再三斟酌的元素。书面语言传达重要信息，所以需要恰当使用文字、字体、大小写等。

颜色。在界面设计中对于色彩是需要仔细斟酌，必须非常精确谨慎。需要结合用户目标、环境、内容、品牌等综合因素考虑。因此，色彩的搭配选择往往成为一套界面设计作品的先决条件。在设定了标准色后，还需要考虑颜色色值、色调、饱和度等具体数值。仅仅颜色这一元素，就对设计师产生了巨大的挑战，需要长期的培养和不断尝试，当然内在的审美与艺术修养也十分重要；

纹理。例如在设计按钮时，加上斜面和投影会让用户认为可点击。或者，某个元素设计成橡胶纹理，用户会认为可抓握。即使现在市面上多数的UI作品采用扁平化的风格，偶尔的纹理使用往往能够锦上添花，特别是针对儿童和老年人的学习操作；

方向。需要有一个可用的变量来传达方向，例如表示房价上涨趋势，就需要用向上的箭头来表示；

位置。建立在人机工程学之上。一个完整界面相当于一个完整的空间关系，什么元素放在左上角，什么元素适合放在右下角从而加强动作。

动作及变化。这是界面设计中的高级设计，难度较大。优秀的设计师要掌握界面组件的移动，如何随着时间变化等。就像视频播放界面，当开启其它应用，自动形成左上角的小屏幕[3]。

四、人才培养方案构思

在明确了各学科与界面设计之间盘根错节的关系之后，需要制定一个合理且高效的人才培养方案。

根据一个互联网产品开发的主要流程，前端视觉设计需要经历最重要的三个过程，即需求分析，原型交互，UI设计。在界面设计这门课程中三个过程不能割开，否则会造成市场需求与设计的脱节。

首先在需求分析阶段，需要开设运营、市场营销等相关基础课程，这是一款产品走向市场的必经之路。学生要学会如何去分析产品，市场调研，了解用户的真正需求，在脑中萌生一个不错的想法。

其次，确定产品方向后，需要进行原型的模拟设计。学生要研究人机工程学，界面当中的大小、纹理、方向、位置等都建立在人机工程基础之上。一个界面的可用、易用、好用最终取决于人机交互是否得当、顺利。并能够进行简单的手绘和尺寸测量。专业课程：原型交互（AXURE），Adobe XD等

如果把产品设计比喻成建造一栋大楼，那么需求分析就是选址和外形设计，原型交互就是框架架构的搭建，而界面设计就是充实与装修，起到锦上添花的作用。

基础阶段仍然要学习三大构成（平面构成、立体构成、色彩构成）。平面构成的学习最终将运用到界面设计和排版的实际项目中，从点、线、面的基础训练延伸到界面图标、控件、圖片、文字及其他各种元素的综合排版的控制；对于立体构成学习，在现阶段的应用主要涉及到立体拟物图标、控件的绘制和设计。当然还有产品的立体呈现，及例如：3DsMAX、CINEMA 4D、Rhino3D等计算机三维空间制图的需要；色彩构成培养学生如何正确使用色彩，搭配色彩，用色彩传达情感等一系列训练，同时也要逐渐形成良好的色感，学会判断和甄别色彩类型。前面提到的过，色彩是界面设计的先决条件。专业课程：图形图像处理（计算机辅助）、sketch（iOS系统专业UI设计软件）、VR图像编辑器，AE动效制作等其它UI设计相关。

另外，设计心理学。UI设计是从心理学的视角来构建人机互动的形式，并通过视觉要素的刺激来提高用户体验，根据终端屏幕的显示空间对视觉要素合理设计与布局，从而达到用户满意的视觉效果。

五、总结

本文是建立在对界面设计行业大背景和高职院校计算机专业学生具体分析基础之上，着重提出界面设计中艺术与审美培养方式的初步构思和规划。另外，未来的培养模式还可以从“互联网+”与前沿资讯的敏感度、交互设计与用户体验、美学之道（视觉审美培养）、学生创意思维与联想培养，如何与艺术设计的跨界共融等方向进行深入研究。

参考文献：

[1]安小龙 界面设计之道[M]. 北京：清华大学出版社，2016.

[2]黄方闻.动静之美：Sketch移动UI与交互动效设计详解[M].北京：人民邮电出版社2016.08.

[3]Alan Cooper等著. About Face4：The Essential of interaction Design[M].北京：电子工业出版社，2015.10.