为什么有的地方红色和绿色是互补色?有的地方红色的青色才是互补色?这里就涉及到一些有关于色彩的原理性问题。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
一个在线调色的网站
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
评论
发表评论