跳至主要内容

关于色彩原理的知识整合

为什么有的地方红色和绿色是互补色?有的地方红色的青色才是互补色?这里就涉及到一些有关于色彩的原理性问题。RGB加色发光模型的色相环CMYK的减色模型的色相环不一样。CMYK模型红绿是互补色,但是RGB模型中红色和青色才是互补色。

一个在线调色的网站
https://www.yasuotu.com/sehuan

2分钟读懂高大上的色相环(色彩篇02)
https://www.zcool.com.cn/article/ZNTAzMjc2.html

一张色环图教你搞定配色!
https://www.cnblogs.com/nxld/p/7087704.html

这是最全的色彩基础知识-设计师入门必备
http://www.fonts.net.cn/article-474174132.html

安卓开发色彩模型
https://blog.csdn.net/xiyou3g/article/details/51841205

一张色环图教你搞定配色!

不管是在平面设计或网页制作中,还是在平常生活中的衣服穿搭和室内装潢中,要想打造出非凡的视觉效果,合理的颜色搭配非常重要。 下面介绍几种色彩搭配方案供您参考,让你轻易地一靶中的。

不管是在平面设计或网页制作中,还是在平常生活中的衣服穿搭和室内装潢中,要想打造出非凡的视觉效果,合理的颜色搭配非常重要。

下面介绍几种色彩搭配方案供您参考,让你轻易地一靶中的。

方案1. 补色搭配(A complementary combination)
互补(或称对比)色是指伊登色环上相对位置上的两种颜色,搭配在一起,可以打造活力四射的强烈视觉效果,特别是在颜色饱和度最大的情况下。
A complementary combination
方案2. 三角对立配色(The triad )
采用等边三角上的三种颜色进行搭配,可以在维持色彩协调的同时,制造强烈的对比效果。即便采用淡色或者不饱和色,这种搭配也可以营造出生气盎然的效果。
The triad
方案3. 类似色搭配(An analogous combination)
选择色环上相邻的2到5种(最好是2到3种)颜色进行搭配,可以打造出一种平和而又可爱的印象。下图为5种类似色组合的一个例子。
An analogous combination
方案4. 分裂补色搭配(The split complementary combination)
是补色搭配的变种。选定某主色之后,选择色环上与它的补色相邻位置上的两种颜色与之搭配。此种搭配既有对比,又不失和谐。如果你对补色搭配没有自信的时候,不凡用此方案代替。
The split complementary combination
方案5. 四元组配色(The tetrad )
选定主色及其补色之后,第三种颜色可选择色换上与主色相隔一个位置的颜色,最后一个颜色选择第三种颜色的补色,在色环上正好形成一个矩形。举例见下图。
The tetrad
方案6. 正方形配色(The square)
利用色环上四等分位置上的颜色进行搭配。这种方案,色调各不相同但又互补,可以营造出一种生动活泼又好玩的效果。举例如下图。
The square
最后:各种颜色的搭配推荐
白色:可搭配任何颜色,特别是蓝色、红色和黑色。
米色:可搭配蓝色、棕色、祖母绿、黑色、红色、白色。
灰色:可搭配紫红色、红色、蓝紫色、粉红色、蓝色。
粉红色:可搭配棕色、白色、薄荷绿、橄榄色、灰色、绿松石(青绿色)、浅蓝色。
紫红色:可搭配灰色、黄褐色、绿黄色、薄荷绿、棕色。
红色:可搭配黄色、白色、茶色、绿色、蓝色、黑色。
番茄红:可搭配青色、橄榄绿、沙色、乳白色、灰色。
樱桃红:可搭配天蓝色、灰色、浅橙色、沙色、浅黄色、米色。
覆盆子红:可搭配白色、黑色、大马士革玫瑰色。
棕色:可搭配亮青色、奶油色、粉红色、浅黄褐色、绿色、米色。
浅棕色:可搭配浅黄色、乳白色、蓝色、绿色、紫色、红色。
深棕色:可搭配绿黄色、青色、薄荷绿、紫色。
红褐色:可搭配粉红色、深褐色、蓝色、绿色、紫色。
橙色:可搭配青色、蓝色、丁香紫、蓝紫色、白色、黑色。
浅橙色:可搭配灰色、棕色、橄榄绿。
深橙色:可搭配浅黄色、橄榄绿、棕色、樱桃红。
黄色:可搭配蓝色、丁香紫、淡青色、蓝紫色、灰色、黑色。
柠檬黄:可搭配樱桃红、棕色、蓝色、灰色。
浅黄色:可搭配紫红色、灰色、棕色、红色系、黄褐色、蓝色、紫色。
金黄色:可搭配灰色、棕色、天蓝色、红色、黑色。
橄榄绿:可搭配橙色、浅褐色、褐色。
绿色:可搭配金棕色、橙色、沙拉绿、黄色、棕色、灰色、奶油色、黑色、乳白色。
沙拉绿:可搭配褐色、黄褐色、浅黄褐色、灰色、深蓝色、红色、灰色。
绿松石(青绿色):可搭配紫红色、樱桃红、黄色、褐色、奶油色、深紫罗兰色。
青色:可搭配红色、灰色、褐色、橙色、粉红色、白色、黄色。
深蓝色:可搭配浅紫色、青色、黄绿色、褐色、灰色、浅黄色、橙色、绿色、红色、白色。
丁香紫:可搭配橙色、粉红、深紫罗兰色、橄榄绿、灰色、黄色、白色。
深紫色(Dark-violet):可搭配金棕色、浅黄色、灰色、绿松石(青绿色)、薄荷绿、浅橙色。
黑色:属于通用颜色,尤其适合搭配橙色、粉色、沙拉绿、白色、红色、淡紫色或黄色。
转载于:http://www.jianshu.com/p/52a45c08e2ae
即使只是凡世中一颗小小的尘埃,命运也要由自己主宰,像向日葵般,迎向阳光、勇敢盛开







