新媒体环境中UI设计教学内容改革.pdf

1、新媒体环境中 UI 设计教学内容改革打开文本图片集摘 要：时代的发展促进了 UI 设计新岗位、新需求的产生，引发了对 UI 设计课程内容改革的挑战。本文阐述了通过改革 UI 设计课程内容，讲授通用的设计方法规律设计数学化设计方法，提高教学质量、提升学生专业综合实力，增强学生对不断变化的社会岗位需求的适应性。关键词：UI 设计 设计数学化 教学内容改革伴随着互联网的发展，出现了全程媒体、全息媒体、全员媒体、全效媒体，信息无处不在、无所不及、无人不用面对舆论生态、媒体格局、传播方式发生的深刻变化，媒体的表现形式也日益丰富，设计对象已经由传统的二维平面转变为网络、移动通信、LED 等多维，界面设计、

2、交互设计在智能手机、平板电脑及其他触屏移动产品中获得广泛应用。UI 设计教学内容也随着时代的飞速发展而日新月异，各行各业所应用的新理论与新技术的半衰期越来越短，随之带来职业工作岗位的不断变迁，市场需求的变化对职业技术院校每学年、甚至每学期的专业课程内容提出了挑战。作为职业技术院校的专业教师我们必须以改革的精神应对这种挑战。技工院校是以培养技术型人才为主要任务，满足受教育者学习技能、形成职业能力、求得生存和发展的最基本的需求。这就要求教师不仅要培养学生的职业能力和职业素养，更重要的是让学生掌握学习的窍门，从讲授学习知识的方法、规律入手切实提高学生对未来社会工作岗位要求的适应性和竞争力。一、UI

3、设计课程内容状况随着科学技术的飞速发展，各行业的职业工作岗位和需求也在不断更新，虽然为了适应市场需要，技工院校也在不断变革，相继开设了平面设计、网页设计、APP 设计、新媒体运营设计等 UI 设计专业课程，但根据学生就业率、企业反馈和社会调查发现，当前技工院校学生的就业现状令人担忧，主要体现在学生专业能力有待提升;岗位适应性弱;审美水平不高等方面。具体表现在：学生基础与学习习惯较差，上课听不懂;学习兴趣不高，缺乏耐心，上课玩手机、睡觉;自卑心理严重，容易产生挫败感等。学生在学校和企业的表现，显示出目前 UI 设计课程内容难度与学生接受程度不匹配、学生缺乏设计审美、学习能力及良好的学习习惯。而这

4、些需要在学生平时学习、实践的内容中有意识的养成与提升。二、选择课程改革突破口数字信息技术发展迅速，在新媒体移动互联网背景下，设计内涵发生了根本性变化，数字多媒体技术与平面设计艺术得到有机结合，衍生出 UI 设计新领域智能电视界面设计、手机 APP 界面设计、电商美工、新媒体运营等，通过对UI 设计的学习及公司调研，对其岗位职责要求对比如下：以上岗位信息摘自智联招聘网从对比中我们不难看出，不管是传统的 VI 设计还是各类网站、手机交互和电子商务设计的 UI 界面设计，都是基于设计能力基础上的设计规则、规范的变化。因此，在课程设置上，把切实提高学生设计基础能力作为课程改革的突破口，以 VI 设计、

5、UI 界面设计为媒介着重教授设计方法及规律，使学生掌握设计的技巧和技法，提高学生岗位的适应性，增强学生就业竞争力。设计数学化设计方法便是最有力的抓手。三、设计数学化设计方法的运用技工院校教育的教学最终目的是实现人才的培养，具体地说，就是贯彻教育方针，树立以提高全面素质为基础，以增强职业能力为本位的新观念，适应国家经济建设、科技进步和产业结构调整的需要。这就要求技工院校的教学着眼点不应仅停留在学生眼前的就业上，而应把眼前的就业和长远发展相结合。因此教师在教学中不仅教授专业知识，更重要的是培养学生的工作习惯，传授学习的方法。1.设计数学化设计方法作为一名设计专业教师，我屡屡看到学生很多优秀的创意想

6、法在成品转化的过程中遭到破坏，很大程度上由于学生不了解视觉上的数学原理、设计的数学化方法。数学化的设计方法认为像素化、序列感、比例系统等构成了设计艺术作品、建筑、产品、标志等的表现方法或构图的整体性。虽然它并没有考虑到概念、文化和传媒的影响，但它的确阐明了一些设计规则、方法，帮助我们发现数学在关于怎么样创造美、实现美的研究过程中发挥着作用，并利用数学的方法和规律进行相关创作的。设计数学化的设计方法可以大致分为以下几种：（1）像素化“像素”（Pixel）这一名词的出现源于计算机数码时代的到来，是用来计算数码影像的一种单位，即一种数学单位，因而具有相当明显的数学属性。像素化也称为网格化，因為它所呈

