關(guān)于UI界面設(shè)計(jì)課程設(shè)置的構(gòu)思與創(chuàng)想

臧胡鵬

摘?要：近年來(lái)，隨著網(wǎng)絡(luò)信息技術(shù)的飛速發(fā)展，給軟件設(shè)計(jì)行業(yè)帶來(lái)了全新的發(fā)展機(jī)遇，軟件設(shè)計(jì)的核心是UI界面設(shè)計(jì)，UI界面設(shè)計(jì)專(zhuān)業(yè)人才與軟件設(shè)計(jì)企業(yè)需求之間的矛盾越來(lái)越嚴(yán)重。如何構(gòu)建科學(xué)有效的UI界面設(shè)計(jì)的課程體系，以此來(lái)培養(yǎng)出更多的UI界面設(shè)計(jì)人才。本文從目前UI界面設(shè)計(jì)的概述出發(fā)，分析UI界面設(shè)計(jì)課程設(shè)置的構(gòu)思與創(chuàng)新，以供借鑒。

關(guān)鍵詞：UI界面;課程設(shè)置;構(gòu)思與創(chuàng)想

引言

UI（User Interface以下簡(jiǎn)稱(chēng)為UI）是指用戶(hù)界面，UI界面設(shè)計(jì)對(duì)于軟件設(shè)計(jì)過(guò)程非常重要。隨著我國(guó)軟件設(shè)計(jì)行業(yè)的飛速發(fā)展，學(xué)校UI人才的培養(yǎng)與軟件設(shè)計(jì)企業(yè)的需求之間的矛盾也越來(lái)越激烈，學(xué)校所培養(yǎng)出來(lái)的UI人才很難滿(mǎn)足軟件設(shè)計(jì)企業(yè)的需求，如何構(gòu)建科學(xué)合理的UI界面設(shè)計(jì)是高校課程改革的關(guān)鍵。

1.UI界面設(shè)計(jì)概述

UI設(shè)計(jì)是指軟件的人機(jī)交互、操作邏輯、見(jiàn)面美觀的整體設(shè)計(jì)。在人機(jī)互動(dòng)的過(guò)程中，有一個(gè)非常重要的層面就是界面，從心理學(xué)的角度來(lái)看，見(jiàn)面主要可以分為感覺(jué)和情感，界面設(shè)計(jì)是所有屏幕產(chǎn)品的重要組成部分，集認(rèn)知心理學(xué)、設(shè)計(jì)學(xué)、語(yǔ)言學(xué)為一體，在設(shè)計(jì)UI界面過(guò)程中，一定要遵守如下原則：①所有的界面設(shè)計(jì)都應(yīng)該受到用戶(hù)的控制，如果脫離了用戶(hù)的控制，界面設(shè)計(jì)就是不合理的。②界面設(shè)計(jì)應(yīng)該從使用者的角度出發(fā)，合理設(shè)計(jì)色彩、界面結(jié)構(gòu)等，盡量降低用戶(hù)的記憶負(fù)擔(dān)。③界面設(shè)計(jì)一定要體現(xiàn)一致性特征。與其他設(shè)計(jì)不同的是，UI界面設(shè)計(jì)要求它可以使用在電子產(chǎn)品上，通過(guò)人機(jī)互動(dòng)操作來(lái)使用電子產(chǎn)品，還有UI界面設(shè)計(jì)體現(xiàn)出明顯的互動(dòng)性特征，用戶(hù)在選擇不同的UI界面時(shí)，會(huì)產(chǎn)生不同的互動(dòng)效果，由此我們可以看出，UI界面設(shè)計(jì)的狀態(tài)以動(dòng)態(tài)為主。還有就是UI界面設(shè)計(jì)不僅關(guān)注用戶(hù)的視覺(jué)效果，而且還關(guān)注用戶(hù)的聽(tīng)覺(jué)效果、嗅覺(jué)效果等。因此，UI界面設(shè)計(jì)的課程建構(gòu)體現(xiàn)出獨(dú)立性特征。

