交互設(shè)計作為藝術(shù)留學的熱門專業(yè)，也是眾多“非藝術(shù)生”轉(zhuǎn)專業(yè)的首選。究其原因，第一在這個信息時代，交互設(shè)計人才正是剛需；其次也是因為國內(nèi)院校目前并沒有開設(shè)專門的交互設(shè)計專業(yè)，大多只是提取了其中的UI設(shè)計作為平面設(shè)計課程的一部分。相較其他專業(yè)而言，國外藝術(shù)院校對于交互作品更加注重功能與美觀的統(tǒng)一，而要實現(xiàn)這兩點，色彩的運用就至關(guān)重要。色彩不僅僅是界面設(shè)計的一部分，更是完善用戶體驗，實現(xiàn)人機交互的重要手段，是交互設(shè)計作品中不可忽視的重點，為幫助同學指明創(chuàng)作的正確方向，今天我們帶來了交互專業(yè)作品集色彩使用指南，就根據(jù)具體案例詳細解說，如何利用色彩創(chuàng)作出最有吸引力的交互專業(yè)作品集！

　　在交互專業(yè)作品集創(chuàng)作中容易出現(xiàn)兩種比較極端的趨勢，一種是只追求作品的美觀性，專注于用界面設(shè)計去吸引用戶；另一種則是以大量的調(diào)研、實驗去證明作品的實用性，一切以功能優(yōu)先，界面設(shè)計可有可無。這兩種趨勢都是因為對交互設(shè)計了解不夠全面的結(jié)果，一個完整的交互專業(yè)作品集離不開前期的調(diào)研分析、設(shè)計建模、測試驗證和最終的終端界面展示。

　　1．制定頁面配色方案

　　和任何視覺作品一樣，交互設(shè)計同樣需要制定準確的配色方案。現(xiàn)在在市場上或者一些設(shè)計網(wǎng)站的案例中，我們看到的幾乎都是千篇一律的極簡風、馬卡龍色系，如果同學們從這些現(xiàn)有案例中找尋配色靈感，很難從視覺上脫穎而出，吸引招生官的注意力。

　　所以，我們想要制定和諧又具有創(chuàng)意的配色方案，最好的方式是從自身項目中找，將設(shè)計主題和流程可視化。首先我們可以根據(jù)主題，選取一個關(guān)鍵詞，比如寵物APP設(shè)計，關(guān)鍵詞就是活潑、清新，科技類網(wǎng)頁設(shè)計，關(guān)鍵詞就是敏銳、炫酷，之后我們再根據(jù)關(guān)鍵詞，確定一個主題色之后制定統(tǒng)一風格的配色方案。

　　但是交互設(shè)計作品又與其它作品不同，頁面的色彩不是一成不變的，而是會根據(jù)界面的轉(zhuǎn)化、用戶的操作，產(chǎn)生非常多變的視覺效果，因此，我們的配色方案在保證和諧的前提下，還需要根據(jù)動態(tài)的改變產(chǎn)生更多細節(jié)的變化。

　　而為了起到突出重點、引導用戶互動的作用，我們首先要區(qū)分背景色和主題色，用小部分的高色起到突出重點的作用，將內(nèi)容有效的區(qū)分開來，產(chǎn)生一定的視覺沖擊，又能保證與整體色調(diào)保持一致。

　　收獲帕森斯設(shè)計學院Parsons交互專業(yè)offer的Ruoyu同學，她的這組作品的靈感來源是身邊朋友的經(jīng)歷，這位朋友和Ruoyu同學抱怨道：在寵物醫(yī)院等待是一件非常枯燥且無聊的事情，因為你常常需要花費45分鐘，甚至以上的時間來等待。

　　這不禁讓Ruoyu想，在寵物醫(yī)院，我們除了等待外，是否還能有其他的活動伴隨進行，用以“消耗”無聊的時光呢？這個項目便由此產(chǎn)生。

　　這組交互專業(yè)作品集色彩使用方案就是根據(jù)寵物醫(yī)院的風格制定了清新、舒緩的視覺風格，選擇了兩個低飽和度的對比色作為亮點色，兩者之間慢慢融合延展出了其它的顏色，最終呈現(xiàn)的效果既和諧又不無聊。

　　2．色彩的情感因素

　　許多交互專業(yè)的同學會選擇人文主題的項目，以關(guān)注某部分受眾，解決他們面臨的真實問題為目的，因此，在交互作品中為獲得更好的用戶體驗，體現(xiàn)人文關(guān)懷就顯得十分重要，我們可以通過合理利用色彩的情感因素來實現(xiàn)。

　　科學研究證明，人們對特定的顏色或顏色組合會產(chǎn)生強烈的聯(lián)想，引發(fā)不同的心情或者狀態(tài)暗示。比如紅色代表激烈、緊張的情緒，所以很多軟件的消息提醒會采用紅色的標記；再比如紅色和綠色的組合代表圣誕節(jié)；藍色表示科技等等。

　　所以，面對不同的文化、背景和人群，同學們在創(chuàng)作過程中一定要有針對性的選擇用色，并在前期展開盡可能詳盡的調(diào)研，將觀察發(fā)現(xiàn)的用戶痛點，通過色彩的形式呈現(xiàn)出來，并融入自己的設(shè)計理念以達到盡可能滿足用戶視覺美感的目的。

