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

2024/04/03 206 users 色彩理論 UIデザイン用 プロンプト 無料オンラインツール

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

超高速！ デザインやイラストに最適な色を組み合わたカラーパレット🎨を生成する無料ツール -Colour Palette Generator

2023/01/12 273 users 快適 操作 オンラインツール カラー テーマ

選択したカラー・テーマに基づいて、デザインやイラストに最適な色を組み合わたカラーパレットを生成する無料のオンラインツールを紹介します。 操作は快適👍で、超高速🔥！ 気になったカラーパレット...記事の続きを読む 続きを読む

ブックマークしておくと便利！ 背景、テクスチャ、パターン、シェイプ、グラデーションなどを生成するSVGツールのまとめ

2022/08/10 412 users テクスチャ シェイプ グラデーション アイソメトリック 背景

WebサイトやスマホアプリのUIデザイン、イラストなどにもぴったりな背景、テクスチャ、パターン、シェイプ、グラデーション、装飾グラフィック、カラーパレットなどのSVGを生成するオンラインツールを紹介します。 ネオンカラーや美しいグラデーションをはじめ、アイソメトリックやスパイラルなどの幾何学形状、波線や等... 続きを読む

［速報］Google、新デザインフレームワーク「Material You」発表。デバイスからアプリケーションまでGoogleの製品すべてに適用へ。Google I/O 2021 － Publickey

2021/05/18 408 users デザイナ Publickey パーソナルカラー デバイス 適用

Googleは、5月19日未明に開催したオンラインイベント「Google I/O 2021」で、新しいデザインフレームワーク「Material You」を発表しました。 Material Youでは、これまでデザインフレームワークによってあらかじめ指定されていたカラーパレットから色を選ぶのではなく、「あなた自身のパーソナルカラーを基に、デザイナ... 続きを読む

「Ameba」15年の負債を払拭するカラーパレットのメソッド | CyberAgent Developers Blog

2020/09/14 183 users iOS Ameba 遺物 歳月 負債

「Ameba」は2020年に16周年を迎える長寿サービスです。 プロダクトチームはPC / SP / iOS / Androidと4種類のデバイスに対応しており、15年という歳月を経た結果、管理の追いつかない画面、レガシーなコード等に苛まれるようになってきました。 「Ameba」開発チームではそのような、過去の遺物に開発リソースを割かれる... 続きを読む

色の組み合わせ方の参考にいい！Webサイトやスマホアプリに適したカラーパレットを生成する無料ツール -Color | コリス

2019/02/04 62 users 適用 要素 ベース 組み合わせ オンラインツール

指定したカラー、画像、Webページなどをベースに、カラーパレットを生成し、カスタマイズできる無料のオンラインツールを紹介します。 カラーパレットは、Webサイトやスマホアプリに特化されており、コンテンツに使用されるさまざまな要素への適用、アクセシブルなカラーの組み合わせなどが生成されます。 Color Color -... 続きを読む

配色のセンスがなくても、ベースカラーにぴったりなカラーパレットを1クリックで自動生成する無料ツール -Plax | コリス

2018/06/17 112 users コリス ビジュアライズ 配色 センス ベースカラー

UIのデザインやデータのビジュアライズに使用するカラーを決めるのに適したオンラインツールを紹介します。ベースカラーを決めるだけで、そのカラーに調和したフルスペクトルのカラーパレットが簡単に作成できます。 例えばグレーはよく使用されるカラーですが、選ぶのが難しいカラーです。ブルーに合ったグレー、グリーンに合ったグレー、さらにその中から可読性が充分な明るいグレーや暗いグレーなども自動的に生成されます。 続きを読む

フラットなUIデザイン用に作成された、世界各国の有名デザイナーが使用しているカラーパレットのまとめ | コリス

2018/01/25 490 users UIデザイン Flat UI バージョン コリス 世界各国

Flat UI Colorsがバージョンアップし、世界各国の有名デザイナーと協力して作成されたフラットなUIデザインに合うカラーパレットを紹介します。 Flat UI Colors 2 カラーパレットはFlat UI C ...記事の続きを読む 続きを読む

カラースキーム作成に便利な14のツール | UX MILK

2018/01/05 53 users UX MILK ツール ソフトウェアデベロッパー Nick

Nickはロシアのセントピーターズバーグ出身のソフトウェアデベロッパー/ブロガーです。彼による他の記事は こちら をご参照ください。 デザイナーが使う手段の中で、「色」はもっとも強力なツールの１つです。同時に、色という概念は習得するのが難しくもあります。色の組み合わせが無数にある中で、サイトやアプリに使用する色を決めるのは骨の折れる作業です。 そこで作業を簡単にするために、カラーパレットを決める際... 続きを読む

