UI设计培训-好颜色的产生过程
UI设计培训-好颜色的产生过程
成都华信智原UI设计老师为大家分享下好颜色的产生过程,这是一个时间比较长的过程!
色与彩
配色其实很容易,真正难的是选色!
认识色相,调和纯度,建立对比度三项构成我们学习配色全部内容!不知道用什么颜色?
绝大多数成长期的设计师都会烦恼这个问题,整个人经常卡在工作的开头无法正常进行,这个时候多数人遇到其实是选色障碍,而不是配色障碍,这2者是决然不同的两个问题,解决的方式自然不同。
首先你需要知道什么是色彩?“色”是指色相,“彩”是指“色相的纯度”,选色障碍往往是你对色相的认知不够,这是设计意识层面的问题,设计意识属于设计师核心能力之一,不是靠单纯的临摹和练习就能解决的问题:而配色疑难则相反吗,它属于经验层面的问题,依靠大量的临摹并记忆便可以使人开窍,前提条件是你的行动力是否足够强!
认识色相
颜色分2种,彩色和无彩色,黑白属于无彩色!
彩色说是我们熟知的驰骋黄璐青蓝紫...这些颜色都有自己的名字(这个很重要),根据基本的色彩构成关系,我们可以从色相环中得出一些基本的配色方法,想领取色法,互补取色法,同色法,以下是特制的一幅色相环,可以明确的看到补色对应的关系:
基本配色法
配色的所有技巧和经验都来自于这3种基础方法的演变
1、想领取色法:选择一个色系,与之相邻的两个色系均为相领色,用于整体统一,富有层次的色彩表达方式;
2、互补取色法:选择一个色系,与之180度相对的色系为互补色,左右两种色系为次级补色,用于特异夸张,极具冲击力的色彩表达方式;
3、同色法,仅使用一种或加入少量相邻色系,控制其明度与纯度产生层次,用于制造意境,引人遐想。
对象与属性
色彩的名字很重要,名字代表着它的属性!
色彩本身无法单独存在,它依靠特定的对象存在着,如:图形,图像,文字...以及名字,根据对象的不同,色彩的运用范围也有了相对明确的表现,图形图像基本可以归为一类,它的色彩表现主要是吸引与传达(情感层面);文字的色彩则是强调与呈现(信息读取层面);而名字这类载体,它的色彩为特殊,它的功能在于表达,而针对不同的人却会产生不同的结果。
3问:
问缘由,为什么做,核心原因是什么?为了延续品牌文化(生活化,故事化,以情歌渲染为主导为优),还是宣传产品(简约,设计以衬托手段入手突出产品为优)又或者作为入口导流(丰富有趣,冲击力强为优)等等;
问目标,在理想的效果下期望得到什么回报?刺激日活,提高流量,增强注册比,用户转化导流等等(重要,要了解目标才能发挥设计师的能力去细化并优化需求,进而超出预期!);
问去向,设计图终展示在什么地方?大小屏,移动端,PC断还是其他设备,不同的设备对设计都有不同相性,比如移动设配大多图片尺寸较小,元素阵列类与排布的效果会大大折扣,又如电视电影屏幕(包括PC)不适合做元素聚合的设计,会显得小气,空间浪费等等。
3定:
定需求,因为大多数需求(产品还好,运营比较严重)都非常的不明确,只有一个也许大概应该是的结论,经过前面的三问,比较有经验的设计师立刻就会明白,需求的描述和目标是否符合,选取的展现方式是否有优化的空间?文字表达等元素的力道是否足够...解决这些问题,再来沟通设计层面的问题,用提问的方式得到你所需要的关键词(举例:母亲节,吸引点击的,有趣的...),这样不仅会明确你的工作更能优化需求方面的工作,给设计产品的超预期打下一个基础。
定方式,以什么样的方式展现设计,静态图,GIF,动效,还是可交互模版?不同展现方式的工作量和风险是不同的,设计师永远都要有Plan B ,尤其是高阶(一直高到总监级)的设计师,风险预判与把控是衡量一个设计师是否资深的标准,永远不要以为一个工作的每个环节都不会出问题...
定节点:佛南瓜子明确成几个阶段(比如草绘,成稿,定稿...),与合作的小伙伴统一步调,美工工作节点都需要一个时间节点和你的上级进行沟通评审,进行修改或下一步工作,保证项目的顺利进行,至于为什么要有时间节点,大家先理解为你们的上司都很忙,需要提前约(具体的“戒律”3到6都会讲到。)
一协调
这个协调不是协调人,是协调你前面3问3定所的到所有有用信息,从中提炼总结出能确定你设计方案的关键词,到这一步才是你考虑取色问题的时候,根据关键词词来决定色彩的选择是不是有点熟悉了,回去看看对象属性那一页。
个人创作和工作是相同的
不要觉得个人创作和工作有所区别,其实并没有,只是个人创作时“三问三定一协调”的对象变成了自己,对自己发问,这个需要更多的技巧和方法,也就是俗话说的“变通”!
前面讲到的方法和流程都是为了帮大家建立一个完整的设计一时,配色只是设计中很小的一环,但学习配
成都华信智原UI设计老师为大家分享下好颜色的产生过程,这是一个时间比较长的过程!
色与彩
配色其实很容易,真正难的是选色!
认识色相,调和纯度,建立对比度三项构成我们学习配色全部内容!不知道用什么颜色?
绝大多数成长期的设计师都会烦恼这个问题,整个人经常卡在工作的开头无法正常进行,这个时候多数人遇到其实是选色障碍,而不是配色障碍,这2者是决然不同的两个问题,解决的方式自然不同。
首先你需要知道什么是色彩?“色”是指色相,“彩”是指“色相的纯度”,选色障碍往往是你对色相的认知不够,这是设计意识层面的问题,设计意识属于设计师核心能力之一,不是靠单纯的临摹和练习就能解决的问题:而配色疑难则相反吗,它属于经验层面的问题,依靠大量的临摹并记忆便可以使人开窍,前提条件是你的行动力是否足够强!
认识色相
颜色分2种,彩色和无彩色,黑白属于无彩色!
彩色说是我们熟知的驰骋黄璐青蓝紫...这些颜色都有自己的名字(这个很重要),根据基本的色彩构成关系,我们可以从色相环中得出一些基本的配色方法,想领取色法,互补取色法,同色法,以下是特制的一幅色相环,可以明确的看到补色对应的关系:
基本配色法
配色的所有技巧和经验都来自于这3种基础方法的演变
1、想领取色法:选择一个色系,与之相邻的两个色系均为相领色,用于整体统一,富有层次的色彩表达方式;
2、互补取色法:选择一个色系,与之180度相对的色系为互补色,左右两种色系为次级补色,用于特异夸张,极具冲击力的色彩表达方式;
3、同色法,仅使用一种或加入少量相邻色系,控制其明度与纯度产生层次,用于制造意境,引人遐想。
对象与属性
色彩的名字很重要,名字代表着它的属性!
色彩本身无法单独存在,它依靠特定的对象存在着,如:图形,图像,文字...以及名字,根据对象的不同,色彩的运用范围也有了相对明确的表现,图形图像基本可以归为一类,它的色彩表现主要是吸引与传达(情感层面);文字的色彩则是强调与呈现(信息读取层面);而名字这类载体,它的色彩为特殊,它的功能在于表达,而针对不同的人却会产生不同的结果。
3问:
问缘由,为什么做,核心原因是什么?为了延续品牌文化(生活化,故事化,以情歌渲染为主导为优),还是宣传产品(简约,设计以衬托手段入手突出产品为优)又或者作为入口导流(丰富有趣,冲击力强为优)等等;
问目标,在理想的效果下期望得到什么回报?刺激日活,提高流量,增强注册比,用户转化导流等等(重要,要了解目标才能发挥设计师的能力去细化并优化需求,进而超出预期!);
问去向,设计图终展示在什么地方?大小屏,移动端,PC断还是其他设备,不同的设备对设计都有不同相性,比如移动设配大多图片尺寸较小,元素阵列类与排布的效果会大大折扣,又如电视电影屏幕(包括PC)不适合做元素聚合的设计,会显得小气,空间浪费等等。
3定:
定需求,因为大多数需求(产品还好,运营比较严重)都非常的不明确,只有一个也许大概应该是的结论,经过前面的三问,比较有经验的设计师立刻就会明白,需求的描述和目标是否符合,选取的展现方式是否有优化的空间?文字表达等元素的力道是否足够...解决这些问题,再来沟通设计层面的问题,用提问的方式得到你所需要的关键词(举例:母亲节,吸引点击的,有趣的...),这样不仅会明确你的工作更能优化需求方面的工作,给设计产品的超预期打下一个基础。
定方式,以什么样的方式展现设计,静态图,GIF,动效,还是可交互模版?不同展现方式的工作量和风险是不同的,设计师永远都要有Plan B ,尤其是高阶(一直高到总监级)的设计师,风险预判与把控是衡量一个设计师是否资深的标准,永远不要以为一个工作的每个环节都不会出问题...
定节点:佛南瓜子明确成几个阶段(比如草绘,成稿,定稿...),与合作的小伙伴统一步调,美工工作节点都需要一个时间节点和你的上级进行沟通评审,进行修改或下一步工作,保证项目的顺利进行,至于为什么要有时间节点,大家先理解为你们的上司都很忙,需要提前约(具体的“戒律”3到6都会讲到。)
一协调
这个协调不是协调人,是协调你前面3问3定所的到所有有用信息,从中提炼总结出能确定你设计方案的关键词,到这一步才是你考虑取色问题的时候,根据关键词词来决定色彩的选择是不是有点熟悉了,回去看看对象属性那一页。
个人创作和工作是相同的
不要觉得个人创作和工作有所区别,其实并没有,只是个人创作时“三问三定一协调”的对象变成了自己,对自己发问,这个需要更多的技巧和方法,也就是俗话说的“变通”!
前面讲到的方法和流程都是为了帮大家建立一个完整的设计一时,配色只是设计中很小的一环,但学习配