中原地區(qū)高校UI設計教學創(chuàng)新探析

1、    中原地區(qū)高校ui設計教學創(chuàng)新探析    摘要：基于中原地區(qū)視覺傳達專業(yè)ui設計教學活動中存在的一系列問題，專業(yè)課教師應指導學生進行課前相關理論課程的預習，通過優(yōu)化教學設計促進課堂上的優(yōu)質(zhì)師生互動，加強學生課后的設計實踐等。希望通過本文的分析能對相關研究者有所幫助，不斷提升該專業(yè)領域的教學效果。關鍵詞：中原地區(qū) ui設計 教學ui設計主要負責app、web、h5等頁面的色彩、布局、icon、字體方面的設計工作，也叫ui視覺設計。隨著互聯(lián)網(wǎng)行業(yè)的高速發(fā)展，ui設計師崗位吸引著越來越多年輕人的目光。處在設計前沿的ui設計領域，本應該代表著最先進的設計思

2、想，但是，經(jīng)過在中原地區(qū)ui設計領域的教學實踐，發(fā)現(xiàn)該領域教師的教法與學生的學法存在一系列亟待改善的問題，筆者試圖在教學中探尋解決方案。一、ui設計的教學內(nèi)容ui設計需要學習的內(nèi)容主要包含設計思維的培養(yǎng)和工具軟件的使用。（一）設計思維的培養(yǎng)設計思維的培養(yǎng)不是一朝一夕可以練成的，但是設計思維的高低將最終決定一名設計師的水準。唐納德· a · 諾曼博士說過一句經(jīng)典的話：“設計真正的挑戰(zhàn)是去發(fā)現(xiàn)終端用戶沒有得到滿足，進而理解問題產(chǎn)生的深層次原因，最終利用專業(yè)知識和技能去解決這些問題，或滿足用戶的需求?！眱?yōu)秀的設計師首先是敏銳的觀察者，需要多種交叉學科與設計學知識融合的知識體系背景

3、，面對生活的復雜性，不僅能觀察到糟糕的設計，也慢慢學會欣賞優(yōu)秀的設計。將優(yōu)秀的設計原則與優(yōu)秀的觀察能力結(jié)合起來形成設計者的多維設計思維，最終成為其強大的內(nèi)功心法。（二）工具軟件的使用ui設計主要使用ps、sketch、ai等軟件。關于軟件的使用方法，在有些院校視覺傳達專業(yè)的教學大綱中占到總課時量的1/2。一些短期培訓班也常常推出30天學會ps、50天學會sketch等這類教程，主要基于純軟件工具技法的使用，同時結(jié)合一部分基礎實例分析。國內(nèi)常見的ui培訓教材一般分為基礎篇、進階篇和高階篇，同時包含創(chuàng)意手繪、平面設計基礎、網(wǎng)站建設、多屏界面設計和企業(yè)需求解讀等內(nèi)容。二、ui設計教學中存在的問題王受

4、之先生曾經(jīng)多次將國內(nèi)外一些學校的設計專業(yè)的教學活動做對比。他一針見血地指出，國內(nèi)很多設計專業(yè)的學生習慣于教師“填鴨式”自上而下地傳授知識，學習的主動性和能動性較差。主要表現(xiàn)在三個方面。第一，學生課前預習不到位。由于種種原因，一門設計類專業(yè)課程的開展對于學生來說，第一節(jié)課的概述部分往往是學生第一次全面了解該課程。第二，課堂上的師生互動活動乏力。ui設計的理論課和實踐課往往聯(lián)系不夠緊密。有些學校的視覺傳達專業(yè)將軟件課納入主干專業(yè)課程，學生忙于在有限的課時中鍛煉軟件操作技能，對理論課程的學習興趣不高。造成無論是理論課還是實踐課，師生的互動缺乏深度和廣度。第三，學生課后的設計實踐和教師的指導脫節(jié)。三、

5、針對ui設計教學中存在問題的解決方案幾年的ui設計實踐和ui設計一線教學經(jīng)驗也許仍然不能解決所有目前ui設計教學中存在的問題，但是經(jīng)過三個學期基于新教學方案的調(diào)整和與同行的深入討論，筆者提出以下建議。（一）專業(yè)課教師指導學生進行課前相關理論課程的預習ui設計一般開設在第三學期，專業(yè)課教師可以從學生大一暑假期間推薦學生閱讀設計類理論書籍。例如康納德·諾曼撰寫的設計心理學四部曲、原研哉撰寫的原研哉的設計設計中的設計re-design 日常的21世紀等著作。學生通過理論書籍的學習初步了解大腦感知科學原理和人的認知層次與模型，感悟設計的意義，挖掘設計的源泉，為設計作品贏得用戶的喜愛打下良好的

6、基礎。此外，可以推薦學生閱讀藝術(shù)三萬年藝術(shù)博物館藝術(shù)的慰藉等關于藝術(shù)發(fā)展歷史的書籍，以及設計的覺醒設計的意義設計準則會對設計產(chǎn)生潛在幫助的書籍。（二）通過優(yōu)化教學設計促進課堂上的優(yōu)質(zhì)師生互動課堂教學中高效、優(yōu)質(zhì)的師生互動技能提升學生的學習熱情，也能使教學成果最大化。排版類的課程是ui設計的重點內(nèi)容之一，在進行排版設計部分，教師可提前推薦學生在課中（不是課堂上）閱讀版式設計從入門到精通設計元素商業(yè)設計三劍客西文字體等書籍。因為設計的呈現(xiàn)最終還是落到每個頁面、每個點，甚至每條線。在課堂上，教師可以將學生分組，利用更多的實際案例激勵學生參與討論和作品分析，可以模擬普通用戶說出對某些界面設計的體驗和改

