高職手機界面設(shè)計課程教學(xué)實踐探索

孫瑩瑩

（武漢城市職業(yè)學(xué)院，湖北 武漢 430061）

一、前言

隨著我國全面進入信息時代，互聯(lián)網(wǎng)+概念深入人心，移動互聯(lián)網(wǎng)和終端設(shè)備的普及，極大的方便了人們的生活和工作，人們越來越多的使用網(wǎng)絡(luò)解決各種問題，人們對產(chǎn)品的要求越來越高，各種軟件和互聯(lián)網(wǎng)產(chǎn)品在滿足人們功能需求的同時，對界面布局和審美的要求越來越高，好的UI 設(shè)計和用戶體驗直接影響產(chǎn)品的市場占有率。由此，UI 界面設(shè)計人才需求進一步增加，尤其是實踐型人才的需求呈直線上升趨勢。高職院校作為我國實踐型人才培養(yǎng)的重要基地，針對市場需求加快UI 界面設(shè)計課程改革，培養(yǎng)社會真正需要的一線設(shè)計人才，尤為必要。

二、高職院校UI 設(shè)計課程教學(xué)的發(fā)展現(xiàn)狀

當(dāng)前，UI 界面設(shè)計處于迅猛發(fā)展的階段，市場需求比較多、專業(yè)性人才少。伴隨用人市場的需求，高校設(shè)計和相關(guān)專業(yè)也逐漸加強了對UI 界面的研發(fā)和設(shè)計等方面的教學(xué)研究，開設(shè)相關(guān)的課程為社會培養(yǎng)這方面設(shè)計專業(yè)人才。但是UI 設(shè)計屬于綜合性與實踐性均非常強的領(lǐng)域，其綜合性方面涉及多學(xué)科，主要集中在計算機和藝術(shù)設(shè)計大類，涉及計算機專業(yè)知識、心理學(xué)、人機工學(xué)、美學(xué)、設(shè)計原理等理論知識，內(nèi)容體系比較龐大，課程設(shè)計復(fù)雜，僅藝術(shù)設(shè)計大類又涵蓋工業(yè)設(shè)計和視覺傳達(dá)設(shè)計專業(yè)領(lǐng)域，涵蓋視覺設(shè)計基礎(chǔ)原理、設(shè)計規(guī)范、界面設(shè)計、人機工學(xué)、人機交互設(shè)計以及審美要求等內(nèi)容；其實踐性體現(xiàn)在對實踐操作要求比較高，具備產(chǎn)品市場調(diào)研和分析能力，實時把握市場下多產(chǎn)品多終端多系統(tǒng)設(shè)計規(guī)范和要求，能夠快速跟進并更新產(chǎn)品終端界面規(guī)范，在相對扎實的專業(yè)理論知識體系支撐下開展界面設(shè)計創(chuàng)作，才有可能設(shè)計出符合市場需求的界面。

目前，我國很多高職院校對于UI 界面設(shè)計方向課程的定位、開設(shè)方式和人才培養(yǎng)體系還不完善，一般藝術(shù)設(shè)計類專業(yè)將UI 界面設(shè)計作為一門課程來開設(shè)，課程內(nèi)容細(xì)分不足，對學(xué)生實踐操作培養(yǎng)不足，市場關(guān)聯(lián)度不足，存在很多實際問題：

1.教學(xué)注重理論性研究，不關(guān)注學(xué)生的實踐能力的提升，對實際項目的引用和實踐方向側(cè)重較少；

2.UI 界面設(shè)計涵蓋領(lǐng)域眾多，沒有細(xì)分市場，沒有實際的設(shè)計項目輔助指導(dǎo)，課程內(nèi)容無法精準(zhǔn)對接市場需求；

3.有的實踐練習(xí)課程僅僅是對理論知識的闡述，大部分停留在虛擬項目設(shè)計，缺少后期測試與反饋環(huán)節(jié)，對學(xué)生的實踐創(chuàng)意沒有實際性的指導(dǎo)，理論研究過于學(xué)院派，導(dǎo)致學(xué)生的理解與社會發(fā)展脫節(jié)，后期走上實際的工作崗位非常受限制。

