UI設(shè)計(jì)中字體設(shè)計(jì)課程研究

前言：想要寫出一篇引人入勝的文章？我們特意為您整理了UI設(shè)計(jì)中字體設(shè)計(jì)課程研究范文，希望能給你帶來靈感和參考，敬請閱讀。

關(guān)鍵詞：ui設(shè)計(jì)字體設(shè)計(jì)規(guī)范性教學(xué)模式

一、UI設(shè)計(jì)課程

1.UI設(shè)計(jì)概述

高職院校中，數(shù)字媒體藝術(shù)設(shè)計(jì)專業(yè)屬于較前沿的專業(yè)，開設(shè)UI設(shè)計(jì)課程為主要項(xiàng)目之一。UI即userinterface，是“用戶界面”的英文簡稱，指對軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)?；ヂ?lián)網(wǎng)快速發(fā)展的現(xiàn)階段，大部分UI設(shè)計(jì)是基于手機(jī)端和PC端的產(chǎn)品界面設(shè)計(jì)，尤其對于手機(jī)的使用頻率上，各大公司不斷開發(fā)手機(jī)APP、小程序等類型，相應(yīng)的也就產(chǎn)生了UI設(shè)計(jì)。UI設(shè)計(jì)中的重要部分是視覺設(shè)計(jì)，即在體現(xiàn)軟件的個(gè)性和品位的同時(shí)，要讓操作變得簡單、自由，充分體現(xiàn)出軟件的定位和特點(diǎn)。UI設(shè)計(jì)課程體系中的教學(xué)具有一定的獨(dú)立性和延續(xù)性。人們常用的手機(jī)、電腦等電子產(chǎn)品都有界面，相應(yīng)地產(chǎn)生界面視覺設(shè)計(jì)，當(dāng)前UI設(shè)計(jì)課程已經(jīng)形成一定的培養(yǎng)模式。目前，UI的設(shè)計(jì)流程基本上是交互設(shè)計(jì)（設(shè)計(jì)操作流程）——圖形設(shè)計(jì)（外形設(shè)計(jì)）——用戶測試（體驗(yàn)）。在UI設(shè)計(jì)的核心課程體系中，大致也是這三大類的設(shè)置，主要有界面設(shè)計(jì)、交互設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)等，更多偏向于視覺設(shè)計(jì)，也就是前端的設(shè)計(jì)。但從學(xué)生的實(shí)踐和工作后反饋得知，UI課程設(shè)置中仍有不完善的地方。

2.UI設(shè)計(jì)中字體設(shè)計(jì)課程設(shè)置

