施兢蓉

摘 要：界面設計在計算機前端中發(fā)揮重要作用，同時也受到了高校的關注。它與信息技術緊密結合，也是技術與文化藝術溝通的橋梁。對此類人才的培養(yǎng)，首先需要了解學科關系的構建，涉及的行業(yè)領域，在明確了各學科與界面設計之間盤根錯節(jié)的聯(lián)系之后，制定一個合理且高效的人才培養(yǎng)方案，完善課程設置。

關鍵詞：界面設計；人才培養(yǎng)；跨界共融；

一、前言

在信息日益蓬勃的今天，UI的大時代也已經到來。短短幾年里，無論是網站還是手機端應用，界面的美觀度和舒適度有了很大的提高。好的界面設計，讓軟件變得頗有生趣，操作也變得更順暢、自由。社會對于計算機專業(yè)人才的需求量也在上升，高職院校作為我國高等教育的重要組成部分，每年向社會輸送大量專業(yè)型人才。界面設計類課程在計算機專業(yè)當中也起著至關重要的作用，因此，對該專業(yè)的學生進行藝術與審美的綜合培養(yǎng)，讓技術與藝術互相溝通、融合，具有積極的作用和意義[1]。

二、界面設計課程的重要性

（一）與信息技術的緊密聯(lián)系

界面設計并不是一門獨立存在的學科，而是前端開發(fā)中相當重要的一部分，并涉及到整個開發(fā)隊伍。界面是人與機器之間傳遞和交換信息的媒介，包括硬件界面和軟件界面，是計算機科學與心理學、設計藝術學、認知科學和人機工程學的交叉研究領域。對于一款產品而言，用戶與產品的溝通總是依靠視覺來完成?，F(xiàn)階段的“安卓”和“IOS”系統(tǒng)兩大操作系統(tǒng)迅速推廣，各類數(shù)字產品被不斷開發(fā)，潛移默化的成為現(xiàn)代人生活中不可或缺的一部分，獨特的產品外觀和界面也成為提高產品競爭力的重要手段。而另一方面，只有在強大技術支持下，界面設計的效能才能被最好的發(fā)揮。

（二）文化藝術溝通的橋梁

藝術是圍繞情感或思維關切的主題，注重自我表達。從界面設計規(guī)則上來說，對藝術設計者的限制相對較少。因此，界面設計往往尋求產品的非凡獨特，附加更多的視覺價值。

互聯(lián)網產品在不斷發(fā)展創(chuàng)新，其中的藝術傳達成為現(xiàn)代人精神生活的重要組成部分，一方面給人們提供了高效便捷的生活服務，另一方面也是一種文化品位和審美情趣的提高。好的界面是藝術文化溝通的橋梁，富有人文關懷，在藝術構想中不斷順應時代變化，加入人性化的設計理念，形成“人-物-人”的情感交流。

三、學科關系的構建

一個產品在開發(fā)之前，主要歷經：需求分析，交互原型和UI設計幾個步驟，（如圖2-1所示）：

一般情況下，對于界面要求較高的產品開發(fā)，往往會將UI設計和程序開發(fā)分為兩個不同的時間節(jié)點，并且設計師會對開發(fā)過程中界面1：1的實現(xiàn)起到協(xié)助和監(jiān)督的作用（如圖2-2所示）。還有一種情況是UI界面設計和程序開發(fā)同時進行，這就需要前端設計者要明確界面設計的基本規(guī)律和各種美學常識。另外，在中小型團隊中，原型交互、UI設計、程序開發(fā)三個步驟可能交叉進行，一個崗位需要同時具備多項能力，程序員有時也會兼顧交互和界面設計等工作，甚至也參與討論用戶需求的分析[2]。

從根本上來說，界面設計為了突出美的感受，往往側重于關注如何處理和排版可視元素，包括圖標、控件、圖片、文字等，從而傳達有效的行為信息。那么，在琢磨界面時，需要涉及到的主要元素有：

情景。每一套界面設計都需要考慮用戶的使用場景，就如同創(chuàng)設一個品牌，需要關注人的需求，必須把使用背景當做視覺設計的先前條件，這就要求在課程設計中融入運營、用戶分析等類型的課程，了解用戶需求，做好前期調研準備等；

形狀。形狀雖然是肉眼識別一個對象的首要方式，但若要抓住用戶的注意力，形狀并不是有利因素，過多的形狀會讓用戶形成錯亂與不適；

大小。為人的設計，自然要遵循人的本能與習慣。人通常會不由自主的按照物體的大小排序，較大的物體更能吸引注意力。這樣就能總結出大小屬性在傳達層級關系中的重要作用。在界面排版設計中，最重要的內容需要放大，次要的第二大，不重要的最小，這樣就非常容易區(qū)別了，給人有條不紊的感受；

信息層級。用來給界面分層，通過大小、明亮、上下對比關系，區(qū)分信息的重要程度。

