邮箱订阅

订阅即可免费获取优质的设计资讯!

邮箱订阅

感谢你的支持!

分享到微信朋友圈:

Close

打开微信,点击底部的“发现”,使用 “扫一扫” 即可将网页分享到我的朋友圈。

热门文章

Mockplus是什么?

Mockplus,更快更简单的原型设计工具。快速创建原型,一键拖拽创建交互,团队协作省事省力。微软、华为、东软、育碧、Oracle、西门子、IBM等全球知名企业和全球300多所高校都在用,你也可以免费开始你的设计!

了解更多

如何唤起用户情感?网页设计中不容错过的10大色彩理论

Cherry 2017-09-08 14:24:38 阅读:19350

色彩理论在设计中的应用鲜为人知,但却是一种唤起用户情感的极佳方式。我们只需要环顾四周,就能感受到色彩的重要性。不同的色彩和色调会调动用户不同的情绪和反应。本文详细讲解了常见的色彩在网页设计运用上的意义。

以下内容由Mockplus团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具


色彩理论在设计中的应用鲜为人知,但却是一种唤起用户情感的极佳方式。我们只需要环顾四周,就能感受到色彩的重要性。不同的色彩和色调会调动用户不同的情绪和反应。虽然网页设计师不必精通于色彩的应用,但对于其用法和颜色在网页设计的重要性必须有所了解。一个聪明的网页设计师应该清楚不同的色彩带给设计的效果也有所不同,从而挑选出适合的色彩。了解如何平衡色彩和对比度,给用户留下深刻的第一印象,这一点也很重要。


黑色



黑色是最强的中性色彩,几乎所有网站都在使用。其意义取决于搭配的颜色。如果过度使用黑色,则会喧宾夺主,使整个设计过于强势,复杂和尖锐。许多网站设计师使用黑色作为他们的首选背景颜色,以带来即时的精致感和永恒感。如果配上白色,就会有优雅的感觉。


红色


红色是一种象征年轻活力的颜色,它能够用来强调力量和重要性。在网站设计的色彩运用中,这是最令人惊叹和刺激的色彩。它代表了力量和激情,是最能够引起关注的颜色。这也是为什么红色常用于警告和重要通知的原因。如果你正在设计一个需要引人注意的网站,那么你可以考虑使用红色。



白色


白色是一种非常干净的色彩,它象征着简单,清洁和美德。人们常把它与纯洁和无辜联系在一起。由于白色不易被人注意,简单地使用白色作为背景色的网站往往过于单调。设计师往往通过其他颜色来提高网页的可观性。


橙色



橙色是一种非常独特的色彩,它可以用来传递友善和活力。如果你想要给网站营造一种运动和活力的氛围,橙色是最佳选择。它是最柔和的暖色之一,也是唯一万能的色彩。用作原色,它可以是充满活力和吸引力的用作辅助色,它既保留了自身属性却不引人注目。几乎所有的卡通网站都在使用这个色彩来展示其在动画上的创造力。


灰色



灰色是网站设计中常使用的最中性的色彩之一,也是一个在众多网站中非常受欢迎的色彩。 它可以用于传统和专业网站,作为传递正式,中立和忧郁的一种方式。灰色的最大优势是它拥有不同色调,通过调整,你可以获得介于黑色和白色之间的任何灰色色调。灰色也可以与其他色彩搭配,满足你想要在网站上体现的感觉。


黄色



黄色是洋溢着幸福和热情的色彩。它的通用性较高,不过这取决于你如何使用它的色调。明亮的黄色是最有活力的色调。中间的色调会给你一种舒适的感觉。另一方面,较暗的色调可以给你一种复古的感觉。这些色调分别象征着智慧,好奇,永恒和黄金。


绿色



绿色是在环境和金融网站设计中常使用的色彩,它象征着稳定和增长。尽管它是一种冷色,它可以用来弥补暖色和冷色之间的差距。它既能像蓝色一样平和,又像黄色一样充满活力。因此,它非常适合平衡和稳定气氛。深色调的绿色给人带来一种富裕和金钱的感觉。


紫色



紫色是非常高贵的色彩。浅色调尽显奢华和浪漫,深色调尽显神秘感。很长一段时间以来,人们都将紫色与皇室和奢华联系在一起。它可以用来象征奢侈和财富,因此紫色是时尚和奢侈品网站的最佳选择。


蓝色



浅色调的蓝色带给人一种平静,开放和安全的感觉,其较暗色调则显得沉稳可靠。不同色调的蓝色象征的意义大有不同。通常,蓝色可以用于传递一种安全和平静的感觉,但是深蓝色看起来让人感觉有点严肃。相比之下,较浅的色调更加友善。社交网站一般喜欢较轻和中等色调的蓝色,而企业网站则使用较暗的色调来显示其可靠性和实力。


象牙



象牙色用于网站设计可以给人一种优雅,简约和舒适的感觉。象牙色是白色与奶油相结合的一种色彩。然而,它比白色温暖,给人们带来舒适感的感觉,同时显示其简约的特点。不管你在设计中使用什么色彩,都可以用象牙色代替白色来减轻与暗色之间的对比度。


色彩是网页设计中最重要的元素。一个网站的外观是否美观在很大程度上取决于使用的色彩类型。你选择的色彩必须与你的网站主题相匹配,以便在他们浏览内容之前,了解网站的内容。一定要使用有吸引力的色彩,那些可以引起好奇心和又有吸引力的色彩,最终会帮助你提高网站的转化率。


原文作者:Darrel Henry


原文链接:http://codecondo.com/10-ways-that-colors-evoke-emotion-in-web-design/




Mockplus做原型,更快更简单,现在下载Mockplus,免费体验畅快的原型设计之旅。

原型工具难上手、速度慢?试试Mockplus!

_____

Mockplus,更快更简单的原型设计工具。快速创建原型,一键拖拽创建交互,团队协作省事省力。微软、华为、东软、育碧、Oracle、西门子、IBM等全球知名企业和全球300多所高校都在用,你也可以免费开始你的设计!

免费下载
logo

咨询客服

帮助群:727533832 加入QQ群

服务邮箱:service@jongde.com

咨询客服

在线客服

置顶