張賽

摘 要：時代的發(fā)展促進(jìn)了UI設(shè)計(jì)新崗位、新需求的產(chǎn)生，引發(fā)了對UI設(shè)計(jì)課程內(nèi)容改革的挑戰(zhàn)。本文闡述了通過改革UI設(shè)計(jì)課程內(nèi)容，講授通用的設(shè)計(jì)方法規(guī)律——設(shè)計(jì)數(shù)學(xué)化設(shè)計(jì)方法，提高教學(xué)質(zhì)量、提升學(xué)生專業(yè)綜合實(shí)力，增強(qiáng)學(xué)生對不斷變化的社會崗位需求的適應(yīng)性。

關(guān)鍵詞：UI設(shè)計(jì) 設(shè)計(jì)數(shù)學(xué)化 教學(xué)內(nèi)容改革

伴隨著互聯(lián)網(wǎng)的發(fā)展，出現(xiàn)了全程媒體、全息媒體、全員媒體、全效媒體，信息無處不在、無所不及、無人不用……面對輿論生態(tài)、媒體格局、傳播方式發(fā)生的深刻變化，媒體的表現(xiàn)形式也日益豐富，設(shè)計(jì)對象已經(jīng)由傳統(tǒng)的二維平面轉(zhuǎn)變?yōu)榫W(wǎng)絡(luò)、移動通信、LED等多維，界面設(shè)計(jì)、交互設(shè)計(jì)在智能手機(jī)、平板電腦及其他觸屏移動產(chǎn)品中獲得廣泛應(yīng)用。UI設(shè)計(jì)教學(xué)內(nèi)容也隨著時代的飛速發(fā)展而日新月異，各行各業(yè)所應(yīng)用的新理論與新技術(shù)的半衰期越來越短，隨之帶來職業(yè)工作崗位的不斷變遷，市場需求的變化對職業(yè)技術(shù)院校每學(xué)年、甚至每學(xué)期的專業(yè)課程內(nèi)容提出了挑戰(zhàn)。作為職業(yè)技術(shù)院校的專業(yè)教師我們必須以改革的精神應(yīng)對這種挑戰(zhàn)。

技工院校是以培養(yǎng)技術(shù)型人才為主要任務(wù)，滿足受教育者學(xué)習(xí)技能、形成職業(yè)能力、求得生存和發(fā)展的最基本的需求。這就要求教師不僅要培養(yǎng)學(xué)生的職業(yè)能力和職業(yè)素養(yǎng)，更重要的是讓學(xué)生掌握學(xué)習(xí)的竅門，從講授學(xué)習(xí)知識的方法、規(guī)律入手切實(shí)提高學(xué)生對未來社會工作崗位要求的適應(yīng)性和競爭力。

一、UI設(shè)計(jì)課程內(nèi)容狀況

隨著科學(xué)技術(shù)的飛速發(fā)展，各行業(yè)的職業(yè)工作崗位和需求也在不斷更新，雖然為了適應(yīng)市場需要，技工院校也在不斷變革，相繼開設(shè)了平面設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)、APP設(shè)計(jì)、新媒體運(yùn)營設(shè)計(jì)等UI設(shè)計(jì)專業(yè)課程，但根據(jù)學(xué)生就業(yè)率、企業(yè)反饋和社會調(diào)查發(fā)現(xiàn)，當(dāng)前技工院校學(xué)生的就業(yè)現(xiàn)狀令人擔(dān)憂，主要體現(xiàn)在學(xué)生專業(yè)能力有待提升;崗位適應(yīng)性弱;審美水平不高等方面。具體表現(xiàn)在：學(xué)生基礎(chǔ)與學(xué)習(xí)習(xí)慣較差，上課聽不懂;學(xué)習(xí)興趣不高，缺乏耐心，上課玩手機(jī)、睡覺;自卑心理嚴(yán)重，容易產(chǎn)生挫敗感等。

學(xué)生在學(xué)校和企業(yè)的表現(xiàn)，顯示出目前UI設(shè)計(jì)課程內(nèi)容難度與學(xué)生接受程度不匹配、學(xué)生缺乏設(shè)計(jì)審美、學(xué)習(xí)能力及良好的學(xué)習(xí)習(xí)慣。而這些需要在學(xué)生平時學(xué)習(xí)、實(shí)踐的內(nèi)容中有意識的養(yǎng)成與提升。

