Webページやスマホアプリ、UI Kitのカラーの組み合わせをいろいろ試せる -Panda Colors(肉球かわいい)
Post on:2017年9月6日
パンダの肉球がかわいいオンラインサービスを紹介します。
Webページやスマホアプリ、アドミン画面、スタイルガイドなど、UIデザインのカラーの組み合わせを1クリックでいろいろ試せるオンラインサービスを紹介します。

Panda Colorsは無料のオンラインサービスで、カラーの組み合わせがうまくいかない時に試してみるとよいでしょう。
使い方は簡単で、まずはサイトにアクセスします。

アクセスすると、すぐにUIにカラーが適用されている状態になっているので、目的に合わせて変更してください。
まずは、左パネルから「Desktop」「Mobile」「UI Kit」からテンプレートの種類を選択します。

デスクトップのテンプレート
テンプレートを選択したら、左パネルでカラーのテーマをクリックします。

モバイルのテンプレート
カラーの下段はテーマで、上段は各色を変更できます。

モバイルのテンプレート
こういったサービスはテンプレートが1種類のみが多いですが、さまざまなテンプレートが揃っているのもいいですね。

UI Kitのテンプレート
アドミン画面やUI Kitなど、珍しいテンプレートもあります

UI Kitのテンプレート
おまけ
Pandacolorsを表示した時にウインドウサイズが小さいと、「スクリーンが小さすぎる」とメッセージが表示されます。
遊び心が満載のサイトですね。

大きいサイズで見てくれ
sponsors