許多軟件工程師在學(xué)生時(shí)期就應(yīng)該開(kāi)始接觸UI界面設(shè)計(jì)，但是學(xué)生時(shí)期所接觸UI界面知識(shí)比較少，對(duì)于UI界面設(shè)計(jì)的理解不夠深入，甚至有一些人認(rèn)為UI界面設(shè)計(jì)就等于美術(shù)設(shè)計(jì)，UI界面設(shè)計(jì)師的工作就是為各種美術(shù)作品描邊畫(huà)線(xiàn)，顯然這種理解比較片面，忽視了用戶(hù)交互的特征。還有一些軟件工程師在開(kāi)發(fā)軟件的過(guò)程中，沒(méi)有看到界面設(shè)計(jì)的重要性，認(rèn)為只要軟件的內(nèi)容好就可以，見(jiàn)面設(shè)計(jì)好不好無(wú)所謂，但是這種觀點(diǎn)媽媽已經(jīng)發(fā)生了轉(zhuǎn)變。比如手機(jī)剛剛進(jìn)入市場(chǎng)的時(shí)候，只有通話(huà)功能，外觀也并不好看，但是隨著網(wǎng)絡(luò)信息技術(shù)的發(fā)展，手機(jī)所具備的功能越來(lái)越多，一些商家為了創(chuàng)造出更大的賣(mài)點(diǎn)，開(kāi)始注重手機(jī)的外觀設(shè)計(jì)，UI界面設(shè)計(jì)的應(yīng)用范圍越來(lái)越廣。

目前我國(guó)許多高校還沒(méi)有建立專(zhuān)門(mén)的UI界面設(shè)計(jì)專(zhuān)業(yè)，高校一定要重視這一點(diǎn)，根據(jù)實(shí)際情況來(lái)構(gòu)建UI界面設(shè)計(jì)課程，為學(xué)習(xí)者提供一個(gè)良好的學(xué)習(xí)與交流的資源環(huán)境。還有我國(guó)有許多設(shè)計(jì)類(lèi)的網(wǎng)站，包括平面設(shè)計(jì)、環(huán)境設(shè)計(jì)、繪畫(huà)藝術(shù)等，對(duì)于UI界面設(shè)計(jì)的重視程度不夠，這不利于培養(yǎng)專(zhuān)業(yè)的UI界面設(shè)計(jì)師，只有一個(gè)學(xué)習(xí)資源豐富、專(zhuān)業(yè)權(quán)威的UI設(shè)計(jì)課程才能滿(mǎn)足培養(yǎng)高水平UI設(shè)計(jì)師的需求。

UI界面設(shè)計(jì)屬于多媒體設(shè)計(jì)，隨著電子產(chǎn)品的普及率越來(lái)越高，許多電子產(chǎn)品都越來(lái)越重視UI見(jiàn)面設(shè)計(jì)，這就要求高校應(yīng)該致力于培養(yǎng)一批專(zhuān)業(yè)的UI界面設(shè)計(jì)師。

2.關(guān)于UI界面設(shè)計(jì)課程設(shè)置的構(gòu)思與創(chuàng)想

首先，作為設(shè)計(jì)師來(lái)說(shuō)，一定要關(guān)注UI界面的用途，學(xué)?？梢栽O(shè)置一些實(shí)用性UI界面設(shè)計(jì)課程，通過(guò)大量的實(shí)例來(lái)講解UI界面設(shè)計(jì)的原則和方法，比如網(wǎng)頁(yè)界面設(shè)計(jì)的方法、手機(jī)游戲界面設(shè)計(jì)的方法等，教師從實(shí)例出發(fā)，結(jié)合UI界面設(shè)計(jì)的藝術(shù)性特征，講解UI界面設(shè)計(jì)的方法和技巧。還有UI界面設(shè)計(jì)與傳統(tǒng)的平面藝術(shù)設(shè)計(jì)有一定的差異，UI界面設(shè)計(jì)的原則如下：①易用性原則，界面設(shè)計(jì)的內(nèi)容通俗易懂，盡量不出現(xiàn)模棱兩可的選項(xiàng)。②規(guī)范性原則，對(duì)于一些常見(jiàn)的指令應(yīng)該設(shè)置快捷方式。③合理性選擇，設(shè)計(jì)師在界面設(shè)計(jì)的過(guò)程中，應(yīng)該結(jié)合產(chǎn)品的硬件設(shè)備來(lái)確定界面的布局、色彩、比例尺寸等。④美觀與協(xié)調(diào)性原則，所有的色彩、布局、比例尺等元素都應(yīng)該符合美學(xué)設(shè)計(jì)，給用戶(hù)一種舒適和諧的感覺(jué)。⑤安全性原則，設(shè)計(jì)師應(yīng)該在安全的基礎(chǔ)上進(jìn)行界面設(shè)計(jì)，盡可能的降低界面設(shè)計(jì)出錯(cuò)的概率。