UI課程設(shè)置中，基礎(chǔ)部分的課程注重使學(xué)生認(rèn)識設(shè)計(jì)，培養(yǎng)其創(chuàng)意思維：通過基礎(chǔ)課程，培養(yǎng)學(xué)生的造型能力和藝術(shù)表現(xiàn)力；通過表現(xiàn)課程、技法課程，培養(yǎng)學(xué)生初步的設(shè)計(jì)能力，使學(xué)生養(yǎng)成設(shè)計(jì)審美，具備設(shè)計(jì)基本技能；通過模塊化的教學(xué)課程和實(shí)踐教學(xué)，豐富學(xué)生的基礎(chǔ)知識，提升學(xué)生的專業(yè)能力，使學(xué)生掌握界面設(shè)計(jì)的設(shè)計(jì)流程和制作方法，可以熟練運(yùn)用軟件完成不同類型的UI設(shè)計(jì)方案。UI課程體現(xiàn)的核心任務(wù)是培養(yǎng)學(xué)生的視覺設(shè)計(jì)能力，使其具有一定的行業(yè)素養(yǎng)。字體設(shè)計(jì)課程是UI設(shè)計(jì)課程中具有連貫性、綜合性的一門專業(yè)基礎(chǔ)課，體現(xiàn)為創(chuàng)意性和實(shí)用性，并強(qiáng)調(diào)基礎(chǔ)教學(xué)與社會(huì)應(yīng)用相結(jié)合。課程以啟發(fā)式教學(xué)為主，培養(yǎng)學(xué)生的實(shí)操技能，通過臨摹、仿寫、創(chuàng)意表達(dá)等一系列聯(lián)系，培養(yǎng)學(xué)生的創(chuàng)意設(shè)計(jì)能力和設(shè)計(jì)意識，為后續(xù)課程奠定一定的設(shè)計(jì)基礎(chǔ)。這門課程也是高職學(xué)生第一門接觸到的專業(yè)課程。如何讓學(xué)生從繪畫的角度轉(zhuǎn)變到設(shè)計(jì)思維是十分重要的一步。原有的字體設(shè)計(jì)教學(xué)的目標(biāo)是使學(xué)生掌握一定的字體設(shè)計(jì)能力，能靈活運(yùn)用字體。其目的是以文字為符號元素，對其進(jìn)行情感表達(dá)，著重提升學(xué)生對文字、語言的理解力和對形態(tài)的想象力，使學(xué)生從一般的文字閱讀功能延伸到對文字審美功能和文字、圖形形態(tài)功能的認(rèn)識，具備一定的設(shè)計(jì)能力。其要求為學(xué)生熟練掌握字體設(shè)計(jì)的基本規(guī)律，掌握字體設(shè)計(jì)方法。

3.字體設(shè)計(jì)課程教學(xué)內(nèi)容

高職教育下，數(shù)字媒體課程體系的教學(xué)目標(biāo)是讓學(xué)生掌握如何運(yùn)用字體、設(shè)計(jì)字體的基本方法和應(yīng)用，為接下來的課程做好充分的準(zhǔn)備。以UI常用的媒介——手機(jī)為例，字體通常不需要更多的設(shè)計(jì)，而常以一種規(guī)范出現(xiàn)。只有在做Banner或Logo時(shí)需要字體改造，以達(dá)到理想的效果。安卓系統(tǒng)通常使用的英文字體為Roboto，中文使用思源黑體。蘋果系統(tǒng)中文常用字體為蘋方，英文為SanFrancisc字體。在閱讀電腦和手機(jī)app時(shí)，用戶的閱讀體驗(yàn)與紙質(zhì)印刷品是不一樣的。不同的字體和過度變化的字體對于閱讀是有干擾的，如果體驗(yàn)度降低，用戶常常會(huì)認(rèn)為此類APP不好用而不選擇使用。UI設(shè)計(jì)中正確地使用和設(shè)計(jì)字體，會(huì)使用戶往往感受不到它的存在，不會(huì)喧賓奪主。在這里，字體設(shè)計(jì)是為UI視覺設(shè)計(jì)服務(wù)的。同時(shí)，優(yōu)秀的字體設(shè)計(jì)會(huì)提高APP的辨識度。UI中，字體應(yīng)該具有一定的靈活性，在不同的媒介中，設(shè)計(jì)師要根據(jù)不同的屏幕大小、應(yīng)用場景、瀏覽器、用戶的鏈接速度、使用方式等考慮到不同的用戶體驗(yàn)，從而調(diào)整字體設(shè)置。字號的選擇、字間距的大小、字體的顏色、每行最優(yōu)字?jǐn)?shù)也很重要。如，寬度的比值越大，字體的辨識度越高，在小屏幕上的閱讀體驗(yàn)也會(huì)更好，這些都是UI設(shè)計(jì)課程中字體設(shè)計(jì)課程應(yīng)側(cè)重的部分。在以往的字體設(shè)計(jì)課程安排上，實(shí)踐內(nèi)容多為單個(gè)練習(xí)，如針對字體結(jié)構(gòu)、造型進(jìn)行變化，或者進(jìn)行字體臨摹，變形宋體、黑體。在今后的實(shí)踐部分，教師需要增加系統(tǒng)的字體設(shè)計(jì)課程的比重。在手機(jī)界面設(shè)計(jì)中，字體設(shè)計(jì)在啟動(dòng)icon中占有很大比例，教師可適當(dāng)導(dǎo)入真實(shí)項(xiàng)目進(jìn)行實(shí)操，帶領(lǐng)學(xué)生分階段完成整改項(xiàng)目。在此階段，學(xué)生就可以完成啟動(dòng)icon的設(shè)計(jì)。這樣既增強(qiáng)了課程的連貫性，又鍛煉了學(xué)生的實(shí)操能力，能夠?yàn)槠浣窈蟮恼n程奠定更專業(yè)的基礎(chǔ)能力。

