Webページやスマホアプリ、UI Kitのカラーの組み合わせをいろいろ試せる -Panda Colors(肉球かわいい)

パンダの肉球がかわいいオンラインサービスを紹介します。

Webページやスマホアプリ、アドミン画面、スタイルガイドなど、UIデザインのカラーの組み合わせを1クリックでいろいろ試せるオンラインサービスを紹介します。

サイトのキャプチャ

Panda Colors

Panda Colorsは無料のオンラインサービスで、カラーの組み合わせがうまくいかない時に試してみるとよいでしょう。

使い方は簡単で、まずはサイトにアクセスします。

サイトのキャプチャ

Panda Colors

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

サイトのキャプチャ

デスクトップのテンプレート

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

サイトのキャプチャ

モバイルのテンプレート

カラーの下段はテーマで、上段は各色を変更できます。

サイトのキャプチャ

モバイルのテンプレート

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

サイトのキャプチャ

UI Kitのテンプレート

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

サイトのキャプチャ

UI Kitのテンプレート

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

サイトのキャプチャ

大きいサイズで見てくれ

top of page

©2017 coliss