网页巧用设计元素 用户的心情你做主!

2015-3-11    用心设计

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供有效的UI界面设计BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

每一个扁平化界面设计,都是我们的心灵碰撞致力于最棒的 metro ui 设计

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





设计和心情

 

情绪延伸出心情。很长一段时间内,心情这个词并未被当做一种情绪来对待,而是用“好”或“坏”来界定。心情能够随事件、环境而变幻,甚至连你所见都会影响心情,但心情终归是油然而生的情绪,比某些特定情绪的强度要小一些。心情能影响到你接触到的每一件事或东西。

 

对于设计师来说,心情之所以有趣、重要,是因为研究表明,心情影响人们对广告和品牌的态度。一个很普遍的发现是,几乎所有被调查的人,无论男女,无论他们当下心情如何,都更倾向接受以一种欢乐的方式所呈现出的信息。

 

当说到心情,会有两个极端——好心情或坏心情(正能量或负能量)。这些心情通常受愤怒、恐惧、厌恶、幸福、悲伤、惊讶等情绪感染。也会出现群体性心情反应,比如大家同怀一种心情,共同分享一段情感体验。

 

那么心情是怎么影响设计的呢?心情能决定用户与设计之间的关系。用户会以正面的态度还是以负面的态度来审视你的设计?他们如何处理你传递的信息?设计中表现的心情能否与受众的心情搭建起相通的纽带,从而让彼此心心相映?

 


颜色


 

 

颜色对心情的影响需要考虑到整体的设计语境。如何运用颜色,比如主色对比强调色以及相邻的颜色,这一点事关重要。

 

诸如色度、色调、饱和度和对比度这样的设计技巧也会产生巨大影响。暖色或冷色也直接关系到心情。

 

·暖色调能抚慰人心、激发灵感,也能让人觉得聒噪、透不过气(红色、黄色、橙色)。

·冷色调引人注目、专业感十足,但稍嫌冷漠、缺少情趣(蓝色、绿色、紫色)。

 


正向的颜色联想:

·红色:爱、紧急、青春

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

·黄色:欢呼、高兴、能量

·绿色:成长、自然、运气

·蓝色:平和、新人、安全

·紫色:智慧、尊敬、财富

 


负向的颜色联想:

·红色:警告、战争、反感

·橙色:焦虑、攻击、紧张

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

·绿色:嫉妒、害怕、不确定性

·蓝色:悲伤、懊悔、丧失激情

·紫色:无聊、厌烦、憎恶

 

 

黑色调中增加任何一种颜色都会激发负面的联想,反之,白色调中增加任何一种颜色都会激发正面的情绪。同样地,不管是各个颜色的混搭调配,还是与周围颜色的对比搭配,也适用这个道理。



字体

 


 

字体与心情是一个很有趣的课题。字体主要有两方面的考量——审美和可读性。

 

字体主要被用作视觉元素,从这个功能上讲,字体通常会催生出许多不同的情绪。同时字体是为了传递信息的,需要具有一定的可读性。不管设计语境如何,不易阅读的字体会产生一种负面的情绪。

 

可读性涵盖了页面上从标题到正文的每一个文字。当考虑可读性时,设计师通常选择衬线或无衬线字体。衬线字体职业感稍强、较严肃;而无衬线字体更具时代气息、干净、随意。

 

若单纯作为审美功能,字体的分类可谓是多种多样。将字体与通篇的设计语境相关联,可以极大地影响其传达的心情,特别是当采用具有中性风格的字体时。(比如Helvetica字体就被认为是一种能被周围其他字体风格感染的中性字体。)

 

正向的字体联想:

·         纤细描边的衬线字体

·         圆角字体

·         新奇字体

·         花式字体

·         滑稽字体

·         现代字体

 

负向的字体联想:

·         粗厚的描边

·         粗糙的描边和衬线

·         全部采用大写字体

·         混乱的手写字体或歪歪扭扭的描边

·         随意的字体混搭

·         过于紧凑的排版

·         旧式手写体

 

 

空间


 

 

无论是现实中还是设计中,空间感都会影响人们的心情。留白通常能营造出更加积极、吸引人的氛围,而关闭或紧凑的空间让人产生更多的负面情绪。

 

设计中的留白通常会视觉一个喘息的机会。空间决定了页面上元素的流动方式,告诉人们视觉点在哪,阅读点在哪以及信息中的重点在哪。好的空间感会让你的设计更贴近受众,反之会让受众如入云雾。

 

设计师通常使用空间感来营造整个作品的氛围。简单的空间安排能把字体和颜色统一起来从而创造出一种正向的氛围,相反,过于繁复的空间安排会让作品充斥一种负能量。

 

正向的空间联想:

·         开放的空间感

·         一致的字体间距

·         广泛使用的文本围绕和各元素之间的留白

·         井井有条地安排页面上的元素或使用网格

·         足够的页边距

·         正负空间和其他元素之间的对比

 

负向的空间联想:

·         紧凑的空间

·         物体没对齐

·         文本之间导致阅读困难的多余空格

·         与其他元素相比过大或过小的元素

·         重叠的元素或在页面上“撞车”的元素

·         缺乏整齐感

 

 



结论

 

了解设计与心情的好处在于,你能更好地控制受众的心情。你虽然不能使每个人都开开心心地过一天,但在设计中运用具有正能量或负能量的不同元素组合,就能很好地将这些情绪施加到你的受众身上。

 

将颜色、字体和空间结合起来,设计出一种心情,让它传递出品牌的真意,吸引更多的受众。(千万记住,正向的联想通常会赢得更多客户。)

分享本文至:

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档