中原地區高校UI設計教學創新探析

摘要：基于中原地區視覺傳達專業UI設計教學活動中存在的一系列問題，專業課教師應指導學生進行課前相關理論課程的預習，通過優化教學設計促進課堂上的優質師生互動，加強學生課后的設計實踐等。希望通過本文的分析能對相關研究者有所幫助，不斷提升該專業領域的教學效果。

關鍵詞：中原地區 UI設計 教學

UI設計主要負責App、Web、H5等頁面的色彩、布局、icon、字體方面的設計工作，也叫UI視覺設計。隨著互聯網行業的高速發展，UI設計師崗位吸引著越來越多年輕人的目光。

處在設計前沿的UI設計領域，本應該代表著最先進的設計思想，但是，經過在中原地區UI設計領域的教學實踐，發現該領域教師的教法與學生的學法存在一系列亟待改善的問題，筆者試圖在教學中探尋解決方案。

一、UI設計的教學內容

UI設計需要學習的內容主要包含設計思維的培養和工具軟件的使用。

（一）設計思維的培養

設計思維的培養不是一朝一夕可以練成的，但是設計思維的高低將最終決定一名設計師的水準。唐納德· A · 諾曼博士說過一句經典的話：“設計真正的挑戰是去發現終端用戶沒有得到滿足，進而理解問題產生的深層次原因，最終利用專業知識和技能去解決這些問題，或滿足用戶的需求。”優秀的設計師首先是敏銳的觀察者，需要多種交叉學科與設計學知識融合的知識體系背景，面對生活的復雜性，不僅能觀察到糟糕的設計，也慢慢學會欣賞優秀的設計。將優秀的設計原則與優秀的觀察能力結合起來形成設計者的多維設計思維，最終成為其強大的內功心法。

（二）工具軟件的使用

UI設計主要使用PS、Sketch、AI等軟件。關于軟件的使用方法，在有些院校視覺傳達專業的教學大綱中占到總課時量的1/2。一些短期培訓班也常常推出30天學會PS、50天學會Sketch等這類教程，主要基于純軟件工具技法的使用，同時結合一部分基礎實例分析。國內常見的UI培訓教材一般分為基礎篇、進階篇和高階篇，同時包含創意手繪、平面設計基礎、網站建設、多屏界面設計和企業需求解讀等內容。

二、UI設計教學中存在的問題

王受之先生曾經多次將國內外一些學校的設計專業的教學活動做對比。他一針見血地指出，國內很多設計專業的學生習慣于教師“填鴨式”自上而下地傳授知識，學習的主動性和能動性較差。主要表現在三個方面。

第一，學生課前預習不到位。由于種種原因，一門設計類專業課程的開展對于學生來說，第一節課的概述部分往往是學生第一次全面了解該課程。第二，課堂上的師生互動活動乏力。UI設計的理論課和實踐課往往聯系不夠緊密。有些學校的視覺傳達專業將軟件課納入主干專業課程，學生忙于在有限的課時中鍛煉軟件操作技能，對理論課程的學習興趣不高。造成無論是理論課還是實踐課，師生的互動缺乏深度和廣度。第三，學生課后的設計實踐和教師的指導脫節。

三、針對UI設計教學中存在問題的解決方案

幾年的UI設計實踐和UI設計一線教學經驗也許仍然不能解決所有目前UI設計教學中存在的問題，但是經過三個學期基于新教學方案的調整和與同行的深入討論，筆者提出以下建議。

（一）專業課教師指導學生進行課前相關理論課程的預習

UI設計一般開設在第三學期，專業課教師可以從學生大一暑假期間推薦學生閱讀設計類理論書籍。例如康納德·諾曼撰寫的《設計心理學》四部曲、原研哉撰寫的《原研哉的設計》《設計中的設計》《RE-DESIGN 日常的21世紀》等著作。學生通過理論書籍的學習初步了解大腦感知科學原理和人的認知層次與模型，感悟設計的意義，挖掘設計的源泉，為設計作品贏得用戶的喜愛打下良好的基礎。

此外，可以推薦學生閱讀《藝術三萬年》《藝術博物館》《藝術的慰藉》等關于藝術發展歷史的書籍，以及《設計的覺醒》《設計的意義》《設計準則》會對設計產生潛在幫助的書籍。

（二）通過優化教學設計促進課堂上的優質師生互動

課堂教學中高效、優質的師生互動技能提升學生的學習熱情，也能使教學成果最大化。

排版類的課程是UI設計的重點內容之一，在進行排版設計部分，教師可提前推薦學生在課中（不是課堂上）閱讀《版式設計從入門到精通》《設計元素》《商業設計三劍客》《西文字體》等書籍。因為設計的呈現最終還是落到每個頁面、每個點，甚至每條線。在課堂上，教師可以將學生分組，利用更多的實際案例激勵學生參與討論和作品分析，可以模擬普通用戶說出對某些界面設計的體驗和改善建議。改變以往教師教授、學生被動接受的現狀。

軟件的基礎操作部分完全可以讓學生留到課外進行學習。課堂上，教師不必從一些基礎的菜單和工具如何使用教起。而應該將教學重點放在針對某些設計需求和效果達成進行教學設計。教師的角色不能一直是教，更重要的是如何使學生主動思考，在此階段的教學中提出一些有專題性質的問題。

