交互設(shè)計(jì)作為藝術(shù)留學(xué)的熱門專業(yè)，也是眾多“非藝術(shù)生”轉(zhuǎn)專業(yè)的首選。究其原因，第一在這個(gè)信息時(shí)代，交互設(shè)計(jì)人才正是剛需；其次也是因?yàn)閲?guó)內(nèi)院校目前并沒有開設(shè)專門的交互設(shè)計(jì)專業(yè)，大多只是提取了其中的UI設(shè)計(jì)作為平面設(shè)計(jì)課程的一部分。相較其他專業(yè)而言，國(guó)外藝術(shù)院校對(duì)于交互作品更加注重功能與美觀的統(tǒng)一，而要實(shí)現(xiàn)這兩點(diǎn)，色彩的運(yùn)用就至關(guān)重要。色彩不僅僅是界面設(shè)計(jì)的一部分，更是完善用戶體驗(yàn)，實(shí)現(xiàn)人機(jī)交互的重要手段，是交互設(shè)計(jì)作品中不可忽視的重點(diǎn)，為幫助同學(xué)指明創(chuàng)作的正確方向，今天我們帶來(lái)了交互專業(yè)作品集色彩使用指南，就根據(jù)具體案例詳細(xì)解說(shuō)，如何利用色彩創(chuàng)作出最有吸引力的交互專業(yè)作品集！
在交互專業(yè)作品集創(chuàng)作中容易出現(xiàn)兩種比較極端的趨勢(shì)，一種是只追求作品的美觀性，專注于用界面設(shè)計(jì)去吸引用戶；另一種則是以大量的調(diào)研、實(shí)驗(yàn)去證明作品的實(shí)用性，一切以功能優(yōu)先，界面設(shè)計(jì)可有可無(wú)。這兩種趨勢(shì)都是因?yàn)閷?duì)交互設(shè)計(jì)了解不夠全面的結(jié)果，一個(gè)完整的交互專業(yè)作品集離不開前期的調(diào)研分析、設(shè)計(jì)建模、測(cè)試驗(yàn)證和最終的終端界面展示。
1．制定頁(yè)面配色方案
和任何視覺作品一樣，交互設(shè)計(jì)同樣需要制定準(zhǔn)確的配色方案。現(xiàn)在在市場(chǎng)上或者一些設(shè)計(jì)網(wǎng)站的案例中，我們看到的幾乎都是千篇一律的極簡(jiǎn)風(fēng)、馬卡龍色系，如果同學(xué)們從這些現(xiàn)有案例中找尋配色靈感，很難從視覺上脫穎而出，吸引招生官的注意力。
所以，我們想要制定和諧又具有創(chuàng)意的配色方案，最好的方式是從自身項(xiàng)目中找，將設(shè)計(jì)主題和流程可視化。首先我們可以根據(jù)主題，選取一個(gè)關(guān)鍵詞，比如寵物APP設(shè)計(jì)，關(guān)鍵詞就是活潑、清新，科技類網(wǎng)頁(yè)設(shè)計(jì)，關(guān)鍵詞就是敏銳、炫酷，之后我們?cè)俑鶕?jù)關(guān)鍵詞，確定一個(gè)主題色之后制定統(tǒng)一風(fēng)格的配色方案。
但是交互設(shè)計(jì)作品又與其它作品不同，頁(yè)面的色彩不是一成不變的，而是會(huì)根據(jù)界面的轉(zhuǎn)化、用戶的操作，產(chǎn)生非常多變的視覺效果，因此，我們的配色方案在保證和諧的前提下，還需要根據(jù)動(dòng)態(tài)的改變產(chǎn)生更多細(xì)節(jié)的變化。
而為了起到突出重點(diǎn)、引導(dǎo)用戶互動(dòng)的作用，我們首先要區(qū)分背景色和主題色，用小部分的高色起到突出重點(diǎn)的作用，將內(nèi)容有效的區(qū)分開來(lái)，產(chǎn)生一定的視覺沖擊，又能保證與整體色調(diào)保持一致。
收獲帕森斯設(shè)計(jì)學(xué)院Parsons交互專業(yè)offer的Ruoyu同學(xué)，她的這組作品的靈感來(lái)源是身邊朋友的經(jīng)歷，這位朋友和Ruoyu同學(xué)抱怨道：在寵物醫(yī)院等待是一件非?？菰锴覠o(wú)聊的事情，因?yàn)槟愠３Ｐ枰ㄙM(fèi)45分鐘，甚至以上的時(shí)間來(lái)等待。
這不禁讓Ruoyu想，在寵物醫(yī)院，我們除了等待外，是否還能有其他的活動(dòng)伴隨進(jìn)行，用以“消耗”無(wú)聊的時(shí)光呢？這個(gè)項(xiàng)目便由此產(chǎn)生。
這組交互專業(yè)作品集色彩使用方案就是根據(jù)寵物醫(yī)院的風(fēng)格制定了清新、舒緩的視覺風(fēng)格，選擇了兩個(gè)低飽和度的對(duì)比色作為亮點(diǎn)色，兩者之間慢慢融合延展出了其它的顏色，最終呈現(xiàn)的效果既和諧又不無(wú)聊。
2．色彩的情感因素
許多交互專業(yè)的同學(xué)會(huì)選擇人文主題的項(xiàng)目，以關(guān)注某部分受眾，解決他們面臨的真實(shí)問題為目的，因此，在交互作品中為獲得更好的用戶體驗(yàn)，體現(xiàn)人文關(guān)懷就顯得十分重要，我們可以通過合理利用色彩的情感因素來(lái)實(shí)現(xiàn)。
科學(xué)研究證明，人們對(duì)特定的顏色或顏色組合會(huì)產(chǎn)生強(qiáng)烈的聯(lián)想，引發(fā)不同的心情或者狀態(tài)暗示。比如紅色代表激烈、緊張的情緒，所以很多軟件的消息提醒會(huì)采用紅色的標(biāo)記；再比如紅色和綠色的組合代表圣誕節(jié)；藍(lán)色表示科技等等。
所以，面對(duì)不同的文化、背景和人群，同學(xué)們?cè)趧?chuàng)作過程中一定要有針對(duì)性的選擇用色，并在前期展開盡可能詳盡的調(diào)研，將觀察發(fā)現(xiàn)的用戶痛點(diǎn)，通過色彩的形式呈現(xiàn)出來(lái)，并融入自己的設(shè)計(jì)理念以達(dá)到盡可能滿足用戶視覺美感的目的。
這是獲得悉尼大學(xué)交互設(shè)計(jì)offer的JiaYi同學(xué)作品集中的一組交互裝置的作品，它的主題是有關(guān)于探討靈魂的展示空間，JiaYi同學(xué)做這組作品的初衷是希望幫助人們緩解對(duì)于死亡的恐懼情緒，把人的靈魂用視覺的角度體現(xiàn)出來(lái)。
我們?cè)谶@組作品中看到了許多炫麗的色彩，再加上這組作品最終的呈現(xiàn)方式是交互和裝置的結(jié)合，相較于在其它平面界面中的呈現(xiàn)，這一表現(xiàn)形式也會(huì)更加具有視覺沖擊力；
其次，JiaYi同學(xué)為表達(dá)關(guān)于死亡這個(gè)沉重的話題，并沒有選擇沉穩(wěn)的暗色調(diào)，也是盡可能用亮度極高的色彩搭配，將產(chǎn)品中人文關(guān)懷的情感表達(dá)的更為清晰明確，也符合整個(gè)作品中以人為本的用戶需求。
3．變化中的色彩交互
交互設(shè)計(jì)最根本的功能就在于實(shí)現(xiàn)產(chǎn)品和人的互動(dòng)，隨著科技的發(fā)展，產(chǎn)生互動(dòng)的形式也變得多種多樣。通過動(dòng)態(tài)的形式來(lái)吸引用戶的互動(dòng)也成為當(dāng)前交互設(shè)計(jì)的發(fā)展趨勢(shì)，也是藝術(shù)院?？疾煳磥?lái)設(shè)計(jì)師的重點(diǎn)。
因此，我們的交互作品決不能僅僅停留在靜態(tài)界面的設(shè)計(jì)，而是要合理規(guī)劃交互思路，利用視覺元素幫助產(chǎn)品發(fā)揮精準(zhǔn)、和諧的互動(dòng)，而交互專業(yè)作品集色彩使用就是其中是傳遞信息、串聯(lián)視覺線路的重要手段。
首先我們能夠通過用戶的操作，改變關(guān)鍵信息的顏色，達(dá)到傳達(dá)指示性信息的目的。色彩的改變其實(shí)就是以一個(gè)動(dòng)態(tài)形式強(qiáng)化內(nèi)容，從而形成更加直觀的視覺反饋。
其次，同一種色彩通過不同韻律節(jié)奏的變化，也會(huì)產(chǎn)生不一樣的生動(dòng)表達(dá)。比如色塊的擴(kuò)散、震動(dòng)、扭曲，都能對(duì)用戶產(chǎn)生不同程度的心理暗示，已達(dá)到指引、表現(xiàn)產(chǎn)品效果的目的。
Ruoyu同學(xué)的這個(gè)項(xiàng)目是對(duì)Artechouse視覺系統(tǒng)的再設(shè)計(jì)，因?yàn)樗l(fā)現(xiàn)，Artechouse原本的視覺系統(tǒng)與它本身的品牌和產(chǎn)品調(diào)性是并不相符的，因此便決定自己為它重新設(shè)計(jì)一系列的視覺系統(tǒng)。
在這個(gè)過程中，Ruoyu同學(xué)創(chuàng)建了一個(gè)結(jié)合藝術(shù)與技術(shù)的隨機(jī)性美學(xué)概念，她沒有使用某一特定的色彩或圖形作為統(tǒng)一的視覺元素，而是使用了一種名為Bacteria Function的數(shù)學(xué)函數(shù)，將數(shù)字A和B（其中A<B）插入在函數(shù)中，從而營(yíng)造出一種兩個(gè)有機(jī)封閉形狀的環(huán)形區(qū)域圖形。
這些圖形具有高度的神秘感和未來(lái)技術(shù)感，非常適合Artechouse。而在Ruoyu同學(xué)看來(lái)，數(shù)學(xué)是技術(shù)，設(shè)計(jì)是藝術(shù)。插入數(shù)字并獲得形狀的過程，便是她和技術(shù)之間的互動(dòng)，而這也充分的體現(xiàn)出了Artechouse的特點(diǎn)。
Ruoyu同學(xué)對(duì)原作品最大的改造就是從單一的觸發(fā)互動(dòng)形式增加為更多元的交互形式，其中，她對(duì)原本的配色沒有進(jìn)行大幅度改變，也是借助代碼、函數(shù)的使用，實(shí)現(xiàn)了色域動(dòng)態(tài)化。
這也讓她最后的作品產(chǎn)生了豐富、具有科技感的視覺效果，在視覺和動(dòng)態(tài)上達(dá)到了統(tǒng)一，她用變化中的色彩交互實(shí)現(xiàn)了全新的體驗(yàn)式和探索性藝術(shù)形式，另外也向院校展示了自己的開拓性思維和更綜合的設(shè)計(jì)能力。
交互設(shè)計(jì)作為一個(gè)新興專業(yè)，對(duì)于大部分同學(xué)來(lái)說(shuō)都是零基礎(chǔ)，所以我們?cè)趧?chuàng)作之前的第一步就是需要對(duì)交互專業(yè)建立一個(gè)準(zhǔn)確而全面的認(rèn)知；其次，想要完成一份出色的交互專業(yè)作品集，基礎(chǔ)知識(shí)的補(bǔ)充也必不可少。
交互專業(yè)作品集色彩使用作為設(shè)計(jì)師入門的門檻，一直以來(lái)也是PS-ONE課程體系中非常重視的一部分。在PS-ONE基礎(chǔ)課程分為理論與技法兩部分，這也是為了幫助同學(xué)們?cè)诮⒒舅囆g(shù)審美能力、批判性思維的基礎(chǔ)上，學(xué)習(xí)相關(guān)的軟件技能，對(duì)專業(yè)創(chuàng)作的運(yùn)用有更深入的理解，兩者融合去提升學(xué)生的綜合能力。而這種學(xué)習(xí)方法的優(yōu)勢(shì)在交互專業(yè)作品集創(chuàng)作中體現(xiàn)的更加明顯，能夠幫助同學(xué)們具備以出色的視覺化形式完整呈現(xiàn)設(shè)計(jì)流程，達(dá)到作品兼具美觀性和功能性、技術(shù)性和藝術(shù)性的效果，最終收獲得招生官和院校的青睞！
藝術(shù)留學(xué)申請(qǐng)后今年還有學(xué)上嗎？
美國(guó)交互設(shè)計(jì)排名(HCI/UX/app設(shè)計(jì)類)排名
本文均屬PSONE藝術(shù)留學(xué)團(tuán)隊(duì)原創(chuàng)文章，未經(jīng)允許不能以任何形式的商業(yè)轉(zhuǎn)載，如有發(fā)現(xiàn)必追究法律責(zé)任。
