見栄えの良い4色または5色を組み合わせる配色ツールはいろいろありますが、WebサイトやスマホアプリのUIデザインだとうまく機能しないことがあります。 カラーブランディングに成功しているWebサイトを見ると、そんなに数多くの色は使用されていません。デザインの一貫性を保つには、プライマリーカラーを1つ、アクセントカラーを1つ、あとはニュートラルトーンのベースカラーを使用しています。 この3つのカラーに9つの色合いを組み合わせたカラーパレットを生成する配色ツールを紹介します。 Goodpalette GoodpaletteはUIデザインに特化されたオンラインの配色ツールで、無料で使用できます。登録など面倒なことは一切不要。 使い方は簡単で、上部の「Generate」ボタンをクリックするだけです。生成した配色は、WebサイトやSlackやダッシュボードでどんな感じになるか確認できます。
「なんとなくこんな感じ」というイメージから、キーワード、写真、イラスト、デザイン作例、パターンなど、さまざまなアプローチから好みの配色を見つけることができる配色本を紹介します。 デザイナーやイラストレーターだけでなく、趣味でイラストや塗り絵をする人、また企画書やプレゼンなどの資料、ファッションやインテリアなどにも役立つ配色です。 本書は、昨日発売されたばかり！ 去年発売され、当ブログでも好評だった「配色デザインインスピレーションブック」の第2弾です（紹介記事）。第1弾は発売後、書店でもAmazonでも売り切れ状態がずっと続いていました。第2弾となる本書も充実した内容となっており、第1弾を持っている人はもちろん、持っていない人にもお勧めです。
この記事では、Web制作が快適に捗る、便利な最新オンラインツールをまとめてご紹介しています。 新型コロナウイルスによる影響で、在宅によるリモートワークが増えたことで、誰かと一緒になにかを行う、コラボレーション関連ツールの公開が多くなっています。 その他にも面倒な作業をワンクリックで完了させる、知っておくと便利なジェネレーター系ツールや配色リソースなどが揃います。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. デザインコレクション 2. Web制作便利ツール 3. 配色ツール 4. イラスト系ライブラリ 5. プロトタイプツール 6. アイコンツール 7. コラボ、リモートワークツール 8. 面白、クリエイティブツール Web制作が面白いほどはかどる！便利な最新オンラインツールまとめ デザインコレクション、UIキット Magma St
当ブログでも大好評だった「3色だけでセンスのいい色（紹介記事）」の第2弾が、ついに発売されました！ 配色が苦手な人でも、センスに自信がない人でも、たった3色だけでおしゃれな配色が完成する新発想の配色本です。 しかも早期購入キャンペーン（12/22まで）があり、書籍版を購入すると同じ内容の電子版（PDF）がもらえます。書籍版か電子版か悩む人には朗報ですね。 本書は先日発売されたばかりのアイスキャンディー本！ 第1弾は発売後Amazonで品切れが続いていたベストセラーの配色本。今回も早期購入キャンペーンがあるので、品切れになりそうな予感がします。 著者のingectar-e様は、「けっきょく、よはく。」「ほんとに、フォント。」など人気のデザイン書をたくさん手がけているので、知っている人も多いと思います。
2022年のウェブデザインのトレンドはどうなっていくでしょう。 手掛ける作品やプロジェクトが、1年を通して新鮮でモダンな雰囲気を演出できるために、どのようなスタイルやテクニックを知っておくと良いでしょうか。 今回は、2022年のWebデザインで注目したいトレンドをまとめてご紹介します。 2021年後半から人気となっているスタイルや、これから注目の最新トレンドを中心に、たくさんのデザイン事例と一緒にまとめています。 コンテンツ目次 1. たのしく、暢気なデザイン 2. 白黒のモノクロ配色 3. 大胆で実験的な書体づかい 4. 特大サイズのマウスポインター 5. 立体的な3Dデザイン要素 6. ほぼ「ブルータリズム」 7. スクロールする文字テキスト 8. グラスモーフィズム 9. さらなるグラデーションに 10. 画像をつかわないホームページ 11. 重なり合うレイヤーエフェクト 12. 画
「くそダサいデザインの表紙」がダサくなくなるまでの解説がわかりやすくてタメになる…フォントや配色、文字配置など参考になる情報も (2ページ目)
すぴかあやか（角田綾佳） @spicagraph 白い背景で100％→0％のグラデーションってガタつくなと思っていたら「マッハバンド」と言う錯視らしい！ プラス、凸版印刷ではこういうグラデーションが難しいことを教えてもらった、なごみさんありがとー！このページの「グラデーションの印刷表現」が参考になりました。 toppan.co.jp/biz/gainfo/pr/… pic.twitter.com/XUKbFAmpIL 2020-08-17 11:26:17
Super Fast Color Palette Generator E468BBFFEDDBA2BA3FC406390F211B
【永久保存版】知らないと損をする、悩まない配色えらび講座
あなたは、自分のアイデアや考えを誰かに伝えたいとしましょう。 文字をベースにしたコンテンツはもちろん重要ですが、イラストやチャート図、グラフ、アニメーションGIFなどの画像を作成することで、読者の注意を引き、記事やレポートをより充実させることができます。 成功のカギはずばり、色彩理論を知ることで、コンテンツを際立たせるのに役立ちます。 しかしそうは言っても、あなたもこんな風に悩んだことがあるはず。 「魅力的でかっこいいデザインをする方法がよく分らない。」 「私、クリエイティブじゃないし、。」 私は、”売れるデザインとは？”という究極の悩みを考え続け、このサイトで公開する記事用のビジュアルを作成する日々を、１５年ちかく送ってきました。 ちょっとした配色の違いで、アクセス数が２倍、３倍に変わったことも何度もあります。 このような経験があるからこそ、ハッキリ言えることがあります。 それは、配色で
配色はデザインにおいて欠かせない重要な要素です。しかし、配色がなかなか決まらずに悩んでしまったという経験は、誰しも一度はあるのではないでしょうか。 今回は、Webデザイン制作で便利な配色カラーパレットに関するHTML/CSSスニペットをまとめてご紹介します。 美しいグラデーションやクリックするだけで配色をコピーできたり、配色が苦手なひとでもボタンひとつで作成できる自動生成ツールなど、色に困ったときに使いたい便利なHTMLスニペットが揃います。 よ手軽な配色ツールをお探しのひとは、以下の記事も参考にしてみてはいかがでしょう。2020年の最新ツールも追加アップデートしています。 【2021年版】もう配色デザインには迷わない！すごい無料カラーパレットツール83個まとめ Webデザイン配色は怖くない！制作で便利なHTML/CSSカラースニペットまとめ Gradients Collection Pr
デザイン研究所 (デザ研) on Twitter: "おすすめ配色サイトまとめ https://t.co/z1N35xsj1u"
おすすめ配色サイトまとめ https://t.co/z1N35xsj1u
A fun way to discover interesting color combinations.
WebサイトやスマホアプリのUIにトーンを合わせたカラーを使用すると、デザインに統一感が生まれます。このトーンを合わせたカラーというのは、明度と彩度が一貫されたカラーのことです。 デバイスに依存しない、トーンを合わせたカラーパレットをOKLCH色空間で簡単に作成できる無料ツールを紹介します。RGBやHEX値もサポートしています。 The good colors The good colorsは、OKLCH色空間を使用してカラーパレットを作成できるオンラインツールです。OKLCH色空間とは、明度（Lightness）、彩度（Chrome）、色相（Hue）の値で構成されるカラーで、LCHに比べて色相と彩度の均一性が改善された色空間です。そのため、明度と彩度が一貫された知覚的変化が保証されます。 OKLCH色空間を使用したカラーパレット 使い方は、簡単です。 「Lightness」と「Chrom
Generate color pallets using deep learning powered algorithm
イメージはなんとなく浮かぶけど、じゃあその配色は具体的にどうすれば、、、そんなデザインやイラストの悩みに大活躍する配色本を紹介します。 本書は人気シリーズの第3弾で、今回は「カラー縛り」のデザイン案件に役立つ配色になっています。例えば、レッド系でもさまざまなトーンのレッドと色の組み合わせを写真・イラスト・パターン・キーワードなどさまざまな角度の配色が分かります。 本書は、当ブログでも好評だった「配色デザインインスピレーションブック」の第3弾（第1弾の紹介記事、第2弾の紹介記事）。第1弾も第2弾も発売後は書店でもAmazonでも売り切れ状態がずっと続いていました。 第3弾となる本書もさらに充実しており、前書を持っている人はもちろん、今回初めてという人にもお勧めです。
新海誠 on Twitter: "面白い分析ですね。アニメは集団作業ですので一律には言えませんが、確かに背景美術は明暗レンジいっぱいは使わないようにしてもらっています。白100%や黒100%はセルやコンポジットのためにとっておきたいので。眩しさ（フレア）や暗さ（パ… https://t.co/1JjwQcGe16"
面白い分析ですね。アニメは集団作業ですので一律には言えませんが、確かに背景美術は明暗レンジいっぱいは使わないようにしてもらっています。白100%や黒100%はセルやコンポジットのためにとっておきたいので。眩しさ（フレア）や暗さ（パ… https://t.co/1JjwQcGe16
こんにちは！デザイナーの北島です。 先日ディズニーシーに行ってきたんですがデザインオタク的に最高の場所でした。 今回はディズニーシーの地区ごとに配色と意匠、場所づくりをまとめ考察してみたものをnoteにまとめてみようと思います。700枚写真撮ったのでパソコンがシューシューいってます。 スペシャルサンクス！いっぱい紹介してくれたDオタの友達！ 追記：ランド編も出しました！ アメリカンウォーターフロント昔のアメリカをモチーフにしたエリア。20世紀初頭の雰囲気を再現しているらしいです。 タワー・オブ・テラーやでかい船、タートルトークがあります工業発達してる感ある街並み煉瓦造りやスチールの質感が多く使われていて、工業発展したな〜〜！！感があります。色彩は他の地域に比べて黒に近い重い色が多めに使われていたり、金属を色づけているあたりで工業力を感じます。 ニューヨークエリア。フォントは装飾的なものが多
「中国と外国でお互いの祝日を祝い合うことは、開かれた世界では当たり前のことだ」などと指摘する文章もあった
本記事では「目的に応じたUnityシーン内での配色デザインを学ぶ」を目標にしています。 具体的には、使用する3Dモデルの魅力を最大限に活かす為の配色やデザインの考え方を、実際にシーンを作りながら学びます。 サンプル STYLY GALLERYからサンプル空間を体験できます。 https://gallery.styly.cc/Machio_Kinniku/66e773f5-8ec2-11e9-b34d-4783bb2170d0 全体の流れ 使用する3Dモデルを用意し効果的な配色とデザインを学びつつ、目的に応じたシーンを作成します。 簡単なデザインの知識を学んだ後に3Dモデルを配置し、Lightなどの要素を追加後にPostProcessingStackを導入します。 事前準備 ・Unity 2019.3.x ・Allsky(Unityの有料Asset。未購入の方向けに補足あり) ・3Dモデル(
Webデザインの配色に悩んだときの参考になる！ UI要素のさまざまなカラースキームをまとめた配色サイト -Spectrum.Art
WebサイトのUIに使用するヘッダ、ボタン、イラスト、カード、カラム、ラインなど、UI要素のさまざまなカラースキームをまとめた配色サイトを紹介します。 カラースキームはページ全体、コンポーネントごとにまとめられており、それぞれのカラーは16進のHEX値が記載されています。各カラーをクリックするだけで簡単にコピーして利用できます。 Spectrum.Art Spectrum.Artは魅力的で視覚的にも優れたUIデザインを簡単に実現するために、UIデザイナーが厳選した色の調和に優れたカラースキームをまとめたサイトです。鮮やかで人目を引くカラースキームから、繊細でエレガントなカラースキームまで幅広いオプションが提供されています。 Spectrum.Art 2023年9月現在、カラースキームは16種類あり、各カラースキームはページ全体やコンポーネントごとにまとめられています。 では、Color s
この記事では、デザインアイデアを探すときに便利な、デザイナーのための検索サービス Muzli Search の詳しい使い方をご紹介します。このツールを利用することで、デザインのインスピレーションが欲しいときに、高品質なアートワークやロゴ、イラスト、写真のみを配色カラーパレット付きで検索できる、デザイン制作でも重宝するツールです。 コンテンツ目次 1. Muzli Searchって何？ 2. Muzli Searchの使い方は？ 3. Muzli Chrome 拡張機能プラグインもオススメ 4. 配色をもっと学びたいひとへ Muzli Searchって何？ Muzli Searchは、画像検索をより楽しく、ビジュアル重視で行うことができる、デザイナーのための新しい検索ウェブサービスです。キーワードはもちろん、HEXカラーコードや色の名前などを組み合わせて検索することができ、見つけたお気に入り
ピクシブは5月28日、Preferred NetworksとAI技術によるマンガの自動着色ソフト「Petalica Paint for Manga」を法人向けに試験提供すると発表した。 両社は、2019年11月より創作活動を楽しくする新サービスの開発を目的に、イラスト自動着色分野で業務提携しており、AI技術のひとつである深層学習（ディープラーニング）を用いた線画自動着色サービス「Petalica Paint」を共同で運営してきた。 今回試験提供を開始する「Petalica Paint for Manga」は、Petalica Paintの新モデルとして開発。Windows/Mac版を用意し、色のついたキャラクター画像を参考に、自動でモノクロ原稿上のキャラクターの着色が可能。また、「カラーヒント機能」を使うことで、自動着色の結果に細かく調整を追加することもできる。 自動着色後には、髪・服・肌
2021年のトレンドカラーがPantoneから発表されました。 トレンドカラーはイエローとグレーの2色、希望に満ちた元気なイエロー「イルーミネイティング」と堅実で信頼できるグレー「アルティメットグレー」です。 2色を組み合わせることで、日当たりの良い、親しみやすい何かを約束して、より深い思いやりの気持ちをカプセル化した色の物語になります。 Pantone Color of the Year 2021 PANTONE 13-0647 Illuminating PANTONE 17-5104 Ultimate Gray トレンドカラーを使用した配色 スウォッチ素材のダウンロード PANTONE 13-0647 Illuminating 2021年のトレンドカラーの1つは、PANTONE 13-0647 Illuminatingです。 PANTONE 13-0647 Illuminating P
第二次世界大戦中に飛んでいた、日本を代表する飛行機「零戦」。三菱重工と中島飛行機（現SUBARU）で生産され、旧日本海軍の主力として戦った戦闘機です。 2018年、ガダルカナル島のジャングルで見つかった零戦の残骸、製造番号「三菱2666号」を片渕監督の所属事務所で購入。現在は千葉県松戸市の航空史研究家・中村泰三さんの個人宅で保管し、月に一度一般公開もしています。 それにしても縦横数メートルにも及ぶこの残骸を、なぜ手に入れようと思ったのでしょうか？ 「零戦の色って、何色なのかずっと曖昧だったんですよ。たくさん作られて、たくさんの人に見られてたはずなのに、ある人は『色みを帯びないグレー（灰色）だった』、ある人は『グリーンっぽいグレー（灰緑色）だった』、またある人は『どちらもあった』と言うんです。人の言葉や記憶の上では、零戦が本当は何色だったのかが明確な形で残ってこなかったんですね。さらに『飴色
「『UCCミルクコーヒー』の“色彩”が商標登録。食品業界初」というニュースがありました。 登録番号は6201646号です（タイトル画像参照）。自動販売機での購入というシナリオを考えると、商品名をよく確認せずに缶の色合いが似た偽物を買ってしまう可能性は高そうなので、色（の組み合わせ）のみで商標登録して他社の摸倣を排除することには大きな意義があるでしょう。 色彩のみの商標登録では、使用による識別性（セカンダリミーニング）、すなわち、ほとんどの消費者が「あの色はあの商品」と思うくらいの認知度を獲得していることが求められます。UCCの缶コーヒーの色合いはこのような認知度を獲得していることが特許庁に認められたことになります。これには私も同意します。 缶コーヒーの色合いと言えば、サントリーがBOSSレインボーマウンテンブレンドの色（下図参照）を出願しており、現在、まさに認知度の立証を行なう段階です。個
鮮やかなグラデーションを作成したいのに、なぜか色の移り変わる部分がくすんで灰色っぽくなってしまう……という経験をした人もいるはず。このような事態を避けて色鮮やかなグラデーションを作成可能にするツール「CSS Gradient Generator」が公開されています。CSS Gradient Generatorで作成したグラデーションはCSSのlinear-gradient関数としてコピー＆ペースト可能なので、そのままウェブデザインとしても利用可能です。 CSS Gradient Generator https://www.joshwcomeau.com/gradient-generator/ Make Beautiful Gradients in CSS, with linear-gradient, radial-gradient, or conic-gradient. https://w
簡単で便利！Sketch, Figma, AdobeXDなどにコピペで利用できるUIデザイン用のカラーパレットを生成 -CopyPalette
最近のUIデザインでよく使用されている、一貫性のある単色のカラーパレットを簡単に生成でき、そのカラーパレットをSketch, Figma, AdobeXDなどにコピペで利用できるオンラインツールを紹介します。 CopyPalette CopyPaletteは1つのカラーをベースに、濃淡のバリエーションでカラーパレットを簡単に生成できるオンラインツールです。生成されるカラーパレットはSVGなので、さまざまなソフトウェアにコピペで利用できます。 CopyPaletteの使い方は簡単、登録など面倒なことも一切不要です。 まずは、サイトにアクセスします。
美しいカラーパレットを生成できるツールはたくさんありますが、配色を探しているときに役立つ便利なオンラインツールCoolorsをご紹介します。 人気トレンドのおしゃれな配色カラーパレットを確認、編集できたり、写真から色を抽出したコラージュの作成、色覚障がい診断ツールの他に、配色の明るさや彩度、色温度なども調整できるなど、配色に必要なあらゆるツールが揃っています。 Coolorsとは Coolorsは、Spaceキーを押すたびに配色をランダムで作成、編集できるオンラインツール。配色に自信がなくても、数千を超える美しい配色カラーパレットからインスピレーションを見つけることもできます。 失敗しない配色えらびに役立つさまざまなツールが同時に公開されている点もポイントです。では、Coolorsの使い方を詳しくみていきましょう。 Coolorsの使い方 Coolorsの使い方は、基本的な2通りとなります
2022年のトレンドカラーは最も幸せで暖かいブルー！「ベリーペリ（Very Peri）」、HTMLのコードは「#6667ab」
2022年のトレンドカラーがPantoneから発表されました。 トレンドカラーは「最も幸せで暖かいブルー」ベリーペリ（Very Peri）、斬新な視点と新しいビジョンをもたらす象徴として選ばれました。 ベリーペリ（Very Peri）は「a periwinkle shade of blue」と呼ばれる真っ青な青に新しい赤紫が染み込んだ色合いで、世界的な革新と変革が起こっていることを反映しています。 Pantone Color of the Year 2022 PANTONE 17-3938 Very Peri トレンドカラー「ベリーペリ」を使用した配色 スウォッチ素材のダウンロード PANTONE 17-3938 Very Peri 2022年のトレンドカラーはラベンダー、PANTONE 17-3938 Very Periです。 PANTONEの副社長であるLaurie Pressman氏
配色のバリアフリー
同じものを見ていても見え方は人それぞれ。人のものの見え方は非常に多様です。代表的な例では、色の見え方が異なる色覚多様性が知られています。日本人では、90%以上の人はＣ型色覚（あるいは一般色覚）をもち、男性では20人に１人、女性では500人に１人程度は、それ以外の色覚をもっています（Ｐ型、Ｄ型、Ｔ型など）。Ｃ型色覚の人は簡単にいうと虹色を７つの色に分離して認識することができますが、それ以外の色覚の人は同じように色を認識することができません。そのため、信号の３色の色分けや、危険や警告を表すために使われる赤色などは、Ｃ型以外の色覚をもった人にとって認識しづらい場合があります。つまり、色覚多様性に配慮されていない配色は、製品の利用や情報の理解を妨げる障害になってしまいます。他にも、感覚過敏をもつ人の中には、発色の強い色やコントラストの強い色の組み合わせ、たくさんの色が使用されているものは刺激が強す
増田をデコる
参考にするです ↓▶︎ ww 🐂 ww ▼はてな匿名ダイアリーの標準スタイルシートでデコるバッドノウハウ https://anond.hatelabo.jp/20100827202157# ●バンダイビジュアル 出典元 https://anond.hatelabo.jp/20210710192249# ● ビッグマスダーはあなたを見ている 出典元 https://anond.hatelabo.jp/20230707225450# 出典元 https://anond.hatelabo.jp/20230915165739# ● やで〜 ⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜ ⬜⬜⬜⬜⬜🟨🟨🟨🟨⬜⬜⬜⬜⬜ ⬜⬜⬜🟨🟨🟨🟨🟨🟨🟨🟨⬜⬜⬜ ⬜⬜🟨🟨🟨🟨🟨🟨🟨🟨🟨🟨⬜⬜ ⬜⬜🟨🟨⬛🟨🟨🟨🟨⬛🟨🟨⬜⬜ ⬜🟨🟨⬛🟨⬛🟨🟨⬛🟨⬛🟨🟨⬜ ⬜
SOZORO🌙 on Twitter: "いろんな 時間と グラデーション https://t.co/EKEqqG2TFD"
いろんな 時間と グラデーション https://t.co/EKEqqG2TFD
全人口の４％以上の人が色覚異常を持っているということをご存知でしょうか。さまざまな色覚異常やその他の視覚障害は、あなたのWebサイトのリーダビリティ（可読性）とユーザビリティに影響を与える可能性があります。 どのように色が見えるかに関わらず、すべてのユーザーが利用できるようにデザインするのがあなたの責任なのです。 適切なツールを使えば、こういったデザインはあなたが思っているよりも簡単にできます。 アクセシビリティとは何か どのようなユーザーが見ても簡単に理解できるようなWebサイトを作るために、Webサイトのデザインに関しては数多くのアクセシビリティチェックとスタンダードがあります。 アクセシビリティはオーディオや、ナビゲーション、フィードバック、テキストのプロパティ、色など広範囲に関係します。今回は最後に挙げた「色」に注目します。というのも、これはデザインの初期段階で特定でき、問題を起こ
たとえさまざまな配色ツールを利用したとしても、魅力的なカラーパレットが思いつかずに悩んでしまったという経験はないでしょうか。 ひとつの色を選択するだけで、何百種類もの配色カラーパレットを作成できるデザインテクニックが紹介されていたので、今回はご紹介します。 このテクニックを習得しておけば、メインカラーを決めるだけで、自分でも思いつかなかったような配色カラーパレットを直感的にデザインすることができます。 魅力的な配色カラーパレットのつくり方 紹介されている動画では、サンプルとしてAdobe Photoshop CC 2020を利用していますが、カラーピッカー機能があればIllustratorなど他のデザインアプリでも、同じ作業を行うことができます。 まずはツールバーに表示されている描画色をダブルクリックし、カラーピッカーを表示しましょう。 最初に選択する色は、色合いが濃かったり、暗すぎたりし
デザインをするときに、頭を抱えがちな「配色どうしよう」問題。いかに手早くイメージに合った色を選べるかがカギになってきます。 各デザイン用途に役立つ配色ツールも十分便利なのですが、AIの力を借りることで誰でもより簡単に、これだ！と感じる色に巡り会えるかもしれません。 この記事では、AIを活用した配色ツールをまとめてご紹介します。 実際にわたしがツールを試した使用感、デザイン制作に役立つと感じた点と一緒にまとめています。 キーワードから配色を提案するColor Magic AIでオリジナルのカラーパレットをつくれるサービスColor Magic。 雰囲気やイメージのキーワードから、今すぐ使える配色を簡単に生成できます。 日本語での入力に対応している点もうれしいポイント。無料版では、5回/日までカラーパレットを生成可能。 使い方はいたってシンプル。キーワードを入力するだけで、5色のカラーパレット
デザインが何となくダサい。デザインがダサいと周りに言われてしまう。 自分でもデザインがダサいのは分かっていても原因が分からない…から解決出来ない。 そのデザイン、ダサいのにはしっかりとした原因があるんです！ 今回はデザインがダサいと悩む初心者の方に送る、デザインがダサい12の原因と、それぞれの解決方法を紹介していきます。 12のポイントをチェックし、改善すれば必ず綺麗なデザインが出来るようになるので、すぐに取り入れて見て下さい。 デザインがダサい原因１．色問題 まずはデザインの印象を大きく左右する色の問題についてです。 デザインがダサい人の多くは色使いに原因があります。 1-1.ダサい色は使わない ダサい色とは？と感じた方、上記をご覧ください。 このようなTHE原色っぽい色はダサい印象になりがちなので、使用する事は禁止しましょう。 また、色にも流行があります。つい最近までお洒落だと思ってい
Gradientaはマルチレイヤーの複雑なCSSグラデーションを紹介、コードもコピーできるプロジェクトサイトです 各グラデーションはCSSだけでなくjpgとしても配布されており、それぞれダーク、ライト、シンプル、鮮やか、対照的、抽象的などのカテゴリに分けられています 中にはCSS製とは思えないものもあって勉強になりました サンプル 1つをサンプルとして用意してみました。任意の要素にコピーしたコードをペーストするだけで使えます 現在150以上の複雑なCSSグラデーションが用意されています。使用するのも勿論、勉強用にも如何でしょうか ライセンスはMITとの事です Gradienta
ABOUT映画のポスターって良いですよね。 グラフィックひとつで世界観を現し、物語の始まりを予感させる。 劇場の壁に並ぶそれらを眺めるのも映画館に足を運ぶ楽しみのひとつだと思います。 このサイトはそんなポスターグラフィックを元に生成した配色パターンを提示します。 FUNCTION6つの機能TMDb APIで表示させたポスターの画像情報を元に、JavaScriptを用いて機械的に色情報を抽出し、5色の配色パターンを生成しています。映画の情報、ソート内容、キーワード検索等はTMDbのデータを元に出力されます。 ※たまに情報はあれどポスター画像が登録されていない作品もあります。
はじめに 数年前から「デザインの民主化」「非デザイナー向けの〇〇」といったワードをよく見るようになりました。それに伴い、デザイナー不在でも制作ができる便利なツールも増えてきましたね。 ReactなどのUI制作に便利なライブラリが広く使われたり、Canvasを使ってのバナー制作を行う人も増えてきた印象があります。 一方で「たくさんあるテンプレートから何を基準に選べば良いのか分からない」「アレンジしたけど、なんだか上手くいかない」という人もいるのではないでしょうか。 「非デザイナー～」シリーズでは「知っているとちょっと得するデザインTIPS」や「話のネタになるデザイン豆知識」をお伝えしていこうと思います。 今回のテーマ「色」 デザインの構成要素にはいくつかの考え方がありますが、非デザイナーがUIやバナー制作で特に意識する必要があるのは以下の4つだと思います。 色 フォント オブジェクト（写真・
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UIデザインに特化された配色ツール！ Webサイトやスマホアプリで使用する色に悩んだときに便利 -Goodpalette
素敵な配色本を見つけた！イメージにぴったりな配色が必ず見つかる -配色デザインインスピレーションブック 2
これだけあれば困らない！Web制作を快適にする最新オンラインツール48個まとめ
新しいトレンドカラーが満載！ たった3色でおしゃれな配色になるかなり使える配色本 -3色だけでセンスのいい色 Part 2
2022年はこれだ！注目のWebデザイン人気トレンド16個まとめ
ColourPaletteGenerator.com
https://twitter.com/tsudashin/status/1293544547302088704
Webサイト配色のお悩み解決！制作で便利なHTML/CSSカラースニペット21個まとめ
colors.lol - Overly descriptive color palettes
[PDF]公文書作成におけるカラーユニバーサルデザインガイドライン｜川崎市総務局
UIデザインに最適！ トーンを合わせたカラーでカラーパレットを簡単に生成できる無料ツール -The good colors
Eva Design System: Deep learning color generator
実用性が高い配色本！カラー縛りのデザインやイラストにすごく使える -配色デザインインスピレーションブック 3
【デザインの観察】 ディズニーシーで配色と街のデザインの観察をしてみた｜鮎
「クリスマス禁止令」が本当に出される。「流石にやりすぎ」とネットユーザー驚き 中国
【Unity】3Dモデルの魅力を引き出す配色とデザイン | STYLY
ノンデザイナーにおすすめ！センスの良い配色、デザインアイデアを見つける画像検索ツール Muzli Search
ピクシブとPFN、AIを使った自動着色ソフトを法人提供--カラーマンガの制作コスト低減
2021年のトレンドカラーは2色！太陽の輝き「イルーミネイティング」と信頼の「アルティメットグレー」
集める人 #01 片渕須直（映画監督）:「零戦の機体」
UCCが缶コーヒーの色彩のみの商標登録に成功（栗原潔） - エキスパート - Yahoo!ニュース
中央に汚い灰色が混ざらずきれいなグラデーションを作成できる「CSS Gradient Generator」レビュー
配色えらびに超便利！カラーパレットやグラデーションなど色ツールが揃ったCoolors
色のアクセシビリティを改善するための10のツール
コツいらず！たった1つの色から何百もの配色カラーパレットを作成する便利テクニック
色はAIで決める、デザイナーが知っておきたいAI配色ツール10選
【簡単】デザインが「ダサい」12個の原因と、今すぐ出来る解決方法
マルチレイヤーな複雑なCSSグラデーションのコードをコピーできる・「Gradienta」
MOVIE POSTER COLORS｜APIで取得した数々の映画ポスターから抽出する配色パターン集
非デザイナーのための、ちょっと得する「色」のこと - Qiita