这是最全的色彩基础知识-设计师入门必备

这是最全的色彩基础知识-设计师入门必备
今天一大早就被花瓣打开不的信息刷屏了,对于这突如其来的信息很多花瓣粉们都发慌了,这还能不能好好过年了,之前作图配色完全依赖花瓣来吸啊,葱花想说,这会慌也没用,不如踏踏实实把色彩知识掌握好,学好基础知识才是以不变应万变的良策,还有一些刚入门的设计师更要好好掌握,下面就跟着葱花一起回顾一下大学时期学过的色彩构成知识吧,知识点较多,这里葱花就划重点了。

色彩的分类

色彩分为无彩色和有彩色,无彩色,就是大家所熟知的黑白灰。

有彩色,可见光谱中的所有色彩都属于有彩色,包括红、橙、黄、绿、蓝、紫的基本色,还包括有某种色彩倾向的灰色,如蓝灰色、红灰色等。具有明确的色相、纯度、明度。

色彩的属性

所有的色彩都具有明度、色相、纯度的基本特征,

1、明度

明度是指色彩的明暗度,即色彩的亮度和深浅。

2、色相

色相顾名思义就是色彩的相貌,比如我们通常所说的红、橙、黄、绿、蓝、紫,这些色彩的名字其实就是色相。我们看到的所有的颜色均有三原色红黄蓝得到,一生二,二生三,三生万物,可以调和出来很多种颜色,这种调和出来的颜色组成了色环,如图:

3、纯度

纯度是指色彩的鲜艳度,也称饱和度,可见光谱中的各种单色都是最纯的颜色,为极限纯度,当一种颜色与其他任何一种颜色混合纯度都会降低,无彩色没有色相,纯度为0,所以越接近无彩色的色彩纯度越低,越靠近色相环的色彩则纯度越高。

色彩的对比与调和

这里葱花要敲黑板了,一定不要打瞌睡,这块是我们设计中经常会使用的色彩搭配方式。

1、明度对比

明度按照基调分为三种:低明度调子、中明度调子、高明度调子

2、色相对比

