标题: 国匠城盘点:工具系列——如何让你的图更好看? [打印本页]

作者: admin    时间: 2018-12-26 13:41
标题: 国匠城盘点:工具系列——如何让你的图更好看?
盘点.jpg

2018年即将结束,在年末,我们想为大家做一次小的盘点,推荐一下我们在2018年为大家提供的小工具、小产品、小服务。今日为大家推荐一则分析图+配色工具,网址为:

http://fenxitu.cn
分析图的拼音 + CN,非常容易记忆

不知道各位小伙伴有没有遇到过一种情况,辛辛苦苦、精心雕琢的平面线稿一上色就“毁容”了;找了很久也找不到适合自己的总平风格;在网上收集了一堆配色色卡却挑不出几个颜色让自己的分析图更高大上......

今天我们盘点的第一个工具,就是一个能让设计图色调更好看的神奇网站:总平面与分析图配色工具网站(www.fenxitu.cn),除了能在这里选择自己需要的总平面、分析图、信息图风格外,还能下载PS和AI替换色板,导入色板后,就可以很便捷地使用啦!

首先是第一部分,各种分析图的分类大全,这个就不再一一介绍。相关图片来自网络公开资料搜集。

2.png

总平面与分析图配色工具网站主要包含三部分配色:总平面配色、分析图配色、信息图配色。除此之外,还有分析图底图网站链接、配色网站推荐以及相关课程推荐。

1、总平面配色

3.jpg

收集国内外多种风格的总平面后,制作每一张总平面的蜂窝型色板(包括AI色板和PS色板)供大家直接下载使用。

4.jpg
色板示意

2、分析图配色

5.jpg

收集国内外多种风格的分析图后,制作每一张分析图的蜂窝型色板(包括AI色板和PS色板)供大家直接下载使用。

3、信息图配色

6.jpg

收集多个信息图并制作蜂窝型色板(包括AI色板和PS色板)供大家直接下载使用。

4、色彩导入PS与AI

看到这里就有小伙伴要问啦,挑选完自己喜欢的配色后如何导入色板呢?

(1)在网站中下载你喜欢的色板

7.jpg

其中色板文件适用于Photoshop,色板交换文件适用于 AI。

(2)在Photoshop里面打开色板面板

8.jpg

(3)点击色板面板右上角的菜单,选择替换色板,选择刚刚下载的文件即可导入色板。

9.jpg

5、分析图底图

10.jpg

这个是连接到了我们的产品 guihuayun.com 底图,先放一张图给大家,欢迎大家直接使用。关于使用技巧,我们会专门作为一个工具进行盘点并详细介绍,敬请期待。

6、如何进入

这个配色工具是不是可以帮你节省很多找配色的时间呢?小伙伴们可以通过以下方式进入配色网站:

(1)输入网址打开:

http://www.fenxitu.cn/peise/

11.jpg

(2)在国匠城各网站(国匠城论坛、规划云、规划头条)左侧点击图标进入

12.png

7、配色学习

已有很多前辈为我们制作了非常多的配色网站,大家可以进入并进行学习。如果你想有更多配色灵感,可以参考我们为您推荐的13个配色网站。

13.jpg

1、Adobe Color CC(color.adobe.com)

14.jpg

Adobe 官方出品的配色工具,有多种配色模式可以选择,它可以通过不同色彩规则来提供配色参考。除此之外,Adobe还制作了coolorus cc的插件。

2、Colrd(colrd.com)

15.jpg

你可以上传自己的图片,将生成的配色方案保存下来。

3、uiGradients(uigradients.com)

16.jpg

一个主打渐变风网站,还可以直接复制颜色,如果喜欢用渐变的小伙伴一定不要错过。

4、webgradients(webgradients.com)

17.png

同样是主打渐变风网站,也可以直接复制颜色,整体风格比uigradients.com更小清新一些。

5、color explorer(colorexplorer.com)

18.png

一个上传图片后自动检测图片配色的网站,跟Colrd有点类似。

6、color hunt(colorhunt.co)

19.png

实时更新不同的配色方案,并按照受欢迎程度对配色方案进行排列。

7、Nippon colors(nipponcolors.com)

20.png

一个日本传统用色的色谱网站,收录了250种最能代表日本的传统颜色,每一个都有其独一无二的名字,这些名字不仅代表颜色本身,还可以从其中发现日本人传统生活的细节。点击不同颜色的名字,画面背景会自动调整为相应颜色。

8、中国传统色(zhongguose.com)

21.png

网站设计者借鉴Nippon colors的想法,官网界面几乎与Nippon colors一模一样。网站界面标明了CMYK和RGB,当把鼠标移动到RGB位置时,HEX网页色码值就会显示出来。

9、Picular(picular.co)

22.png

一个“颜色搜索引擎”,提取关键字搜索结果中图片的颜色,即在搜索框里输入一个词组,就会得到一张张带RGB色值代码的色卡。该网站支持中文输入。

10、Design Seeds(www.design-seeds.com

23.png

一个色彩与灵感的网站,主要从自然和一些生活美学中寻找创作元素。可以根据日期/季节来查看素材图片,也可以按自己喜欢的颜色去寻找。

11、colorleap(colorleap.app)

24.png

一个复古配色网站。搜罗了公元2000年到上世纪60年代间一些有名的艺术品、名画、海报等,从中采集配色。并且捋了个各时期的色彩时间线,让你轻松跳过时间的鸿沟,看历史的颜色。

12、Reeoo(reeoo.com)

25.png

通过颜色搜索,为用户提供APP,网页设计,平面设计,书籍设计,ICON等精彩案例。

13、配色网(www.peise.net

26.png

一个非常好用的配色网站,他有三个分类,第一个叫配色列表,支持颜色分组,关键词搜索;第二个叫颜色分类,将配色分为不同的主题,根据主题选择配色方案;第三个是图片取色,它可以迅速的提取出图片中的颜色。

巧用配色网站,让你的图变得更好看吧!

今天的盘点就到这里,敬请期待我们的下期内容,更多工具,更多产品,更多服务,都在国匠城。

欢迎大家加入QQ群进行讨论:897762020


作者: 柠檬茶    时间: 2018-12-26 17:59
果断收藏。
作者: 未来教授级高工    时间: 2018-12-27 08:58
老板稳如狗,大赞
作者: 紫苑青岚    时间: 2018-12-27 09:12
很实用,希望能越来越完善
作者: 晚安    时间: 2018-12-27 09:23
赞,受教了!
作者: 醉想韦德    时间: 2018-12-27 09:59
学习一哈
作者: 小灰灰    时间: 2018-12-27 19:28

作者: 淡墨无痕    时间: 2019-1-2 09:05
感谢分享,学习了
作者: 蓝羽    时间: 2019-1-2 11:26
网站真是越做越好了,非常赞!
作者: 穹斗者    时间: 2019-1-2 11:35
感谢分享,学习了!




欢迎光临 (http://bbs.caup.net/) Powered by Discuz! X3.2