二、以往字體設(shè)計(jì)課程的問題

1.教學(xué)內(nèi)容側(cè)重平面設(shè)計(jì)

目前的字體設(shè)計(jì)課程主要針對平面類課程授課，更重視字體變形、字體的設(shè)計(jì)和創(chuàng)意，要求學(xué)生進(jìn)行筆畫、結(jié)構(gòu)上的創(chuàng)意。這導(dǎo)致部分學(xué)生分不清字體之間的區(qū)別，更不會(huì)靈活應(yīng)用字體。在字體設(shè)計(jì)應(yīng)用上，部分學(xué)生在UI設(shè)計(jì)中的視覺設(shè)計(jì)上流于程序，只注重交互設(shè)計(jì)和界面圖標(biāo)設(shè)計(jì)，忽視了字體的重要性，認(rèn)為字體不重要，也不會(huì)找與APP風(fēng)格相統(tǒng)一的字體。每一種字體都有自己的特征。如，仿宋體字結(jié)構(gòu)嚴(yán)謹(jǐn)，筆畫渾厚，設(shè)計(jì)風(fēng)格既秀雅又挺拔，適用于印刷詩詞類的正文，但其字體橫豎變化較大，并不適用于手機(jī)端的使用?，F(xiàn)在UI設(shè)計(jì)方向流行扁平化插畫風(fēng)，學(xué)生在字體選擇上就要選擇一款字體進(jìn)行插畫風(fēng)格的變化，而不適合直接使用字庫中的字體。由于UI設(shè)計(jì)的特殊性，在UI視覺設(shè)計(jì)中，字體往往作為規(guī)范出現(xiàn)，而不需要炫酷的設(shè)計(jì)，這使得部分學(xué)生在字體選擇、字號大小、行間距上的細(xì)微環(huán)節(jié)出現(xiàn)偏差。通過學(xué)生的平常練習(xí)作業(yè)，可以看到一些學(xué)生往往注重形式上的變化，忽略了字體設(shè)計(jì)的本質(zhì)是傳遞文字信息。如果在字體設(shè)計(jì)課程中忽略文字的圖形化設(shè)計(jì)，學(xué)生會(huì)在字體設(shè)計(jì)課中忽略設(shè)計(jì)創(chuàng)意的部分。這就需要設(shè)計(jì)針對UI設(shè)計(jì)方向的學(xué)生創(chuàng)新教學(xué)方案和內(nèi)容，側(cè)重字體的認(rèn)知、創(chuàng)新思維的開發(fā)和設(shè)計(jì)能力的培養(yǎng)。

2.理論體系

UI設(shè)計(jì)高速發(fā)展，產(chǎn)品不斷更新?lián)Q代。UI設(shè)計(jì)作為新興設(shè)計(jì)類課程，教材較少，針對UI方向的字體設(shè)計(jì)更沒有形成系統(tǒng)、科學(xué)的理論體系。再加上UI設(shè)計(jì)新興行業(yè)更新快，注重用戶體驗(yàn)的反饋，以往的字體設(shè)計(jì)課程拘泥于陳舊的知識體系，缺乏行業(yè)標(biāo)準(zhǔn)，教學(xué)上偏向印刷、平面類的設(shè)計(jì)，不能及時(shí)獲取當(dāng)下最新的設(shè)計(jì)方向，缺乏大量的真實(shí)項(xiàng)目，使得教學(xué)與實(shí)踐脫離。