文字。是需要再三斟酌的元素。書面語言傳達重要信息，所以需要恰當使用文字、字體、大小寫等。

顏色。在界面設計中對于色彩是需要仔細斟酌，必須非常精確謹慎。需要結合用戶目標、環(huán)境、內容、品牌等綜合因素考慮。因此，色彩的搭配選擇往往成為一套界面設計作品的先決條件。在設定了標準色后，還需要考慮顏色色值、色調、飽和度等具體數(shù)值。僅僅顏色這一元素，就對設計師產生了巨大的挑戰(zhàn)，需要長期的培養(yǎng)和不斷嘗試，當然內在的審美與藝術修養(yǎng)也十分重要；

紋理。例如在設計按鈕時，加上斜面和投影會讓用戶認為可點擊。或者，某個元素設計成橡膠紋理，用戶會認為可抓握。即使現(xiàn)在市面上多數(shù)的UI作品采用扁平化的風格，偶爾的紋理使用往往能夠錦上添花，特別是針對兒童和老年人的學習操作；

方向。需要有一個可用的變量來傳達方向，例如表示房價上漲趨勢，就需要用向上的箭頭來表示；

位置。建立在人機工程學之上。一個完整界面相當于一個完整的空間關系，什么元素放在左上角，什么元素適合放在右下角從而加強動作。

動作及變化。這是界面設計中的高級設計，難度較大。優(yōu)秀的設計師要掌握界面組件的移動，如何隨著時間變化等。就像視頻播放界面，當開啟其它應用，自動形成左上角的小屏幕[3]。

四、人才培養(yǎng)方案構思

在明確了各學科與界面設計之間盤根錯節(jié)的關系之后，需要制定一個合理且高效的人才培養(yǎng)方案。

根據(jù)一個互聯(lián)網產品開發(fā)的主要流程，前端視覺設計需要經歷最重要的三個過程，即需求分析，原型交互，UI設計。在界面設計這門課程中三個過程不能割開，否則會造成市場需求與設計的脫節(jié)。

首先在需求分析階段，需要開設運營、市場營銷等相關基礎課程，這是一款產品走向市場的必經之路。學生要學會如何去分析產品，市場調研，了解用戶的真正需求，在腦中萌生一個不錯的想法。

其次，確定產品方向后，需要進行原型的模擬設計。學生要研究人機工程學，界面當中的大小、紋理、方向、位置等都建立在人機工程基礎之上。一個界面的可用、易用、好用最終取決于人機交互是否得當、順利。并能夠進行簡單的手繪和尺寸測量。專業(yè)課程：原型交互（AXURE），Adobe XD等

如果把產品設計比喻成建造一棟大樓，那么需求分析就是選址和外形設計，原型交互就是框架架構的搭建，而界面設計就是充實與裝修，起到錦上添花的作用。

基礎階段仍然要學習三大構成（平面構成、立體構成、色彩構成）。平面構成的學習最終將運用到界面設計和排版的實際項目中，從點、線、面的基礎訓練延伸到界面圖標、控件、圖片、文字及其他各種元素的綜合排版的控制；對于立體構成學習，在現(xiàn)階段的應用主要涉及到立體擬物圖標、控件的繪制和設計。當然還有產品的立體呈現(xiàn)，及例如：3DsMAX、CINEMA 4D、Rhino3D等計算機三維空間制圖的需要；色彩構成培養(yǎng)學生如何正確使用色彩，搭配色彩，用色彩傳達情感等一系列訓練，同時也要逐漸形成良好的色感，學會判斷和甄別色彩類型。前面提到的過，色彩是界面設計的先決條件。專業(yè)課程：圖形圖像處理（計算機輔助）、sketch（iOS系統(tǒng)專業(yè)UI設計軟件）、VR圖像編輯器，AE動效制作等其它UI設計相關。

另外，設計心理學。UI設計是從心理學的視角來構建人機互動的形式，并通過視覺要素的刺激來提高用戶體驗，根據(jù)終端屏幕的顯示空間對視覺要素合理設計與布局，從而達到用戶滿意的視覺效果。

五、總結

本文是建立在對界面設計行業(yè)大背景和高職院校計算機專業(yè)學生具體分析基礎之上，著重提出界面設計中藝術與審美培養(yǎng)方式的初步構思和規(guī)劃。另外，未來的培養(yǎng)模式還可以從“互聯(lián)網+”與前沿資訊的敏感度、交互設計與用戶體驗、美學之道（視覺審美培養(yǎng)）、學生創(chuàng)意思維與聯(lián)想培養(yǎng)，如何與藝術設計的跨界共融等方向進行深入研究。

參考文獻：

[1]安小龍 界面設計之道[M]. 北京：清華大學出版社，2016.

[2]黃方聞.動靜之美：Sketch移動UI與交互動效設計詳解[M].北京：人民郵電出版社2016.08.

[3]Alan Cooper等著. About Face4：The Essential of interaction Design[M].北京：電子工業(yè)出版社，2015.10.