三、UI 設(shè)計方向課程教學(xué)探索

（一）因材施教，優(yōu)化人才培養(yǎng)模式

《中共中央關(guān)于全面深化改革若干重大問題的決定》中指出，“加快現(xiàn)代化職業(yè)教育體系建設(shè)，深化產(chǎn)教融合、校企合作，培養(yǎng)高素質(zhì)勞動者和技能型人才。創(chuàng)新高校人才培養(yǎng)機制，促進高校辦學(xué)特色爭創(chuàng)一流”①。在此大方向的引導(dǎo)下我院文化創(chuàng)意與藝術(shù)設(shè)計學(xué)院視覺傳達(dá)設(shè)計專業(yè)積極響應(yīng)改革，在原有的校企合作、人才培養(yǎng)的基礎(chǔ)上積極探索校內(nèi)工作室改革和校企合作方式的變革，實行“分層分類、個性化培養(yǎng)的工作室制工學(xué)結(jié)合人才培養(yǎng)模式”，根據(jù)學(xué)生學(xué)習(xí)能力層差及學(xué)生個性化發(fā)展需求，二年級開始雙向選擇，進入專業(yè)方向工作室，推行項目教學(xué)、仿真教學(xué)、工作過程導(dǎo)向教學(xué)等模式，深度融合校內(nèi)工作室和教學(xué)，實行精細(xì)化、個性化、針對性培養(yǎng)②，建立起新型的基于校內(nèi)工作室的以產(chǎn)教融合為主的人才培養(yǎng)方式。

（二）細(xì)分課程內(nèi)容，對接第三方平臺開展商業(yè)項目合作，指導(dǎo)課程的建設(shè)與開發(fā)

我院視覺傳達(dá)設(shè)計專業(yè)為三年制專科，開設(shè)有《UI 設(shè)計》課程，并且針對移動端的強勢發(fā)展趨勢，對UI 設(shè)計進行了細(xì)分，開設(shè)《電商設(shè)計運營》、《手機界面設(shè)計》和《APP 界面設(shè)計》課程，對接WEB 端和移動端界面設(shè)計市場。

《UI 設(shè)計》在我院前后歷經(jīng)三個階段發(fā)展，對應(yīng)專業(yè)發(fā)展的不同時期：早期《網(wǎng)頁設(shè)計》階段，以傳統(tǒng)網(wǎng)頁三劍客軟件設(shè)計制作靜態(tài)網(wǎng)頁界面，以電腦端中小企業(yè)網(wǎng)站設(shè)計美化為主要實訓(xùn)內(nèi)容，屬早期的線上設(shè)計；中期《UI 設(shè)計》，在前期電腦端界面設(shè)計的基礎(chǔ)上加入了部分產(chǎn)品界面以及手機主題設(shè)計，開始往移動端發(fā)展；現(xiàn)階段圍繞市場對人才的需求，視覺傳達(dá)設(shè)計專業(yè)開設(shè)了兩個工作室方向:視覺設(shè)計和UI 設(shè)計方向，培養(yǎng)視覺設(shè)計和UI 設(shè)計崗位從業(yè)者，《UI 設(shè)計》課程細(xì)化為三塊內(nèi)容，一是《電商設(shè)計運營》主要解決電商平臺設(shè)計、美化與運營問題，對接電商領(lǐng)域設(shè)計人才需求；第二是《手機界面設(shè)計》，涵蓋Graphic UI 設(shè)計和手機主題設(shè)計，解決手機端Icon 的設(shè)計、手機主題設(shè)計問題；第三是APP 界面設(shè)計，解決手機APP 界面設(shè)計問題。