二、選擇課程改革突破口

數(shù)字信息技術(shù)發(fā)展迅速，在新媒體移動互聯(lián)網(wǎng)背景下，設(shè)計(jì)內(nèi)涵發(fā)生了根本性變化，數(shù)字多媒體技術(shù)與平面設(shè)計(jì)藝術(shù)得到有機(jī)結(jié)合，衍生出UI設(shè)計(jì)新領(lǐng)域——智能電視界面設(shè)計(jì)、手機(jī)APP界面設(shè)計(jì)、電商美工、新媒體運(yùn)營等，通過對UI設(shè)計(jì)的學(xué)習(xí)及公司調(diào)研，對其崗位職責(zé)要求對比如下：

以上崗位信息摘自智聯(lián)招聘網(wǎng)

從對比中我們不難看出，不管是傳統(tǒng)的VI設(shè)計(jì)還是各類網(wǎng)站、手機(jī)交互和電子商務(wù)設(shè)計(jì)的 UI界面設(shè)計(jì)，都是基于設(shè)計(jì)能力基礎(chǔ)上的設(shè)計(jì)規(guī)則、規(guī)范的變化。因此，在課程設(shè)置上，把切實(shí)提高學(xué)生設(shè)計(jì)基礎(chǔ)能力作為課程改革的突破口，以VI設(shè)計(jì)、UI界面設(shè)計(jì)為媒介著重教授設(shè)計(jì)方法及規(guī)律，使學(xué)生掌握設(shè)計(jì)的技巧和技法，提高學(xué)生崗位的適應(yīng)性，增強(qiáng)學(xué)生就業(yè)競爭力。設(shè)計(jì)數(shù)學(xué)化設(shè)計(jì)方法便是最有力的抓手。

三、設(shè)計(jì)數(shù)學(xué)化設(shè)計(jì)方法的運(yùn)用

技工院校教育的教學(xué)最終目的是實(shí)現(xiàn)人才的培養(yǎng)，具體地說，就是貫徹教育方針，樹立以提高全面素質(zhì)為基礎(chǔ)，以增強(qiáng)職業(yè)能力為本位的新觀念，適應(yīng)國家經(jīng)濟(jì)建設(shè)、科技進(jìn)步和產(chǎn)業(yè)結(jié)構(gòu)調(diào)整的需要。這就要求技工院校的教學(xué)著眼點(diǎn)不應(yīng)僅停留在學(xué)生眼前的就業(yè)上，而應(yīng)把眼前的就業(yè)和長遠(yuǎn)發(fā)展相結(jié)合。因此教師在教學(xué)中不僅教授專業(yè)知識，更重要的是培養(yǎng)學(xué)生的工作習(xí)慣，傳授學(xué)習(xí)的方法。

1.設(shè)計(jì)數(shù)學(xué)化設(shè)計(jì)方法

作為一名設(shè)計(jì)專業(yè)教師，我屢屢看到學(xué)生很多優(yōu)秀的創(chuàng)意想法在成品轉(zhuǎn)化的過程中遭到破壞，很大程度上由于學(xué)生不了解視覺上的數(shù)學(xué)原理、設(shè)計(jì)的數(shù)學(xué)化方法。數(shù)學(xué)化的設(shè)計(jì)方法認(rèn)為像素化、序列感、比例系統(tǒng)等構(gòu)成了設(shè)計(jì)藝術(shù)作品、建筑、產(chǎn)品、標(biāo)志等的表現(xiàn)方法或構(gòu)圖的整體性。雖然它并沒有考慮到概念、文化和傳媒的影響，但它的確闡明了一些設(shè)計(jì)規(guī)則、方法，幫助我們發(fā)現(xiàn)數(shù)學(xué)在關(guān)于怎么樣創(chuàng)造美、實(shí)現(xiàn)美的研究過程中發(fā)揮著作用，并利用數(shù)學(xué)的方法和規(guī)律進(jìn)行相關(guān)創(chuàng)作的。設(shè)計(jì)數(shù)學(xué)化的設(shè)計(jì)方法可以大致分為以下幾種：

