カラー

失敗しない美しいUIにする配色の選びかた【実践編】

2024/08/23(Fri) 09:06

これまでに以下のように鮮やかな色の配色ツールを使ったことはあるでしょうか？ベースとなる色を選び、「補色」や「類似色」などいくつかの配色オプションを調整すると、ホームページを構築するために使用すべき５つの色見本が表示されるというものです。

https://photoshopvip.net/160306#google_vignette

失敗しない配色えらび、現役デザイナー厳選おすすめカラーパレット30選【プロクリエイト】

2024/08/08(Thu) 08:54

「色が決まらずいつも時間がかかる」「まとまりのある色合いが決まらない」デザインのときによく耳にするのが、「配色に悩んでしまう」問題でしょう。もちろん配色ツールも役立ちますが、特にiPadなどで手描きスケッチするときは、24色入りの色鉛筆や絵の具セットのように色を選びたいのが本音。このリストでは、まとまりのあるデザインをつくる美しい配色カラーパレットをまとめてご紹介します。

https://photoshopvip.net/159756

UIデザインに最適！ トーンを合わせたカラーでカラーパレットを簡単に生成できる無料ツール -The good colors

2024/05/22(Wed) 08:54

WebサイトやスマホアプリのUIにトーンを合わせたカラーを使用すると、デザインに統一感が生まれます。このトーンを合わせたカラーというのは、明度と彩度が一貫されたカラーのことです。

https://coliss.com/articles/build-websites/operation/work/the-good-colors.html#google_vignette

UIデザイン用に、AIで色彩理論に基づいたカラーパレットを生成してくれる無料オンラインツール -AI Color Combination Generator

2024/04/05(Fri) 08:55

AIによる便利ツールが増えてきましたね！WebサイトやスマホアプリのUIデザイン用に、入力されたプロンプトを元に色彩理論に基づいたカラーパレットを生成してくれる無料オンラインツールを紹介します。

https://coliss.com/articles/build-websites/operation/design/ai-color-combination-generator.html#google_vignette

４年間、7色だけでUIをデザインし続けた話

2023/12/21(Thu) 09:11

僕が関わっているのはGANMA!のスマホアプリです。GANMA!のデザイナーはずっと僕1人だけなので、僕の思想や判断がけっこう大きめにデザインに反映されることになるのですが、中でも拘ってるのは使う色をとことん減らしているというところです。7色でやりくりするUIデザイン GANMA!で使用しているカラーパレットはこんな感じです。

https://note.com/ash/n/n82b11075119a

すべてのページが美しく、ワクワクする配色のアイデアが満載！ デザインやイラストにおける色の使い方も学べる配色本 -「悩まない」配色の基本

2023/11/20(Mon) 08:57

これまでの配色本とはかなり異なる、ワクワクする素敵な配色を自分でも作れるようになるデザイン書を紹介します。ぼんやりとしたイメージや感覚には頼らず、好きな色や使いたい色から配色を組み立てるプロが設計した実践的な配色本です。実際のデザインに使用されている配色は豊富に収録されており、その配色の意図や考え方もしっかり解説されています。

https://coliss.com/articles/book-review/isbn-9784798178790.html

赤色は何種類ある？色見本・カラーコード60選【事例・デザイン素材も】

2023/10/20(Fri) 09:07

赤色は「行動」や「情熱」、「攻撃性」といった意味合いを持つ色です。この記事では、赤色のもつ意味や効果や、40種類の赤色を集めた色見本をHEXカラーコード付きでご紹介します。赤色の効果的な使い方を学ぶ事例や、すぐに使えるデザイン素材と一緒も参考として活用してみましょう。

https://photoshopvip.net/152484

ピンク色は何種類ある？色見本・カラーコード40選【事例・デザイン素材も】🦩

2023/08/17(Thu) 09:09

ピンク色は「ロマンス」や「フェミニン」、「大事に育む」といった意味合いを持つ色です。この記事では、ピンク色のもつ意味や効果や、40色のピンク色を集めた色見本をHEXカラーコード付きでご紹介します。ピンク色の効果的な使い方を学ぶ事例や、すぐに使えるデザイン素材と一緒も参考として活用してみましょう。

https://photoshopvip.net/149162

デザインやイラストに使える配色本の決定版！ 配色アイデア手帖 第2版は、Photoshopやクリスタのスウォッチデータ・ポケット版PDFなど豪華ダウンロード特典が満載

2023/07/31(Mon) 08:53

配色本の中で日本一（もしかしたら世界一）売れている（担当者様談）配色アイデア手帖、現在も好調に売れ続けている中、完全保存版となるべく改訂第2版が発売されました！この第2版では、収録されているカラーすべてのスウォッチデータ、CSSファイル、ポケット版PDFと豪華ダウンロード特典が満載で、さらに新しい配色テーマやコラムが増え、紙面は最新版にブラッシュアップされています。まだ持っていない人はもちろん、すでに持っている人にもお勧めします。

https://coliss.com/articles/book-review/isbn-9784815619046.html

迷わず決定 Adobeの配色カラーパレット、アイデア101個

2023/02/28(Tue) 08:58

デザインで配色えらびが重要なのは分かっているが、いつも迷って時間がかかるという人も多いでしょう。この記事では、時短にも役立つAdobeの配色アイデア101個をご紹介します。

https://photoshopvip.net/144449