如何使用Material Design App为自定义颜色创建自定义调色板？
sta*_*lin 48 android colors material-design
我怎样才能生成如下的自定义材质设计调色板？
周围有什么工具吗？
JJ8*_*J86 42
似乎有人问这个进入平面设计:链接在这里.
该接受的答案将引导您到作者的网站这是我一直在寻找(一种工具,生成您对您的调色板,GG给他!).
此外,最高投票的答案很好地解释了调色板是如何制作的,恕我直言.
他们两个都满足了我的好奇心.
更新22/06/2016
此链接现在有一个新选项.
更新03/08/2016
我认为这个答案和相关应用也值得一提.
更新07/04/17
2年后,Big G发布了这个工具:https://material.io/.
- 有一个改进的mcg工具分叉.访问[mcg by mbitson](http://mcg.mbitson.com/). (3认同)
Con*_*tin 39
我仔细分析了材料设计调色板并得出了一些结论.
Google推荐的调色板中没有程序逻辑,它绝对是手工制作的.设计师手动挑选样本,但它们有一些模式.我将简要介绍一下这个魔法.
我们有一个自定义主基色(索引500).要生成自定义调色板,请将基色与白色(#FFFFFF)的基色混合:12%,30%,50%,70%,85%(索引50-400).接下来将基色与一些"深色"混合,基色的比率接近:87%,70%,54%,25%.在材质调色板中,这种"深色"是由设计师手动选择的,但是只要结果具有可接受的对比度差异,我就会通过将基色乘以自身来计算这种颜色.
对于重音基色(索引A200),您应该使用三重颜色和色与基色(索引500).其他强调色具有高饱和度(0.75 <S <= 1),并在亮度变化中单独拾取.
我在免费的Android应用程序Material Palette Generator中实现了这个逻辑,它可以在真实应用程序UI上创建和演示自定义Material Design Color Palette.
- 我写了完整的逻辑,这就是问题的答案.任何人都可以使用它并查看结果.在第一个问题是"是否有工具或什么？",应用程序是工具. (15认同)
- 谢谢@Constantin - 我在这里使用逻辑调整我的工具逻辑:http://mcg.mbitson.com/#!/在不久的将来,我会让用户选择他们使用的颜色算法,这样他们就可以选择之前我所拥有的与现在相比.颜色进展可以在这里看到:https://github.com/mbitson/mcg/pull/76/files#diff-374378cbfafac3af127c90d170ff0b2eR193 - 非常感谢任何反馈,使其更接近官方调色板. (6认同)
| 归档时间： |
|
| 查看次数： |
29571 次 |
| 最近记录： |