（1）像素化

“像素”（Pixel）這一名詞的出現(xiàn)源于計(jì)算機(jī)數(shù)碼時代的到來，是用來計(jì)算數(shù)碼影像的一種單位，即一種數(shù)學(xué)單位，因而具有相當(dāng)明顯的數(shù)學(xué)屬性。

像素化也稱為網(wǎng)格化，因?yàn)樗尸F(xiàn)出的狀態(tài)就是一個個的網(wǎng)格，只是根據(jù)像素的大小，網(wǎng)格數(shù)量有多有少。利用像素（網(wǎng)格點(diǎn)）這一元素進(jìn)行的文字或圖形處理，可以使形態(tài)更具清晰感和簡潔性，從而形成一種概括性的、富有韻味的文字或者圖形語言。

（2）序列感

序列指的是按某種標(biāo)準(zhǔn)或規(guī)律進(jìn)行的排列，它體現(xiàn)出某種數(shù)量間的關(guān)系，因?yàn)橛行?，所以美觀。設(shè)計(jì)作品時，在進(jìn)行畫面中各項(xiàng)元素的安排和布置時合理把握其中的序列關(guān)系，對營造出畫面的美感是有很大幫助和作用的，可以加以利用，使之成為一種設(shè)計(jì)技巧。

（3）對稱

對稱美是數(shù)學(xué)美的重要組成部分，也是數(shù)學(xué)創(chuàng)造與發(fā)現(xiàn)的美學(xué)方法之一。在設(shè)計(jì)制作中，對稱的方法通常會用在標(biāo)志設(shè)計(jì)及版式設(shè)計(jì)中，帶給人莊嚴(yán)感、正式感、安靜感、平和感，元素在上下或左右反復(fù)出現(xiàn)的形式，對設(shè)計(jì)師來說，對稱的結(jié)構(gòu)是最方便且效果比較好的排版形式。

（4）比例

是一個數(shù)學(xué)術(shù)語，表示兩或多個比相等的式子，是一個總體中各個部分的數(shù)量占總體數(shù)量的比重，用于反映總體的構(gòu)成或者結(jié)構(gòu)。比例是設(shè)計(jì)數(shù)字化最常用、使用最為廣泛的表現(xiàn)手法，它包括1/2、1/3、黃金分割比、白銀分割比等。

在文字排版中，可以通過字號、行距等不同的比例關(guān)系找尋大小、位置、距離間最佳的視覺效果。而在書籍設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)甚至手機(jī)APP界面版式設(shè)計(jì)中，設(shè)計(jì)師也都會利用比例關(guān)系建立網(wǎng)格，并將網(wǎng)格視為一種秩序系統(tǒng)來進(jìn)行使用，使得作品易懂、客觀、具有功能性和數(shù)學(xué)邏輯美感。

比例的使用為我們提供了一個實(shí)際的工具，讓我們可以從概念、組織結(jié)構(gòu)和設(shè)計(jì)上更有效、自信地處理和解決視覺問題，并讓設(shè)計(jì)更具功能性、邏輯性和視覺美感。合理地運(yùn)用數(shù)學(xué)的思維模式和使用方法能夠?yàn)樵O(shè)計(jì)服務(wù)。

2.設(shè)計(jì)數(shù)學(xué)化設(shè)計(jì)方法在教學(xué)中的運(yùn)用

根據(jù)學(xué)生發(fā)展的認(rèn)知規(guī)律及現(xiàn)有狀況、企業(yè)對所用人才的需求、設(shè)計(jì)數(shù)學(xué)化方法的種類制定了UI設(shè)計(jì)課程內(nèi)容標(biāo)準(zhǔn)。該標(biāo)準(zhǔn)既包括了學(xué)院人才培養(yǎng)規(guī)劃中設(shè)定的專業(yè)目標(biāo)及內(nèi)容，也涵蓋了企業(yè)培訓(xùn)中常見的課程內(nèi)容。通過理論講解、案例分析、臨摹制作、自主設(shè)計(jì)、對比思考等形式，使學(xué)生不僅掌握設(shè)計(jì)數(shù)學(xué)化方法的使用，還將專業(yè)行為、專業(yè)能力、專業(yè)道德、專業(yè)意識的培養(yǎng)與養(yǎng)成滲透到學(xué)生日常學(xué)習(xí)、生活和管理中，全面提高學(xué)生適應(yīng)職業(yè)、適應(yīng)社會的能力。

