網(wǎng)頁巧用設(shè)計(jì)元素 用戶的心情你做主!

2015-3-11    用心設(shè)計(jì)

藍(lán)藍(lán)設(shè)計(jì)sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供有效的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

每一個扁平化界面設(shè)計(jì),都是我們的心靈碰撞致力于最棒的 metro ui 設(shè)計(jì)

來源:http://www.zcool.com.cn/article/ZMTQ3NzE2.html





設(shè)計(jì)和心情

 

情緒延伸出心情。很長一段時間內(nèi),心情這個詞并未被當(dāng)做一種情緒來對待,而是用“好”或“壞”來界定。心情能夠隨事件、環(huán)境而變幻,甚至連你所見都會影響心情,但心情終歸是油然而生的情緒,比某些特定情緒的強(qiáng)度要小一些。心情能影響到你接觸到的每一件事或東西。

 

對于設(shè)計(jì)師來說,心情之所以有趣、重要,是因?yàn)檠芯勘砻?,心情影響人們對廣告和品牌的態(tài)度。一個很普遍的發(fā)現(xiàn)是,幾乎所有被調(diào)查的人,無論男女,無論他們當(dāng)下心情如何,都更傾向接受以一種歡樂的方式所呈現(xiàn)出的信息。

 

當(dāng)說到心情,會有兩個極端——好心情或壞心情(正能量或負(fù)能量)。這些心情通常受憤怒、恐懼、厭惡、幸福、悲傷、驚訝等情緒感染。也會出現(xiàn)群體性心情反應(yīng),比如大家同懷一種心情,共同分享一段情感體驗(yàn)。

 

那么心情是怎么影響設(shè)計(jì)的呢?心情能決定用戶與設(shè)計(jì)之間的關(guān)系。用戶會以正面的態(tài)度還是以負(fù)面的態(tài)度來審視你的設(shè)計(jì)?他們?nèi)绾翁幚砟銈鬟f的信息?設(shè)計(jì)中表現(xiàn)的心情能否與受眾的心情搭建起相通的紐帶,從而讓彼此心心相映?

 


顏色


 

 

顏色對心情的影響需要考慮到整體的設(shè)計(jì)語境。如何運(yùn)用顏色,比如主色對比強(qiáng)調(diào)色以及相鄰的顏色,這一點(diǎn)事關(guān)重要。

 

諸如色度、色調(diào)、飽和度和對比度這樣的設(shè)計(jì)技巧也會產(chǎn)生巨大影響。暖色或冷色也直接關(guān)系到心情。

 

·暖色調(diào)能撫慰人心、激發(fā)靈感,也能讓人覺得聒噪、透不過氣(紅色、黃色、橙色)。

·冷色調(diào)引人注目、專業(yè)感十足,但稍嫌冷漠、缺少情趣(藍(lán)色、綠色、紫色)。

 


正向的顏色聯(lián)想:

·紅色:愛、緊急、青春

·橙色:能量、野心、熱情

·黃色:歡呼、高興、能量

·綠色:成長、自然、運(yùn)氣

·藍(lán)色:平和、新人、安全

·紫色:智慧、尊敬、財(cái)富

 


負(fù)向的顏色聯(lián)想:

·紅色:警告、戰(zhàn)爭、反感

·橙色:焦慮、攻擊、緊張

·黃色:不安全感、分散注意力、痛苦

·綠色:嫉妒、害怕、不確定性

·藍(lán)色:悲傷、懊悔、喪失激情

·紫色:無聊、厭煩、憎惡

 

 

黑色調(diào)中增加任何一種顏色都會激發(fā)負(fù)面的聯(lián)想,反之,白色調(diào)中增加任何一種顏色都會激發(fā)正面的情緒。同樣地,不管是各個顏色的混搭調(diào)配,還是與周圍顏色的對比搭配,也適用這個道理。



字體

 


 

字體與心情是一個很有趣的課題。字體主要有兩方面的考量——審美和可讀性。

 

字體主要被用作視覺元素,從這個功能上講,字體通常會催生出許多不同的情緒。同時字體是為了傳遞信息的,需要具有一定的可讀性。不管設(shè)計(jì)語境如何,不易閱讀的字體會產(chǎn)生一種負(fù)面的情緒。

 

可讀性涵蓋了頁面上從標(biāo)題到正文的每一個文字。當(dāng)考慮可讀性時,設(shè)計(jì)師通常選擇襯線或無襯線字體。襯線字體職業(yè)感稍強(qiáng)、較嚴(yán)肅;而無襯線字體更具時代氣息、干凈、隨意。

 

若單純作為審美功能,字體的分類可謂是多種多樣。將字體與通篇的設(shè)計(jì)語境相關(guān)聯(lián),可以極大地影響其傳達(dá)的心情,特別是當(dāng)采用具有中性風(fēng)格的字體時。(比如Helvetica字體就被認(rèn)為是一種能被周圍其他字體風(fēng)格感染的中性字體。)

 

正向的字體聯(lián)想:

·         纖細(xì)描邊的襯線字體

·         圓角字體

·         新奇字體

·         花式字體

·         滑稽字體

·         現(xiàn)代字體

 

負(fù)向的字體聯(lián)想:

·         粗厚的描邊

·         粗糙的描邊和襯線

·         全部采用大寫字體

·         混亂的手寫字體或歪歪扭扭的描邊

·         隨意的字體混搭

·         過于緊湊的排版

·         舊式手寫體

 

 

空間


 

 

無論是現(xiàn)實(shí)中還是設(shè)計(jì)中,空間感都會影響人們的心情。留白通常能營造出更加積極、吸引人的氛圍,而關(guān)閉或緊湊的空間讓人產(chǎn)生更多的負(fù)面情緒。

 

設(shè)計(jì)中的留白通常會視覺一個喘息的機(jī)會??臻g決定了頁面上元素的流動方式,告訴人們視覺點(diǎn)在哪,閱讀點(diǎn)在哪以及信息中的重點(diǎn)在哪。好的空間感會讓你的設(shè)計(jì)更貼近受眾,反之會讓受眾如入云霧。

 

設(shè)計(jì)師通常使用空間感來營造整個作品的氛圍。簡單的空間安排能把字體和顏色統(tǒng)一起來從而創(chuàng)造出一種正向的氛圍,相反,過于繁復(fù)的空間安排會讓作品充斥一種負(fù)能量。

 

正向的空間聯(lián)想:

·         開放的空間感

·         一致的字體間距

·         廣泛使用的文本圍繞和各元素之間的留白

·         井井有條地安排頁面上的元素或使用網(wǎng)格

·         足夠的頁邊距

·         正負(fù)空間和其他元素之間的對比

 

負(fù)向的空間聯(lián)想:

·         緊湊的空間

·         物體沒對齊

·         文本之間導(dǎo)致閱讀困難的多余空格

·         與其他元素相比過大或過小的元素

·         重疊的元素或在頁面上“撞車”的元素

·         缺乏整齊感

 

 



結(jié)論

 

了解設(shè)計(jì)與心情的好處在于,你能更好地控制受眾的心情。你雖然不能使每個人都開開心心地過一天,但在設(shè)計(jì)中運(yùn)用具有正能量或負(fù)能量的不同元素組合,就能很好地將這些情緒施加到你的受眾身上。

 

將顏色、字體和空間結(jié)合起來,設(shè)計(jì)出一種心情,讓它傳遞出品牌的真意,吸引更多的受眾。(千萬記住,正向的聯(lián)想通常會贏得更多客戶。)

日歷

鏈接

個人資料

存檔