イメージはなんとなく浮かぶけど、じゃあその配色は具体的にどうすれば、、、そんなデザインやイラストの悩みに大活躍する配色本を紹介します。 本書は人気シリーズの第3弾で、今回は「カラー縛り」のデザイン案件に役立つ配色になっています。例えば、レッド系でもさまざまなトーンのレッドと色の組み合わせを写真・イラスト・パターン・キーワードなどさまざまな角度の配色が分かります。 本書は、当ブログでも好評だった「配色デザインインスピレーションブック」の第3弾(第1弾の紹介記事、第2弾の紹介記事)。第1弾も第2弾も発売後は書店でもAmazonでも売り切れ状態がずっと続いていました。 第3弾となる本書もさらに充実しており、前書を持っている人はもちろん、今回初めてという人にもお勧めです。
こんにちは!デザイナーの北島です。 先日ディズニーシーに行ってきたんですがデザインオタク的に最高の場所でした。 今回はディズニーシーの地区ごとに配色と意匠、場所づくりをまとめ考察してみたものをnoteにまとめてみようと思います。700枚写真撮ったのでパソコンがシューシューいってます。 スペシャルサンクス!いっぱい紹介してくれたDオタの友達! 追記:ランド編も出しました! アメリカンウォーターフロント昔のアメリカをモチーフにしたエリア。20世紀初頭の雰囲気を再現しているらしいです。 タワー・オブ・テラーやでかい船、タートルトークがあります工業発達してる感ある街並み煉瓦造りやスチールの質感が多く使われていて、工業発展したな〜〜!!感があります。色彩は他の地域に比べて黒に近い重い色が多めに使われていたり、金属を色づけているあたりで工業力を感じます。 ニューヨークエリア。フォントは装飾的なものが多
WebサイトのUIに使用するヘッダ、ボタン、イラスト、カード、カラム、ラインなど、UI要素のさまざまなカラースキームをまとめた配色サイトを紹介します。 カラースキームはページ全体、コンポーネントごとにまとめられており、それぞれのカラーは16進のHEX値が記載されています。各カラーをクリックするだけで簡単にコピーして利用できます。 Spectrum.Art Spectrum.Artは魅力的で視覚的にも優れたUIデザインを簡単に実現するために、UIデザイナーが厳選した色の調和に優れたカラースキームをまとめたサイトです。鮮やかで人目を引くカラースキームから、繊細でエレガントなカラースキームまで幅広いオプションが提供されています。 Spectrum.Art 2023年9月現在、カラースキームは16種類あり、各カラースキームはページ全体やコンポーネントごとにまとめられています。 では、Color s
ピクシブは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
「『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
美しいカラーパレットを生成できるツールはたくさんありますが、配色を探しているときに役立つ便利なオンラインツールCoolorsをご紹介します。 人気トレンドのおしゃれな配色カラーパレットを確認、編集できたり、写真から色を抽出したコラージュの作成、色覚障がい診断ツールの他に、配色の明るさや彩度、色温度なども調整できるなど、配色に必要なあらゆるツールが揃っています。 Coolorsとは Coolorsは、Spaceキーを押すたびに配色をランダムで作成、編集できるオンラインツール。配色に自信がなくても、数千を超える美しい配色カラーパレットからインスピレーションを見つけることもできます。 失敗しない配色えらびに役立つさまざまなツールが同時に公開されている点もポイントです。では、Coolorsの使い方を詳しくみていきましょう。 Coolorsの使い方 Coolorsの使い方は、基本的な2通りとなります
参考にするです ↓▶︎ ww 🐂 ww ▼はてな匿名ダイアリーの標準スタイルシートでデコるバッドノウハウ https://anond.hatelabo.jp/20100827202157# ●バンダイビジュアル 出典元 https://anond.hatelabo.jp/20210710192249# ● ビッグマスダーはあなたを見ている 出典元 https://anond.hatelabo.jp/20230707225450# 出典元 https://anond.hatelabo.jp/20230915165739# ● やで〜 ⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜ ⬜⬜⬜⬜⬜🟨🟨🟨🟨⬜⬜⬜⬜⬜ ⬜⬜⬜🟨🟨🟨🟨🟨🟨🟨🟨⬜⬜⬜ ⬜⬜🟨🟨🟨🟨🟨🟨🟨🟨🟨🟨⬜⬜ ⬜⬜🟨🟨⬛🟨🟨🟨🟨⬛🟨🟨⬜⬜ ⬜🟨🟨⬛🟨⬛🟨🟨⬛🟨⬛🟨🟨⬜ ⬜
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氏
たとえさまざまな配色ツールを利用したとしても、魅力的なカラーパレットが思いつかずに悩んでしまったという経験はないでしょうか。 ひとつの色を選択するだけで、何百種類もの配色カラーパレットを作成できるデザインテクニックが紹介されていたので、今回はご紹介します。 このテクニックを習得しておけば、メインカラーを決めるだけで、自分でも思いつかなかったような配色カラーパレットを直感的にデザインすることができます。 魅力的な配色カラーパレットのつくり方 紹介されている動画では、サンプルとしてAdobe Photoshop CC 2020を利用していますが、カラーピッカー機能があればIllustratorなど他のデザインアプリでも、同じ作業を行うことができます。 まずはツールバーに表示されている描画色をダブルクリックし、カラーピッカーを表示しましょう。 最初に選択する色は、色合いが濃かったり、暗すぎたりし
Gradientaはマルチレイヤーの複雑なCSSグラデーションを紹介、コードもコピーできるプロジェクトサイトです 各グラデーションはCSSだけでなくjpgとしても配布されており、それぞれダーク、ライト、シンプル、鮮やか、対照的、抽象的などのカテゴリに分けられています 中にはCSS製とは思えないものもあって勉強になりました
はじめに 数年前から「デザインの民主化」「非デザイナー向けの〇〇」といったワードをよく見るようになりました。それに伴い、デザイナー不在でも制作ができる便利なツールも増えてきましたね。 ReactなどのUI制作に便利なライブラリが広く使われたり、Canvasを使ってのバナー制作を行う人も増えてきた印象があります。 一方で「たくさんあるテンプレートから何を基準に選べば良いのか分からない」「アレンジしたけど、なんだか上手くいかない」という人もいるのではないでしょうか。 「非デザイナー~」シリーズでは「知っているとちょっと得するデザインTIPS」や「話のネタになるデザイン豆知識」をお伝えしていこうと思います。 今回のテーマ「色」 デザインの構成要素にはいくつかの考え方がありますが、非デザイナーがUIやバナー制作で特に意識する必要があるのは以下の4つだと思います。 色 フォント オブジェクト(写真・
【ガレリアの人に聞いてみた】ゲーム業界最大の謎!? ゲーミングPCが虹色の秘密がついに判明!! その答えは「虹色は○○だから」 ゲーム用に作られたパソコンやマウス、キーボードなどをまとめて呼ぶ際に使われる”ゲーミング”。最近ではPC関連機器だけではなく、椅子やウェア、はたまたベッドなど広範囲で使われるようになっている。 そんな”ゲーミング〇〇”だが、なぜか”虹色に光るもの”というイメージで世間に認知されている……気がする! ということで、本記者は「ガレリア(GALLERIA)」というゲーミングPCブランドを展開するサードウェーブの方に、なぜ虹色に光るのか、そもそもなんで光るのかなどを直接聞いてみた! ▲ゲーミングPC「ガレリア(GALLERIA)を開発する株式会社サードウェーブより、製品事業本部、ゲーミングPC「GALLERIA」プロダクトマネージャーの武藤亮太氏。 PC内部から光が漏れ始
イラストを描くときに、配色に苦労していませんか?調和のとれたイラストを作成するために配色は重要です。この記事では、コミックアーティストのAnn Maulinaさんが、固有色と環境色や光の影響を意識した効果的な配色方法を説明します。 はじめに イラストやデザインで用いられる色の並びや組み合わせのことを、配色と言います。 デザインの場合、配色は主に固有色(自然光下のオブジェクトや物質の色)を指定するものです。 一方イラストの場合は、配色はその絵のムードや空気感というものを方向づけるために活用されます。 イラスト内の固有色は、周りの環境すべてから影響を受けます。 たとえば、下図左のキャラクターデザインで灰青色に見えるスカートは、右のイラストの中では緑色の環境光の影響で暗いターコイズブルーになります。 デジタルでイラストを描くと、ありとあらゆる色をクリック一つで変えることができます。 忘れてはいけ
2019年12月12日 インスピレーション, 色彩 毎年恒例、PANTONEによる「来年の色」が発表されました!2020年は夕暮れの空を連想させる「Classic Blue」です。穏やかで安心感のある落ち着いた色ですね。そんな「Classic Blue」に注目してみたいと思います。 ↑私が10年以上利用している会計ソフト! 「Classic Blue」ってどんな色? 広大で永遠に続くような夜空や海の深い青。寒色ですが、見ているだけでスッと心が安定する優しさも感じられますね。様々な色と組み合わせやすいベースカラーとしての役割もできそうです。 色の具体的な数値は以下の通り: PANTONE:19-4052 Classic Blue カラーコード:#0F4C81 RGB:R15, G76, B129 CMTK:C100, M76, Y25, K0 「Classic Blue」色の写真素材 Ado
この記事では、Illustratorで美しいグラデーション作成する基本ガイドとして、数回のシリーズに分けて具体的なデザイン方法や便利なテクニックを紹介しています。 今回は、グラデーションデザインに重要な「配色」の選択、設定を行っていきます。 ベースとなる色を決め、補色や類似色などの配色ルールを活用することで、グラデーションに必要な鮮やかなカラーグループを簡単に選ぶことができるテクニック。 Illustratorの配色に関する便利な機能を活用するので、配色が苦手なひともこの記事の終わりには、自分だけの美しいカラーパレットを簡単に作成できるようになります。 コンテンツ目次 1. Illustrator推奨ドキュメント設定 2. カラーガイドパネル 3. 補色によるカラーグループの作成 4. ペンタードカラーによるカラーグループの作成 5. 類似色によるカラーグループの作成 6. 鮮やかなカスタ
【トイレ】「『男性が青、女性が赤』という決めつけは性的少数者への配慮が足りない」指摘受け公衆トイレが色分けなしに。明石市 1 名前:記憶たどり。 ★:2021/10/09(土) 14:11:11.79 ID:hCkadYXr9 男性用は青色、女性用が赤色って当たり前?−。兵庫県明石市が公園に整備するトイレについて外装の色を市民投票で決めたところ、「性的少数者への配慮が足りない」と指摘され、男性用を青、女性用を赤とした最多票の案を撤回した。最近は街中で、利用者の性を特定しなかったり、男女で色分けしなかったりするトイレを見かけるが、どんな「配慮」が求められるのだろうか。 市民から最多の票を得た配色案が覆ったのは、同市大久保町松陰、石ケ谷公園にある「あそびの丘」に設置するトイレ。市は「利用者の声を反映させたい」として配色が異なる5種類のデザイン案を用意。7月17日から約2週間、公園に投票箱を置き
What is Leonardo? Leonardo is a one-of-a-kind tool for creating, managing, and sharing accessible color systems for user interface design and data visualization.
デザインやイラストに好きな1色をセンスよく使用したい、一つひとつの色を深く掘り下げた配色本を紹介します。 本書はちょっとした辞書並みの圧倒的な情報量に、ワクワクする配色がたくさん詰まっています。ピンク、赤、オレンジ、イエロー、黄緑、グリーン、青緑、ブルー、パープルと色相環を1つずつ回るように、1691の配色、259のデザイン作例、665のデザインパターンが収録されています。 たとえば、青緑の中の1つ「レディブルー」は上品で華やかさがあり、優しく静的な印象を与えるカラーです。1つの色に対してさまざまなデザイン・イラスト・写真の配色が収録されており、どれも試したくなります! 本書は昨日発売されたばかり! TDC賞・JAGDA・グッドデザイン賞の常連、石黒 篤史氏による、超一流のデザイナーが教える「色で魅せる」デザインの作り方です。1色ごとにカラー別の配色テクニックが解説されており、単なる配色本
LP(ランディングページ)の効果は十分に出ていますか? LPは購入や問い合わせに直結するページであり、Webマーケティングの肝となる存在です。継続的に売上げが上がるLPを作ることができれば、反響が増えて無駄なテレアポなどの営業をする必要がなくなり、今まで新規営業にかけていたコストをリピーター創出や新規事業立ち上げに回すことができます。 消費者に行動を起こしてもらうLPを作るためには、色選びがとても大切です。今回は色彩心理学に基づいて、人々がすぐに行動を起こしたくなる色の選び方を紹介します。LPの効果を上げる色を知り、売り上げをアップさせるLPを制作しましょう。 目次 メインカラー・サブカラー・コンバージョンカラーの決め方 色彩心理学における各色のイメージ 【業種別】LPにおすすめの色 色の力で「ついクリックしたくなるLP」にする ▼ LPを自社で作成・量産できるツールはこちら →詳細はこち
この記事では、2021年に注目されている配色の動向やトレンドを、8個のポイントに分けて詳しく紹介しています。 2019年、次に人気となる配色は、未来的なデザインで、明るく大胆な色使いだと考えていました。 しかし、2020年に入り、新型コロナウイルスの世界的大流行が起こります。そして、すべてが変わりました。 2021年に注目されている配色の動向としては、落ち着いたリラックスした気持ちにさせる色がほとんどでしょう。ネオンや派手な色の代わりに、よりソフトで、人間らしさを感じる色が選ばれています。 調和のとれた配色を考えてみましょう。これこそが、2021年のカラートレンドです。 たとえば、単色デザインや淡いパステルカラー、自然を題材にしたアースカラー、他の色の混ぜやすいカラーパレットなどがその代表です。 では、2021年に要注目の配色、カラーパレットの人気トレンドを詳しく見ていきましょう。 コンテ
こんにちは! WebクリエイタースクールデジタルハリウッドSTUDIO by LIGの運営担当の天(@10TEN10TAN10)です! 未経験からデザインを学ぶ中で受講生さんから時折いただくのが「おしゃれな配色ってなんですか?」ということ。 デザインのトレンドは日々変化していきますし、人それぞれ「おしゃれ」の定義って異なりますよね。今日の記事では『配色』を知るためのおすすめツールを紹介をします! デザインの世界に飛び込んでみませんか? 「プロから学びたい」、「クリエイティブな仕事がしたい」……という方は「スクールでの勉強」もおすすめです。デジLIGでは、未経験から6ヶ月でWebデザイナーを目指せます。現役Webデザイナーによる授業と豊富な就職支援が特徴!ぜひ一度詳細をチェックしてみてください 👉「デジタルハリウッドSTUDIO by LIG」詳細へ 👉スクールの概要が詳しく分かる資料の
by Jeremy Keith ノルウェーの画家であるエドヴァルド・ムンクの「叫び」は、独特のタッチで描かれた人物の顔と血のように赤く染まった夕景が印象的な1枚で、ムンクの代表作として知られています。この名画「叫び」の色彩が少しずつ劣化していると以前から指摘されており、その答えが「呼吸」にあったと最新の研究で判明しました。 Probing the chemistry of CdS paints in The Scream by in situ noninvasive spectroscopies and synchrotron radiation x-ray techniques | Science Advances https://advances.sciencemag.org/content/6/20/eaay3514 Edvard Munch's The Scream needs t
等間隔なのに不揃いに見える、青と黒なのに白と金の組み合わせに見える、白なのにぼんやりとシャドウが見える、ボーダーを加えたら塗りも変わったように見える。 色や形によるデザインの原則と目の錯覚を効果的に使ったUIデザイン、ロゴ、イラスト、文字組みのデザインテクニックが満載、色と形のデザインの法則150個がまとめられた保存版の一冊を紹介します。 本書はロングセラーで人気が高い「要点で学ぶ、デザインの法則150」の第3弾、デザインの中でも色と形に特化されたデザインの法則がまとめられた一冊です。 150個の法則は要点が簡単につかめるようにまとめられており、パラパラとページをめくるだけでインスピレーションが刺激されます。 デザインに携わるすべての人にお勧めです!
配色えらびは、デザインの中でももっとも頭を悩ますひとも多いでしょう。 これまでにもさまざまな配色ツールをご紹介してきましたし、または誕生日カラーを参考にしたり、という方法もあるでしょう。 しかし、気に入った配色を見つけて実際にデザインに取り入れてみると、「思ってたのと、なんか違う。」という経験は誰もが一度はあるでしょう。 そんな問題を解決できる、画期的な配色ツール Huemint を今回はご紹介します。 Huemint、何がすごい? Huemint は、ボタンをクリックするたびに美しい配色カラーパレットを自動生成できる、新しいオンラインツールです。 これだけであれば、人工知能をつかった配色ツールもあるでしょう。 ただし、このツールの他にはない強みがずばり、決めた配色を用途に応じたサンプル例で試すことができる点でしょう。 ブランディング向けのユニークな配色えらび 「Generate」ボタンを
オンラインには、たくさんの配色カラーパレットツールがあり、どれも魅力的で美しい色の組み合わせを見つけることができます。 しかし、気に入った配色をダウンロードして、いざデザインに落とし込んでみると、「あれ?思ってた感じと違う・・」、なんて経験は誰もが一度はあるでしょう。 そんな悩みを一発で解決してくれる、新しい配色ツール Palette Makerを今回はご紹介します。 お好みの配色をクリックで選ぶだけで、大量の制作サンプル例で色味を確認することができ、本当に必要なカラーパレットを直感的に選ぶことができます。 大量の制作サンプルで完成をイメージしやすい配色カラーツール Palette Maker このツールは、ロゴデザインやUI/UXデザイン、ポスター、イラストなどクリエイティブな分野の大量のデザイン例をつかって、お好みのカラーパレットの色合いを確認、検証できる、色好きのためのユニークなツー
ストックフォト写真を提供するShutterstockは、今年もっともダウンロードされた画像の配色、HEXカラーをピクセル単位で分析し、2021年に注目したい3色のカラートレンドを発表しました。 2021年のカラートレンドに選ばれた「Set Sail Champagne」、「Fortuna Gold」、「Tidewater Green」の3色はどれも、希望と新しいチャンスを象徴する、自然界の豊かでナチュラルな色調が特長です。 それぞれの配色を、HEXカラーコードや色の組み合わせと一緒に詳しくみていきましょう。新型コロナの外出自粛の影響で、世界中のひとが自然を欲しているようです。 2021年に要注目の配色カラートレンド!自然を感じるナチュラルな色合いが人気に Set Sail Champagne (#FAEBD7) エレガントな雰囲気の「セット・セイル・シャンパン(Set Sail Champ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く