カラー

UIデザイン用のアクセシブルなカラーパレットを自動生成するツール -Accessible Color Palette Generator

2025/04/24(Thu) 08:59

UIデザイン用のカラーパレットを作成するのは、簡単そうに思うかもしれません。しかし、アクセシビリティの要件を満たし、ブランドのアイデンティティやスケールのバランスが取れたカラーパレットを作成するには手間と時間がかかります。ほとんどのツールを使用しても、これらの要件を満たせるものは数が少ないです。

https://coliss.com/articles/build-websites/operation/design/accessible-color-palette-generator.html

AIだと簡単で便利！ UIデザイン用に色彩理論に基づいたカラーパレットやUIコンポーネントを生成してくれる無料ツール -ColorMagic

2025/03/28(Fri) 08:50

AIを使って日本語テキストや画像からカラーパレットやグラデーションやUIコンポーネントを生成してくれるツールColorMagicの日本語版が登場したので、紹介します。

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

メッシュグラデーション完全ガイド：魅せるデザインの新常識

2025/02/26(Wed) 09:06

最近グラフィックやWebデザインでよく見かけるようになり、注目を集めているテクニックがあります。それが 「メッシュグラデーション」 です。メッシュグラデーションは、通常のグラデーションとは異なり、複数の色が溶け合っているような、幻想的なビジュアル効果を持つデザイン手法です。

https://photoshopvip.net/162936

これは和の配色本の決定版！ 日本の古来より伝わる伝統的な美しい色と言葉がまとめられた -配色アイデア手帖 日本の美しい色と言葉 第2版

2024/12/23(Mon) 09:06

デザインやイラストをはじめ、ビジネス、インテリア、ファッションなど、色に携わるすべての人にお勧めの配色アイデア手帖 日本の美しい色と言葉 第2版を紹介します。

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

創作者向けの配色本が面白くて、すごい！ イラストやマンガなどの世界観作りにぴったりな配色本 -物語を感じる配色アイデア

2024/11/25(Mon) 08:52

イラストやマンガなどの世界観作りにぴったりな配色本が登場です！その名もずばり「物語を感じる配色アイデア」恋愛、青春、ミステリー＆ホラー、SF、ファンタジー、歴史＆時代をテーマにした配色がぎっしり詰まっており、ページをめくるたびに新しい世界観に出会えます。

https://coliss.com/articles/book-review/isbn-9784295020523.html#google_vignette

配色カラーパレットの基本とFigmaでの使い方徹底ガイド

2024/11/15(Fri) 09:01

無料のFigmaライブラリとこの完全ガイドで、理想のカラーパレットを作ろう！色彩理論やアクセシビリティの基本、さらにオンラインやFigma内で使える便利な配色ツールを一挙にご紹介します。

https://photoshopvip.net/161710

色は1つで十分！プロが教える、UIデザインを引き立てる色彩テクニック

2024/11/14(Thu) 09:19

色彩理論より実用的なアプローチが必要　多くの本や記事で取り上げられる色彩理論やカラーパレットの方法論（例: 分割された補色パレット）は、実際のデザイン現場で役に立たないことが多い、と現役デザイナーのエリック・D・ケネディ氏は指摘しています。

https://photoshopvip.net/161663

グラデーションがくすんでしまうのには原因がある、それを自動的に解決して美しいグラデーションを生成できる無料ツール -Gradient Generator

2024/10/31(Thu) 08:53

美しいグラデーションを作成するには、補間するカラーにグレーが含まれないようにすることが重要です。グレーが含まれてしまうと、それがデッドゾーンになり、汚いグラデーションになってしまいます。このグレーのデッドゾーンを回避し、簡単に美しいグラデーションを生成できる無料ツールを紹介します。

https://coliss.com/articles/build-websites/operation/work/gradient-generator-css-svg-export.html#google_vignette

デザイナー必見！たった1分で美しいカラーパレットを作る方法

2024/10/15(Tue) 08:59

「プロジェクトごとに毎回配色を考えるのは面倒だ」と感じたことはありませんか？特に「トーンや明るさを調整するのが難しい」と感じるひとが多いようです。当サイトでは、これまでにも多くの配色ツールを紹介してきましたし、もちろん普段使いできる便利なものばかりです。

https://photoshopvip.net/161153#google_vignette

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

2024/08/23(Fri) 09:06

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

https://photoshopvip.net/160306#google_vignette