以《手機界面設(shè)計》課程為例，該課程以手機端ICON 設(shè)計為主，引入市場需求廣泛的手機主題設(shè)計項目，提升學(xué)生實踐操作能力?；ヂ?lián)網(wǎng)飛速發(fā)展的今天，數(shù)字產(chǎn)品更新?lián)Q代比較快，手機主題已發(fā)展成為UI 設(shè)計中一種新生視覺藝術(shù)的表現(xiàn)形式，這也促使了手機主題生態(tài)圈的產(chǎn)生，部分大型手機品牌商已經(jīng)在自己的手機上開發(fā)了自己的主題美化軟件，其中包含手機品牌商的主題，但更多的是第三方設(shè)計師的主題，設(shè)計師們把設(shè)計的主題上傳到這些品牌商主題網(wǎng)站，品牌商對其進行審查，審查通過即可上架主題商店，供手機使用者下載，設(shè)計師將主題設(shè)計版權(quán)轉(zhuǎn)給品牌商，參與商家主題分成。這給第三方設(shè)計師提供了一個廣闊的市場，也為高校設(shè)計專業(yè)人才培養(yǎng)提供了方向，因此有針對性的開展手機主題設(shè)計方向課程很有必要。

2016 年，我院UI 設(shè)計教學(xué)團隊開始與設(shè)計分享平臺“花瓣網(wǎng)”合作，承接手機主題設(shè)計項目?！盎ò昃W(wǎng)”為國內(nèi)較知名的圖片素材分享類平臺，號稱是“設(shè)計師尋找靈感的天堂”，每天有超過100 萬的設(shè)計師使用“花瓣網(wǎng)”采集靈感素材；花瓣美思是“花瓣網(wǎng)”下屬的在線設(shè)計服務(wù)平臺。最初我們與“花瓣網(wǎng)”合作的項目是“花瓣網(wǎng)”和“阿里巴巴集團”共同舉辦的阿里YunOS 的手機主題設(shè)計大賽，中標(biāo)后上架主題商店參與分成；之后以工作室的名義入駐花瓣美思平臺，成為認(rèn)證設(shè)計師，在花瓣和花瓣美思設(shè)計外包平臺的支持下，與一家以移動端女性游戲開發(fā)為主的網(wǎng)絡(luò)科技有限公司（一家專注互動娛樂領(lǐng)域的新型互聯(lián)網(wǎng)文化公司，公司以移動端女性游戲起步）合作，設(shè)計開發(fā)以其公司旗下游戲為設(shè)計主題的OPPO 端手機主題，我們設(shè)計了多套手機主題，受到客戶認(rèn)可，上架OPPO 手機主題商店。

除了商業(yè)項目以外，我們積極引導(dǎo)學(xué)生參加各大平臺組織的手機主題設(shè)計大賽，如：華為全球主題設(shè)計大賽等，梳理不同系統(tǒng)不同品牌商不同尺寸終端手機主題設(shè)計規(guī)范和需求，并實時跟進更新設(shè)計規(guī)范，對標(biāo)最新界面的設(shè)計要求。學(xué)生手機主題設(shè)計作品(如圖所示)除上架主題商店外，在相關(guān)賽事中也多有斬獲。

四、結(jié)語

通過積極探索產(chǎn)教融合背景下校內(nèi)UI 設(shè)計工作室與企業(yè)的深度合作，借助第三方商業(yè)平臺將商業(yè)項目和主題設(shè)計大賽納入教學(xué)內(nèi)容，實時對標(biāo)市場需求，第三方平臺聯(lián)通企業(yè)和院校，建立互信互利機制，彌補了院校缺乏市場平臺的短板，提升了教師的業(yè)務(wù)能力、學(xué)生的實踐能力，解決了學(xué)生脫離市場、實踐不足而無法對接職業(yè)崗位的問題，同時為企業(yè)節(jié)約了時間和機會成本。針對已經(jīng)完成和正在進行的商業(yè)項目，進一步修訂課程教學(xué)內(nèi)容、完善評價體系，通過商業(yè)項目教學(xué)，使學(xué)生走向社會能夠快速上手企業(yè)設(shè)計工作。

注釋：

①中國共產(chǎn)黨第十八屆中央委員會第三次全體會議. 中共中央關(guān)于全面深化改革若干重大問題的決定[N].人民日報,2013.

②余輝.產(chǎn)品藝術(shù)設(shè)計專業(yè)“1353 型”工作室制人才培養(yǎng)模式研究與實踐[J].工業(yè)設(shè)計,2019(06):38-40.