取色指南!7款靠谱工具帮你选取完美配色 - 优设网 - UISDC

取色指南!7款靠谱工具帮你选取完美配色

2014/04/05 106601评论区

@陈子木 找到一套合适的调色板,会直接决定你的设计稿是否看上去拥有专业的配色。当你寻找一套新的调色板的时候,通过浏览照片来激发灵感也是最有意思的一种方式。就像我们这篇文章《配色弱的同学必看!跟大自然学配色(自定义色板教程)》提到的一样。在这个过程中,你需要将配色方案从图片中提取出来,那么今天这篇文章,我们就来为您列举推荐一系列基于图片取色的软件,挑选一款最适合自己的神器吧!

在以下的案例中,我将使用如下的照片来演示。很明显,这一系列照片中配色都比较协调均衡。

相关推荐:
《碉堡!配色神器第二代!Color Cube免费开放下载》
《交互神器!谁是最好用的原型绘制工具?》

Flare-12

1、Kuler

Adobe出品的Kuler无疑是适合第一个演示的取色软件。kuler 内置的很多功能使它成为目前最出名的配色方案工具。此刻,让我们专注与它本身最重要的功能:从图片中获取配色方案。要执行这一功能很容易,从点击右上角的摄像头图标开始吧!

kulercameraicon

单击图片之后,Kuler将立即打开文件管理器,你便可以从中挑选出心仪的图片,让Kuler为你生成配色方案:

kulerpalette

从这个案例可以看出,Kuler的确生成了一套不错的土黄色配色方案。我尤其喜欢Kuler中的圆圈儿拾色器,当你在图片中拖动它的时候,调色板会实时地调整整套配色方案。当你点击想要调整单个的颜色的时候,拾色器将会绕过明亮的白边,选取更符合整体风格的颜色。最后,容我再赞一次Kuler!它的确是一款相当不错的取色工具!

2、PHOTOCOPA

这款名为Photocopa的配色软件,是由色彩控云集的ColourLovers社区推出的。Photocopa拥有明显的社区属性,所以,当你要用它的时候需要先注册/登录ColourLovers社区。点击”Sign up”按钮来完成注册,如果你有帐号的话,直接单机右上角的”log in”按钮登录使用吧!

在photocopa中处理图片时,这个图片必须是有url的网络图片。截至目前,我还没见过直接向photocopa导入图片的选项。因此,如果你要处理你电脑中的某张图片,那么你需要先把它上传到网上。

默认情况下,你可以直接点击”Colors”选项卡直接开始你的调色。同时,你也可以进入”Photos”选项卡,使用照片来抓取配色方案。

photocopaphotostab

此后,你会看到如下界面:

photocopaloadphoto

在url字段中,输入你要处理的照片的url,然后单击”Load Photos”按钮来加载图片。如果你没有其他的需要保存的,那么直接点击OK,软件将会输出如下结果:

photocopapalette

此后,你可以看到Photocopa从图片中生成一系列色版,并且个会在源图片中用栅格标识出取色的位置。

3、Pictaculous

Pictaculous是MailChimp推出的配色软件,它只有一个目的:从照片中获取配色方案。它的操作也极为直接:点击”browse”按钮选取图片文件,点击”GET MY PALETTE”按键得到色版。案例如下:

pictaculouspalette

4、Color Palette FX

Color Palette FX也是一款”简单粗暴”的软件。单击”Select Photo”按钮选取照片,然后软件会自动生成配色方案,结果如下。Color Palette FX会从照片中抓取的色域非常宽,并且会赋予每个色彩一个名字,这一特色深得我心!

palettefxpalette

5、Image Palette

CSS drive有一个被称为Color Pallete的调色生成器。同样的,你需要点击”Choose File”按钮来选取照片,按下”GET PALETTE”生成配色。通ColourLover一样,它会生成多个方案,并且通过栅格来展示取色点。结果如下。

cssdriveimagepalette

6、Color Palette Generator

通Photocopa一样,Color Palette Generator仅仅只能处理带url的网络图片,如果你选择这款工具的话,你同样需要上传本地图片到网络上,才能让其为软件所用。有了url之后,点击”Color-Palette-ify!”按钮,配色方案就到你碗里了!有意思的是,它生成的配色方案不是单单依据光暗生生成单独一套,它会为你提供”沉闷”和”活力”两套配色方案。也许我的案例中的生成结果不算太理想,但是它可能非常适合于你哦~

degraevecolorpalettegenerator

7、ColorExplorer

ColorExplorer的操作与之前的几款软件也大同小异,不过你要导入照片的话,需要要在”My Palettes”菜单下找到”Image color import”按钮来导入图片。如下图,你需要在左侧点击”choose files”按钮来选择照片,然后单击”Upload Image”来上传照片。之后,右侧会出现生成的配色方案。值得一提的是,在图片的下方,你可以选择软件解析图片的方式,从粗糙到精细一应俱全,非常有意思。

colorexplorerpalette

如你所见,每个工具都各有千秋!由于每款软件生成的结果都不尽相同,所以我建议选择一组照片,放到每个软件中测试一下具体的效果,相信每款软件给你的体验都会不一样,你可以从中筛选出最适合自己的取色工具。祝你好运!

原文地址:graphicmania
优设翻译:@陈子木

本文由优设网原创翻译,转摘请注明优设网译文出处,谢谢各位小编。

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

 
================关于优设网================
“优设网uisdc.com“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
PS礼仪手册:网页设计师必须修炼的内功技法,更是不可或缺的WEB设计指南http://hao.uisdc.com/ps/
设计微博:拥有粉丝量66万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

youshege
 

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/7-web-based-colour-tools

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

版式设计 交互设计师 界面设计 排版布局 职场 设计师干货 优设专访 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 AI教程 设计流程 设计理论 神器下载 字体下载 设计师专访 psd下载 设计规范 用户体验设计 海报设计 设计趋势 平面设计 动效设计 logo设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里