欢迎您访问南京安优网络官方网站,本公司专注于:网站制作、小程序开发、网站推广。 24小时服务热线:400-8793-956
当前位置:南京网站制作公司 > 资讯中心 > 安优观点
配色真的需要天赋吗?有没有技巧?
来源:南京网站制作 时间:2017-11-12 13:27:10

 UI设计包含了太多的步骤过程,每一步都必须深思熟虑,考虑到所有的细节,这样最终呈现的界面才能满足目标用户的需求。

 
其中一个比较耗时间的就是配色,为了选择正确的用色,设计师在这一过程上可能会花费数几个小时甚至更久。接下来我们就给大家分享6个有用的配色技巧,帮助设计师们更高效的完成配色设计。
 
1. 学会60-30-10法则
 
这个法则来自于室内设计领域,而且也经常用于家居装饰上。原理很简单,为了达到作品中的平衡,颜色比例通常在60%-30%-10%。主色占比最大,30%的部分为辅色,其余10%为点缀色。
 
这样的比例经实验证明是符合人们阅读习惯的,人的眼睛通常看到的视觉元素是递进的。了解了正确的比例,设计师们能更好的搭配色彩,而不会让UI界面陷入颜色杂多的混乱中。

Digital Agency 登陆页
 
2. 和对比成为“好朋友”
 
颜色对比是视觉组成的重要部分,给每个UI元素带来不同的个性,而只包含同色系的用户界面很难引起用户的注意力。
 
对比度的选择取决于设计目标。比如说,如果需要用户看到那些特别的UI元素,那采用高对比度的颜色比如红蓝色,则是一个很好的选择。高对比度通常用在CTA (Call to Action)按钮设计中。
 
然而,作为UI整体的部分,高对比颜色则可能不太适合。如果内容和背景色对比太大,则会造成很难阅读。因此建议是,整体采用中对比度,在需要特殊强调的元素上再使用对比度高的颜色。同时在不同的设备终端测试颜色效果,可以提高配色方案的有效性。

Urban Sketcher 应用程序
 
3. 灵活运用色彩心理学
 
色彩心理学研究表明,大脑对每种颜色都会产生反应,但是我们自己却经常忽略这一点。眼睛看到颜色,大脑就会发出信号,内分泌系统产生激素,从而影响我们的情绪和反应。
 
每种颜色对我们的大脑影响各不相同,设计师们了解这些知识,就能选择正确的色彩来传递信息,引导用户产生预期反应。下面是一些简要的色彩含义:
 
红色: 同时包含正面和消极的意义,比如爱、自信、激情、生气等等。
橙色: 热情、温暖、兴奋。
黄色: 开心、阳光、愉悦。
绿色: 安静、生命力。
蓝色: 经常作为企业色使用,也有距离和悲伤的意思。
紫色: 象征忠诚和奢华,代表着神秘和魔幻色彩。
黑色: 通常和悲剧和死亡联系在一起,既可以很传统、也可以代表现代的。
白色: 纯真、无邪、完整、清澈。
 
此外设计师还应记住每个人对色彩的理解都有差异,其中,年龄和性别对色彩的偏爱影响最大, 因此前期应当调查清楚目标用户的喜好。

Dance Academy 网站
 
4. 不要忽略文化差异
 
每个文化都有自己的传统习惯和信仰,在选择用色前要了解用户是否能理解你所传达的信息。很有可能在不同的国家,同一种颜色代表的意思却完全相反。比如欧洲国家白色代表纯洁,经常用在婚礼上;而在亚洲国家白色则意味着死亡和悲伤。
 
错误的选择可能会引起误解,这对产品来说可能是致命的。设计师们了解这些文化内涵,可以降低被误会的风险。
 
5. 保持色彩平衡
 
平衡是UI设计所追求的,可以让用户们感到安心、舒适。色彩平衡是指设计中颜色的合理搭配,有效的吸引用户。网站和app中和谐的色彩,可以给用户不错的第一印象。
 
以下是一些基本配色方案:
 
同类色搭配: 同一种颜色,不同的色度 (Shade) 和色调 (Tone) 。
邻近色搭配: 采用色相环中相邻的颜色。
互补色搭配: 采用色相环中相对的颜色,对比度高。
分裂补色: 结合补色和同类色搭配,比如选择蓝色则需同时选择相对的黄色和红色。
三色系调和: 色相环中距离相等地三种颜色搭配,建议其中一种作为主色,其它为辅色搭配使用。
矩形配色: 色相环中2组互补色对,即四种颜色结合,在色相环中连起来形成一个矩形。

6. 从自然中“偷”取灵感
 
自然届是地球上最棒的艺术家和设计师。我们看到自然环境中的色彩组合通常趋于完美。人们热衷于去追逐日出日落,秋天的森林,冬天的群山等等美景,它们充满着自然色彩的结合。
 
所以,我们为什么不借鉴一些灵感呢?到自然中走一走,欣赏美丽的自然风光,相信你一定会有新的想法。

Big City Guide 登陆页
 
最后:
人们天生对颜色有反应,生活中和颜色的联系非常密切,但是设计师使用颜色是有一些技巧和窍门的,本文就试图给大家讲解一些关于色彩设计的技巧。数码产品的成功与否很大程度取决于UI的配色选择。正确的配色会让用户使用产品时感到舒心。“好的设计给人以帮助,或给人以愉悦。” 设计师们要时常关注用户的需求,做出最明智的选择。

本文地址:http://www.njanyou.cn/news/1047.html
Tag: 配色 天赋 技巧
专业服务:南京网站制作,南京网站制作公司,南京网站建设公司
联系电话:025-65016872
上一篇: 6分钟200亿 一场商业营销下的集体狂欢
下一篇: 如果你不想辛苦推广的流量被“打劫”,请速查看
最新案例
永银
永银
珠海跨境电商
珠海跨境电商
五颗星商城
五颗星商城
上海万客生鲜超市
上海万客生鲜超市
一九在线商城
一九在线商城
你可能感兴趣
小型企业平稳运营所需的 5 种软件类型
为什么每个人都在谈论 Advantage+ Creative
27 关于 Bing PPC 的统计数据
改善编程和 QA 之间协作的 4 种方法
您的网站给人留下第一印象:为什么好的网页设计对企业至关重要
网页设计和内容营销:最大限度地提高博客参与度的 6 个技巧
所有重要的 GA4 指标
ClickFunnels 与 Kajabi:详细比较
最后更新
打造直观体验:UX 和 UI 矩阵 了解 Advantage+ 定位 我们所知道的关于大规模谷歌算法泄漏的一切 如何撰写吸引受众注意力的营销电子邮件 如何使用数据抓取进行有效的竞争分析:分步指南 优化医疗保健提供商的 SEO 和在线形象:2024 年的最佳实践 Elementor:网站建设的首选(原因如下) 产品系列页面:提高电子商务转化率的设计策略
服务项目
南京网站制作 营销型网站 微信营销 IDC网站 精品案例