小技巧 – 设计之家 //www.laura-marie.com 传播先进设计理念 推动原创设计发展 Sun, 24 Nov 2019 07:10:22 +0000 zh-Hans hourly 1 https://wordpress.org/?v=6.9.4 选对色彩:你需要get的配色小技巧 //www.laura-marie.com/51854.html //www.laura-marie.com/51854.html#respond Sun, 24 Nov 2019 07:05:33 +0000 配色确实是一件难搞的事情。它牵涉到文化背景,受到方方面面的影响,在情感含义上的理解又因人而异,设计师所面对的问题往往是选择太多,而非太少。

配色的方法很多,辅助工具也不少,但是令人印象深刻的,往往是一些颇为有意思的技巧。今天,小编给大家分享一个配色大师 Patrick Multani 的色彩搭配技巧。也许这10个技巧,会成为你的配色体系的可靠补充~

谨记配色策略

在开始着手挑选配色之前,我常常会翻看 Dustin Senos 关于设计原则的短文。他在文章中,阐述设计原则的方式非常有意思,干练而有趣,“方向优于选择”,“合适优于一致”,“发展性优于总结”。其实如果借用这种句式来总结配色也不错:“白色优于灰色”,“和谐优于错位”,“沉静优于热烈”。当我在工作的时候,我会时刻谨记这些配色策略,它们更像是一种感觉上的规范,就像用户角色引导UX设计师来设计体验一样。

取色一条线

当我在调色板上选择色彩的时候,我会倾向于沿着直线路径来挑选色彩,从左到右,从上到下,或者沿着对角线来选取色彩。这样所获得的一套配色可以兼顾到不同的按钮状态(可用/不可用,活动/非活动),兼顾到视觉主体和边框,背景等。我们也可以在取色器的同一个位置取色,调整色调,获得的一组色度接近色调不同但是高度协调的色彩组合。上图中,中间那个就是。

保持敏感,小幅调整 

调配这这么多配色方案,给我最深刻的经验教训就是:哪怕轻微的色彩调整,都会对整个配色方案带来巨大的影响。所以,我觉得在配色的时候,要保持敏感,小幅度调整和改变。你可以试着挑选偏冷或偏暖的灰色,运用到你的配色方案中,你会发现它们会不同程度地调和整个配色方案的协调度。根据这样的策略,你可以挑选出一大堆色彩作为备选,反复迭代,变得对于微妙的色彩变化更加敏感。

善用叠加模式

如果你能善用混合模式,就能创造出令人着迷的配色方案。通过简单的叠加两个色块,选择“Multiply”(乘法)混合模式,就能得到匹配的第三种色彩。在白色背景上,我们还能通过调整透明度来快速调整色彩的明暗。不过我始终觉得在黑色背景上来调整色彩更有意思,搭配混合模式来探索色彩的可能性,总能创造新的搭配。这种同色彩的交互方式,为许多经验丰富的设计师所使用。

沉静而集中的配色

选好色彩是一回事,在视觉设计中有效地运用它们是另外一回事。有的配色方案非常漂亮,但是一旦运用在特定的设计项目当中,整个视觉就崩坏了。尽量让配色方案中色彩不要那么庞杂,让整个设计更加沉静。比如,文本、图标和边框采用不同类型的蓝色,能让整个设计显得协调。当你想要高亮突出什么东西的时候,可以采用这种方法。

在不同的背景下查看配色

我记得之前参与过一个可拓展的色彩系统项目,当时我挑选了大量微妙而接近的色彩,当我仔细审视它们的时候发现很难区分彼此。这个时候,我将这些色彩复制了一份,然后添加了一个黑色的背景,这个时候,色彩和色彩之间的区别就变得明晰了,让我能够更好的作出选择。

明艳的色彩更吸引人

在取色器的右上角取色能够找到更加安全、更加吸引人的色彩,供你运用在配色方案中。色彩越靠左、靠下,色彩上所叠加的灰度和黑色就越多,色彩本身的重量就越重,而过重的色调会在潜意识上给人以压力。所以,我更倾向于使用清晰明亮的色调来进行设计。

叠加图层调色

想象有一张半透明的纸,当我们将它置于色彩上方的时候,它能够从视觉上“消减”色度。我们可以在PS和Sketch中来模拟这样的“纸”,新建形状,通过调整透明度和混合模式,或者搭配使用来实现不同的效果,我们还可以调整纸张本身为白色或者黑色,在叠加混合模式下,能对色彩的饱和度产生不同的影响。在有的UI设计项目当中,会借助这样的技术来暂时调整整个区域的敏感色度,这比改色更加轻松,还保持了色彩之间的协调度。

上图中的三种效果:

黑色图层,叠加混合模式,不透明度50%(增加饱和度)

白色图层,正常混合模式,不透明度50%(变亮)

黑色图层,正常混合模式,不透明度50%(变暗)

根据前景色来挑选背景色

当我选取背景色的时候,我更喜欢根据前景色来搭配,吸取前景色,调亮或者变暗,而不是选择纯粹的中性灰色。这样的方式会让背景色是或冷或暖的浅灰,给人一种协调的感觉。

色彩的明暗与前后

最后,我们应该始终谨记色彩的明暗所带来的视觉深度原理。在较深的背景下,浅色会显得更靠前,而在较浅的背景下,深色会显得突出而靠前。

 

原文地址:小阿田的设计笔记(公众号)

 

