我参照了模板,为什么终极效果很别扭。
为什么我的页面总是很花哨?
客户:产品不突出,标题不克不及干。
领导:色彩单调,不足活泼
由于元素间的色相,明度,饱和度,调和不合理所致。
下面是我对色彩的一些意见,让高手见笑了。
一、色彩事理
色相
色相即毎种色彩的容貌、名称,如红、桔红、翠绿、湖蓝,群青等。色相是区分色彩的紧张依据,是色彩的最大特色
明度
明度即色彩的明暗差别,也即深浅差别。色彩的明度差别包括两个方面:一是旨某一色相的深浅变革,如粉红、大红、深红,都是红,但一种比一种深。二是指不同色相间存在的明度差别,如六标准色中黄最浅,紫最深,橙和绿、红和蓝处于附近的明度之间。
纯度
纯度即各色彩中包含的单种标准色身分的多少。纯的色色感强,即色度强,以是纯度亦是色彩觉得强弱的标志。不同色相所能达到的纯度是不同的,个中赤色纯度最高,绿色纯度相对低些,别的色相居中,同时明度也不相同
色相比拟的类型
两种以上色彩组合后,由于色相差别而形成的色彩比拟效果称为色相比拟。
色彩比拟强弱程度取决于色相之间在色相环上的间隔(角度),间隔(角度)越小比拟越弱,反之则比拟越强。
二、是什么在影响我们的视觉?
明度比拟推移效果
色相比拟推移效果
饱和度比拟推移效果
清晰度比拟推移效果
结论：人眼随意马虎差异:明暗比拟强,色相反差大,饱和度高,细节丰富的图片。
三、看同行中的高手是如何设计的?
通过上面几组作品我们创造它们的设计都有一些共性。
共性：
①产品:色相比拟强烈明暗反差大②标题:色相比拟较弱或无明暗反差大③内容:明暗反差较强无色相差异
四、探求色彩的过程
我要的是什么颜色
当自己不清楚想要什么感想熏染的色彩时,找找能承载你情绪寄托的媒介物吧!
照片,圄片,服装,任何可能的东西,只要能表达出你想要的感想熏染的,都是模拟的工具
他们代替你说出了你想要的觉得,通过对这些媒介物的剖析和提取,能找到相应的色彩
用什么颜色来搭配
同色相比拟
一种色相的不同明度或不同纯度变革的比拟,俗称同类色组合。如蓝与浅蓝(蓝+白)色比拟,绿与粉绿(绿+白)与墨绿(绿+黑)色等比拟。比拟效果统一、文静、文雅、含蘼、端庄,但也易产生单调、呆板的弊病
附近色相比拟
色相环上相邻的二至三色比拟,色相间隔大约30度旁边,为弱比拟类型。如红橙与橙与黄橙色比拟等。效果觉得柔和、和谐、文雅、文静,但也觉得单调、模糊、乏味、无力,必须调节明度差来加强效果。
类似色相比拟
色相比拟间隔约60度旁边,为较弱比拟类型,如红与黄橙色比拟等。效果较丰富、活泼,但又不失落统一、文雅、和谐的觉得
中度色相比拟
色相比拟间隔约90度旁边,为中比拟类型,如黄与绿色比拟等,效果明快、活泼、饱满、使人愉快,觉得有兴趣,比拟既有相称力度,但又不失落调和之感
比拟色相比拟
色相比拟间隔约120度旁边,为强比拟类型,如黄绿与红紫色比拟等。效果强烈、能干、有力、活泼、丰富,但也不易统一而感凌乱、刺激、造成视觉疲倦。一样平常须要采取多种调和手段来改进比拟效果。
颜色有了如何搭配
例：一个活动页面中常日由以下元素组成(五角星代表主要性)
对第1主要的:用强烈色相比拟(互补色或比拟色)+强烈明暗的比拟
对第2主要的:用稍弱的色相比拟(附近色)+强烈明暗比拟
对第3主要的:可以只用明暗比拟且无色相差异的颜色。
依次类推,大家自己去理解哈~
我的配色口诀：近实远虚
最早打仗这个词,是在高中接管专业培训时,色彩老师每天唠叨的一个词
老师:“同学暗部太亮”
后面景物要简化,勾勒一个大概的轮廓就可以了~
眼睛要深
网页设计和绘画一样,它也必须遵守近实远虚的原则(走梵高路线的同学请绕行),近处的渔船艳丽的人物便是你的产品,后面灰蒙蒙的山水便是你的网页背景
我是小勇，为回馈粉丝的支持，特赠予一套PS抠图视频教程
点赞+评论本文后私信我领取教程