在這些專題性質的討論中，學生的經驗常常帶來思想的火花。例如在討論“使設計元素看起來更清晰”的專題中，學生給出了如下解決方案：第一，在某些元素周圍使用“多個陰影”或非常微妙的邊框（陰影要比實際陰影深一點），以使這些元素顯得更清晰，并注意避免出現很臟的陰影。第二，確保陰影始終僅來自一個光源。第三，巧妙使用留白。好的留白可以產生一些負空間，適度地使用可以產生類似國畫中“氣”的效果。留白是改進設計最快、最簡單的秘密武器之一。第四，選擇一種基礎顏色，然后使用“色調和陰影”添加均勻性。不必總是用多種顏色來填充設計。如果項目允許，只需要使用受限的調色板，選擇“基礎顏色”，然后使用“色彩和陰影”，就可以用最簡單的方式為設計增加一致性。

在進行“如何讓畫面產生更強大、更一致的視覺效果”的討論中，有學生提出在設計中只使用一種字體，通過調整字體大小、粗細和顏色，可以產生具有差異性的畫面。有學生提出用細微但簡單的疊加層改善文本和圖像之間的對比度。根據文本在圖像上的放置位置，可以選擇經過嘗試的完整圖像疊加層，也可以選擇更細微的（從下到上，或從上到下）漸變疊加層，以實現兩者之間的簡單對比元素。有學生提出適度使用居中文本。主要通過嘗試僅對標題和文本的小段落使用居中文本，可以提升文本靈活度。當涉及文本的長格式內容時，某些常規粗體字看起來仍然有些沉重和鮮明。通過選擇類似深灰色（即#4F4F4F）的內容，可以輕松地解決此問題，從而使文本看起來更輕松。通過增加行高，使文案有更好的可讀性。

（三）加強學生課后的設計實踐和教師的指導

學生課后的設計實踐作業應以企業的實際需求為導向，課程設置應符合企業工作流程。

例如針對視傳專業學生普遍薄弱的環節，補充互聯網開發概述知識，讓學生全面了解后端開發流程，幫助學生成為懂分析、知心理、善邏輯、大格局、精技巧的全能設計師。對基礎較為薄弱的學生要補充專業預科課程。創意美術課程讓學生能夠成為一個真正既懂審美，又會軟件的高級設計師，提升學生的綜合素質。

另外，非常重要的一點是，在專業課程的后期加入職業規劃和理想崗位的匹配與選擇等內容，讓學生在走出校門之前已經較為清楚地了解如何將自己的就業需求與用人單位的需求進行比較研究，減少就業過程中的阻礙，提高就業能力。

例如，通過設計用戶體驗問卷，與學生討論“如何改善用戶的引導體驗”。一些用戶希望隨時跳過設計好的界面引導，學生設計出將“跳過”鏈接按鈕放在容易觸及的范圍內。通過不斷調整用戶界面圖標，使其具有相同的視覺樣式，包括確保它們共享相同的視覺風格，相同的重量，可以填充或勾勒輪廓等。始終將“號召性用語”放在屏幕上最突出的位置。通過使用顏色對比、大小和標簽，不總是依靠icon，確保“號召性用語”盡可能突出。進行簡單調整后，可使用戶的體驗更好，用戶的理解度也會有相應的提升。

教師的課外指導也可以是比較具體的，例如，有些學生設計要在應用程序內部使用的菜單時，遇到難題求助教師。教師可有針對性地提出如何確保在屏幕上突出顯示最常用的上載圖像、添加文件等操作。如何為表格錯誤添加額外的視覺輔助——用戶填寫任何形式的表單時，在剛剛執行的操作附近添加錯誤消息可能是一種簡單但有用的額外視覺幫助。

四、結語

隨著越來越多網上虛擬工具的推出，無論是從事視覺傳達設計的專業人員，還是普通用戶，對于總用戶界面設計的接觸幾乎不可避免。一款好的程序，如果充分調研用戶的需求，設計時巧妙地利用專業知識為目標用戶的愉快、便捷使用做深入研究，一款成功的App就完成了基于應用使命的1/2。好的UI設計教學不僅讓學生理解如何讓軟件變得有個性、有品位，還要讓學生做到實施界面設計，讓軟件的操作變得舒適、簡單、自由，充分體現軟件的定位和特點。只有不斷實施高質量的教學設計，才能不斷提升學生的綜合設計能力。

參考文獻：

[1]周璨.高職院校計算機專業課程思政建設的探索與實踐——以《移動UI界面設計》課程為例[J].知識文庫，2020（20）：3-4.

[2]黃耀輝，劉金滿.手機App的UI界面設計[J].科技創新與應用，2020（30）：28-29.

[3]丁思儂.UI設計中的視覺體驗研究[J].藝術品鑒，2020（27）：81-83.

[4]周璨.高職院校移動UI界面設計課程教學改革探析[J].知識文庫，2020（18）：2.

（作者簡介：趙越，女，碩士研究生，鄭州工商學院，講師，研究方向：視覺傳達設計）

（責任編輯 劉月嬌）