UI設計中字體設計課程研究

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

關鍵詞：ui設計字體設計規范性教學模式

一、UI設計課程

1.UI設計概述

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

2.UI設計中字體設計課程設置

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

3.字體設計課程教學內容

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

二、以往字體設計課程的問題

1.教學內容側重平面設計

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

2.理論體系

UI設計高速發展，產品不斷更新換代。UI設計作為新興設計類課程，教材較少，針對UI方向的字體設計更沒有形成系統、科學的理論體系。再加上UI設計新興行業更新快，注重用戶體驗的反饋，以往的字體設計課程拘泥于陳舊的知識體系，缺乏行業標準，教學上偏向印刷、平面類的設計，不能及時獲取當下最新的設計方向，缺乏大量的真實項目，使得教學與實踐脫離。

三、構建字體設計課程解決方案

1.課程設置方面

教師可以考慮把字體設計課程穿插在UI設計的后續課程中，根據從大一到大三不同的教學要求，逐步加強學生的字體運用，真正做到從理論到實踐的培養，從認識字體到字體選擇、創意字體到最后的真實項目的應用，逐層遞增。分階段教學可以使每一個階段的教學目標更為明確，使教師可以多角度授課，隨時根據學生的學習進度和實際情況調整教學方案。針對UI方向開設字體設計課程，側重點應放在認識字體、選擇字體和制作字體設計規范上。

2.教學內容方面

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

3.職業技能方面

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

參考文獻：

[1]雷菁.高職UI界面設計課程教學實踐探索.現代信息技術，2019（4）.

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

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

[4]陸天奕.UI設計變革探析.藝術評論，2015（9）.

[5]常言平.字體設計基礎課程內容的改革與實踐.藝術科技，2018（9）.

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

作者：王欣 單位：山西青年職業學院