2022年06月15日(水)

UIデザインに特化された配色ツール！ Webサイトやスマホアプリで使用する色に悩んだときに便利 -Goodpalette

• 0
• 56
• 34
• 72

見栄えの良い4色または5色を組み合わせる配色ツールはいろいろありますが、WebサイトやスマホアプリのUIデザインだとうまく機能しないことがあります。

カラーブランディングに成功しているWebサイトを見ると、そんなに数多くの色は使用されていません。デザインの一貫性を保つには、プライマリーカラーを1つ、アクセントカラーを1つ、あとはニュートラルトーンのベースカラーを使用しています。

この3つのカラーに9つの色合いを組み合わせたカラーパレットを生成する配色ツールを紹介します。

author:

コリス

http://coliss.com

2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログ

オリジナルサイトで続きを読む

今日のwebデザイン記事ランキングを見る

         

‹ PREV

               

一手ずつ、顧客に近づく。BtoBマーケで定番のサイト改善方法を押さえよう

         

NEXT ›

               

ユーザー登録やメールアドレス不要で使えるWebアプリだけを収集しているコレクションサイト・「nosignup.tools」

関連記事

• Webサイトのワイヤーフレームやモックアップに使用するSVGで制作されたUI要素のスケルトン素材 -UI Skeleton Gallery
• FigmaでUIのアイコンを使うならコレ！ 高品質でシンプルにデザインされた1100種類のアイコン素材 -Untitled UI Icons
• 商用利用無料！ UIデザインに最適、シンプルで控えめにデザインされたSVGの高品質なアイコン素材 -Humbleicons
• 最近の実装に合わせた最新版HTMLテンプレート、基本構造に使用するすべての要素とその役割も解説
• 商用利用無料、UIデザイン用のSVGアイコンが220種類！改変・再配布も可の太っ腹ライセンス -System UIcons

Ads

2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログコリスの記事『UIデザインに特化された配色ツール！ Webサイトやスマホアプリで使用する色に悩んだときに便利 -Goodpalette』についてまとめています。

この記事は特にSVG・UI・アプリについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のコリスで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとコリスの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。