周璨

基金項(xiàng)目：本文系長(zhǎng)沙商貿(mào)旅游職業(yè)技術(shù)學(xué)院課改課程《移動(dòng)UI界面設(shè)計(jì)》研究成果

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

關(guān)鍵詞：圖像學(xué);移動(dòng)UI界面設(shè)計(jì);課程教學(xué)

中圖分類號(hào)：J524 ? 文獻(xiàn)標(biāo)識(shí)碼：A ? 文章編號(hào)：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

近年來(lái)，圖像學(xué)與移動(dòng)UI界面設(shè)計(jì)的結(jié)合，使我國(guó)國(guó)產(chǎn)移動(dòng)設(shè)備的質(zhì)量和核心技術(shù)不斷提升。把圖像學(xué)分析法應(yīng)用在《移動(dòng)UI界面設(shè)計(jì)》的課程教學(xué)中，目的在于讓學(xué)生從基本的設(shè)計(jì)理論出發(fā)，從用戶角度提升人機(jī)交互、操作邏輯的體驗(yàn)，進(jìn)一步體現(xiàn)該課程的實(shí)用性。

1 《移動(dòng)UI界面設(shè)計(jì)》課程教學(xué)現(xiàn)狀及存在的問(wèn)題

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

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

2 圖像學(xué)分析法在《移動(dòng)UI界面設(shè)計(jì)》課程中的應(yīng)用

圖像學(xué)最早是用于西方繪畫(huà)的分析方法論，但是從其中衍生出來(lái)分析法對(duì) UI 設(shè)計(jì)形的研究結(jié)果表明我們每個(gè)人對(duì)形都具有一種與生俱來(lái)的組織能力 ， 然而用戶的感受將伴隨著不同形的大小、方向、位置等的變化而變化。在教學(xué)過(guò)程中，主要以圖像學(xué)分析法的二個(gè)層級(jí)來(lái)訓(xùn)練學(xué)生的設(shè)計(jì)能力：

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

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

3 圖像學(xué)分析法對(duì)《移動(dòng)UI界面設(shè)計(jì)》課程的對(duì)策分析

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

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

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

參考文獻(xiàn)：

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

[2]許琛.UI界面設(shè)計(jì)在視覺(jué)傳達(dá)設(shè)計(jì)專業(yè)教學(xué)中的應(yīng)用研究[J].科教導(dǎo)刊，2016（34）：98-99.

[3]魯?shù)婪颉ぐ⒍骱Ｄ?藝術(shù)與視知覺(jué)[M].中國(guó)社會(huì)科學(xué)出版社.1984.