7、现出的状态就是一个个的网格，只是根据像素的大小，网格数量有多有少。利用像素（网格点）这一元素进行的文字或图形处理，可以使形态更具清晰感和简洁性，从而形成一种概括性的、富有韵味的文字或者图形语言。（2）序列感序列指的是按某种标准或规律进行的排列，它体现出某种数量间的关系，因为有序，所以美观。设计作品时，在进行画面中各项元素的安排和布置时合理把握其中的序列关系，对营造出画面的美感是有很大帮助和作用的，可以加以利用，使之成为一种设计技巧。（3）对称对称美是数学美的重要组成部分，也是数学创造与发现的美学方法之一。在设计制作中，对称的方法通常会用在标志设计及版式设计中，带给人庄严感、正式感、安静感、平和

8、感，元素在上下或左右反复出现的形式，对设计师来说，对称的结构是最方便且效果比较好的排版形式。（4）比例是一个数学术语，表示两或多个比相等的式子，是一个总体中各个部分的数量占总体数量的比重，用于反映总体的构成或者结构。比例是设计数字化最常用、使用最为广泛的表现手法，它包括 1/2、1/3、黄金分割比、白银分割比等。在文字排版中，可以通过字号、行距等不同的比例关系找寻大小、位置、距离间最佳的视觉效果。而在书籍设计、网页设计甚至手机 APP 界面版式设计中，设计师也都会利用比例关系建立网格，并将网格视为一种秩序系统来进行使用，使得作品易懂、客观、具有功能性和数学逻辑美感。比例的使用为我们提供了一个实

9、际的工具，让我们可以从概念、组织结构和设计上更有效、自信地处理和解决视觉问题，并让设计更具功能性、逻辑性和视觉美感。合理地运用数学的思维模式和使用方法能够为设计服务。2.设计数学化设计方法在教学中的运用根据学生发展的认知规律及现有状况、企业对所用人才的需求、设计数学化方法的种类制定了 UI 设计课程内容标准。该标准既包括了学院人才培养规划中设定的专业目标及内容，也涵盖了企业培训中常见的课程内容。通过理论讲解、案例分析、临摹制作、自主设计、对比思考等形式，使学生不仅掌握设计数学化方法的使用，还将专业行为、专业能力、专业道德、专业意识的培养与养成渗透到学生日常学习、生活和管理中，全面提高学生适应职

10、业、适应社会的能力。（1）课程内容安排UI 设计课程分为平面设计、网页设计、移动端设计、新媒体运营设计四部分内容，在校学习的三年中以高级工、预备技师和技师班学生为主要群体，以职业成长过程为主线，岗位实际工作内容为载体、设计数学化为方法，分阶段实施专业训练课程，见下页表。（2）学期安排第一学期：走进设计。训练课程以设计行为习惯为主要内容的设计基础教育。包括了解字体特点、排版一般规律、设计一般步骤等。通过该模块的训练使学生明确并养成良好的设计习惯，并初步认识设计数学化在设计中的使用方法，能够使用进行简单的设计制作，为走向职场打下良好的基础。第二、三、四、五学期：走进职场（上）。训练课程以通用的设计

11、方法设计数学化训练为主。通用的设计方法是普遍适应设计几乎所有岗位的需求，是每一名学生从业必备的能力。那么应该如何确定培养这种能力所需的任务内容呢？在对企业、毕业学生、在校学生及家长进行广泛调研的基础上，通过分析研究确定了实际工作中具有典型性的工作任务，并结合职业成长规律及学生认知发展设置训练内容及时间。通过该模块的训练，让学生在了解各个工作任务规范及步骤的同时，对任务进行比较分析，使学生明确设计数学化在设计中的重要作用并能够熟练使用，提高学生的学习能力、技能水平及岗位的适应性。第六学期：走进职场（下）。训练课程以培养职业意识训练为主。学生高级工及预备技师阶段以讲解、练习设计方法、技法为主，技师

12、阶段在熟练设计方法技法基础上实行“工学结合工作室”人才培养模式，把课堂上的理论学习与设计实践紧密结合起来，在熟悉、熟练设计数字化方法的同时更有效的提高学生学习实践积极性、解决问题的能力，学生在学习中工作，在工作中学习，学生在学习中积累工作经验，提升工作能力。通过该模块的训练，使学生正确认识和了解自己将从事的职业，树立信心。3.设计数学化设计方法在教学中的优势设计中数学的运用和辅助，其实无论在历史上还是现在都一直存在，但设计通常被视为直觉感受和个人灵感的体现，从而造成很少有专业教师将数学带入艺术设计课堂，但对于缺乏审美感知及艺术基础的技校学生来说，“设计数学化”作为一种设计方法进行推广，这是非常

