圖像學分析法在《移動UI界面設計》課程中的應用

周璨

基金項目：本文系長沙商貿旅游職業(yè)技術學院課改課程《移動UI界面設計》研究成果

摘要： 把圖像學分析法應用在高職《移動UI界面設計》課程的教學中，目的在于讓學生從基本的設計理論出發(fā)，從用戶角度提升人機交互、操作邏輯的體驗感，進一步體現(xiàn)該課程的實用性。

關鍵詞：圖像學;移動UI界面設計;課程教學

中圖分類號：J524 ? 文獻標識碼：A ? 文章編號：1672-9129（2017）16-0008-02

Abstract： applying image analysis method to the teaching of mobile UI interface design in higher vocational school， the aim is to improve the experience of human-computer interaction and operating logic from the user's point of view from the basic design theory， and to further reflect the practicability of the course.

Key words：imaging;Mobile UI interface design;Curriculum teaching

近年來，圖像學與移動UI界面設計的結合，使我國國產移動設備的質量和核心技術不斷提升。把圖像學分析法應用在《移動UI界面設計》的課程教學中，目的在于讓學生從基本的設計理論出發(fā)，從用戶角度提升人機交互、操作邏輯的體驗，進一步體現(xiàn)該課程的實用性。

1 《移動UI界面設計》課程教學現(xiàn)狀及存在的問題

1.1《移動UI界面設計》課程教學現(xiàn)狀。隨著時代的進步，我國在移動UI界面的設計領域逐漸形成一套完整的體系，隨后又將圖像學分析法應用于其中，很好的避免了傳統(tǒng)界面設計存在的一些問題。同時，隨著高職院校教學改革的不斷深化，課程改革本著與崗位能力素質相適應的原則，以就業(yè)為導向，逐步更新教學理念，豐富教學方法，提高教學質量。但是對快節(jié)奏更新?lián)Q代的計算機技術來說，圖像學分析法在移動UI界面設計中的技術應用不斷產生著變化，高職院校必須與時俱進，根據(jù)行業(yè)要求不斷調整教學模式，因此《移動UI界面設計》課程的課改應運而生。

1.2《移動UI界面設計》課程存在的問題。移動UI界面設計不僅僅包括界面設計，還包括人機交互與操作邏輯。圖像學分析法與移動UI界面設計相結合，是近年來提出的一種為滿足用戶視覺體驗和操作感受而不斷改善設計方式的方法。在取得一定成績的同時在實際應用中也存在著一些問題。首先，消費者的需求是多樣化的，無論任何一款界面設計都不可能滿足所有消費者的需求，為更好地滿足消費者需求的多樣性，我們盡量增加設計的多樣性，從而進一步擴大作品的使用范圍。其次，界面的尺寸是有限制的，要在有限的面積中盡可能的達到符合主題要求的界面美觀還要兼顧人機交互與操作邏輯，但目前人們對移動UI界面設計的理解仍然存在一定的偏差，或將移動UI界面設計等同于美工，或認為這項工作是視覺層面的美化，對用戶交互缺乏了解、過分關注技術而忽略了應用。再次，移動UI界面設計涉及學科較多，對設計師的審美、技術、思維及溝通能力要求較高，目前符合要求的設計師較少。

2 圖像學分析法在《移動UI界面設計》課程中的應用

圖像學最早是用于西方繪畫的分析方法論，但是從其中衍生出來分析法對 UI 設計形的研究結果表明我們每個人對形都具有一種與生俱來的組織能力 ， 然而用戶的感受將伴隨著不同形的大小、方向、位置等的變化而變化。在教學過程中，主要以圖像學分析法的二個層級來訓練學生的設計能力：

第一層級是“前圖像描述”，說的是界面設計元素之間的產品的本質內容，即象征意義，解釋設計元素的本質內容，有助于讓我們的視覺經驗在第一時間自動組織并將數(shù)據(jù)或事物向著簡化的方式解析，并賦予它們簡化視覺元素更優(yōu)化的視覺體驗與象征意義。在《移動 UI 界面設計》的課堂教學中，教師會訓練學生理解界面元素的關聯(lián)性，掌握有組織、有層次、有聯(lián)系的交互體驗。

第二層級是圖像母體延續(xù)和變化。教師會訓練學生去考察與分析界面設計案例的視覺元素。這些案例的視覺區(qū)域中的元素有著不止一個的延續(xù)和變化，學生將試著把元素以簡化的方式解析，并賦予它們新的設計語法，再以案例為參考，設計出新的各級界面。

3 圖像學分析法對《移動UI界面設計》課程的對策分析

3.1需要滿足消費者的需求變化。針對圖像學分析法在移動UI界面設計中實際存在的一些問題，主要從兩方面提出了改進策略。首先，我們需要改進的是如何更好的滿足消費者的需求變化。時代在不斷發(fā)展，因此消費者的需求也是不斷更新改變的。利用圖像學分析法的具體分析功能，訓練學生的具備充足的分析能力。例如需要掌握對于移動端各級界面中統(tǒng)一風格、統(tǒng)一字體與顏色的具體設計等。

3.2提供更多的界面角色。圖像學分析法在《移動UI界面設計》課程中的應用還需要滿足的一個條件就是需要提供更多的界面角色讓學生參考和分析。由于界面需求分析不同于客觀功能需求分析，必須圍繞用戶為中心，因此具有很大的主觀性。我們需要利用圖像學分析法對移動UI界面對客戶的需求進行具體的分析和數(shù)據(jù)的整理。為了更好的滿足客戶的主觀性，就需要提供更多的界面角色，讓圖像學分析法在《移動UI界面設計》課程教學中發(fā)揮更大的作用。

綜上，對于圖像學分析法在移動UI界面設計中的應用，需要不斷更新設計理念，創(chuàng)新技術應用。另一方面，在改進的同時還要不斷學習先進技術經驗和教學理念。因此高職院校必須與時俱進，根據(jù)行業(yè)需求不斷調整教學模式，幫助學生掌握設計要領，不斷完善自身設計出的作品，打造高質量設計產品，為企業(yè)提供優(yōu)質服務，并實現(xiàn)學生的個人價值。從而來進一步推動我國移動UI界面的設計水平。

參考文獻：

[1]何揚帆，覃會優(yōu).論圖像學分析法對移動UI界面設計的應用研究[J].工業(yè)設計，2017（8）：109-110.

[2]許琛.UI界面設計在視覺傳達設計專業(yè)教學中的應用研究[J].科教導刊，2016（34）：98-99.

[3]魯?shù)婪颉ぐ⒍骱Ｄ?藝術與視知覺[M].中國社會科學出版社.1984.