跨界設(shè)計(jì)的思維該如何擁有
傳統(tǒng)概念范圍內(nèi)的設(shè)計(jì),在當(dāng)下漸漸難以引起人們的注意,才會(huì)衍生出從平面到立體,從單純的視覺形式延伸到綜合需求的多樣性和互動(dòng)性,從一個(gè)領(lǐng)域到另一個(gè)領(lǐng)域的身份轉(zhuǎn)換,這樣多元化的“跨界”之道。
“跨界設(shè)計(jì)”(Crossover Design)是指兩個(gè)及其以上不同領(lǐng)域的合作。設(shè)計(jì)需要跨界,也是設(shè)計(jì)發(fā)展到現(xiàn)階段一定會(huì)經(jīng)歷的歷程之一。
作為前沿設(shè)計(jì)的潮流趨勢(shì),優(yōu)秀的跨界設(shè)計(jì)應(yīng)該是基于多學(xué)科、多領(lǐng)域交叉融合,是一個(gè)對(duì)原有專業(yè)注入新血脈的過程。同學(xué)們也想搞跨界,但往往難在了開始,認(rèn)為自己的本專業(yè)還沒做好,再加一個(gè)新的元素進(jìn)去豈不是給自己找難題?
其實(shí)不然,以視覺傳達(dá)x交互設(shè)計(jì)跨界為例,交互設(shè)計(jì)是對(duì)視覺傳達(dá)設(shè)計(jì)的繼承與創(chuàng)新,讓視覺傳達(dá)設(shè)計(jì)平面化靜止的狀態(tài)動(dòng)起來,增加了互動(dòng)性與溝通性。同學(xué)們?cè)谠O(shè)計(jì)時(shí)并不是單純?cè)谧?+1的設(shè)計(jì),跨界沒有那么復(fù)雜,甚至其創(chuàng)作環(huán)節(jié)都可以簡(jiǎn)化。
下面我就來給大家講講跨界設(shè)計(jì)的創(chuàng)作環(huán)節(jié)如何“低成本”。
第一步-找聯(lián)系
當(dāng)我們面對(duì)視傳與交互設(shè)計(jì)雙命題時(shí),首先找到兩者之間有聯(lián)系的地方。
1、與用戶建立情感聯(lián)系
視覺傳達(dá)設(shè)計(jì)是通過顏色、圖像和字體來喚起用戶的情感;交互設(shè)計(jì)也關(guān)注喚起情感,但他們并不局限于設(shè)計(jì)的視覺部分,還關(guān)注信息架構(gòu)和設(shè)計(jì)的可訪問性,這使得我們有可能對(duì)產(chǎn)品的整個(gè)用戶體驗(yàn)創(chuàng)建一個(gè)更廣泛、更全面的視圖。
2、準(zhǔn)確的設(shè)計(jì)元素,才能準(zhǔn)確表達(dá)信息
交互設(shè)計(jì)用到的元素和所需要的設(shè)計(jì)思路基本上與視覺傳達(dá)設(shè)計(jì)的相似。
以我們最常見的顏色元素為例。視覺傳達(dá)設(shè)計(jì)不用多說,是運(yùn)用顏色的“老手”,可以通過顏色帶來視覺與情感的雙重碰撞。交互設(shè)計(jì)不需要那么多的色彩表現(xiàn),更多的是要注意位置,流程,操作反饋,整體架構(gòu)和流程方面的考慮,一定是易用,易學(xué)。所以交互一旦與視傳跨界,其顏色的運(yùn)用大多是統(tǒng)一的,或利用顏色區(qū)分功能。
交互設(shè)計(jì)更多研究的是在屏幕上最舒適的字間距、RGB顏色的明暗度與配色、圖形設(shè)計(jì)與實(shí)際功能是否搭配。而視覺傳達(dá)是利用視覺符號(hào)來傳遞各種信息的設(shè)計(jì),不僅得解決屏幕上的視覺效果,還包括其他印刷材料,比如紙張、金屬、木材等等。交互設(shè)計(jì)很多都是關(guān)于圖形、圖像、文字的設(shè)計(jì),所以交互設(shè)計(jì)的大部分元素都是可以與視覺傳達(dá)設(shè)計(jì)劃等號(hào)的。
第二步-創(chuàng)造性思維
設(shè)計(jì)師是解決問題的人,要完成視覺傳達(dá)x交互的跨界設(shè)計(jì)同樣需要?jiǎng)?chuàng)造性思維和通過設(shè)計(jì)解決問題。
要理解創(chuàng)造性思維如何幫助視覺傳達(dá)x交互的跨界設(shè)計(jì)過程,首先定義設(shè)計(jì)思維是很重要的,因?yàn)橐曈X傳達(dá)x交互的跨界設(shè)計(jì)通?;谠O(shè)計(jì)思維方法論。
設(shè)計(jì)思維是一個(gè)不斷發(fā)展的過程,它貫穿于以下幾個(gè)階段:移情、定義、構(gòu)思、原型和測(cè)試。在每一個(gè)階段,問題和想法都會(huì)出現(xiàn),直到最好的解決方案變得顯而易見。設(shè)計(jì)思維利用邏輯、創(chuàng)造力和直覺來探索可能的解決方案,并創(chuàng)造有益于最終用戶的預(yù)期結(jié)果。
視覺傳達(dá)如何與交互的創(chuàng)造思維融合呢?簡(jiǎn)單來說就是視覺傳達(dá)也要具有用戶體驗(yàn)思維。對(duì)于當(dāng)下的視覺設(shè)計(jì)師而言最大的掣肘可能是“藝術(shù)思維”了,即追求所謂的真善美,尤其是美的東西。但交互設(shè)計(jì)更多的是要照顧用戶體驗(yàn),什么樣的設(shè)計(jì)是用戶喜歡的、用起來好的,那便是好設(shè)計(jì)。
舉個(gè)最簡(jiǎn)單的例子,上圖為網(wǎng)易云的操作界面,我們需要在界面中添加一個(gè)按鈕,平面設(shè)計(jì)只要負(fù)責(zé)把這個(gè)按鈕設(shè)計(jì)的好看就可以,但結(jié)合交互的設(shè)計(jì)思維則需要考慮如何讓用戶看到按鈕后會(huì)有點(diǎn)擊的欲望,也就是讓按鈕和用戶之間產(chǎn)生交互。
當(dāng)然二者的跨界意味著這個(gè)設(shè)計(jì)需要具有一定的審美要求,同時(shí)提高用戶體驗(yàn),畢竟實(shí)用的設(shè)計(jì)加上不錯(cuò)的外觀是沒有人會(huì)拒絕的,也會(huì)給觀賞者、使用者留下好的第一印象。
第三步-設(shè)計(jì)慣例
“慣例”是多年來設(shè)計(jì)師覺得方便或喜歡的一種解決方案的選擇。
就視覺傳達(dá)x交互的跨界設(shè)計(jì)而言,“慣例”可以是形狀、顏色、圖標(biāo)、位置或任何可以快速識(shí)別的模式。為了更好地理解,我們以下面的示例為例。
考慮有關(guān)顏色和形狀使用的“慣例”。第一個(gè)標(biāo)志使用兩種強(qiáng)烈的“慣例”來傳達(dá)危險(xiǎn):紅色和菱形。雖然兩個(gè)標(biāo)志都可以表示“警告”,但第一幅圖像可以在沒有文字的情況下傳達(dá)信息。第二個(gè)圖像需要配合文字才能立即地識(shí)別它。
web或應(yīng)用程序設(shè)計(jì)中的“慣例”包含在視覺傳達(dá)的“慣例”中,因此,這意味著熟悉這些“慣例”,對(duì)于設(shè)計(jì)的跨界來講是一種“低成本”。
第四步-細(xì)節(jié)&迭代問題
俗話說“魔鬼在細(xì)節(jié)”,形容跨界設(shè)計(jì)恰到好處。設(shè)計(jì)當(dāng)然是體現(xiàn)在細(xì)節(jié)上,而視覺傳達(dá)x交互設(shè)計(jì)的跨界設(shè)計(jì)技巧往往是以深思熟慮的細(xì)節(jié)為導(dǎo)向的,要利用視覺傳達(dá)設(shè)計(jì)手段突出重點(diǎn),進(jìn)行視覺或操作引導(dǎo),達(dá)到跨界設(shè)計(jì)的要求與標(biāo)準(zhǔn)。
設(shè)計(jì)完成意味著結(jié)束或解決好了用戶體驗(yàn)問題嗎?顯然不,我們前面剛講了設(shè)計(jì)要重視細(xì)節(jié),所有的設(shè)計(jì)可能性都是細(xì)節(jié)。我們更多的應(yīng)該是通過設(shè)計(jì),反思對(duì)社會(huì)的、技術(shù)的顯示思考。
視覺傳達(dá)x交互設(shè)計(jì)的跨界設(shè)計(jì)在很大程度上是一個(gè)迭代的問題求解過程,這種方法可以不同于傳統(tǒng)的視覺傳達(dá)設(shè)計(jì)的線性過程。在視覺傳達(dá)x交互設(shè)計(jì)的跨界設(shè)計(jì)的情況下,沒有最終的解決方案,只有不斷地尋找更好的解決方案。設(shè)計(jì)過程永不結(jié)束。實(shí)際上,視覺傳達(dá)x交互設(shè)計(jì)的跨界設(shè)計(jì)會(huì)根據(jù)用戶反饋不斷調(diào)整、不斷嘗試用不同的方法來解決問題,從而產(chǎn)生創(chuàng)新的解決方案。
跨界設(shè)計(jì)不僅可以體現(xiàn)大家的創(chuàng)作多維度,也逐漸成為國(guó)外諸多名校的作品集審核要點(diǎn)之一,導(dǎo)師們當(dāng)然希望可以看到學(xué)生更多的可能性。所以跨界不是真的需要我們掌握兩門設(shè)計(jì)學(xué)科才可以進(jìn)行的綜合型設(shè)計(jì),想要?jiǎng)?chuàng)作一個(gè)跨界設(shè)計(jì)項(xiàng)目,最關(guān)鍵的還是要找到設(shè)計(jì)之間的設(shè)計(jì)思維。除了交互,視傳與建筑、裝置等都可以擦出別樣的花火,更多的領(lǐng)域,還在等待著同學(xué)們?nèi)ラ_創(chuàng)。