（1）課程內(nèi)容安排

UI設(shè)計(jì)課程分為平面設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)、移動端設(shè)計(jì)、新媒體運(yùn)營設(shè)計(jì)四部分內(nèi)容，在校學(xué)習(xí)的三年中以高級工、預(yù)備技師和技師班學(xué)生為主要群體，以職業(yè)成長過程為主線，崗位實(shí)際工作內(nèi)容為載體、設(shè)計(jì)數(shù)學(xué)化為方法，分階段實(shí)施專業(yè)訓(xùn)練課程，見下頁表。

（2）學(xué)期安排

第一學(xué)期：走進(jìn)設(shè)計(jì)。訓(xùn)練課程以設(shè)計(jì)行為習(xí)慣為主要內(nèi)容的設(shè)計(jì)基礎(chǔ)教育。包括了解字體特點(diǎn)、排版一般規(guī)律、設(shè)計(jì)一般步驟等。通過該模塊的訓(xùn)練使學(xué)生明確并養(yǎng)成良好的設(shè)計(jì)習(xí)慣，并初步認(rèn)識設(shè)計(jì)數(shù)學(xué)化在設(shè)計(jì)中的使用方法，能夠使用進(jìn)行簡單的設(shè)計(jì)制作，為走向職場打下良好的基礎(chǔ)。

第二、三、四、五學(xué)期：走進(jìn)職場（上）。訓(xùn)練課程以通用的設(shè)計(jì)方法——設(shè)計(jì)數(shù)學(xué)化訓(xùn)練為主。通用的設(shè)計(jì)方法是普遍適應(yīng)設(shè)計(jì)幾乎所有崗位的需求，是每一名學(xué)生從業(yè)必備的能力。那么應(yīng)該如何確定培養(yǎng)這種能力所需的任務(wù)內(nèi)容呢？在對企業(yè)、畢業(yè)學(xué)生、在校學(xué)生及家長進(jìn)行廣泛調(diào)研的基礎(chǔ)上，通過分析研究確定了實(shí)際工作中具有典型性的工作任務(wù)，并結(jié)合職業(yè)成長規(guī)律及學(xué)生認(rèn)知發(fā)展設(shè)置訓(xùn)練內(nèi)容及時間。通過該模塊的訓(xùn)練，讓學(xué)生在了解各個工作任務(wù)規(guī)范及步驟的同時，對任務(wù)進(jìn)行比較分析，使學(xué)生明確設(shè)計(jì)數(shù)學(xué)化在設(shè)計(jì)中的重要作用并能夠熟練使用，提高學(xué)生的學(xué)習(xí)能力、技能水平及崗位的適應(yīng)性。

第六學(xué)期：走進(jìn)職場（下）。訓(xùn)練課程以培養(yǎng)職業(yè)意識訓(xùn)練為主。學(xué)生高級工及預(yù)備技師階段以講解、練習(xí)設(shè)計(jì)方法、技法為主，技師階段在熟練設(shè)計(jì)方法技法基礎(chǔ)上實(shí)行“工學(xué)結(jié)合工作室”人才培養(yǎng)模式，把課堂上的理論學(xué)習(xí)與設(shè)計(jì)實(shí)踐緊密結(jié)合起來，在熟悉、熟練設(shè)計(jì)數(shù)字化方法的同時更有效的提高學(xué)生學(xué)習(xí)實(shí)踐積極性、解決問題的能力，學(xué)生在學(xué)習(xí)中工作，在工作中學(xué)習(xí)，學(xué)生在學(xué)習(xí)中積累工作經(jīng)驗(yàn)，提升工作能力。通過該模塊的訓(xùn)練，使學(xué)生正確認(rèn)識和了解自己將從事的職業(yè)，樹立信心。

