顏色、類型和空間是如何影響情緒的
你在做設(shè)計(jì)的時(shí)候有沒有想過(guò)設(shè)計(jì)對(duì)情緒的影響呢?情緒的影響分為兩個(gè)方面——設(shè)計(jì)方案的情緒和使用者的情緒,這兩種情緒完美融合將會(huì)帶來(lái)一種更好的體驗(yàn)。
你不能左右用戶的情緒,也不能決定他們一天過(guò)的好壞,但是你可以去創(chuàng)作驚艷的設(shè)計(jì)方案,帶給大家愉悅的心情。這里有三點(diǎn)技術(shù)方面的基本要點(diǎn):色彩、字體和空間,這是建立設(shè)計(jì)情緒影響力的三個(gè)部分。
設(shè)計(jì)與情緒
情緒是情感的延伸,這種感覺不管是好的或者壞的都會(huì)比一些特定情感持續(xù)更長(zhǎng)時(shí)間。情緒會(huì)根據(jù)事件、環(huán)境因素甚至因?yàn)闉g覽到某些東西而變化,但情緒是一種感覺,不會(huì)比一些特定的情感強(qiáng)烈。它會(huì)影響一個(gè)人看待所接觸的事物的眼光。
對(duì)于設(shè)計(jì)者來(lái)說(shuō),將好心情融入作品中、讓人感興趣是件很重要的事情——研究表明心情會(huì)影響人們對(duì)廣告和商標(biāo)的態(tài)度。一個(gè)常見的、幾乎所有人都經(jīng)歷過(guò)的事例是——排除性別因素和某些不正常的心理因素,人們更喜歡那種用一種令人愉悅的方式表達(dá)出來(lái)的信息。
你時(shí)常懷揣好和壞(或者積極和消極)這兩個(gè)極端情緒,他們不停浮現(xiàn)是因?yàn)槲覀兪艿綉嵟?、恐懼、厭惡、幸福、悲傷、意外等感情的支配。情緒也能發(fā)生在一個(gè)組織或群體中,這時(shí)就會(huì)有這樣一個(gè)現(xiàn)象產(chǎn)生:個(gè)人的情緒會(huì)引發(fā)共享情感。
所以,怎樣利用全部這些情緒去影響設(shè)計(jì)呢?情緒將建立起用戶與項(xiàng)目間的聯(lián)系。他們會(huì)用積極還是消極的方式來(lái)看待呢?他們會(huì)怎樣處理他們將要展現(xiàn)的信息呢?對(duì)待項(xiàng)目的情緒是否與用戶的情緒建立起一致的關(guān)聯(lián),是否創(chuàng)作出一種共性或一個(gè)社群的整體感受?
色彩
色彩關(guān)聯(lián)的情緒需要大量的語(yǔ)境。那么怎么使用色彩?使用一個(gè)主色來(lái)突出主色調(diào),然后用其他相似的顏色來(lái)輔助使之形成很好的印象。
諸如色彩,色調(diào)、飽和度和對(duì)比度的設(shè)計(jì)技巧會(huì)讓設(shè)計(jì)出來(lái)的東西很不一樣;冷色和暖色的使用也直接會(huì)影響情緒。
· 暖色使人感到安慰并且富有創(chuàng)造力,但是也產(chǎn)生不安定的情緒或壓力(如紅色,黃色,橙色)
· 冷色是引人注目的和職業(yè)性的色彩,但是也產(chǎn)生不友好和僵硬的感覺(如藍(lán)色,綠色,紫色)
顏色的積極性聯(lián)想
· 紅色:愛,緊急,年輕活力
· 橙色:能量,野心,熱情
· 黃色:激烈,喜悅,能量
· 綠色:成長(zhǎng),自然,幸運(yùn)
· 藍(lán)色:和平,信任,安全
· 紫色:智慧,尊重,財(cái)富
顏色的消極性聯(lián)想
· 紅色:警告,戰(zhàn)爭(zhēng),煩惱
· 橙色:焦慮,侵略性,緊張
· 黃色:不安全,心煩,恐慌
· 綠色:嫉妒,憂慮,不確定
· 藍(lán)色:悲傷,悔恨,冷靜
· 紫色:無(wú)趣,厭惡,反感
黑色會(huì)帶來(lái)更多消極的負(fù)面的聯(lián)想,白色則能創(chuàng)造更多積極的正面的聯(lián)想,這適用于當(dāng)前顏色與每種顏色的混合以及類似色和對(duì)比色。
字體
字體可以作為情緒研究的一個(gè)有趣的案例。它有兩個(gè)主要的考慮點(diǎn)–美學(xué)和可讀性。
字體可以簡(jiǎn)單作為一種視覺元素使用,在這方面它為創(chuàng)造不同的感覺提供了更多的機(jī)會(huì)。同時(shí),字體可以用來(lái)傳達(dá)信息并且需要一定的可讀性。那種令人閱讀困難,不管上下文是否通順的文字會(huì)為讀者產(chǎn)生一種(情緒的)負(fù)關(guān)聯(lián)。
易讀的文字包括畫面中從標(biāo)題到正文的每個(gè)字。當(dāng)考慮到文字的易讀性,設(shè)計(jì)師一般會(huì)選用襯線字體或無(wú)襯線字體。襯線字體顯得更為專業(yè)嚴(yán)肅,而非襯線字體一般用于時(shí)尚、簡(jiǎn)潔、隨性的設(shè)計(jì)。
單純從美學(xué)角度出發(fā)的藝術(shù)字體廣泛運(yùn)用于各個(gè)領(lǐng)域。將文字與整個(gè)設(shè)計(jì)背景結(jié)合起來(lái)也能突出其傳達(dá)的情感,當(dāng)你所用的字體不那么有特點(diǎn)的時(shí)候,這種搭配方式非常適用。(例如Helvetica字體突出體現(xiàn)了它周圍字體的特性)。
積極型組合
· 用細(xì)筆畫創(chuàng)造的襯線字體
· 圓形字體
· 新奇字體
· 帶有花哨風(fēng)格的字體
· 開放性字體
· 現(xiàn)代字體
負(fù)面型組合
· 用粗筆畫創(chuàng)造的字體
· 字母的筆畫或者線條粗糙
· 全部大寫字母
· 筆跡凌亂或顫抖的筆畫
· 采用混合的字體風(fēng)格
· 結(jié)構(gòu)過(guò)于緊湊的字體
· 黑體字或舊式字體風(fēng)格
空間
僅僅是一個(gè)實(shí)體空間就可以讓你產(chǎn)生某種情緒,設(shè)計(jì)里的空間也是如此。設(shè)計(jì)里的空間概念和實(shí)體空間是有類同點(diǎn)的:一般來(lái)說(shuō),開放的空間給人積極的感覺;封閉或緊密的空間給人消極感。
在一個(gè)設(shè)計(jì)項(xiàng)目中,空間是連接元素,它會(huì)給用戶提供一種視覺沖擊??臻g會(huì)在元素與元素之間創(chuàng)造出一個(gè)流動(dòng)性,告訴人們?cè)摽茨睦?,哪里先讀,以及他們應(yīng)該重點(diǎn)審閱什么信息。在設(shè)計(jì)中,空間也可以讓你感受到“家的溫馨”,或感覺雜亂無(wú)章。
設(shè)計(jì)師們會(huì)經(jīng)常運(yùn)用空間感來(lái)暗示整個(gè)設(shè)計(jì)的氣氛。簡(jiǎn)單的空間感和組織可以催生出和諧的顏色和排版,并營(yíng)造出積極的氣氛,反之會(huì)有相反的氣氛。
積極的空間關(guān)聯(lián)
· 開放空間
· 風(fēng)格一致
· 常規(guī)化的主題包裝和元素間距
· 有組織的元素組合/使用網(wǎng)格化排版
· 合理的留白空間
· 在開放或消極空間與其他元素形成對(duì)比
消極的空間關(guān)聯(lián)
· 封閉空間
· 對(duì)齊對(duì)象過(guò)于緊湊
· 打破文本之間的空間,使閱讀困難
· 元素大小比例不協(xié)調(diào)
· 元素重疊或元素互相擠在一起
· 缺乏組織或秩序
結(jié)論
理解設(shè)計(jì)技術(shù)和情緒的偉大之處是,你可以影響觀者的情緒。雖然你不能讓每個(gè)人都有美好的一天,但使用分組元素的設(shè)計(jì)可以分散人們看待項(xiàng)目時(shí)的積極或消極情緒。
結(jié)合使用的顏色、字體和空間形式,去設(shè)計(jì)出一種符合品牌氛圍的產(chǎn)品,從而最大程度的吸引用戶。(最值得注意的是:積極的溝通往往會(huì)得到最好的反饋。)
文章來(lái)源:http://designshack.net/articles/inspiration/how-color-type-and-space-can-impact-mood/
本文地址:http://irelandcustomcontracting.com/tutorial/ui2811.html
您可能還喜歡
- 經(jīng)典網(wǎng)頁(yè)配色方案之無(wú)色系
- 對(duì)齊!框框框!ps中對(duì)齊和參考線詳解
- banner實(shí)戰(zhàn)技巧-版式平衡構(gòu)圖
- 晉小彥視覺設(shè)計(jì)系列文章(二):全屏大視
- 如何成功運(yùn)用扁平化設(shè)計(jì)與色彩趨勢(shì)
- 做有思想的網(wǎng)頁(yè)設(shè)計(jì)-banner實(shí)例講解
- [圖趣]色彩搭配的核心原則和聯(lián)想
- 扁平化設(shè)計(jì)與可訪問(wèn)性
- 網(wǎng)頁(yè)設(shè)計(jì)專題技巧淺析
- WEB設(shè)計(jì)中的排版
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺設(shè)計(jì)系列文章(二):全屏