01)、同类色相对比
同类色是指色环相距60度左右的对比,这是色相中最微弱的对比。
02)、邻近色
邻近色是指在色环上相距90度左右的对比,是设计中经常被采用的配色方式。
03)、对比色
对比色是指色环上相距120度左右的对比,属色相中较强的对比。
04)、互补色
互补色是指在色环上相距180度左右的对比,是色相中最强的对比,特点是醒目、饱满、刺激富有感召力。
3、纯度对比
同明度一样,我们将一个纯色和一个明度与之相同的无色彩按照等差比例混合,划分出3种纯度基调。高纯度基调、中纯度基调、低纯度基调。

4、色彩的冷暖对比

色彩是一个抽象概念,本身不具有冷暖的属性,但是不同的色彩会给人带来不同的冷暖感受,这是一种心理体验产生的共鸣。

色彩的心理

色彩作为一种视觉符号,不知不觉中左右着我们的情绪,不同的色彩引发人们的情感不同。
红色:激动、充满活力、性感、热情、动感、刺激、强大
淡粉色:柔软、浪漫、甜蜜、可爱、幼稚、娇弱
酒红色:富有、高雅、可口、成熟
深紫红色:聪明、激动、有趣、充满活力
橙色:香甜、天真、愉快、生动、友好
明黄:阳光、快乐、诱导、热情
黄绿色:水果味
米黄:经典、朴实、中性、温暖的
咖啡色:香醇、美味
暗紫色:高贵、华丽、强大、雅致
紫罗兰:怀旧、惹人喜爱、芬芳、甜蜜
兰花紫:奇异、芳香
天蓝色:平静、冷酷、神圣、忠诚、可靠、真实、自信
鲜蓝色:惊人、有活力、愉快、引人注目
藏蓝色:可信、权威、经典、保守、传统、自信、专业、平静
浅绿:新鲜、冷酷、宁静、庄严
深绿:自然、信任、振作、冷酷、安静、传统
鲜黄色:敏锐、大胆、流行、俗气、令人讨厌
黑色:黑暗、沉默、失望、神秘、死亡、沉着、有威信
 白色:纯洁、高雅、时尚
灰色:高雅、经典、永恒、精致、含蓄
金色:温暖、富裕、昂贵、容光焕发、威严
以上都是色彩的基本知识,葱花终于带大家划拉了一遍,总算有个印象。下面咱们以图为例,看看大神们都是如何运用色彩的。

色彩的应用

1、同类色暖色调的应用
同类色冷色调的应用
2、邻近色的应用

3、对比色的应用
4、互补色的应用
以上色彩应用案例图片来源于追波
葱花给大家列举了这么多大神的作品,是不是一下子豁然开朗了呢,如果这些还不能满足,那么葱花还给大家准备了专业的配色网站,记得收藏哦。
就复习到这吧,晚安~~





我自恋的把这个开发规范命名为玉走刀口:玉石经过刀口才能变成美玉,代码也是如此

Android开发规范
打包规范
版本号:时间戳(精确到分钟) 
举例:201607011230
版本名:大版本.中版本.小版本.测试版本(注:应用中集成开发者选项,因此不再有正式版和测试版) 
举例:1.2.3.201607011230_channel
举例:1.2.4.201607011230_channel
确认:todo
确认:混淆测试通过
确认:Switch开关:开发者模式默认初始化
确认:线上小版本为偶数,线下小版本为奇数。
确认:更新文档
确认:所有渠道包打开
SVN/GIT规范
先更新再提交
模块化提交
不提交编译不通过
不提交本地生成
慎用锁定功能
标注格式:【需求号-需求标题】-FUN/BUG/VER-子需求标题-详细描述 
举例:【0001-账号体系】-FUN-登录-接口调试成功
举例:【0001-账号体系】-VER-1.1.0发版
不提交测试数据
命名
Java变量:驼峰标记法
控件变量:匈牙利标记法(控件变量名跟控件id相同)
布局文件:一个功能模块的的前缀一定要相同
通用布局:可以以lib或者common开头
图片:按照【组件效果颜色形状功能】顺序来 
点击反转色:组件selector颜色A_颜色B_形状_功能
点击加深色:组件selector默认形状功能
背景色:bg_颜色_形状
selector:根据情况处理 press/select/focus/enable/checkable/ 等情况
长度
图片大小是8的倍数:16*16 24*24 32*32 48*48 64*64 72*72 96*96 128*128
请移步:demo for dimens.xml
代码
数字默认值0或者-1,字符串默认值”“
GSON异常处理
简单易懂的异常处理
复杂产品逻辑,尽量在简单易懂的原则下,用if…else…分支,不提倡精巧代码
for…和foreach…斟酌使用
常用TODO备忘://TODO temp|add|update|delete|overwrite|future|debug|test
一个方法尽量控制在40-60行以内,因为这是我们人眼能扫到的最大面积,以及一张屏幕适应的面积。这一眼扫去就好像是电脑的最快一级缓存
方法内不同模块用空行分割
颜色
一个设计规范并且标准的应用,会是一个基本统一的色系。

