在交互设计中,颜色的选择可能是设计师最难下定决心的内容。大量的颜色组合让设计师很难决定要在网站或应用程序上使用哪种颜色。小编今天整理了用于选择颜色的设计工具清单,相信这些资源可以为你们在未来的设计中节省很多时间。
1.寻找灵感
大自然
要获得颜色设计的灵感,您只需要环顾四周。最好的色彩组合来自大自然,作为设计师,只需拍下美丽瞬间的照片,然后根据这张照片创建配色方案即可。

Behance
Behance网站展示了各行各业的创意人士的最新作品。它也是颜色灵感的绝佳来源,要查找新鲜有趣的创意作品,只需在filter中选择按颜色过滤即可。

Dribbble Colors
Dribbble网站是获得设计灵感的最佳网站之一。它具有按颜色搜索的工具,因此当您想对其他设计师如何使用特定颜色进行调研和参考时,可以访问dribbble.com/colors并选择所需的颜色进行筛选。

您还可以指定包含颜色的镜头比例(例如,镜头为蓝色的30%)。

Designspiration
当您对配色组合以及有初步想法但想要查看示例时,Designspiration是一个很棒的工具。您最多可以选择5种颜色并搜索与查询匹配的图像。


Colorzilla
ColorZilla是可用于Google Chrome和Mozilla Firefox的扩展,其中包括大量与颜色相关的工具,包括颜色选择器,滴管,css渐变生成器和调色板浏览器。

Shutterstock Spectrum
有时,查看配色方案是否可行的最佳方法是选择库存图片。所有主要的库存图片服务都提供这种工具,但是Shutterstock Spectrum具有特别漂亮的界面,可显示大预览图像。您甚至不需要订阅,因为带有水印的预览图像足以生成调色板。

2.创建配色方案
Material Design Color Tool
通过Material Design颜色工具,可以创建,共享调色板并将其应用于UI设计。

Coolors.co
Coolors是创建彩色方案的强大工具。您只需锁定选定的颜色,然后按空格键即可生成新的调色板。此工具的妙处在于,您不仅限于一个结果只需修改参考点即可获得几种配色方案。

使用此工具,还可以上传图片并从中制作调色板。

Adobe Color CC
它可以作为Web和桌面版本使用。使用该工具的网络版本,可以使用色轮(color wheel)创建配色方案:

从现有图像创建配色方案:

或在“Explore”中浏览来自社区的数千种颜色组合:

如果您使用的是台式机版本,则可以将配色方案直接导出到Photoshop,Illustrator和InDesign中。
Paletton
Paletton与Adobe Color CC类似。不同之处在于您不仅限于5种色调,还可以添加多个音调。

3.颜色可识别性
全球有超过2.85亿人视力障碍,作为体验设计师,我们需要确保有视觉障碍的用户可以使用选定的配色方案。
Coolors
Coolors可以测试色盲情况下的配色方案。您需要做的就是在界面中选择颜色。

将模式从“正常”更改为您要测试的模式。

然后,您将看到视觉缺陷的人群如何看待您的配色方案。

NoCoffee Vision Simulator for Chrome
NoCoffee Vision Simulator可用于在Chrome浏览器中查看的任何页面上模拟色差和弱视情况。

上述所提到的颜色选择工具可以为你的色彩决策节省大量的时间。然而,最佳的配色方案永远来自于大量的设计练习及用户测试及反馈。赶紧选择合适的工具,开始你的体验设计之旅吧!
感谢您的阅读:)
除非注明,否则均为UIED用户体验学习平台-交互设计资讯的原创文章,转载必须以链接形式标明本文链接
本文链接:https://www.uied.cn/27692.html