配色看起来总是不舒服如何调整.docx

上传人:夺命阿水 文档编号:151615 上传时间:2022-12-28 格式:DOCX 页数:11 大小:228.31KB
返回 下载 相关 举报
配色看起来总是不舒服如何调整.docx_第1页
第1页 / 共11页
配色看起来总是不舒服如何调整.docx_第2页
第2页 / 共11页
配色看起来总是不舒服如何调整.docx_第3页
第3页 / 共11页
配色看起来总是不舒服如何调整.docx_第4页
第4页 / 共11页
配色看起来总是不舒服如何调整.docx_第5页
第5页 / 共11页
点击查看更多>>
资源描述

《配色看起来总是不舒服如何调整.docx》由会员分享,可在线阅读,更多相关《配色看起来总是不舒服如何调整.docx(11页珍藏版)》请在课桌文档上搜索。

1、今天为大家分享的文章是配色方案。在设计中,色彩可以定义品牌基调并影响品牌形象,吸引用户注意力并影响情绪,增强产品的可用性。找到合适的配色方案往往没那么简单,不仅要了解色彩的基础知识,还要在设计中多多实践1.色轮分析颜色是我们眼睛感知不同波长的方式。色轮是将一系列颜色,有次序地利用圆盘的形式展现出来,色轮颜色的构成包括三组颜色:原色黄、红、蓝二次色绿、橙、紫(原色混合)三次色黄橙、蓝紫、红紫(原色、二次色混合)原色:红色、黄色、蓝色二次色(间色):绿色、橙色、紫色(三原色混合而成)三次色(复色):黄橙、红橙、而成)红紫、蓝紫、黄绿、蓝紫(原色二次色混合通过不断混合相邻的颜色,产生新的颜色,最终形

2、成一个全域的色轮。TheColorWheel色轮色轮显示了3组颜色,原色范围最小,在圆的的中心处,二次色在中间环。最大的外圆由三次色组成。2 .色彩搭配色彩搭配最基本且重要的原则就是颜色间要相互协调,一些常见的颜色搭配包括:ColorHarmonies色彩搭配AnalogousComplementaryTriadic同类色互补色分裂补色SplitMonochromaticComplementary单色搭配三色组同类色:色轮上90。以内彼此相邻的颜色,这种颜色搭配的对比度较低。互补色:色轮上相对的颜色,产生较高的色彩对比度,在搭配上可以一种作为主色,另一种用于强调。分裂补色:互补色两侧相邻的颜色

3、。这种颜色搭配既有同类色的低对比度的美感,又具有互补色的冲击力,形成一种既和谐又突出重点的颜色关系。三色组:色轮上的三种等距颜色,相隔120度,其中二种颜色互相类似,另一种与它们形成对比关系。单色搭配:只使用一个色相,通过改变饱和度、明度来得到其他色彩。这种搭配看上去干净、优雅,但是不容易突出重点。引入的颜色越多,就越难平衡视觉层次。如果你有丰富的配色经验,可以从两种或三种颜色开始,不断尝试更复杂的搭配。3 .色彩含义虽然随着全球化的到来,某些颜色可能已经达到了标准含义,例如红色表示停止,绿色表示开始,但色彩含义会因文化而有所差异,例如想一下钱是什么颜色,红色(中国)还是绿色(美国)?如果想在

4、设计中明确解释色彩的含义,需要做到两点:颜色可能不会在全球范围内起作用;设计时考虑少数群体(色盲),进行用户测试来确保用户明确了解颜色示意。4.将色彩理论应用到设计中调色板是为特定项目、品牌选择的一系列或一组颜色,每个颜色都是特意添加的,整个调色板的色彩组合展现了产品或界面的视觉美感。创建调色板-5择一种颜色搭配并进行颜色迭代o单色方案通常最容易创建和应用,因此如果你没有太多的配色经验,可以从这种配色开始。首先要弄清楚为什么要选择这些颜色、这些颜色有什么作用、表现出来怎样的效果等问题,这样创建调色板才更有效率。jjColor Hunt.N9wJPopulor RondomO Collectio

5、nQSMrch pOM(t如果在配色过程中觉得卡住了或者不知道从哪里开始,可以从CoIorHunt的调色板中汲取灵感。I各调色板限制为三种颜色o少量的颜色加强了视觉层次和对比度,因为影响用户考虑和分心的元素更少。所有的颜色都在争夺注意力,在设计中也是如此。$344,307少即是多。过多的颜色反而会让用户眼花缭乱,找不清重点信息。循品牌的颜色标准创建调色板时要始终遵循既定的颜色标准,这样不仅会让工作更轻松,因为不考虑太多新的的颜色,还会给用户带来一致的品牌体验。如果没有品牌色标准,可以看看现有设计和产品中使用的颜色,并尝试融入到调色板中。NewArrtvttoMW0mnKidtCtomttSel

6、WbfnnShoNikeAir Max VivaSUctSizSUe GUKie55.56/77512FavontO4GShWng-ToQccuraSlpptngInfonnebon电tLocation耐克的网站使用了最基本的单色调色板:黑色、白色和灰色,这种颜色选择使用户可以专注于产品。使用调色板-用60-30-10规则这条规则仅表示主色使用60%,辅助色使用30%,强调色使用10%,通常主色和辅助色是相对中性的颜色。这些比例有助于创造平衡,防止搭配的颜色出现混乱。8:159:50NewAudioOPIayBLOOMBERGBUSINESSWEEK Can a Pill Treat Covi

7、d?News+Greatnews! Audio stories arehere. Listen only in Apple News.One month free, then S9.99month.TRY1 MONTH FREEReadStoryQ2minNewsKQTodayMews4AudioFolfowingPREVIEWSFOR YOU既会牌The Children Who Wont Wake UpRead Story ANewsvmmElon Musks Totally Awfull Most Excellent YearXB 0TodeyNews*Audk)Following苹果新

8、闻App很好地使用了60-30-10规则,白色和浅灰色是主色调,蓝色是辅助,粉色作为强调色来吸引了用户的注意力。应用然后迭代使用了60-30-10规则后,接下来就要调整颜色来提高美感,并且突出设计中重要的内容。看看颜色选择是否有助于创建正确的视觉层次结构、颜色选择在设计中是否创造了平衡和对比吗。保持颜色的一致性O一致性是帮助用户理解颜色使用的关键。如果在一个页面上使用亮蓝色作为提示按钮,那么在产品的任何地方都应该使用相同的颜色作为提示。BUTTONBUTTONBUTTONTRUEFALSE+CREATEActionchipOutlinedchip9Action chip CQAction chipOooo00o测试调色板恻试设计效果将调色板应用到设计中后,需要做一些可用性测试,例如颜色在按钮、链接或其他类型组件上的可用性,页面的易读性和可访问性问题等uu6sedqaquiej1nokAibunHjq9S:ZujoosjeajeqnJ6,这个页面虽然遵循了60-30-10规则,但顶部绿色的字母在橙色背景下却很难以阅读,需要调整调色板以确保页面的易读性。

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 在线阅读 > 生活休闲


备案号:宁ICP备20000045号-1

经营许可证:宁B2-20210002

宁公网安备 64010402000986号