色彩知识小课堂
三基色:红、绿、蓝(RGB)
三原色 
光学(加法)三原色:红、绿、蓝(RGB)
颜料(减法)三原色:黄、品红、青
中间色:凡是处在两个相对的色彩关系中间的色,统称为中间色
互补色: 
光学:以适当的比例混合而能产生白光时
颜料:在混合后会变成褐色或灰色
12色环: 
光学12色环(色相环):以红、绿、蓝(RGB)为基础的光学互补色 

伊登12色环(色相环):以红、黄、蓝为基础的颜料互补色 

24色相环:以红、绿、蓝为基础的颜料互补色 

Android色彩规范
由于颜色太多,因此,我们只使用应用中的色系。因此这里要求UI设计一定要规范。我们约定如下

所有颜色值使用8位十六进制表示(前2位代表透明度,后6位代表RGB)
基本颜色范围:透明、黑、白、灰、红、橙、黄、绿、蓝、紫
灰色5种范围
红、橙、黄、绿、蓝、紫 每一个颜色三种
可动态添加应用需要的颜色(如棕色,粉色,靛色)
基本色值根据自己应用的颜色进行更改
应用色值全部使用基本色值(没有则自定义,如棕色,粉色,靛色)
基本色值一旦根据应用色系确定以后,就不再改变
请移步:demo for color.xml

评论

此博客中的热门博文

小试 Outline 部署和使用

小试 Outline 部署和使用 Outline 是一款爱国工具,Jigsaw 开发的项目——Jigsaw 属于 alphabet 旗下,而 alphabet 是 Google 母公司。那么,这是一款 Google 出品工具? Outline 官方网站: https://getoutline.org/en/home Outline 需要服务器端和客户端: 1、客户端,已经有各种版本,包括 Andriod、iOS 等等:iOS 客户端下载地址在 这里  ,目前中国区还可以下载。(需要的不妨先下载一个,谁知道什么时候会下架呢?) 2、服务器端,需要在 VPS 服务器上安装,过程非常简单,需要在电脑上。 下面简单记录一下 Outline 服务端安装/部署和客户端使用: 首先下载一个 Outline Manager 工具: Windows 7+ 、 Linux 、 macOS 10.9+ 这里以 Windows 版为例,下载后安装即可。打开 Outline Manager 会教你如何在服务器上安装 Outline 服务器端。 默认推荐使用  Digital Ocean  这家 VPS。其它测试通过的有:Amazon EC2、Google Compute Engine、 Vultr 、Linode、Liquid Web…… 这里选择  Vultr  家 VPS 测试。ADVANCED Set up Outline anywhere 下面点击 Get Started 开始安装。很简单,只需两步即可完成。 第一步,SSH 登录 VPS(测试使用 root 账户),执行 Outline Manager 给出的命令: wget -qO- https://raw.githubusercontent.com/Jigsaw-Code/outline-server/master/src/server_manager/install_scripts/install_server.sh | bash 如无意外,会有下面的错误提示: > Verifying that Docker is installed ..........  Docker CE must be inst...

wireguard最新最全教程