作者:小阿田的设计笔记

]]>
//www.laura-marie.com/51854.html/feed 0
13个实用的Photoshop小技巧 //www.laura-marie.com/41618.html //www.laura-marie.com/41618.html#respond Fri, 12 Dec 2014 08:20:29 +0000 让我来告诉你我的一些有用的Photoshop小技巧吧!我知道大家都喜欢去下载素材,但是好的素材也需要好的技巧才能用得好它们。因为这样我们才能减少花在操作本身的上的精力,来用在如何利用好你的素材上。我希望你会喜欢我的这些技巧提示,你会发现它们将会是十分有用的。 原作者:Marius Florin

1.图层真的是空的吗?

当你处理多图层文件的时候,很容易就会把图层堆得和山一样高。或许你是个漫不经心的设计师,以至于从来都不会麻烦去更改图层的名称。好吧,假设你现在想处理一下堆积如山的图层并删去那些空白的图层。等等,那些空图层真的是空的吗? 这里有一个小技巧,按住Ctrl键并单击图层缩略图,如果你看到“警告:没有像素被选中”,好吧,那这个图层就是空的。如果你想直接一次性删除空图层,选择“文件>脚本>删除所有空图层”。

2.清除采样

如果你正在处理一个含有杂色的高分辨率图像,是挺难选中你想要的颜色的,你会发现一不小心就选到了杂色的颜色上去了。正确的处理方法是改变采样范围的大小,使用平均采样当你选择吸管工具时,你会在选项栏上看到采样大小,选择一个更大的范围来屏蔽杂色的干扰。

3.锁定你的笔刷设定

没多少人知道这个棒呆了的功能。当你选择一个新画笔的时候,所有的参数都会被调整到这个画笔的设置参数。如果你点击了右侧的那个小锁头图标,参数就会被锁定了,这真的非常有用。当你取消锁定的时候,笔刷就会马上跳回默认参数。要还原所有的参数设置的时候,可以点击右上角的下拉菜单,取消所有选项的参数锁定。

4.基础色图层

很多时候,你需要建立一个纯色图层来添加某些效果。你或许会使用镜头耀斑或者是杂色来创造杂质,做非破坏性的加深或减淡操作,或者任何需要用到黑、白、灰纯色图层的效果。通常你创建这一类图层的时候,你需要将这类图层的混合模式调整为“混合”来去掉基础颜色的显示而只留下图层效果。你可以创建图层——填充颜色——添加效果——修改混合模式,也可以按照下面的方法做:当你点击面板底部的新建图层的按钮的同时按住Alt键,在下拉菜单中选择混合模式,你也可以看见下方的这个勾选框,勾选它,就可以方便的创建新图层。

5.随意拖动你的镜头耀斑

说到镜头耀斑,你知道其实你可以在图像的正中间添加镜头耀斑吗?事实上,你可以在图层的任意位置添加耀斑。当你选择“滤镜——镜头耀斑”你会看到这样一个预览图,直接在预览图中拖动耀斑的位置就可以直接进行调整。

5

6.图层样式控制

当你创建图层样式的时候,你可以通过之间在文件中拖拽的方法来重定位投影,内阴影和渐变叠加效果。这样就比调节滑块的方法更加方便直观了。

7.柔滑线条

有时候你讲一个一像素形式出现的线条拖动到Photoshop中的时候,你会发现它们有锐利的边缘,这真的很难看,但是我们有办法修复它们。使用“滤镜——模糊——高斯模糊(2至6像素)”。再按下Ctrl + L添加阈值调整图层,将黑白两个滑块拖到中间的位置来,这样你会发现曲线变得柔和

了。

8.在你当前的图层下方创建新图层

通常你新建图层的时候新图层会出现在当前图层的上方。如果你希望在当前图层下方创建图层的时候你要怎么办呢?按住Ctrl键并单击图层面板下方的新建图层按钮即可。

 

9.直接在你的文档中备份一个图层

有很多方式可以复制图层,例如,你可以将一个图层拖到信件图层按钮上方来实现,或者按下Ctrl + J。但如何同时在备份图层的时候移动它们呢?拖动图层的时候按下Alt键,就可以将图层备份到想要的图层顺序位置。

10.转换选区

我知道你已经知道了如何在创建选区的时候同时移动它,绘制的时候按下空格键即可,或者按下Shift来选择长宽相同的选区,或者按下Alt键来将缩放点移动到选区正中、这里另外有一个选区操作的小技巧:选择完成之后,选择“选择——转换选区”,这时候你就可以运动自由变换工具对选区进行操作了。右击可以看到所有的选项。

11.从图层到文件,从文件到图层

将所有的图像都合并到一个图层上很麻烦,更麻烦的是将不同的图层保存为不同的文件!好消息!你可以让Photoshop自动做这项工作。对于前者,选择“文件——脚本——装载文件”,选择你的文件,点击确定,它们就会被装载到一个图层上。对于后者,选择“文件——脚本——到处图层到文件”,你也可以选择“文件——脚本——图像处理”来进行更多选项的调整。

12.光源效果滤镜在哪里?提示:32-bit

你或许奇怪曾经的光源滤镜效果去哪儿了?你或许知道用“滤镜——镜头——光源效果”,好消息是:在CS5(我认为最稳定的版本)里你还可以找到它;坏消息是:它只会在32bit的模式下出现(这也同样能使得你的一些老插件生效)。

13.视频滤镜

Photoshop拓展版(Extended)有能力处理视频。你在图像上能够应用的效果大部分能够应用到视频上。或许你已经试验过这样的滤镜,但发现它们的效果之出现在一张单帧上。秘密是,你可以将视频转化为智能对象。一旦转化为智能对象,滤镜效果就会对整个视频都有效了。 

   

]]>
//www.laura-marie.com/41618.html/feed 0