中小企業のウェブサイトを管理する人として、私は自然にデザインと色の使用に興味があります。 しばらく前に使用していたツールの1つにAdobe Kulerがありました。 配色を作成し、Adobeコミュニティと共有できるiPhoneおよびAndroidアプリでした。 現在、Adobe KulerはAdobe Color CCと呼ばれています。
Chromebook向けPhotoshopの記事もご覧ください。
どうやら、Adobe Kulerの名前が少し前に変更されたのは、最後に使用してからどれくらい経ったかを示すためです。 新しいAdobe Color CCは、InDesign CC、Acrobat CCなどのAdobeの他の製品と一致します。 明らかにiOSおよびAndroid Kulerアプリもあったようですが、Color CCバージョンはないようです。
色の重要性
クイックリンク
- 色の重要性
- Adobe Color CC
- 使いやすさ
- Color CCでスキームを作成する
- ルールにスライド
- Color CCを調べる
- Adobe Color CCで画像から配色を作成する
- デザインでスキームを使用する
色は、私たちがそのデザインをどのように受け取るかに実際の心理的影響を与えるため、デザインの非常に重要な側面です。 さまざまな色が観察者のさまざまな反応をいかに違法にするかを示す多くの研究があり、これが色の使用に多くの考えと努力がかかる理由の1つです。
マーケティングとブランディングにおける色の心理学をチェックしてください
Adobe Color CC
Adobe Color CCは、思いのままに色を試すことができるオンラインWebアプリです。 他のアドビ製品を使用する場合に便利なデスクトップバージョンも利用できます。 それ以外の場合は、Adobe Color CC Webサイトはかなり良いです。
使いやすさ
Adobe Color CCは、他のアドビ製品に精通している場合、完全にブランド化されています。 デザインは平らでシンプルで、物事の中心にユーザビリティがしっかりとあります。 コアとなるアイデアは、大きなカラーホイール、サンプル、スライダー、およびいくつかのカラールールを損なうページの前面と中央です。
カラーホイールを手動でドラッグして、新しい色を生成したり、他の人のカラースキームを表示したり、アップロードした画像からスキームを作成したりできます。 これは、すべてのデザイナーが使用すべき非常に強力なWebアプリです。 アドビ製品は非常に高価ですが、Adobe Color CCは無料であり、その機能が非常に優れているため、あまりにも叙情的な傾向はありません。
Color CCでスキームを作成する
だから、私のような芸術的能力のほとんどない人がスキームを作成できますか？ もちろんできます。
開始するには、カラーホイールの白い円のいずれかを選択します。 好きな音色が見つかるまでホイールの周りにドラッグします。 カラールールで設定した内容に応じて、他の4色が移動して、選択した色を補完または対照します。 その部分は非常に簡単で、それだけでとても楽しいです。
単色ルールは、ホイールで選択した色と同様の色調と深さを持つ4つの色を作成します。 トライアドは、ホイールを3つに分割し、コントラストを保ちながらも同時に機能する5色を提供します。 補色は色間の間隔を広げますが、うまく機能する色を選択します。
複合ルールは、補色を見つけるのに適しています。 シェードはプライマリ選択の4つの補完シェードを選択し、カスタムではホイール上の好きな場所に5つのスライダーを移動できます。
ルールにスライド
カラーホイールだけではニーズに合った完璧なカラースキームを選択できない場合は、色見本の下にスライダーがあり、ほぼ無限にカスタマイズできます。
色見本をクリックして強調表示すると、その値が下に表示されます。 RGBの3つのカラーバーと、それぞれに白い円のある明るさの1つのバーが表示されます。 その円を左または右にドラッグして、値と明るさを変更します。 それはその単一の見本を変更するだけなので、あなたのスキームを台無しにするかもしれませんが、ちょうどいいものを作成するための無限の自由を提供します。
Color CCを調べる
Color CC Webサイト内の[探索]メニューは、非常に興味深いものです。 インスピレーションを探している人や配色を希望する人にとって特に便利です。 最も人気のあるもの、すべて、最も使用されているもの、ランダム、それぞれの時間設定を選択できます。 サイトが返すのは、すぐに創造力を発揮する配色のページです。
あなたが想像するように、配色は多く、多様です。 文字通り、あらゆる色、気分、色調、深さをカバーする何百ものスキームがあります。 好みのスキームが表示されている場合は、その上にカーソルを合わせて情報を選択します。 独自のページに移動し、はるかに大きなバージョンを見ることができます。 色見本を1回クリックして、フルスクリーンにします。
右側には「アクション」メニューがあります。 ここでは、感謝の気持ちを伝えたり（Adobe IDで登録またはログインした場合に独自のライブラリに保存したり、コピーを共有または編集したりできます）。 スキームのコピーを編集する機能は、より芸術的に傾倒している人にとっておそらく役立つでしょう。
Adobe Color CCで画像から配色を作成する
画像からスキームを作成するのがいかに簡単かを見たかったのです。 自転車にはいくつかの明るい色が含まれているため、自転車の写真をアップロードしました。 画像からわかるように、うまくいきました。 緑、赤、木炭のフレームを選びました。
左側のColor Moodメニューを選択すると、ブライト、ミュート、ディープ、ダーク、カスタム設定など、テーマのバリエーションを調べることができました。 各設定に対してAdobe Color CCによって選択された色はスポットオンでした。 私のような誰かができるなら、誰でもできます！
デザインでスキームを使用する
Adobe Color CCには、選択した各色のRGB値が表示されます。 ただし、Illustrator、Photoshop、または他のAdobe製品を使用している場合は、スキームを直接利用できます。
スキームの作成時にAdobe IDでログインしている限り、適切と思われる別のAdobe製品内で使用できます。 たとえば、Illustratorでは、[ウィンドウ]を選択し、次に[色のテーマ]を選択します。 Adobe Color CCから保存した選択は、テーマウィンドウ内に自動的に表示され、直接使用できます。 スウォッチに追加して、Illustratorに保存してそこから移動します。
Adobe Color CCは、あらゆる種類のデザイナーにとって素晴らしいリソースです。 Adobe Color CCの使いやすさと強力なシンプルさに近いアプリは他にありません。 他のアドビ製品を所有していない場合でも無料で使用できることを考えると、素晴らしいリソースだと思います！