Step1:WireGuard服务端搭建官方教程(适合小白) 参考链接: CentOS7一键脚本安装WireGuard WireGuard( 可略过 ) WireGuard ®是一种非常简单而现代,快捷的VPN,利用国家的最先进的加密技术。它旨在比IPSec更快,更简单,更精简,更有用,同时避免大规模的头痛。它打算比OpenVPN更高效。WireGuard设计为通用VPN,可在嵌入式接口和超级计算机上运行,​​适用于多种不同情况。最初是为Linux内核发布的,现在它是跨平台的,可广泛部署。它目前正在大力发展,但它已经被认为是业内最安全,最易于使用,最简单的VPN解决方案。 下一代高速wireguard,以上来自英文自动翻译,避免大规模的网络传输的headers,大体意思是更底层一些,效率更高一些,速度更快一些,测试过程中分别使用搬瓦工GIA和GCE台湾,两者均能秒开4K,前者40M左右,后者60M左右,可以说速度起飞了,放下youtube截图。视频教程已上传youtube, 点击观看(需FQ) 。 关于一键脚本( 必看 ) 1、 仅适用于centos7系统 ,ubuntu一键脚本可使用另一篇教程: ubuntu一键安装wireguard 2、VPS架构必须是KVM 3、测试了 搬瓦工、谷歌云、Vultr 的centos7,可以完美搞定 4、cento7大部分内核都是3.10,不能正确安装,所以需要升级 5、有些厂商的vps内核貌似升级不了,例如vpsserver,这个还是要自行解决 6、wireguard是一个peer对应一个客户端,如果需要多个客户端使用可 查看多用户配置视频 。 几款VPS推荐( 可看 ) 需要稳定GIA线路可考虑hostdare,性价比不错,目前新春活动,年付7折。 方案 内存 硬盘 流量 优惠码(年付7折) 价格(优惠后) 购买链接 KVM1(推荐) 756M 35G 1000G/月 80M带宽 SPRING 32.19$/年 点击购买 KVM2 1.5G 75G 1500G/月 100M带宽 SPRING 48.99$/年 点击购买 KVM存储1 756M 150G 1000G/月 80带宽 SPRING 41.99$/年 点击购买 KVM存储2 1.5...

翻墙、科学上网、梯子、ss、ssr、V2Ray、VPN以及Telegram(即电报)等Steem用户必须掌握的技能 及相关精选收录(强烈建议不会的朋友完整复制本帖保存到您的电脑备用)【转】

翻墙、科学上网、梯子、ss、ssr、V2Ray、VPN以及Telegram(即电报)等Steem用户必须掌握的技能 及相关精选收录(强烈建议不会的朋友完整复制本帖保存到您的电脑备用) 为什么Steem用户注必须学会翻墙? 《垃圾话:停止侥幸,老实翻墙》 https://steemit.com/cn/@momok/7gxrm 千万别被墙后,不知道怎么上这个网站了,到时你辛苦挣来的钱可怎么办? 如何翻墙? VPN 最简单的是用VPN,安卓的VPN及ss、v2ray等各类梯子软件 下载网站 :  https://apkpure.com/cn/ 同一款vpn的使用效果和你使用的电信运营商(移动/电信/联通)有关、和所在地区有关,所以建议自己多下载几款试用。找到最适合自己的。 推荐先试用: 免费 无限制 VPN Proxy | Touch VPN   https://apkpure.com/cn/easytouch-assistive-touch-for-android/com.shere.easytouch OneVPN https://apkpure.com/cn/onevpn-fast-vpn-proxy-wifi-privacy-security/pro.onevpn.onevpnandroid Betternet (这款在安装后注意关闭它的一项权限:查看应用使用情况) https://apkpure.com/cn/vpn-free-betternet-hotspot-vpn-private-browser/com.freevpnintouch VPN简单易用,但在特殊日期,比如六月四日左右,两会等时间很可能用不了。那时可以用ss、ssr、ssrr、V2Ray、Brook等。 这些翻墙软件除了下载安装之外,还要有帐号,免费的帐号去telegram或google+搜索,下文有获取免费帐号网址。 下载ss、ssr、V2Ray软件 安卓版下载网站: https://apkpure.com/cn/ ss https://apkpure.com/cn/shadowsocks/com.github.shadowsocks ssr https://apkpure.com/p/in....