13、有价值的，它好理解、便于掌握，不仅为设计创作提供了一种方法，而且也为审美的培养提供了一种捷径。（1）以设计数学化为标准能够提高学生技术水平。在学生高级工阶段引入设计数学化方法，让学生认识了解方法的同时能够严格按照数值规律临摹制作设计作品，并引导学生使用方法、利用数值规律进行自主设计，培养学生严谨的态度，能够按照各行业的 VI 规范要求制作作品，切实提高学生的技术水平。（2）以设计数学化为手段能够培养学生审美。技工院校的学生主要来自初中毕业且各方面较为后进的学生。大多学生没有绘画基础，文学素养、审美感知等素质较差，这也是造成教学效果不理想的最关键原因。针对此问题，在教学过程中通过大量的临摹练习、

14、不断重复强调设计数学化的方法及规律的同时，引导学生观看、分析、思考优秀设计作品当中设计数字化方法的应用，不断循环经过赏析自制临摹反思这一学习环节让学生逐渐抛弃固有观念形成一种审美习惯。（3）以设计数学化为方法能够提升学生专业水平。学生在做设计的过程中，往往会出现拿到文案题目却不知道如何去做的问题，教师通过引导学生从内容出发理清思路，以设计数学化方法为切入点进行思考、尝试制作，带给学生灵感，在培養学生良好的职业工作习惯、设计思维方式的同时，给予学生解决问题的方法，切实提高学生对于工作不同内容的适应性、设计能力，提升学生的专业水平。四、UI 设计教学内容改革成效通过几年的 UI 设计课程改革实践，

15、UI 设计教学取得了一些初步的成绩。1.UI 设计教学质量得到提高。由于课程内容相对简单、学习方法便于学生掌握及理解，使后进学生慢慢转变，有兴趣学习的学生数量明显增多，学生技能水平、审美表现力显著提高，教学质量大幅度提高。近三年学生设计课程的考核及格率从 75%提高到 90%以上，设计课程教学质量获得了学生、专业教师的一致肯定。2.学生专业综合实力得以提升。在实施 UI 设计课程改革后，学生的职业技能、专业素养等有明显提高。在2016 年世界技能大赛选拔赛平面设计组中，学院 2 名学生通过北京赛区、全国赛区选拔进入国家集训队、网页设计组 1 名学生通过选拔进入国家集训队;在2018 年举办的北

16、京市技工院校多媒体制作员技能大赛参赛的 6 名学生中，2 名学生获一等奖、2 名学生获二等奖、1 名学生获三等奖。3.学生专业就业率稳步提升。通过近三年的努力，在设计教学中运用数学化的方法，培养学生的审美、锻炼学生的观察力，让学生逐步掌握分析与设计制作的方法，提高了学生对新设计载体的适应性。在 2018 年 7 月，第一批接受课程改革的多媒体制作专业 30 名毕业生中，2 名从事网站设计工作、4 名从事手机 APP 界面设计工作、6 名从事多媒体设计工作、5 名从事平面设计工作，专业就业率达 50%以上，较 2017 年提升 36%，从事专业领域拓宽 60%。结语UI 设计教学内容的改革取得了

17、初步的成效，但教学改革一直在路上，没有止境。这篇文章的目的并不是要通过数学来量化设计，也不是说设计教学一定要按数学的标准一成不变地死板苛求，而是揭示了一种便于学生掌握并能够快速营造美感的设计方法，它包含数学中讲究的比例、秩序及黄金分割等。在设计过程中借助这些设计方法和思维模式，为设计提供视觉的统一和谐性。面对如此多元化的新时代，通过设计数学化培养学生的审美情趣，教授学生通用的设计方法，为新时代的设计注入一股清流，美化我们的生活;帮助学生打下坚实的专业基础，尽快适应岗位的需要，为祖国建设服务。参考文献1付强.设计数学化之研究初探J.江南大学.2008.2易庆.职业教育中艺术设计专业创新实践教学研究J.湖北工业大学.2011.3李平平.移动互联网背景下视觉传达设计专业人才培养模式研究J.艺术科技.2015.6.4（美）金伯利伊拉姆著.沈亦楠，赵志勇译.设计几何学.上海人民美术出版社.2018.1.