GoogleカレンダーのWeb版がデザインを一新 | TechCrunch Japan

2017/10/18 93 users 一新 TechCrunch JAPAN ウインドウサイズ

事実上同じデザインを数年間続けていたGoogleカレンダーが 今日大きく模様替えした 。真新しいカラーパレットとGoogleのマテリアルデザインにマッチしたデザインスキーム、そして ―― もっと重要なのは ―― ブラウザーのウィンドウサイズに応じて自動調整されるレスポンシブ・レイアウトになったことだ。 このアップデートは単にペンキを塗り替えただけでなく、サービスを少しでも使いやすくするための機能改... 続きを読む

配色えらびも人工知能の時代！素敵なカラーパレットを自動生成できるツール Khroma - PhotoshopVIP

2017/09/28 72 users PhotoshopVIP 配色えらび 人工知能 精度 お好み

デザインに欠かせない 配色選び は、デザイナーにとって頭を悩ませる問題のひとつ。もしコンセプトにあった色の組み合わせを素早く、しかもたくさんのサンプル案と一緒に確認できるとしたら？ Khroma は、そんなデザイナーの想いを人工知能をつかって解決したオンライン配色ツールです。お好みの色を追加することで、より精度の高い組み合わせを実現できる、まさに 「育てる」配色ツール と言えます。 Khroma ... 続きを読む

Googleが提唱する「マテリアルデザイン」の普及をフォローするカラーツールが登場 - GIGAZINE

2017/04/07 76 users デバイス 提唱 Color Tool 新しいUX体系 声かけ

Googleでは2014年から新しいUX体系として、デバイスの違いを乗り越えて操作性に統一感を持たせ使いやすさを向上させた 「マテリアルデザイン」を提唱 。声かけだけではなく 統一サポートサイトとして「Material.io」を開設 し、情報共有や普及に努めています。このサイト内に、アプリにどんなカラーパレットを用いればいいのかを助ける新たなカラーツールが登場しました。 Color Tool - ... 続きを読む

指定したカラーをベースに、Webデザインやイラストで使えるカラーパレットや美しいグラデーションを生成できるテンプレート -Color Creator Templates | コリス

2017/01/18 61 users BSDライセンス コリス バリエーション テンプレート ベース

指定したカラーをベースに、そのカラーからバリエーションを調査し、Webデザインやイラストで使えるカラーパレットや美しいグラデーションを生成できるテンプレートを紹介します。 Color Creator Templates -GitHub Color Creator Templatesは BSDライセンス で利用でき、3つのアプリ用にカラーテンプレートが用意されています。 Photoshop Sket... 続きを読む

好きな画像から数秒でカラーパレットを自動生成できる「ColorFavs」 - GIGAZINE

2016/01/11 67 users GIGAZINE 上部 お好み バランス URL

お好みのイメージのカラーをいざデザインに反映させようとしても、具体的に色をピックアップしてバランスよく並べるのは難しいものです。そんな作業を、参考となる写真をアップロードしたりURLを指定するだけで肩代わりしてカラーパレットを作ってくれるサイトが ColorFavs です。 ColorFavs http://www.colorfavs.com/ サイトを開くと、ページの上部には写真をアップロードし... 続きを読む

見せ方のシンプルなアイデアがすごい！デザインやイラストにすぐに使える素敵なカラーをまとめたカラーパレット | コリス

2016/01/07 91 users ミニマル コリス 組み合わせ 全部 アイデア

デザインやイラストにすぐに使いたくなるようなミニマルな5つのカラーで構成されたカラーパレットを紹介します。 カラーパレットは全部で、8種類。 魅力的なカラーの組み合わせは非常に参考になります。 Minimalist Co ...記事の続きを読む 続きを読む

色の組み合わせ方を身につけよう: 棒グラフや円グラフなど、データをビジュアル化した際に効果的な配色 | コリス

2015/12/01 85 users センス 翻訳記事 コリス 下記 各ポイント

センスの良いカラーパレットを手に入れるのは簡単ですが、データを見せるための正しいカラーパレットを見つけることは非常に困難です。データの情報を正しく、効果的に伝える必要がある時に適したカラーパレットを紹介します。 Finding the Right Color Palettes for Data Visualizations 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様... 続きを読む

デザインやイラストで色の組み合わせを決める時の参考になるカテゴリ別100種類のカラーパレットのまとめ | コリス

2015/10/07 89 users 旅先 ムード 飲み物 コリス 感情