三、構(gòu)建字體設(shè)計(jì)課程解決方案

1.課程設(shè)置方面

教師可以考慮把字體設(shè)計(jì)課程穿插在UI設(shè)計(jì)的后續(xù)課程中，根據(jù)從大一到大三不同的教學(xué)要求，逐步加強(qiáng)學(xué)生的字體運(yùn)用，真正做到從理論到實(shí)踐的培養(yǎng)，從認(rèn)識字體到字體選擇、創(chuàng)意字體到最后的真實(shí)項(xiàng)目的應(yīng)用，逐層遞增。分階段教學(xué)可以使每一個(gè)階段的教學(xué)目標(biāo)更為明確，使教師可以多角度授課，隨時(shí)根據(jù)學(xué)生的學(xué)習(xí)進(jìn)度和實(shí)際情況調(diào)整教學(xué)方案。針對UI方向開設(shè)字體設(shè)計(jì)課程，側(cè)重點(diǎn)應(yīng)放在認(rèn)識字體、選擇字體和制作字體設(shè)計(jì)規(guī)范上。

2.教學(xué)內(nèi)容方面

教師可以針對UI設(shè)計(jì)選擇適合學(xué)生的教學(xué)內(nèi)容，層層遞進(jìn)地授課。針對高職學(xué)生，教師首先應(yīng)培養(yǎng)學(xué)生的審美素養(yǎng)，使學(xué)生掌握各種字體的特征和應(yīng)用方式。在新媒體界面中，教師要做好前期的調(diào)研分析工作，多看案例，針對不同媒介選擇合適的字體，深入探析、反復(fù)推敲各大App的字體設(shè)計(jì)。銜接基礎(chǔ)課和專業(yè)課程：項(xiàng)目制教學(xué)可以更好地銜接基礎(chǔ)課和專業(yè)課程，教師應(yīng)利用新媒介、新課程，根據(jù)字體的表現(xiàn)形式將字體多維度地表現(xiàn)出來。如，在交互設(shè)計(jì)課程中，教師可以將字體設(shè)計(jì)的創(chuàng)意拓展到多維化、動(dòng)態(tài)化的環(huán)境中進(jìn)行表現(xiàn)，使學(xué)生能夠及時(shí)地將草圖數(shù)字化，提前預(yù)覽字體設(shè)計(jì)的效果。針對性教學(xué)：字體設(shè)計(jì)課程在UI設(shè)計(jì)中面對的服務(wù)對象和媒介不同，自然設(shè)計(jì)風(fēng)格也會(huì)出現(xiàn)不同的設(shè)計(jì)。字體設(shè)計(jì)課程教學(xué)更應(yīng)該進(jìn)行針對性教學(xué)，強(qiáng)調(diào)其實(shí)用功能；同時(shí)，合理分配教學(xué)實(shí)踐和理論的課時(shí)，開展有針對性的教學(xué)。一般來說，在UI設(shè)計(jì)中，學(xué)生在一年級進(jìn)行基礎(chǔ)課程學(xué)習(xí)，其中就包括了字體設(shè)計(jì)的理論課程；在二年級開始時(shí)導(dǎo)入部分適合UI設(shè)計(jì)的字體設(shè)計(jì)實(shí)踐類課程。這樣更明確了學(xué)生的專業(yè)性，能夠使學(xué)生在實(shí)習(xí)階段快速入手。

3.職業(yè)技能方面

