设计师配色宝典！教你从零开始学配色（一）
我的图书馆
设计师配色宝典！教你从零开始学配色（一）
今天我们来聊聊设计师的经典话题：！很多自学设计的同学没有接受过系统的色彩训练，在方面始终不能随心发挥。网络上的配色技巧很多，但大多不够全面，今天优设从国外翻译了整个系列的配色指南，即使是毫无经验的新手，学习完也能对色彩有比较深刻的认识。
在开始之前，设哥向您特别推荐，相信以后一定用得着。
设计原则101——色彩理论
第一印象决定一切！大家都可以从各自的外表上大概看出一个人的性格。同样的，这个理论也可以延伸到设计工作里。但是影响设计工作的因素有很多，但是第一时间被关注到的应该是颜色。颜色反映了设计的整体感觉，有时候单凭颜色就可以调度起一个人的情绪、情感甚至回忆。如果没有掌握色彩理论的基础知识，你会发现在日常工作和生活中，你忽略掉了很多细节。
找出哪些颜色配搭在一起很美腻并不是一件偶然的事儿，这其实是一项很科学道理的工作。不同的颜色组合适合不同的作品，而且这种类似固定搭配的组合规则并不能轻易被打破。让我们从最基础的部分开始了解色彩理论吧！
所有颜色的源头被称为三原色，三原色指的是红色、黄色和蓝色。如果我们谈论的是屏幕的显示颜色，比如显示器，三原色则分别是红色、绿色和蓝色，也就是我们熟悉的RGB。
如果将红色和黄色、黄色和蓝色、蓝色和红色均匀混合，就会创建三种间色：绿色、橙色和紫色。将这些颜色应用进项目中，可以提供很强烈的对比。
三次色来源于间色与原色的混合，主要有：红紫色、蓝紫色、蓝绿色、黄绿色、橙红色和橙黄色。现在，你应该了解了颜色到底都是怎么衍生出来的，也可以了解色轮上的颜色组合都是从何而来。理解了色彩的原则将有助于在项目中选择颜色。为自己的设计选择一个合适的调性，并创建适量的对比度，让设计工作更好地展开吧！
接下来我们聊聊基于色轮我们可以得到的基本色彩组合。
互补色是指色轮上那些呈180°角的颜色。比如蓝色和橙色、红色和绿色、黄色和紫色等。互补色有非常强烈的对比度，在颜色饱和度很高的情况下，可以创建很多十分震撼的视觉效果。
相似色是指在色轮上相邻的三个颜色。相似色是选择相近颜色时十分不错的方法，可以在同一个色调中制造丰富的质感和层次。一些很好的色彩组合有：蓝绿色、蓝色和蓝紫色；还有黄绿色、黄色和橘黄色。
三角色也是一组颜色。是通过在色环上创建一个等边三角形来取出的一组颜色，可以让作品的颜色很丰富。在上面的例子中，蓝紫色和黄绿色就可以形成十分强烈的对比。
分散的互补色
分散的互补色和互补色的区别在于分散的互补色并不是取目标颜色正对面的颜色。拿上面的图做例子来说吧，黄色的互补色应该是紫色，但是我们取紫色旁边的两个颜色——紫红色和蓝紫色。这样子不仅可以有一个强烈的对比度，而且还可以让颜色更丰富。
四方色是在色轮上画一个正方形，取四个角的颜色。在上面的例子中是：紫红色、橙黄色、黄绿色和蓝紫色。这个颜色真的超棒的，不信可以自己用用感受一下，尤其是使用其中一个颜色作为主色，其他的三个颜色作为辅助色的时候。
四方补色和四方色的差别在于四方补色采用的是一个矩形。通过一组互补色两旁的颜色建立的色彩组合。如上图中的互补色橙色和蓝色，分别选用他们两旁的颜色来建立矩形，最终取得橙红色、橙黄色、蓝绿色和蓝紫色。
颜色的色调也可以影响颜色给人的感觉，就拿上图的蓝色来说，第一张是原图，第二张添加了白色，第三张添加了黑色，同样的蓝色产生了不同的感觉。在实际应用中，可以在采用单色配色方案时，通过改变颜色的色调来创建不同的感觉。
暖色可以创造温暖的感觉，暖色通常会让人联想起太阳、火焰和爱情。红色是血的颜色，感觉是温暖的，橙色和黄色会给人夏天的感觉。给图像添加一个橙色的滤镜，图像看起来就会有温馨快乐的感觉。
冷色也有其独特的含义，通常会让人联想起凉爽的气候、冬季、死亡、悲伤、冰、夜晚和水这些事物。冷色可以给人平静、安宁、新人、干净的感觉。紫色与尊贵经常联系在一起，看起来十分内敛。
颜色的意义
红色是代表爱情和激情的颜色。情人节的礼物通常都有一个红色的盒子，或者是粉红色，也就是添加一些白色的红色。红色也代表愤怒和血液。在火焰中可以同时找到红色、橙色和黄色。红色也表示危险，所以很多表示停止的标识牌都是红色的，因为红色可以很好地吸引人们的注意。红色是很强势的颜色，当它和其他颜色相遇时，比如搭配黑色，可以创建非常强势的感觉。红色可以搭配一些严肃的语气和强硬的命令。
橙色代表了温暖，但是并不像红色那样咄咄逼人。橙色能够创建一个有趣的氛围，因为它充满了活力，而且橙色创造出的活跃气氛并没有危险的感觉。橙色可以与一些健康产品搭上关系，比如维生素C，毕竟橙子里也有很多维生素C。
提到黄色，经常可以联想到太阳和温暖。使用橙色的时候，可以创造出一种夏天的好玩的感觉，黄色则带给人口渴的感觉，所以经常可以在卖饮料的地方看到黄色的装饰。黄色也可以和懦弱与恐惧联系起来，这个则是因为以前“yellow”这个词也代表着这个意思。当黄色与黑色搭配在一起时，十分吸引人的注意力，一个绝佳的例子就是很多国家的出租车都采用这种配色。
在西方国家，绿色是钱的颜色，这与他们的文化和财富有关。因为大多数植物都是绿色的。绿色也代表着经济增长和健康。绿色经常用作一些保健食品的LOGO，因为看起来就十分贴近自然。绿色还意味着利润和收益。如果搭配上蓝色，通常会给人健康、清洁、生活和自然的感觉。
蓝色是一个神奇的颜色，因为不同明度的蓝色会给人不同的感受、想法和情绪。如下图中所示，深蓝色可以给人一种悲伤的感觉，让人联想起伤心时怎么听都不够的蓝调音乐。而浅蓝色则通常会让人联想起天空和水，给人以提神、自由和平静的感觉。蓝天永远都是平静的，水流可以冲走泥土，清洗伤口，所以蓝色也代表着新鲜和更新。蓝色给人冷静的感觉，会帮助人放松下来。
紫色总是让人不禁想起皇室成员的长袍。紫色可以更多地与浪漫、亲密、柔软舒适的质感产生联系。紫色给人一种奢华的感觉，也有一种神秘感。下面这个葡萄酒网站就是极好的例子。
白色通常与医院联系在一起，因为医生们都是穿着白大褂的，而且医院内部的装修通常也是白色的。此外，宗教绘画有时候也是没有色彩的，白色也代表着圣洁。白色通常给人干净的感觉，比如白色的床单和衣服都让人感觉很干净。也可以代表棉花和柔软的云朵。心理健康相关的事物也可以选用白色，白色也同样适用于卫生、清洁相关的设计。比如下面这个网站，就很好地利用了白色。
黑色通常与死亡有关，尤其是在美国。它可以代表腐坏，因为很多食物腐坏变质以后就是黑色的。黑色也代表邪恶，因为是白色的对立颜色，而白色通常代表着纯洁美好善良。黑暗和未知也会给人焦虑的感觉。很多图像中，黑色表达了抑郁、绝望和孤独。虽然黑色有很多负面的含义，但是黑色也是一个万能色彩，当黑色遇上其他颜色的时候会产生其他的意义。比如当黑色邂逅金黄色，就可以给人一种奢华、高档的感觉；当黑色偶遇银灰色，则会给人一种成熟稳重的感觉。下面的网站就完美诠释了这一点。
作为一名设计师，了解色彩是一件必不可少的事儿。在设计的时候应该慎重地考虑和选用颜色。通过不同的颜色，可以创造出不同感觉的图像。合适的组合可以获得关注，通过视觉传达设计师所想，进一步拉近设计师与观众的距离，让图像更具力量。如果之前并不仔细考虑用色，现在开始，应该培养对于色彩的感觉。相信客户会看到一个不一样的你，你的设计作品将会通过颜色建立联想，更好地传达信息。
从零开始系列，新手赶紧马克！
不是设计师也要掌握的抠图指南！
设计师自学指南！
交互设计师自学指南！
原文地址：
================关于================
““是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：。
设计微博：拥有粉丝量75万的人气微博 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗？
添加 优秀网页设计 微信号：【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加：
TA的推荐TA的最新馆藏[转]&
喜欢该文的人也喜欢配色知识，适合新手的零基础配色方案
来源：没位道
作者：xizon
今天对一些配色技巧和方法做一个分享和总结，无论你有美术基础/色彩基础还是零基础，都可以使用此方法创造出安全的配色方案。
所谓安全配色，就是遵循一些设计规范，色彩规范，适应于Web和其它方面的设计，在这些色彩的基础上，只要能控制好比例，就可以大胆的配色，无需参考，无需临摹，无需借鉴。一种感性的安全配色，一种符合标准的安全配色。
这次分享介入了一些自己学习过总结过的色彩理论，当然如果同学们能够学习巩固好自己的色彩理论，扎实好自己的美术功底，对玩转色彩是非常有好处的哦。本文章由没位道博主@Chuckie-Chang 分享整理, 欢迎大家交流。
学习配色的3种方法
学习方法 1: 颜料涂鸦
买一点颜料，水彩，水粉，丙烯都可以，学习一点点色彩的基础知识，然后使用各种颜料大胆的调色，你会发现，原来色彩与色彩之间很神奇，又那么好玩，何为优秀？无需去考虑，跟着自己的喜好走，乱涂乱画，使用颜料大胆调和。
学习方法 2：观察生活
比如我们的木质桌子，它由那些相似的棕色组成？杂点，灰尘，晚上使用台灯或者白天的自然光下，桌子的颜色的饱和度，明暗度会有什么改变。再如外面的大树，不同的时间，它的阴影的长短，深浅，角度，有什么不同，不同植物的绿色有什么样的差别，多看看，多拍拍，你会有很多色彩的感觉。
学习方法 3：玩转软件
比如使用Photoshop CS以上的插件Adobe Kuler, CC2015版本是Adobe Color Themes. 观察他们的色彩模式，色环角度，颜色位置，也能大幅度找到很多色彩感觉。
要零配色，不经过任何参考创造UI界面设计的安全配色方案，我们可以通过四个阶段来训练，来学习。
第一阶段，色彩知识理解
熟悉一下基本的『常用的色彩常识』，快速熟悉，你可以不去记忆概念，术语解释，只需要看图即可！！！当然如果你学习精神可佳，自己去学习了解下术语概念啦。
（这一阶段的图片多出自互联网，自己用过的一些配色软件截图，其它美术书籍，都是些比较常见的图片，这里我根据自己学习理解程度，根据自己的喜好做了一定的筛选整理）
如果要对色彩把控准确一些，多一些感觉，我们可以学习一些常用的色彩知识，当然一些不是怎么用的了解一下，我这里也不列出来，下面是我自己常用的一些色彩知识。
（至于很多色彩术语的准确，详细的解释，我就不重复写出来啦，想了解的自己去百度百科或者买点美术书籍学习一下，这里我主要是直观的观察色彩，使用感觉去了解基本的色彩原理）：
1. 色环、色相、明度、对比色、冷暖色
直接看这种图，大概你就懂这些色彩术语指什么了
三原色分为两种：
a）光源、显示屏：红绿蓝（RGB），设计常用。
b）颜料、油漆桶、美术：红黄蓝。
说简单点，黑白灰，现实生活中，无色系色彩是相当多的。
4. 类比色，相似色
直接看图，色环中的角度，一目了然。
5. 互补色，对比色
直接看图，180度对角线即是。
某个色彩的『明度』变化即是。
7. 分裂补色（同时用补色及类比色的方法来确定的颜色关系）
稍微有点复杂的色彩关系，但是也蛮常用的：
8. 二次色（三位一体）
像不像个魔法阵，可以旋转取色哦。
CMY是3种印刷油墨名称的首字母：青色Cyan、品红色Magenta、黄色Yellow。而K取的是Black最后一个字母，之所以不取首字母，是为了避免与蓝色（Blue）混淆。
常用的印刷色，了解一下，做UI我就不怎么考虑这个啦。
10. 色彩心理学
这个是我自己看了美国视觉设计教材后摘下的，也就是大家常说的色彩的内涵，色彩传达的意义。
11. 偏色调整
当你使用颜料玩色彩的时候就比较常用啦，如果用Photoshop 去玩的话，那是可以反悔的。
偏黄：减黄
偏红、品：加青（红色的补色）、减品
偏紫：（多大量蓝，少量红）加黄，减品
偏绿：加品
第二阶段，配色软件运用
快速了解了上面常用的一些色彩知识后，就可以使用软件进行配色啦，这里我就归纳整理了一些方法，大家可以做参考，由于每个人的配色习惯不同，仅作参考。
（这一阶段的图片是自己亲自实操截图的）
1. 马赛克配色法
这种方法非常简单，不需要使用软件搭建色彩关系，随便选一张图片，建议『风景照』，因为大自然的色彩是最和谐的，最安全的，不建议使用别人的插画或者设计作品来马赛克。
a）首先要想想自己做的设计的目标是什么？我是要做个人网站？还是要做万圣节UI？还是要做企业产品站？还是要做女生主题？还是…….
b）然后根据你了解的色彩心理学，如果是要做女生使用的UI，那我们可以使用粉红，紫色等等女生会喜欢的鲜艳的色彩，那我们尝试找一张『秋天，落叶，唯美』风景照
下图是我直接百度找的，小图大图有水印无水印无所谓，我们不拿来商用，我们只是拿来『马赛克』，不会侵犯版权，没事。
c）然后使用Photoshop把它马赛克了，滤镜下的马赛克，记得要大大的码。
做到以下的效果：
d）好了，配色方案已经出来了，很安全，你还要怎样？如果你嫌弃这个颜色，要调整，图层建立一个饱和度调节层即可，方便快速。
根据需要调整即可，我箭头标注的都是安全的色彩哦，自己也可以筛选一些。
2. Photoshop 插件法（Adobe Kuler, Adobe Color Themes）
这种方法直接使用高版本的Photoshop配色插件即可，默认都自带，CS6至以上的版本都默认自带了其中一种。
a）比如我要设计一个圣诞节的网站，圣诞节有糖果，有圣诞树，那我就需要定义一个『核心色』，绿色或者红色，圣诞树或者圣诞帽的颜色。
然后我就可以直接使用软件大胆建立配色方案啦。
这里我选择『绿色』，我不用在意我的绿色的饱和度明度是怎样选择的，我只要根据自己的感觉，先选择一个绿色就行。
好，就它了，选择了很亮的绿色，也不算自然绿。
b）然后把工具栏的背景色设置成这个色，方便我们直接在插件中调用。
c）打开插件，把我们的背景色应用到插件的『基础色 base color』中, 点击箭头所示按钮即可
选择色彩的搭配方式，依次是：相似色、单色、二次色（三位一体色组合）、互补色（对比色）、复合色、暗色（阴影色）、自定义。
选择后，你可以拖动色彩的控制点变换，确定后点击如图的按钮即可添加到色板中使用
色板如下：
好啦，配色方案已出，如果你需要，可以增加对比色，我自己常用的3种色彩搭配模式是：相似色，单色，对比色（适当）
在你正式设计web或者APP的界面的时候，你就要控制好颜色的比例，这个需要长期积累，但是大家只要记住，对比色适当，特殊的一些风格可以用到1/2，但是大部分时候对比色都占少数，单色铺大色。
第三阶段，色彩记忆感
熟悉web设计中的常用配色，甚至可以多记忆，培养一种下意识的色彩感觉，记忆常用的色彩的英文名称和中文名称。
（下图是引用了美国网页设计规范中的视觉某部分，由于Web规范颜色有上百种，我们不可能一一记住，我们只需要熟悉这几种常用的色彩，有一个感觉，背景色和文字色，那我们在配色的时候也可以直接引用，我们只要记住了这些常用色在色板中的位置，它的明度和饱和度的差异，那我们很容易直接调用它们。）
常用背景颜色
常用文字颜色
第四阶段，高质量色彩资源探索学习
学习譬如Google design中的Color，Material design等新玩意儿，学习新的色彩思维和创意方法。
Google.com/design
（下图是网站截图）
好啦，通过以上4各阶段的学习，或者一般情况学习到第二个阶段，你就可以运用软件安全的创造一套配色方案。不需要太深的色彩基础。
如果你确实很懒，没关系，只要掌握了第二阶段的软件配色方法，就OK，当然色彩的比例要自己多练习多把控了，并不是说你创造了配色方案就能做出漂亮的作品。这就需要我们掌握以下色彩比例控制！！
未来还会做一篇文章，专门讲解色彩比例控制的技巧和方法，希望这篇分享对大家有用哦！：）本文章由没位道博主@Chuckie-Chang 分享整理, 欢迎大家交流。全教程完,学完记得交作业。如果本教程对您有所帮助，请推荐给你的朋友。
打开ps，跟着教程做一遍，做完的图要到这里交作业：
教程有看不懂的地方，可以到论坛发帖提问：
加官方微信，随时随地，想学就能学：ps_bbs，或扫右侧二维码！
关注我们微博：
想学更多的同学，可以订阅我们邮件，每天都有新教程发给你：
欢迎投稿原创或转载教程：
旧一篇： 新一篇：
免责声明：本站文章均由网友原创投稿或由网友转载自第三方，其版权归原作者所有，如出现资料错误或侵权，请通过邮箱联系修正或删除：颜色搭配和布局_图文_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
颜色搭配和布局
阅读已结束，下载本文需要
想免费下载更多文档？
定制HR最喜欢的简历
下载文档到电脑，方便使用
还剩23页未读，继续阅读
定制HR最喜欢的简历
你可能喜欢七日掌握设计配色基础 作者 : [日]视觉设计研究所 出版社 : 中国青年出版社 求个PDF，谢谢了！_百度知道
七日掌握设计配色基础 作者 : [日]视觉设计研究所 出版社 : 中国青年出版社 求个PDF，谢谢了！
我有更好的答案
刚好我也找了好久，顺便给你了。别客气，以下是网址：
采纳率：100%
精英课堂也可一的3535
什么意思？
为您推荐：
其他类似问题
中国青年出版社的相关知识
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。设计师配色宝典！教你从零开始学配色
我的图书馆
设计师配色宝典！教你从零开始学配色
如果说语言是思想交流的工具，文字是文化传播的工具，音乐是表达情感的载体，那么色彩的功能更是显而易见。有专家说“一个婴儿刚用双眼来认识这个世界时，最先辨认的是色彩而不是形状”“远看颜色，近看花，不仅是指距离的远近，还包含着视觉的先后”。在色彩纷呈的世界中，平常似乎是无意识在设计作品中使用的色彩，也都蕴含着丰富的意义，可以给人的身心带来很大的影响。设计师在完成一件设计作品时，需要通过色彩的搭配来表达主题思想和感情，哪怕只是单一的色彩，也可以传递独特的信息与情感。一如何快速实现完美配色1配色原则在色彩搭配中，有一些最基本的原则，掌握这些原则可以使画面中的色彩搭配达到事半功倍的效果。·&色彩的搭配要与想表达的内容、气氛相适合、协调。·&不同的色彩会使人产生不同的联想，选择色彩时需要和想要表达的内涵相关联。·&色彩的搭配要依实际决定是使用鲜明的搭配吸引用户，还是使用稳重的搭配树立形象。·&为需要突出的部分赋予特殊的色彩，可以起到画龙点睛的作用。·&白色是使用最为普遍的颜色之一，对于它的使用有很多技巧，其中最为常用的就是留白。留白可以给人遐想的空间，使人心情舒畅、愉快。·&黑色、白色和灰色是万能色彩，可以跟任何颜色进行搭配。2如何快速实现完美配色配色有很多方式方法，比如色彩联想配色、主色调配色和色彩比例配色等。色彩联想配色在进行配色时，可以试着联想某个物体的色彩，从物体色彩出发。例如想表现出一种清凉舒适的感觉，可以联想到水、植物以及其他有生机和活力的东西，这样在脑海中浮现的代表颜色就有蓝色、绿色、白色，然后可以把这些颜色挑选出来加以运用，如图所示。此款家居装修风格属于地中海风格，设计理念是由蓝色产生的凉爽舒适感联想到海洋和天空，进而在设计中应用蓝色的背景墙及淡蓝色的屋顶。主色调配色选定色彩时，先确定一个主色调，再配一两个合适的辅助色；如果想要呈现一种沉着、冷静的感觉，应以冷色调当中的蓝色为主，如图所示。设计者首先确定了蓝色为主色调，它是有较强扩张力的色彩，再在蓝色中分别加入少量的红、黄、黑、橙、白等色，均不会对蓝色的风格构成较明显的影响。色彩比例配色同样的配色在面积、比例和位置稍有不同时，带给人们的感觉也会不同，在制作时可以考虑多种配色组合，挑选效果最佳的配色色彩，如图所示。界面使用不同比例的紫色和橘黄色作为背景色，这种不同比例的色彩搭配可以给人耳目一新的感受，同时使关注点有了侧重，对于主题的突出非常适用。色彩搭配的选择标准二如何为自己的作品选择恰当的配色，是很多设计师最为难的地方。色彩搭配时颜色的选择是有规则可循的，作品的不同属性或浏览者的针对性都决定了色彩搭配的方式。1根据行为选择配色通常人们对色彩的印象并不是绝对的，会根据行业的不同产生不同的联想，如提起医院，人们常常在脑海中联想到白色；说到邮局，人们往往会想到绿色。这是从时代与社会中逐渐固定下来的知觉联想，充分利用好对这些职业色彩的印象，在设计时所挑选的颜色便更能引起人们的共鸣，如图所示。健康行业的网页使用高明度的蓝色与白色相搭配，体现出页面的清爽、干净；使用墨绿色作为点缀色，体现出健康的理念。TIPS在选定配色的时候，除了要以主观意识作为基础的出发点，还需要辅以客观的分析方法，如市场调查或消费者调查；在确定颜色之后，还要结合色彩的基本要素对其加以规划，以便将它们更好地应用到设计中。下表所示为依照行业的特点归纳出来的行业形象色彩表，在多数情况下，关于颜色的选择都可以遵循该表格。2根据商品销售阶段选择配色色彩堪称世界性语言。在市场日趋成熟、竞争品牌林立的大环境中，要使你的品牌具有明显区别于其他品牌的视觉特性、更富有魅力、能够刺激和指导消费者以及增加消费者对品牌形象的记忆，色彩语言的运用极为重要。色彩也是商品更重要的外部特征。产品的销售阶段是指从该产品进入市场到被市场淘汰的整个过程。我们可以根据产品所处不同阶段市场的不同反应和企业所要达到的营销宣传效果，来确定网页的配色方案。商品导入期处在导入期的产品一般都是刚上市，还未被消费者所熟知。为了加强宣传力度、刺激消费者的感官、增强消费者对产品的记忆度，可以选用艳丽的单一色系作为主色调，以不模糊商品诉求为重点，将产品的特性清晰而直观地诠释给用户，如图所示。该商品宣传广告使用浅色渐变色作为背景色，以提高画面整体的明度，并且不影响商品的可辨识度，直观而重点地突出了桌子上的食品；多彩色的搭配能提高浏览者的食欲。TIPS色彩的定位会突出商品的美感，使消费者从产品的外观和色彩上看出商品的特点，使其从色彩中产生相应的联想和感受，从而接受产品。商品拓展期经过前期的大力宣传，处在拓展期的产品一般已为消费者熟知，市场占有率也开始相对提高，并开始有竞争者出现。为了能够在同化的产品中脱颖而出，这一阶段的网页应该选择比较时尚和鲜艳的颜色作为主色调，如图所示。虽然界面主色调用到了黑色，但是搭配了高纯度的绿色和蓝色，使整个页面科技感强，既符合电子商品本身的特性，又可以吸引浏览者的眼球。商品成熟期处在成熟期的产品一般已经有了比较稳定的市场占有率，消费者对产品的了解也已经很深刻，并且有了一定的忠诚感；而此时市场也已经接近饱和，企业通常无法再通过寻找和开发新市场来提高市场占有率。此时企业宣传的重点应该是维持现有的顾客对品牌的信赖感和忠诚感，所以应该选用与产品概念相同或相符的色彩作为主色调，如图所示。界面使用蓝色作为主色调，围绕着企业形象和色彩进行搭配，强化了企业形象和产品；同时蓝色作为冷色调给人以凉爽的感觉，符合产品理念。界面使用橙黄色作为主色调，围绕着企业形象和色彩进行搭配，强化了企业形象和产品；同时橙黄色作为暖色调会勾起人的食欲，符合产品理念。商品衰退期市场是残酷的，大多数商品都会经历一个从兴盛到衰退的过程。随着其他商品的更新和更流行的商品出现，消费者对原来的商品不再有新鲜感，该商品的销售量也出现下滑，此时这个商品就进入了衰退期。当产品处于衰退期时，消费者对产品的忠诚度和新鲜感都会有所降低，他们会开始寻找新产品来满足自己的需求，最终导致产品的市场份额不断下降。这一阶段的主要宣传目标就是保持消费者对产品的新鲜感，因此，需要对产品形象进行改进和强化，如图所示。在衰退期，需要对产品形象进行改进和强化。此款海报使用黄色为主色调，搭配黑色和红色，体现出产品的理念，并且创意感十足。三App应用的色彩搭配在消费者都将注意力集中于手机屏幕的同时，这块屏幕也成为这一轮品牌竞争角逐的焦点。App应用的创意设计与建设开发已成为一个行业的热点，它在移动互联时代以优秀的创意与产品执行力为品牌客户进一步延伸与受众的触点，加强品牌的互动性，尤其是对消费者深度连结的能力。因此App应用的色彩搭配好坏也就成为了设计师在设计时不容忽视的元素。1App应用的色彩搭配设计者在决定App 应用的配色前，首先要考虑App 的性质、内容、受众目标、表现出来的视觉效果和营造的操作氛围等因素，然后再根据这些因素为App 应用制定合理的配色方案，并严格按照配色方案塑造应用界面中的每个元素。2App 应用配色不超过3 种App 应用的配色应不超过3 种。也许很多人都会认为这种配色方式就是不要使用超过3 种不同的颜色值。其实不然，不超过3 种颜色的搭配是指不使用超过3 种色相的搭配。在单个色相中，设计者可以运用颜色的明度或饱和度做出色彩的丰富性，但色相的使用不要超过3种。颜色并不是越简洁越好。图所示为单一颜色和多种色相颜色配色的对比，由此可以看出设计者在使用多种颜色的时候，还需要考虑产品的内容与核心。TIPS单色的设计会使用面显得单调乏味，而整体颜色饱和度过低会导致画面沉闷而不透气。明快的颜色和明暗的色彩搭配能使画面显得层次感丰富而又有朝气。在App 应用界面设计中，色彩是设计中的重中之重，能否正确和完整地用色彩表现出产品的气质至关重要。单一的色相、丰富的明度和饱和度能使界面看起来有层次感和丰富性，而精简的颜色处理起来也会很容易统一和把控。在用色时，颜色越少越好，但要保证能够正确地展现出需要表现的功能和元素，如图所示。为了区分更多的内容区域这里运用了3 种颜色，但颜色的过度导致页面分割凌乱，红色在页面中就是多余的，功能分割相对也是多余的。可以用两种颜色时候，就不要用到3 种颜色；可以用一种颜色的时候，就不要用两种颜色。音乐App的色彩搭配四我们对音乐的渴求一刻都不曾减少现在无论上班途中、休息时还是工作中，我们总习惯享受一下听觉的盛宴，毫不夸张地说，音乐已成为了我们生活的一部分。有很多热情澎湃的设计师也在努力地为音乐的移动端创造一个富有创意的、吸引人的精致界面。这里我们要制作一款质感十足的音乐App 软件界面，通过其独特的质感给浏览者爱不释手的感觉。1设计思路音乐App的应用界面通常包括启动界面、注册界面、播放界面、播放列表界面和菜单界面等。通常App的界面配色有着高度的一致性，并且多数界面根据App 图标的颜色进行配色。作为音乐App应用，适用人群非常广泛，因此在设计时最好设计多款色彩，以便适用于不同的人群，由于篇幅有限，这里我们只制作某音乐App 的一个播放器界面，下图所示为该App应用的其他界面。2颜色选取根据之前对音乐App 色彩的分析，此处采用深蓝色作为主色调，用红色作为强调色，这两种对比色的搭配使浏览者耳目一新，如下表所示。将深蓝色与补色或分离互补色相搭配，会呈现出一幅整体色调较为统一并且有强烈对比的画面，这里的红色和深蓝色的搭配就是应用了此种效果。3素材选取由于制作的是音乐App 应用界面，因此在素材方面需要收集专辑图、歌手写真、唱片图等，如图所示。4文本配色对于音乐App 而言，并不需要突出过多的文字，因此在文本配色方面采用了明度配色方式，通过改变文本颜色的明度与背景色区分，在需要强调的地方，如标题、歌曲名和状态栏等处的文字采用白色字体，如下表所示。5页面布局为了保证用户在平板电脑和手机端都可以正常预览并且适应该应用，因此界面采用了竖版排列，如左图所示。此款音乐App 播放界面采用常规布局方法，按照人们的阅读习惯，从上到下依次放置专辑图、歌曲名称、进度条和播放按钮等，如图右图所示。6配色原则首先为界面添加从黑色到深蓝色的渐变配色，这是为了使界面不单调，同时使界面拥有质感；由于是音乐App 界面设计，因此在背景中添加了专辑的照片，经过处理后与背景相融合，如图所示。渐变通过有规律性的变化，给人很强的节奏感和审美情趣。背景中的人物素材采用了柔光和半透明化处理，这样可使其与背景更加贴合。界面的顶部制作遵循iOS 的制作规范，将需要重点突出的内容填充为白色，在按钮处采用了明度不同的配色方法，采用了蓝色作为按钮的配色，如图所示。在音乐App 界面中，需要突出的是手机状态栏和歌曲名称等内容；对于不需要重点突出的菜单按钮等可以采用强调效果不明显的明度配色，这样使整体界面看起来层次分明。接下来制作歌曲图片及名称部分，将这部分安排在页面的上半部分，这是因为人们的阅读习惯是从上到下，安排在这里可以使浏览者以最快的速度看到歌曲名称及歌曲的配图，如图所示。TIPS多数音乐App 会将图片部分设定为圆形，主要有以下几点原因：其一，方形太过于单调；其二，使大脑可较轻易地处理圆形内的信息，减少认知的压力；其三，相较于方形，圆形更柔性、有机、安全、耐看、现代与友善，也更能与他人进行情感交流；其四，更有聚焦的感觉；其五，大多照片的四周都是无意义的背景或信息，圆形可以将其切除；其六，方形的对角线比边缘还长，使用户的目光易延伸出去，而圆形半径长皆一致，使用户可花更少时间在理解内容上，眼球也不需要移动。接下来是进度条以及播放按钮的绘制，这里将需要突出的内容以红色呈现，将需要强调的歌曲时间及已播时间以白色文本显示，并添加其他相应的内容，最终的界面效果如图所示。作为一款音乐App 界面，整体界面应以简洁为主，同时要保证界面的一致性。此款App 界面运用蓝色与红色的对比色搭配，不仅突出了重点，又使界面并不显突兀。五关于本书《配色设计从入门到精通》本书主要介绍设计中的配色方法和技巧，全书共12章。本书将最实用的技术、最快捷的操作方法和最丰富的内容介绍给读者，使读者在掌握软件功能的同时，提高设计效率和从业素质。本书结构清晰、由简到难，配图精美实用、分析详细，文字阐述通俗易懂，与实践结合非常密切，具有很强的实用性，适合初、中级设计爱好者，以及希望学习色彩搭配的人群使用。1这本书能帮你什么梳理设计知识，夯实设计基础本书帮助大家从配色设计的基础知识开始梳理，夯实基础，掌握方法，知道我们在设计什么，知道我们该如何设计。学习设计方法，掌握设计规律本书在讲解基础配色设计知识的基础上，还讲解了在这些“基础”上进行“变化”的方法和技巧，总结规律，并探讨了色彩印象对配色的影响，帮助读者更好地做设计。接触设计领域，明晰设计特点本书涉及平面、海报、包装、封面、网页、App、淘宝店铺、家居装饰和服装设计等不同细分领域的配色设计，帮助大家了解这些设计领域的特点，以及其配色设计的共同与不同之处，让读者通过案例来接触到这些设计领域，尽可能快地将所学应用到工作实际。平面设计的色彩搭配网页设计的色彩搭配App应用的色彩搭配&淘宝店铺的色彩搭配家居装饰的色彩搭配服装设计的色彩搭配衔接软件讲解，贯通知识与应用书中还选择平面设计常用的Photoshop和Illustrator软件，针对性讲解两款软件中与色彩设计相关的功能，让读者尽快将配色知识与所需工具进行衔接，更好地进入设计角色。2随书附赠资源下载本书附赠色彩基础知识讲解视频、93个图案配色效果、119个色彩搭配方案、常用色谱表和印刷常用色卡，供读者练习和使用。好书推荐六·&目录页
TA的最新馆藏
喜欢该文的人也喜欢}