色の組み合わせを決めるときに何から始めれば、と迷うことはありませんか？ 色は注意を引きつけ、ムードをつくり、デザインを活気づかせ、ユーザーの感情と理解に強い影響を与える大切な要素です。自然、食べ物・飲み物、旅先、日常の4つのカテゴリから参考になる色の素敵な組み合わせを紹介します。 100 Brilliant Color Combinations: And How to Apply Them to ... 続きを読む

ちょっとした手間で、デザインをちょっとよく見せる小ネタのまとめ | コリス

2015/08/31 240 users コリス Dribbble Illustrator 調和 手間

よいデザインとは、ちょっとしたことを積み重ねていくことが大切。 Webデザイン、カラー、PhotoshopやIllustratorなどのテクニックを磨く、デザインをちょっとよく見せる小ネタをDribbbleから紹介します。 画像: Girly Drop 複数のカラーから調和のとれたカラーパレットを作成 角丸パネルを重ねる時、それぞれの角丸をバランスよくする 円をよりくっきり見せる 滑らかなベジェ曲... 続きを読む

目を引くアイキャッチ画像の作り方、50の作成事例とデザインのアドバイス | コリス

2015/07/07 460 users ヘッダ コリス フォント プロセス プロダクト

あなたのブランドを魅力的に見せるアイキャッチ画像は、非常に大切です。どんなカラーパレットを使うか、どんなタイプのイメージを選ぶか、どんなフォントが一緒に機能するか、デザインのプロセスは多岐に渡ります。 Webページやブログのヘッダ、プロダクトの打ち出し、ブランドのメッセージなど、見た人の印象に残るアイキャッチ画像の作り方、50の作例とデザインする際に役立つアドバイスを紹介します。 Steal Th... 続きを読む

米HP、業務アプリケーション向けのUXフレームワーク「Grommet」、オープンソースで公開 － Publickey

2015/06/07 199 users Publickey エンターブ 米ヒューレット・パッカード

米ヒューレット・パッカードは、業務アプリケーション向けのJavaScript製UXフレームワーク「Grommet」をオープンソースで公開しました。Grommetは、「コンシューマグレードの機能を備えたエンタープライズ向けのUXフレームワーク」（米HP CTO Martin Flink氏）として開発されたもの。 モバイル対応でカラーパレットやテンプレートなどにより容易にカスタマイズが可能。エンタープ... 続きを読む

デザインで色の組み合わせを決めるのに役立つ便利なオンラインツールのまとめ | コリス

2015/03/27 428 users コリス COO アクセシビリティガイドライン グラデーション

一つのカラーを元にそれにあったカラーパレットやグラデーションを作成したり、トレンドカラーを使った配色サンプル、アクセシビリティガイドラインに沿ったカラーパレットなど、配色設計に役立つオンラインツールを紹介します。 Coo...記事の続きを読む 続きを読む

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

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

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

単語を入力するとそのイメージに合ったカラーパレットを自動生成してくれる「Colores」 - GIGAZINE

2014/11/07 118 users GIGAZINE TREE 単語 テキストボックス 自動生成

単語を入力するだけでイメージにぴったりな画像を提示してくれ好きなカラーを直感的に探し出してカラーパレットやカラーコードを表示してくれるネットサービスが「Colores」です。 Colores http://colores.manugarri.com/ これがColoresのトップページ。単語を入力するテキストボックスがあるだけという超シンプルなデザインです。 例えば「tree(木)」と入力するとこ... 続きを読む

きれいに調和した色彩のカラーパレットを誰でもすぐ簡単に自動生成できる「Coolors」 - GIGAZINE

2014/10/23 141 users GIGAZINE Coolors ウェブデザイン 色彩 アプリ

ウェブデザインやアプリのUIを作成する際にどのような色を選んで組み合わせるべきなのかは非常に重要ですが、だからといってプロのデザイナーに頼むほどではない、というときに実践的な組み合わせのカラーパレットをスペースバーを押していくだけで爆速自動生成してくれるのが「Coolors」です。 Coolors - The super fast color palettes generator! http://... 続きを読む

カラーパレットを直感的に作ってページの見え方を確認できPNG・HTML出力もできる「Paletton」 - GIGAZINE

2014/07/25 63 users GIGAZINE 組み合わせ ウェブサイト 形式 操作

色の組み合わせによって人を信頼させたり安心感を与えたりすることが可能ですが、複数の色を使う場合に統一感のある組み合わせを生み出すのはなかなか難しいもの。「Paletton」は簡単な操作で直感的に色の組み合わせることが可能で、実際にウェブサイトに採用したらどうなるのか？ということもサクッと確認でき、HTML・CSS・LESS・XML・TEXT・PNG・ACO・GPLなどさまざまな形式で出力することも... 続きを読む