　　這是獲得悉尼大學交互設(shè)計offer的JiaYi同學作品集中的一組交互裝置的作品，它的主題是有關(guān)于探討靈魂的展示空間，JiaYi同學做這組作品的初衷是希望幫助人們緩解對于死亡的恐懼情緒，把人的靈魂用視覺的角度體現(xiàn)出來。

　　我們在這組作品中看到了許多炫麗的色彩，再加上這組作品最終的呈現(xiàn)方式是交互和裝置的結(jié)合，相較于在其它平面界面中的呈現(xiàn)，這一表現(xiàn)形式也會更加具有視覺沖擊力；

　　其次，JiaYi同學為表達關(guān)于死亡這個沉重的話題，并沒有選擇沉穩(wěn)的暗色調(diào)，也是盡可能用亮度極高的色彩搭配，將產(chǎn)品中人文關(guān)懷的情感表達的更為清晰明確，也符合整個作品中以人為本的用戶需求。

　　3．變化中的色彩交互

　　交互設(shè)計最根本的功能就在于實現(xiàn)產(chǎn)品和人的互動，隨著科技的發(fā)展，產(chǎn)生互動的形式也變得多種多樣。通過動態(tài)的形式來吸引用戶的互動也成為當前交互設(shè)計的發(fā)展趨勢，也是藝術(shù)院?？疾煳磥碓O(shè)計師的重點。

　　因此，我們的交互作品決不能僅僅停留在靜態(tài)界面的設(shè)計，而是要合理規(guī)劃交互思路，利用視覺元素幫助產(chǎn)品發(fā)揮精準、和諧的互動，而交互專業(yè)作品集色彩使用就是其中是傳遞信息、串聯(lián)視覺線路的重要手段。

　　首先我們能夠通過用戶的操作，改變關(guān)鍵信息的顏色，達到傳達指示性信息的目的。色彩的改變其實就是以一個動態(tài)形式強化內(nèi)容，從而形成更加直觀的視覺反饋。

　　其次，同一種色彩通過不同韻律節(jié)奏的變化，也會產(chǎn)生不一樣的生動表達。比如色塊的擴散、震動、扭曲，都能對用戶產(chǎn)生不同程度的心理暗示，已達到指引、表現(xiàn)產(chǎn)品效果的目的。

　　Ruoyu同學的這個項目是對Artechouse視覺系統(tǒng)的再設(shè)計，因為她發(fā)現(xiàn)，Artechouse原本的視覺系統(tǒng)與它本身的品牌和產(chǎn)品調(diào)性是并不相符的，因此便決定自己為它重新設(shè)計一系列的視覺系統(tǒng)。

　　在這個過程中，Ruoyu同學創(chuàng)建了一個結(jié)合藝術(shù)與技術(shù)的隨機性美學概念，她沒有使用某一特定的色彩或圖形作為統(tǒng)一的視覺元素，而是使用了一種名為Bacteria Function的數(shù)學函數(shù)，將數(shù)字A和B（其中A<B）插入在函數(shù)中，從而營造出一種兩個有機封閉形狀的環(huán)形區(qū)域圖形。

　　這些圖形具有高度的神秘感和未來技術(shù)感，非常適合Artechouse。而在Ruoyu同學看來，數(shù)學是技術(shù)，設(shè)計是藝術(shù)。插入數(shù)字并獲得形狀的過程，便是她和技術(shù)之間的互動，而這也充分的體現(xiàn)出了Artechouse的特點。

　　Ruoyu同學對原作品最大的改造就是從單一的觸發(fā)互動形式增加為更多元的交互形式，其中，她對原本的配色沒有進行大幅度改變，也是借助代碼、函數(shù)的使用，實現(xiàn)了色域動態(tài)化。

　　這也讓她最后的作品產(chǎn)生了豐富、具有科技感的視覺效果，在視覺和動態(tài)上達到了統(tǒng)一，她用變化中的色彩交互實現(xiàn)了全新的體驗式和探索性藝術(shù)形式，另外也向院校展示了自己的開拓性思維和更綜合的設(shè)計能力。

　　交互設(shè)計作為一個新興專業(yè)，對于大部分同學來說都是零基礎(chǔ)，所以我們在創(chuàng)作之前的第一步就是需要對交互專業(yè)建立一個準確而全面的認知；其次，想要完成一份出色的交互專業(yè)作品集，基礎(chǔ)知識的補充也必不可少。

　　交互專業(yè)作品集色彩使用作為設(shè)計師入門的門檻，一直以來也是自然光線課程體系中非常重視的一部分。在自然光線基礎(chǔ)課程分為理論與技法兩部分，這也是為了幫助同學們在建立基本藝術(shù)審美能力、批判性思維的基礎(chǔ)上，學習相關(guān)的軟件技能，對專業(yè)創(chuàng)作的運用有更深入的理解，兩者融合去提升學生的綜合能力。而這種學習方法的優(yōu)勢在交互專業(yè)作品集創(chuàng)作中體現(xiàn)的更加明顯，能夠幫助同學們具備以出色的視覺化形式完整呈現(xiàn)設(shè)計流程，達到作品兼具美觀性和功能性、技術(shù)性和藝術(shù)性的效果，最終收獲得招生官和院校的青睞！

藝術(shù)留學申請后今年還有學上嗎？

美國交互設(shè)計排名(HCI/UX/app設(shè)計類)排名

本文均屬自然光線國際藝術(shù)教育團隊原創(chuàng)文章，未經(jīng)允許不能以任何形式的商業(yè)轉(zhuǎn)載，如有發(fā)現(xiàn)必追究法律責任。