3.設(shè)計(jì)數(shù)學(xué)化設(shè)計(jì)方法在教學(xué)中的優(yōu)勢

設(shè)計(jì)中數(shù)學(xué)的運(yùn)用和輔助，其實(shí)無論在歷史上還是現(xiàn)在都一直存在，但設(shè)計(jì)通常被視為直覺感受和個人靈感的體現(xiàn)，從而造成很少有專業(yè)教師將數(shù)學(xué)帶入藝術(shù)設(shè)計(jì)課堂，但對于缺乏審美感知及藝術(shù)基礎(chǔ)的技校學(xué)生來說，“設(shè)計(jì)數(shù)學(xué)化”作為一種設(shè)計(jì)方法進(jìn)行推廣，這是非常有價值的，它好理解、便于掌握，不僅為設(shè)計(jì)創(chuàng)作提供了一種方法，而且也為審美的培養(yǎng)提供了一種捷徑。

（1）以設(shè)計(jì)數(shù)學(xué)化為標(biāo)準(zhǔn)能夠提高學(xué)生技術(shù)水平。

在學(xué)生高級工階段引入設(shè)計(jì)數(shù)學(xué)化方法，讓學(xué)生認(rèn)識了解方法的同時能夠嚴(yán)格按照數(shù)值規(guī)律臨摹制作設(shè)計(jì)作品，并引導(dǎo)學(xué)生使用方法、利用數(shù)值規(guī)律進(jìn)行自主設(shè)計(jì)，培養(yǎng)學(xué)生嚴(yán)謹(jǐn)?shù)膽B(tài)度，能夠按照各行業(yè)的VI規(guī)范要求制作作品，切實(shí)提高學(xué)生的技術(shù)水平。

（2）以設(shè)計(jì)數(shù)學(xué)化為手段能夠培養(yǎng)學(xué)生審美。

技工院校的學(xué)生主要來自初中畢業(yè)且各方面較為后進(jìn)的學(xué)生。大多學(xué)生沒有繪畫基礎(chǔ)，文學(xué)素養(yǎng)、審美感知等素質(zhì)較差，這也是造成教學(xué)效果不理想的最關(guān)鍵原因。針對此問題，在教學(xué)過程中通過大量的臨摹練習(xí)、不斷重復(fù)強(qiáng)調(diào)設(shè)計(jì)數(shù)學(xué)化的方法及規(guī)律的同時，引導(dǎo)學(xué)生觀看、分析、思考優(yōu)秀設(shè)計(jì)作品當(dāng)中設(shè)計(jì)數(shù)字化方法的應(yīng)用，不斷循環(huán)經(jīng)過賞析——自制——臨摹——反思這一學(xué)習(xí)環(huán)節(jié)讓學(xué)生逐漸拋棄固有觀念形成一種審美習(xí)慣。

（3）以設(shè)計(jì)數(shù)學(xué)化為方法能夠提升學(xué)生專業(yè)水平。

學(xué)生在做設(shè)計(jì)的過程中，往往會出現(xiàn)拿到文案題目卻不知道如何去做的問題，教師通過引導(dǎo)學(xué)生從內(nèi)容出發(fā)理清思路，以設(shè)計(jì)數(shù)學(xué)化方法為切入點(diǎn)進(jìn)行思考、嘗試制作，帶給學(xué)生靈感，在培養(yǎng)學(xué)生良好的職業(yè)工作習(xí)慣、設(shè)計(jì)思維方式的同時，給予學(xué)生解決問題的方法，切實(shí)提高學(xué)生對于工作不同內(nèi)容的適應(yīng)性、設(shè)計(jì)能力，提升學(xué)生的專業(yè)水平。

四、UI設(shè)計(jì)教學(xué)內(nèi)容改革成效

通過幾年的UI設(shè)計(jì)課程改革實(shí)踐，UI設(shè)計(jì)教學(xué)取得了一些初步的成績。

1.UI設(shè)計(jì)教學(xué)質(zhì)量得到提高。

