UIデザインにおける赤色と緑色の使い方 | UX MILK

2019/03/07 97 users 赤色 緑色 UX MILK 特定 UIデザイン

色は私たちの認識や感情に大きな影響を与えます。正しく使用された場合、その色はユーザーの特定の反応を引き出す事ができます。ここでは下記の理由に則り、赤と緑という２つの色に注目したいと思います。 赤色と緑色はどちらも実用的な色であるため、UIデザインにとって非常に重要です。 UIのアクセントカラーとして赤... 続きを読む

デザインの基本日記  「配色編」｜Design Beginner｜note

2018/03/15 1455 users Note 配色 Design Beginner 落ち着 調整

配色がうまくいかない場合の多くはたくさんの色をついつい使ってしまった結果招いていることが多い。まずは2色で配色をしてその上で少しずつ色の調整をすることによって、まとまりのあるデザインが作りやすくなる。 一般的に言われている配色は、ベースカラー7割、メインカラー2割、アクセントカラー1割。一番表現したいことをアクセントカラーにすることで表現したいことが何かはっきりわかりやすくなる。 なんとなく落ち着... 続きを読む

指定したカラーを元に、最近のデザインで使われている色の組み合わせやグラデショーンを生成 -ColorSpace | コリス

2017/09/25 58 users メインカラー コリス ベースカラー オンラインツール たくさん

指定したカラーを元に、最近のデザインで使われている色の組み合わせやグラデショーンをたくさん生成するオンラインツールを紹介します。 メインカラーに合う色の組み合わせ、ベースカラーにした時のアクセントカラー、組み合わせるのに ...記事の続きを読む 続きを読む

テキストやボーダーや背景に使うグレーを効果的に、ニュートラルなカラーを使いこなすためのテクニック | コリス

2017/03/01 89 users light コンポーネント コリス ベースカラー ボーダー

Webデザインで大切なカラーはベースカラーやアクセントカラー、そしてブランドのカラーがありますが、テキストやボーダーや背景などのコンポーネントに使うニュートラルなカラーも非常に重要です。 明るいニュートラルなカラー、暗いニュートラルなカラーをWebデザインで使いこなすためのテクニックを紹介します。 Light & Dark Color Systems 下記は各ポイントを意訳したものです。 ※当ブロ... 続きを読む

配色に悩んだ時に役立つ便利なサイトやカラー関連ツールまとめ | NxWorld

2014/11/10 154 users インスピレーション カラーパレット NxWorld ツール

「いつも同じような感じになってしまう」「このキーカラーに対してどんなアクセントカラーが合うのか」といったデザイン（配色）時の悩みを手助けしてくれるものやインスピレーションをもらえるもの、オリジナルのカラーパレットを簡単に作成・出力できるなど、配色・カラーに関連する便利なサイトやツールのまとめです。似たようなサイトも多いですが、使いやすさ・見やすさ・情報量などの点でそれぞれ違いがあるので、こういった... 続きを読む

ウェブデザインをはじめるあなたへ - tushuhei blog

2014/07/05 1184 users ウェブデザイン ノンデザイナー メインカラー 彩度 明度

ウェブデザインについてまったくわからない頃によく見て勉強してた資料群です。＋いくつかの自分で作った資料 SlideShare色彩センスのいらない配色講座色相、明度、彩度で色を説明できるようになる。 ベースカラー、メインカラー、アクセントカラーで配色を説明できるようになる。 その上で、あまり間違いのない色の選び方がわかるようになる。 ノンデザイナーのための配色理論 最後に紹介されているこのツールがベ... 続きを読む

ディテールの作り込みやカラースキームが素晴らしいUIエレメントが揃ったPSD素材のまとめ | コリス

2014/01/07 91 users コリス エレメント 半透明 UIエレメント PSD素材

次のプロジェクトで使いたくなるようなワクワクするUIエレメントが揃ったPSD素材を紹介します。 全てPSDファイルがダウンロードでき、UIエレメントだけでなく、PSDファイル自体もしっかりと作り込まれているものばかりです。 GerduKreatip - Agency Portfolio Theme 目に優しいグリーンをアクセントカラーにしたフラットなスタイルで、サークル状のエレメントや半透明、アイ... 続きを読む

配色の基本。メイン・サブ・アクセントカラーを極める！

2012/05/01 628 users 配色 サブ ドーン 途中 メイン

前回の[カラーデザインの基本。トーンを理解する！]と[カラーデザインの基本。色の三属性とは？]に引き続き、今回はメインカラー・サブカラー・アクセントカラーについて解説させていただきます。このメイン・サブ・アクセントカラーを正しく理解すると、配色を考えるのが簡単になります。 頻繁に配色を悩む方や、デザインの途中で配色を変えてしまう方は、このメインカラー・サブカラー・アクセントカラーを正しく理解できて... 続きを読む