7、善建議。改變以往教師教授、學生被動接受的現(xiàn)狀。軟件的基礎操作部分完全可以讓學生留到課外進行學習。課堂上，教師不必從一些基礎的菜單和工具如何使用教起。而應該將教學重點放在針對某些設計需求和效果達成進行教學設計。教師的角色不能一直是教，更重要的是如何使學生主動思考，在此階段的教學中提出一些有專題性質(zhì)的問題。在這些專題性質(zhì)的討論中，學生的經(jīng)驗常常帶來思想的火花。例如在討論“使設計元素看起來更清晰”的專題中，學生給出了如下解決方案：第一，在某些元素周圍使用“多個陰影”或非常微妙的邊框（陰影要比實際陰影深一點），以使這些元素顯得更清晰，并注意避免出現(xiàn)很臟的陰影。第二，確保陰影始終僅來自一個光源。第三，巧

8、妙使用留白。好的留白可以產(chǎn)生一些負空間，適度地使用可以產(chǎn)生類似國畫中“氣”的效果。留白是改進設計最快、最簡單的秘密武器之一。第四，選擇一種基礎顏色，然后使用“色調(diào)和陰影”添加均勻性。不必總是用多種顏色來填充設計。如果項目允許，只需要使用受限的調(diào)色板，選擇“基礎顏色”，然后使用“色彩和陰影”，就可以用最簡單的方式為設計增加一致性。在進行“如何讓畫面產(chǎn)生更強大、更一致的視覺效果”的討論中，有學生提出在設計中只使用一種字體，通過調(diào)整字體大小、粗細和顏色，可以產(chǎn)生具有差異性的畫面。有學生提出用細微但簡單的疊加層改善文本和圖像之間的對比度。根據(jù)文本在圖像上的放置位置，可以選擇經(jīng)過嘗試的完整圖像疊加層，也

9、可以選擇更細微的（從下到上，或從上到下）漸變疊加層，以實現(xiàn)兩者之間的簡單對比元素。有學生提出適度使用居中文本。主要通過嘗試僅對標題和文本的小段落使用居中文本，可以提升文本靈活度。當涉及文本的長格式內(nèi)容時，某些常規(guī)粗體字看起來仍然有些沉重和鮮明。通過選擇類似深灰色（即#4f4f4f）的內(nèi)容，可以輕松地解決此問題，從而使文本看起來更輕松。通過增加行高，使文案有更好的可讀性。（三）加強學生課后的設計實踐和教師的指導學生課后的設計實踐作業(yè)應以企業(yè)的實際需求為導向，課程設置應符合企業(yè)工作流程。例如針對視傳專業(yè)學生普遍薄弱的環(huán)節(jié)，補充互聯(lián)網(wǎng)開發(fā)概述知識，讓學生全面了解后端開發(fā)流程，幫助學生成為懂分析、知心

10、理、善邏輯、大格局、精技巧的全能設計師。對基礎較為薄弱的學生要補充專業(yè)預科課程。創(chuàng)意美術(shù)課程讓學生能夠成為一個真正既懂審美，又會軟件的高級設計師，提升學生的綜合素質(zhì)。另外，非常重要的一點是，在專業(yè)課程的后期加入職業(yè)規(guī)劃和理想崗位的匹配與選擇等內(nèi)容，讓學生在走出校門之前已經(jīng)較為清楚地了解如何將自己的就業(yè)需求與用人單位的需求進行比較研究，減少就業(yè)過程中的阻礙，提高就業(yè)能力。例如，通過設計用戶體驗問卷，與學生討論“如何改善用戶的引導體驗”。一些用戶希望隨時跳過設計好的界面引導，學生設計出將“跳過”鏈接按鈕放在容易觸及的范圍內(nèi)。通過不斷調(diào)整用戶界面圖標，使其具有相同的視覺樣式，包括確保它們共享相同的視

11、覺風格，相同的重量，可以填充或勾勒輪廓等。始終將“號召性用語”放在屏幕上最突出的位置。通過使用顏色對比、大小和標簽，不總是依靠icon，確?！疤栒傩杂谜Z”盡可能突出。進行簡單調(diào)整后，可使用戶的體驗更好，用戶的理解度也會有相應的提升。教師的課外指導也可以是比較具體的，例如，有些學生設計要在應用程序內(nèi)部使用的菜單時，遇到難題求助教師。教師可有針對性地提出如何確保在屏幕上突出顯示最常用的上載圖像、添加文件等操作。如何為表格錯誤添加額外的視覺輔助用戶填寫任何形式的表單時，在剛剛執(zhí)行的操作附近添加錯誤消息可能是一種簡單但有用的額外視覺幫助。四、結(jié)語隨著越來越多網(wǎng)上虛擬工具的推出，無論是從事視覺傳達設計的專業(yè)人員，還是普通用戶，對于總用戶界面設計的接觸幾乎不可避免。一款好的程序，如果充分調(diào)研用戶的需求，設計時巧妙地利用專業(yè)知識為目標用戶的愉快、便捷使用做深入研究，一款成功的app就完成了基于應用使命的1/2。好的ui設計教學不僅讓學生理解如何讓軟件變得有個性、有品位，還要讓學生做到實施界面設計，讓軟件的操作變得舒適、簡單、自由，充分體現(xiàn)軟件的定位和特點。只有不斷實施高質(zhì)量的教學設計，才能不斷提升學生的綜合設計能力。參考文獻：1周璨.高職院校計算機專業(yè)課