UI設(shè)計中字體設(shè)計課程研究
前言：想要寫出一篇引人入勝的文章？我們特意為您整理了UI設(shè)計中字體設(shè)計課程研究范文，希望能給你帶來靈感和參考，敬請閱讀。
關(guān)鍵詞：ui設(shè)計字體設(shè)計規(guī)范性教學(xué)模式
一、UI設(shè)計課程
1.UI設(shè)計概述
高職院校中，數(shù)字媒體藝術(shù)設(shè)計專業(yè)屬于較前沿的專業(yè)，開設(shè)UI設(shè)計課程為主要項目之一。UI即userinterface，是“用戶界面”的英文簡稱，指對軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計。互聯(lián)網(wǎng)快速發(fā)展的現(xiàn)階段，大部分UI設(shè)計是基于手機(jī)端和PC端的產(chǎn)品界面設(shè)計，尤其對于手機(jī)的使用頻率上，各大公司不斷開發(fā)手機(jī)APP、小程序等類型，相應(yīng)的也就產(chǎn)生了UI設(shè)計。UI設(shè)計中的重要部分是視覺設(shè)計，即在體現(xiàn)軟件的個性和品位的同時，要讓操作變得簡單、自由，充分體現(xiàn)出軟件的定位和特點。UI設(shè)計課程體系中的教學(xué)具有一定的獨立性和延續(xù)性。人們常用的手機(jī)、電腦等電子產(chǎn)品都有界面，相應(yīng)地產(chǎn)生界面視覺設(shè)計，當(dāng)前UI設(shè)計課程已經(jīng)形成一定的培養(yǎng)模式。目前，UI的設(shè)計流程基本上是交互設(shè)計（設(shè)計操作流程）——圖形設(shè)計（外形設(shè)計）——用戶測試（體驗）。在UI設(shè)計的核心課程體系中，大致也是這三大類的設(shè)置，主要有界面設(shè)計、交互設(shè)計、網(wǎng)頁設(shè)計等，更多偏向于視覺設(shè)計，也就是前端的設(shè)計。但從學(xué)生的實踐和工作后反饋得知，UI課程設(shè)置中仍有不完善的地方。
2.UI設(shè)計中字體設(shè)計課程設(shè)置
UI課程設(shè)置中，基礎(chǔ)部分的課程注重使學(xué)生認(rèn)識設(shè)計，培養(yǎng)其創(chuàng)意思維：通過基礎(chǔ)課程，培養(yǎng)學(xué)生的造型能力和藝術(shù)表現(xiàn)力；通過表現(xiàn)課程、技法課程，培養(yǎng)學(xué)生初步的設(shè)計能力，使學(xué)生養(yǎng)成設(shè)計審美，具備設(shè)計基本技能；通過模塊化的教學(xué)課程和實踐教學(xué)，豐富學(xué)生的基礎(chǔ)知識，提升學(xué)生的專業(yè)能力，使學(xué)生掌握界面設(shè)計的設(shè)計流程和制作方法，可以熟練運用軟件完成不同類型的UI設(shè)計方案。UI課程體現(xiàn)的核心任務(wù)是培養(yǎng)學(xué)生的視覺設(shè)計能力，使其具有一定的行業(yè)素養(yǎng)。字體設(shè)計課程是UI設(shè)計課程中具有連貫性、綜合性的一門專業(yè)基礎(chǔ)課，體現(xiàn)為創(chuàng)意性和實用性，并強(qiáng)調(diào)基礎(chǔ)教學(xué)與社會應(yīng)用相結(jié)合。課程以啟發(fā)式教學(xué)為主，培養(yǎng)學(xué)生的實操技能，通過臨摹、仿寫、創(chuàng)意表達(dá)等一系列聯(lián)系，培養(yǎng)學(xué)生的創(chuàng)意設(shè)計能力和設(shè)計意識，為后續(xù)課程奠定一定的設(shè)計基礎(chǔ)。這門課程也是高職學(xué)生第一門接觸到的專業(yè)課程。如何讓學(xué)生從繪畫的角度轉(zhuǎn)變到設(shè)計思維是十分重要的一步。原有的字體設(shè)計教學(xué)的目標(biāo)是使學(xué)生掌握一定的字體設(shè)計能力，能靈活運用字體。其目的是以文字為符號元素，對其進(jìn)行情感表達(dá)，著重提升學(xué)生對文字、語言的理解力和對形態(tài)的想象力，使學(xué)生從一般的文字閱讀功能延伸到對文字審美功能和文字、圖形形態(tài)功能的認(rèn)識，具備一定的設(shè)計能力。其要求為學(xué)生熟練掌握字體設(shè)計的基本規(guī)律，掌握字體設(shè)計方法。
3.字體設(shè)計課程教學(xué)內(nèi)容
高職教育下，數(shù)字媒體課程體系的教學(xué)目標(biāo)是讓學(xué)生掌握如何運用字體、設(shè)計字體的基本方法和應(yīng)用，為接下來的課程做好充分的準(zhǔn)備。以UI常用的媒介——手機(jī)為例，字體通常不需要更多的設(shè)計，而常以一種規(guī)范出現(xiàn)。只有在做Banner或Logo時需要字體改造，以達(dá)到理想的效果。安卓系統(tǒng)通常使用的英文字體為Roboto，中文使用思源黑體。蘋果系統(tǒng)中文常用字體為蘋方，英文為SanFrancisc字體。在閱讀電腦和手機(jī)app時，用戶的閱讀體驗與紙質(zhì)印刷品是不一樣的。不同的字體和過度變化的字體對于閱讀是有干擾的，如果體驗度降低，用戶常常會認(rèn)為此類APP不好用而不選擇使用。UI設(shè)計中正確地使用和設(shè)計字體，會使用戶往往感受不到它的存在，不會喧賓奪主。在這里，字體設(shè)計是為UI視覺設(shè)計服務(wù)的。同時，優(yōu)秀的字體設(shè)計會提高APP的辨識度。UI中，字體應(yīng)該具有一定的靈活性，在不同的媒介中，設(shè)計師要根據(jù)不同的屏幕大小、應(yīng)用場景、瀏覽器、用戶的鏈接速度、使用方式等考慮到不同的用戶體驗，從而調(diào)整字體設(shè)置。字號的選擇、字間距的大小、字體的顏色、每行最優(yōu)字?jǐn)?shù)也很重要。如，寬度的比值越大，字體的辨識度越高，在小屏幕上的閱讀體驗也會更好，這些都是UI設(shè)計課程中字體設(shè)計課程應(yīng)側(cè)重的部分。在以往的字體設(shè)計課程安排上，實踐內(nèi)容多為單個練習(xí)，如針對字體結(jié)構(gòu)、造型進(jìn)行變化，或者進(jìn)行字體臨摹，變形宋體、黑體。在今后的實踐部分，教師需要增加系統(tǒng)的字體設(shè)計課程的比重。在手機(jī)界面設(shè)計中，字體設(shè)計在啟動icon中占有很大比例，教師可適當(dāng)導(dǎo)入真實項目進(jìn)行實操，帶領(lǐng)學(xué)生分階段完成整改項目。在此階段，學(xué)生就可以完成啟動icon的設(shè)計。這樣既增強(qiáng)了課程的連貫性，又鍛煉了學(xué)生的實操能力，能夠為其今后的課程奠定更專業(yè)的基礎(chǔ)能力。
二、以往字體設(shè)計課程的問題
1.教學(xué)內(nèi)容側(cè)重平面設(shè)計
目前的字體設(shè)計課程主要針對平面類課程授課，更重視字體變形、字體的設(shè)計和創(chuàng)意，要求學(xué)生進(jìn)行筆畫、結(jié)構(gòu)上的創(chuàng)意。這導(dǎo)致部分學(xué)生分不清字體之間的區(qū)別，更不會靈活應(yīng)用字體。在字體設(shè)計應(yīng)用上，部分學(xué)生在UI設(shè)計中的視覺設(shè)計上流于程序，只注重交互設(shè)計和界面圖標(biāo)設(shè)計，忽視了字體的重要性，認(rèn)為字體不重要，也不會找與APP風(fēng)格相統(tǒng)一的字體。每一種字體都有自己的特征。如，仿宋體字結(jié)構(gòu)嚴(yán)謹(jǐn)，筆畫渾厚，設(shè)計風(fēng)格既秀雅又挺拔，適用于印刷詩詞類的正文，但其字體橫豎變化較大，并不適用于手機(jī)端的使用?，F(xiàn)在UI設(shè)計方向流行扁平化插畫風(fēng)，學(xué)生在字體選擇上就要選擇一款字體進(jìn)行插畫風(fēng)格的變化，而不適合直接使用字庫中的字體。由于UI設(shè)計的特殊性，在UI視覺設(shè)計中，字體往往作為規(guī)范出現(xiàn)，而不需要炫酷的設(shè)計，這使得部分學(xué)生在字體選擇、字號大小、行間距上的細(xì)微環(huán)節(jié)出現(xiàn)偏差。通過學(xué)生的平常練習(xí)作業(yè)，可以看到一些學(xué)生往往注重形式上的變化，忽略了字體設(shè)計的本質(zhì)是傳遞文字信息。如果在字體設(shè)計課程中忽略文字的圖形化設(shè)計，學(xué)生會在字體設(shè)計課中忽略設(shè)計創(chuàng)意的部分。這就需要設(shè)計針對UI設(shè)計方向的學(xué)生創(chuàng)新教學(xué)方案和內(nèi)容，側(cè)重字體的認(rèn)知、創(chuàng)新思維的開發(fā)和設(shè)計能力的培養(yǎng)。
2.理論體系
UI設(shè)計高速發(fā)展，產(chǎn)品不斷更新?lián)Q代。UI設(shè)計作為新興設(shè)計類課程，教材較少，針對UI方向的字體設(shè)計更沒有形成系統(tǒng)、科學(xué)的理論體系。再加上UI設(shè)計新興行業(yè)更新快，注重用戶體驗的反饋，以往的字體設(shè)計課程拘泥于陳舊的知識體系，缺乏行業(yè)標(biāo)準(zhǔn)，教學(xué)上偏向印刷、平面類的設(shè)計，不能及時獲取當(dāng)下最新的設(shè)計方向，缺乏大量的真實項目，使得教學(xué)與實踐脫離。
三、構(gòu)建字體設(shè)計課程解決方案
1.課程設(shè)置方面
教師可以考慮把字體設(shè)計課程穿插在UI設(shè)計的后續(xù)課程中，根據(jù)從大一到大三不同的教學(xué)要求，逐步加強(qiáng)學(xué)生的字體運用，真正做到從理論到實踐的培養(yǎng)，從認(rèn)識字體到字體選擇、創(chuàng)意字體到最后的真實項目的應(yīng)用，逐層遞增。分階段教學(xué)可以使每一個階段的教學(xué)目標(biāo)更為明確，使教師可以多角度授課，隨時根據(jù)學(xué)生的學(xué)習(xí)進(jìn)度和實際情況調(diào)整教學(xué)方案。針對UI方向開設(shè)字體設(shè)計課程，側(cè)重點應(yīng)放在認(rèn)識字體、選擇字體和制作字體設(shè)計規(guī)范上。
2.教學(xué)內(nèi)容方面
教師可以針對UI設(shè)計選擇適合學(xué)生的教學(xué)內(nèi)容，層層遞進(jìn)地授課。針對高職學(xué)生，教師首先應(yīng)培養(yǎng)學(xué)生的審美素養(yǎng)，使學(xué)生掌握各種字體的特征和應(yīng)用方式。在新媒體界面中，教師要做好前期的調(diào)研分析工作，多看案例，針對不同媒介選擇合適的字體，深入探析、反復(fù)推敲各大App的字體設(shè)計。銜接基礎(chǔ)課和專業(yè)課程：項目制教學(xué)可以更好地銜接基礎(chǔ)課和專業(yè)課程，教師應(yīng)利用新媒介、新課程，根據(jù)字體的表現(xiàn)形式將字體多維度地表現(xiàn)出來。如，在交互設(shè)計課程中，教師可以將字體設(shè)計的創(chuàng)意拓展到多維化、動態(tài)化的環(huán)境中進(jìn)行表現(xiàn)，使學(xué)生能夠及時地將草圖數(shù)字化，提前預(yù)覽字體設(shè)計的效果。針對性教學(xué)：字體設(shè)計課程在UI設(shè)計中面對的服務(wù)對象和媒介不同，自然設(shè)計風(fēng)格也會出現(xiàn)不同的設(shè)計。字體設(shè)計課程教學(xué)更應(yīng)該進(jìn)行針對性教學(xué)，強(qiáng)調(diào)其實用功能；同時，合理分配教學(xué)實踐和理論的課時，開展有針對性的教學(xué)。一般來說，在UI設(shè)計中，學(xué)生在一年級進(jìn)行基礎(chǔ)課程學(xué)習(xí)，其中就包括了字體設(shè)計的理論課程；在二年級開始時導(dǎo)入部分適合UI設(shè)計的字體設(shè)計實踐類課程。這樣更明確了學(xué)生的專業(yè)性，能夠使學(xué)生在實習(xí)階段快速入手。
3.職業(yè)技能方面
高職院校重在培養(yǎng)學(xué)生的可操作性和職業(yè)性。由于UI設(shè)計的市場性和前沿性，在教學(xué)過程中，教師必須充分關(guān)注市場的需求和動態(tài)，才能明確字體設(shè)計課程的目標(biāo)和要求，才能及時、準(zhǔn)確地將其落實在具體的教學(xué)過程中。教師應(yīng)針對崗位需求更新、整合教學(xué)資源，多導(dǎo)入真實案例，鍛煉學(xué)生的實踐能力?，F(xiàn)有的各種媒介，如公眾號、移動端、手機(jī)APP、游戲界面、網(wǎng)店、各種分享平臺等視覺設(shè)計，都可以作為平時課程的實訓(xùn)項目。小到圖標(biāo)設(shè)計，大到H5海報的設(shè)計，都離不開字體設(shè)計，也都對字體設(shè)計提出了新的要求。把這些需求和規(guī)范轉(zhuǎn)化為實訓(xùn)項目進(jìn)入課堂，可以讓學(xué)生在練習(xí)中與市場接軌。教師要根據(jù)行業(yè)特性制定與企業(yè)合作的聯(lián)合培養(yǎng)模式，與行業(yè)對接，尤其在UI設(shè)計中，要時刻根據(jù)用戶的體驗和時代性及時調(diào)整設(shè)計，導(dǎo)入真實項目，以使學(xué)生設(shè)計出具有完整性、實用性的設(shè)計作品，從而培養(yǎng)適用于社會的高技能人才。5G時代即將到來，多媒體時代也迎來快速的發(fā)展。無論是VR的應(yīng)用還是手機(jī)等移動設(shè)備的應(yīng)用，都需要UI設(shè)計。這些圖片和文字可以通過整合變成信息，高效率地傳遞給用戶。如何在準(zhǔn)確、快速傳遞信息的同時又做成優(yōu)秀的視覺設(shè)計，字體設(shè)計占據(jù)重要的地位。作為規(guī)范，字體設(shè)計要運用得當(dāng)；作為創(chuàng)意，字體設(shè)計要有想法、有亮點。在不斷更新迭代的UI設(shè)計中，字體設(shè)計課程也要順應(yīng)時代變化，緊追設(shè)計的主流趨勢。在重視實用型、技能型人才的高職院校中，教師要不斷根據(jù)行業(yè)變化調(diào)整課程體系，創(chuàng)新采用多種教學(xué)模式，使學(xué)生真正掌握具有UI設(shè)計行業(yè)屬性的能力。
參考文獻(xiàn)：
[1]雷菁.高職UI界面設(shè)計課程教學(xué)實踐探索.現(xiàn)代信息技術(shù)，2019（4）.
[2]劉一霖.高職院校字體與版式設(shè)計課程教學(xué)方法研究.中國校外教育，2018（5）.
[3]柳林，黃昀.新媒體技術(shù)下的中文字體藝術(shù)設(shè)計研究——以中文字體設(shè)計“圖形流”為視角.設(shè)計，2017（23）.
[4]陸天奕.UI設(shè)計變革探析.藝術(shù)評論，2015（9）.
[5]常言平.字體設(shè)計基礎(chǔ)課程內(nèi)容的改革與實踐.藝術(shù)科技，2018（9）.
[6]周小舟.新媒體視域下字體設(shè)計課程改革.設(shè)計，2017（11）.
作者：王欣 單位：山西青年職業(yè)學(xué)院