其次，按照UI界面設(shè)計(jì)的使用媒介來(lái)劃分，主要應(yīng)用于網(wǎng)頁(yè)設(shè)計(jì)中的UI界面設(shè)計(jì)和軟件程序中的UI界面設(shè)計(jì)，前者主要是電子產(chǎn)品屏幕設(shè)計(jì)、后者主要是軟件界面設(shè)計(jì)，因此，UI界面課程建構(gòu)也應(yīng)該從上述兩個(gè)方面展開(kāi)。

最后，就是UI界面設(shè)計(jì)的專(zhuān)業(yè)課，包括色彩設(shè)計(jì)，大多數(shù)UI界面設(shè)計(jì)的傳播媒介都是電子產(chǎn)品，顏色設(shè)計(jì)與識(shí)別主要是RGB光學(xué)識(shí)別顏色，教師應(yīng)該給學(xué)生講解光學(xué)色彩的形成理論和使用技巧、編排設(shè)計(jì)，UI界面設(shè)計(jì)在編排設(shè)計(jì)中有自己獨(dú)特的規(guī)范和要求，比如文字的型號(hào)與UI界面所擁有的多媒體媒介尺寸有關(guān)，文字的編排與多媒體媒介的分辨率尺寸有關(guān)等、圖標(biāo)設(shè)計(jì)，它有一個(gè)非常重要的原則就是用戶(hù)能夠準(zhǔn)確的理解其想表達(dá)的意思，還有就是視覺(jué)設(shè)計(jì)的統(tǒng)一性，給用戶(hù)一種和諧美。

結(jié)束語(yǔ)：綜上所述，在傳統(tǒng)的網(wǎng)頁(yè)設(shè)計(jì)課程中，學(xué)生的數(shù)字畫(huà)圖形設(shè)計(jì)能力比較差，很容易會(huì)出現(xiàn)各種各樣的問(wèn)題，更別談視覺(jué)藝術(shù)的美感，比如有一些學(xué)生在設(shè)計(jì)圖標(biāo)的過(guò)程中，沒(méi)有什么靈感，會(huì)下載一些網(wǎng)友上傳的設(shè)計(jì)模板，再將自己的作業(yè)套入到設(shè)計(jì)模板中，學(xué)生的設(shè)計(jì)能力沒(méi)有辦法得到有效的提升。因此，為了更好的滿(mǎn)足軟件設(shè)計(jì)企業(yè)對(duì)于人才培養(yǎng)的需求，高校應(yīng)該開(kāi)設(shè)獨(dú)立的UI界面設(shè)計(jì)課程，從UI界面設(shè)計(jì)的方法和原則、應(yīng)用領(lǐng)域、色彩設(shè)計(jì)、編排設(shè)計(jì)、圖標(biāo)設(shè)計(jì)等角度去構(gòu)建課程體系，給學(xué)生提供實(shí)踐練習(xí)的機(jī)會(huì)，這有利于提升學(xué)生的UI界面設(shè)計(jì)能力。

參考文獻(xiàn)

[1]沈涵.UI界面設(shè)計(jì)課程教改實(shí)踐探索[J].教育教學(xué)論壇，2018，（43）.154-155.doi：10.3969/j.issn.1674-9324.2018.43.068.

[2]張立楊.基于CDIO模式的"UI界面設(shè)計(jì)"課程教學(xué)研究與實(shí)踐[J].黑龍江教育（理論與實(shí)踐），2017，（7）.70-71.

[3]譚維，貢琰.“互聯(lián)網(wǎng)+”背景下UI界面設(shè)計(jì)教學(xué)探索與課程實(shí)踐[J].裝飾，2020，（2）：136-137.