premy色選択UIの試行錯誤
2022/4/22hata6502.icon
premyで65色選べるようになった。
固定16色だけであらゆる雰囲気を出すのは難しいため。
その代わりに、たくさん色が選べて迷ってしまうUIを改善したい。
灰色の帯でガイドする。
同じ色相または同じトーンの色を選ぶと、調和がとれそう。
https://gyazo.com/482ab67af2a4178454c00daafbc1b121
色ごとに灰色の枠線が付いていると、くすんだ雰囲気になってしまう。
https://gyazo.com/5f44ab86ed5fa3198ab0e7bdc69acfae
枠線を消すと鮮やかな雰囲気になった。
https://gyazo.com/e17444eb7ca114cdf1edd53ed7c4c2b1
現状のカラーパレットはhslで規則性を持たせている。
発想が湧きにくいカラーパレットに感じる。
明度彩度の規則性を持ちながら、もっと人間よりのパレットにしたい。
2014 Material Design color palettesを参考にしたところ、とても人間味のあるパレットになった。
色数も65色から50色に減らせた。
https://gyazo.com/e870881132cd77cdd259a95b3f4fdde7
mibae filterで、青色と茶色のくすんだ色は必要だなと思った。
https://gyazo.com/a3e4a26c4ff02dc75956b719178bea65