高職院校重在培養(yǎng)學(xué)生的可操作性和職業(yè)性。由于UI設(shè)計(jì)的市場性和前沿性，在教學(xué)過程中，教師必須充分關(guān)注市場的需求和動(dòng)態(tài)，才能明確字體設(shè)計(jì)課程的目標(biāo)和要求，才能及時(shí)、準(zhǔn)確地將其落實(shí)在具體的教學(xué)過程中。教師應(yīng)針對崗位需求更新、整合教學(xué)資源，多導(dǎo)入真實(shí)案例，鍛煉學(xué)生的實(shí)踐能力?，F(xiàn)有的各種媒介，如公眾號、移動(dòng)端、手機(jī)APP、游戲界面、網(wǎng)店、各種分享平臺等視覺設(shè)計(jì)，都可以作為平時(shí)課程的實(shí)訓(xùn)項(xiàng)目。小到圖標(biāo)設(shè)計(jì)，大到H5海報(bào)的設(shè)計(jì)，都離不開字體設(shè)計(jì)，也都對字體設(shè)計(jì)提出了新的要求。把這些需求和規(guī)范轉(zhuǎn)化為實(shí)訓(xùn)項(xiàng)目進(jìn)入課堂，可以讓學(xué)生在練習(xí)中與市場接軌。教師要根據(jù)行業(yè)特性制定與企業(yè)合作的聯(lián)合培養(yǎng)模式，與行業(yè)對接，尤其在UI設(shè)計(jì)中，要時(shí)刻根據(jù)用戶的體驗(yàn)和時(shí)代性及時(shí)調(diào)整設(shè)計(jì)，導(dǎo)入真實(shí)項(xiàng)目，以使學(xué)生設(shè)計(jì)出具有完整性、實(shí)用性的設(shè)計(jì)作品，從而培養(yǎng)適用于社會(huì)的高技能人才。5G時(shí)代即將到來，多媒體時(shí)代也迎來快速的發(fā)展。無論是VR的應(yīng)用還是手機(jī)等移動(dòng)設(shè)備的應(yīng)用，都需要UI設(shè)計(jì)。這些圖片和文字可以通過整合變成信息，高效率地傳遞給用戶。如何在準(zhǔn)確、快速傳遞信息的同時(shí)又做成優(yōu)秀的視覺設(shè)計(jì)，字體設(shè)計(jì)占據(jù)重要的地位。作為規(guī)范，字體設(shè)計(jì)要運(yùn)用得當(dāng)；作為創(chuàng)意，字體設(shè)計(jì)要有想法、有亮點(diǎn)。在不斷更新迭代的UI設(shè)計(jì)中，字體設(shè)計(jì)課程也要順應(yīng)時(shí)代變化，緊追設(shè)計(jì)的主流趨勢。在重視實(shí)用型、技能型人才的高職院校中，教師要不斷根據(jù)行業(yè)變化調(diào)整課程體系，創(chuàng)新采用多種教學(xué)模式，使學(xué)生真正掌握具有UI設(shè)計(jì)行業(yè)屬性的能力。

參考文獻(xiàn)：

[1]雷菁.高職UI界面設(shè)計(jì)課程教學(xué)實(shí)踐探索.現(xiàn)代信息技術(shù)，2019（4）.

[2]劉一霖.高職院校字體與版式設(shè)計(jì)課程教學(xué)方法研究.中國校外教育，2018（5）.

[3]柳林，黃昀.新媒體技術(shù)下的中文字體藝術(shù)設(shè)計(jì)研究——以中文字體設(shè)計(jì)“圖形流”為視角.設(shè)計(jì)，2017（23）.

[4]陸天奕.UI設(shè)計(jì)變革探析.藝術(shù)評論，2015（9）.

[5]常言平.字體設(shè)計(jì)基礎(chǔ)課程內(nèi)容的改革與實(shí)踐.藝術(shù)科技，2018（9）.

[6]周小舟.新媒體視域下字體設(shè)計(jì)課程改革.設(shè)計(jì)，2017（11）.

作者：王欣 單位：山西青年職業(yè)學(xué)院