由于課程內(nèi)容相對簡單、學(xué)習(xí)方法便于學(xué)生掌握及理解，使后進(jìn)學(xué)生慢慢轉(zhuǎn)變，有興趣學(xué)習(xí)的學(xué)生數(shù)量明顯增多，學(xué)生技能水平、審美表現(xiàn)力顯著提高，教學(xué)質(zhì)量大幅度提高。近三年學(xué)生設(shè)計(jì)課程的考核及格率從75%提高到90%以上，設(shè)計(jì)課程教學(xué)質(zhì)量獲得了學(xué)生、專業(yè)教師的一致肯定。

2.學(xué)生專業(yè)綜合實(shí)力得以提升。

在實(shí)施UI設(shè)計(jì)課程改革后，學(xué)生的職業(yè)技能、專業(yè)素養(yǎng)等有明顯提高。在2016年世界技能大賽選拔賽平面設(shè)計(jì)組中，學(xué)院2名學(xué)生通過北京賽區(qū)、全國賽區(qū)選拔進(jìn)入國家集訓(xùn)隊(duì)、網(wǎng)頁設(shè)計(jì)組1名學(xué)生通過選拔進(jìn)入國家集訓(xùn)隊(duì);在2018年舉辦的北京市技工院校多媒體制作員技能大賽參賽的6名學(xué)生中，2名學(xué)生獲一等獎、2名學(xué)生獲二等獎、1名學(xué)生獲三等獎。

3.學(xué)生專業(yè)就業(yè)率穩(wěn)步提升。

通過近三年的努力，在設(shè)計(jì)教學(xué)中運(yùn)用數(shù)學(xué)化的方法，培養(yǎng)學(xué)生的審美、鍛煉學(xué)生的觀察力，讓學(xué)生逐步掌握分析與設(shè)計(jì)制作的方法，提高了學(xué)生對新設(shè)計(jì)載體的適應(yīng)性。在2018年7月，第一批接受課程改革的多媒體制作專業(yè)30名畢業(yè)生中，2名從事網(wǎng)站設(shè)計(jì)工作、4名從事手機(jī)APP界面設(shè)計(jì)工作、6名從事多媒體設(shè)計(jì)工作、5名從事平面設(shè)計(jì)工作，專業(yè)就業(yè)率達(dá)50%以上，較2017年提升36%，從事專業(yè)領(lǐng)域拓寬60%。

結(jié)語

UI設(shè)計(jì)教學(xué)內(nèi)容的改革取得了初步的成效，但教學(xué)改革一直在路上，沒有止境。這篇文章的目的并不是要通過數(shù)學(xué)來量化設(shè)計(jì)，也不是說設(shè)計(jì)教學(xué)一定要按數(shù)學(xué)的標(biāo)準(zhǔn)一成不變地死板苛求，而是揭示了一種便于學(xué)生掌握并能夠快速營造美感的設(shè)計(jì)方法，它包含數(shù)學(xué)中講究的比例、秩序及黃金分割等。在設(shè)計(jì)過程中借助這些設(shè)計(jì)方法和思維模式，為設(shè)計(jì)提供視覺的統(tǒng)一和諧性。

面對如此多元化的新時代，通過設(shè)計(jì)數(shù)學(xué)化培養(yǎng)學(xué)生的審美情趣，教授學(xué)生通用的設(shè)計(jì)方法，為新時代的設(shè)計(jì)注入一股清流，美化我們的生活;幫助學(xué)生打下堅(jiān)實(shí)的專業(yè)基礎(chǔ)，盡快適應(yīng)崗位的需要，為祖國建設(shè)服務(wù)。

參考文獻(xiàn)

[1]付強(qiáng).設(shè)計(jì)數(shù)學(xué)化之研究初探[J].江南大學(xué).2008.

[2]易慶.職業(yè)教育中藝術(shù)設(shè)計(jì)專業(yè)創(chuàng)新實(shí)踐教學(xué)研究[J].湖北工業(yè)大學(xué).2011.

[3]李平平.移動互聯(lián)網(wǎng)背景下視覺傳達(dá)設(shè)計(jì)專業(yè)人才培養(yǎng)模式研究[J].藝術(shù)科技.2015.6.

[4]（美）金伯利·伊拉姆著.沈亦楠，趙志勇譯.設(shè)計(jì)幾何學(xué).上海人民美術(shù)出版社.2018.1.