配色はセンスじゃない、UIデザインで色をかんたんにキメるメソッド｜Taiki Ikeda｜note
どうも、イケダです。最近よくTwitterで知り合った若いデザイナーにお会いしているのですが、どなたにも決まって聞かれることがあります。 「G●●dpatchってぶっちゃけどうなんですか?」 知りません、なんで僕に聞くんだw 2015年に「Dear G●●dpatch」という内容のサイトを作って持っていったところ、「あー、またこれね...」と土屋さんに非常に悲しいリアクションをされてしまったので別の方法で気を引くことをオススメします。 というわけで今日は先日勝手にリデザインしたPolipoliのデザインを使って、UIデザインを行う時に僕が普段どのように色を選択しているのかをとても正直に書いていこうと思います。僕がこれから記す方法に則って色を選べば、誰でもナウでヤングなアプリを作ることができます。 はじめるよ レイアウトに関してはイニシエよりご先祖様がお築きになられたルールに則って並べればオ
マンセル表色系
ここでは、色に関しての用語を中心に、詳しく解説していますが、JIS（日本工業規格）に基づいた文章表現でまとめていますので、今までの文章に比べてむつかしい言葉や計算式等が多くでてきます。したがって、ここでは色に関する参考資料としてご一読いただければと思います。
その色合い大丈夫？ 色のある光源の特徴を押さえた配色方法 | いちあっぷ
複数の光源があるイラストの制作で、影の色、明るさ、暗さの表現方法に困った覚えはありませんか？ ＳＦ映画に出てくる基地のような人工的で複雑な光源の着彩も、光の色の仕組みを覚えてしまえばさほど難しくないかもしれません。 それでは早速、色と光の関係と、そのイラスト表現について学んでいきましょう！ 光と影の色のしくみ まずは、光と影の仕組みの３つのポイントをおさえましょう。 ポイント１: 光と影の色は補色関係 周りの壁が白で光源がひとつの環境下だと、影の色は光の色に対して、色相環上の補色にあたる色になります。 例えば、赤い光であれば落ち影は緑(左図)、黄色であれば青(右図)というような感じです。 上図では影色の彩度を多少強調して表現していますが、実際肉眼で確認できるのはわずかな色味です。 知っておきたい色相環と補色について 「色相環や補色ってなんだっけ？」という方に補足です。 △色相環と補色の関係
デザイナーじゃなくても知っておきたい色と配色の基本 | knowledge / baigie
色は私たちの身近に存在する視覚要素であり、日々の生活や行動に多大な影響を与えています。しかし、美術やデザインの専門教育を受けない限り、これほど身近な色を体系的に学ぶ機会はほとんどありません。 近年、ビジネスの現場でもデザインの重要性がよく語られます。ビジネスレイヤーで語られるデザインは課題解決を意味する広義のデザインであることも多いですが、その概念がプロダクトに落ちる段階では、ビジュアルデザインのような狭義のデザインも考えていかなくてはなりません。自分自身がデザイナーではなくとも、デザインを評価・判断すべき立場になることも、当然あるでしょう。 デザイナーでなくても、仕事の中で色を扱うシーンは他にもあります。PowerPoint等を使ってビジネス文書を作成をするとき、誰もが色を用いるでしょう。色の知識があれば、より効果的なドキュメント作成が可能になります。 このように考えると、色はデザイナー
ゲームCGの原理から学ぶ！イラストの色塗りのコツ - 萌えイラスト上達法！ お絵かき初心者の学習部屋
皆さんは、デッサンをして色塗りの法則を見つけているかと思います。 今回は、ちょっと違った視点で色塗りの法則を見つけて頂こうと思います。 最近では、ゲームCGが凄くリアルになりつつあります。 なぜ綺麗になってきているかというと、 昔のゲームはゲーム機の処理速度が遅いためフェイク（嘘）をついて それっぽくしていました。 ファイナルファンタジー7より 最近では、ゲーム機の処理速度が速くなったため 現実にある法則に基づき物理的に処理をする 物理ベースレンダリング が採用されるようになったからです。 ※とはいえフェイクもありますが、近づきつつあります。 ファイナルファンタジー15より さて、そんな物理ベースレンダリングが採用された ゲームCGの原理（処理）を勉強することで リアルよりな色の出し方（描き方）の理屈が学べると思いますので記事にしました。 あくまでも、知識として持っておくことで 次の塗りか
『色を色で見ないで』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 2013年度新卒入社、AmebaのSimplogでWEBデザイナーをしているリュウタロウと申します。 以前新卒デザイナー同士の勉強会がありまして、そこでの私の発表内容がすごく好評でした。 以降より多くの人に向けて発信したいと考え、この場をお借りして記事を執筆させて頂く事になりました。 これから綴るのは、デザインの細かいテクニックやハウツーではありません。 様々なジャンルのクリエイティブに通じる、基本的なモノの見方、考え方の話です。 「ワタシ、デザインワカラナイワ」 というビジネスパーソンも、普段やっている仕事や趣味とリンクさせながら理
デザイナーだから考える。青色が与える27の効果と7つの活用例
今年のお盆休みは友人と旅行に行ったり、ボルダリングの体験をさせてもらったりしていて、ブログの更新が疎かになっていました。申し訳ありません。今週は月曜日から時差ボケのような感じで、あまりシャッキっとできていないんですが、頑張ってブログを更新して行こうと思います！ 今日は、前回の「デザイナーだから考える。赤色が与える27の効果と6つの活用例」に引き続き「デザイナーだから考える。青色が与える27の効果と7つの活用例」について紹介させていただきます。青を基調としたデザインを考えるときにこの記事が役立てば幸いです。 青色を利用した7つの活用例 まずここでは、青色を取り入れたデザインや製品などを例に、青色が持つ効果やイメージについて紹介させていただきます。 聖母マリアのマントの青は「神秘的な印象与える」 地球上に存在する「物」としての青は、手にとって触れることの難しい色です。例えば世界中で見ることので
配色初心者でも効果的なカラーデザインが出来るようになる4つの工程 / Maka-Veli .com
タイトル間違えました。 「僕みたいなクソデザイナーが配色する時に騙し騙しデザインする手法」です。 配色には色々作法があります。そして言葉もあります。加法、減法、色の三属性、伝統、政治的意味合い、などなど。厳密に出したらキリがありませんし、プロじゃないので、細かい事は抜きにして、個人的に抑えておく簡単なポイントをまとめてみました。 雰囲気のキーワードを出す なんとなくのキーワードを出します。 カッコイイ！ うぉ！すっげ！って感じ クール とにかく渋く。鳥肌立つ感じで 可愛いっぽく。 やっぱ少し可愛くが良い ラブリー♡ もうワクワクーって感じで♥ シンプルに。 余計な物はいらん インパクトどーん とにかく覚えてもらいたい！ 爽やかーーー キレイに見せたい！ 楽しい！ ﾁｮｰﾊｯﾋﾟ ｽｰﾊﾟｰﾊｯﾋﾟ ﾉ…(ry など。 ここで決めたキーワードがベースになります。 常に頭に入れてお
最低限覚えておきたいWEB配色の基本２大原理と６つの配色パターン
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. WEBサイトのデザインは、誰もが頭を悩ませる部分だ。 「どういう配色なら良い印象を持ってもらうことができるのか？」「どのレイアウトならコンバージョンが上がるのか？」など、様々なところまで考えを張り巡らさなければいけないからだ。 そこで本日は、The Art of Color Coordination というインフォグラフィックをご紹介する。これを見れば、WEB配色の基本の２大原理と、今すぐに使える６つの配色パターンがすぐに分かる。 そして、初心者でも、統一感のある配色のWEBサイトを作るための大きな助けとなるはずだ。 WEB配色の２大原理と６つの配色パターン画像を拡大して表示する ※追記：インフォグラフィックの最後のクレジットの部分が途切
【配色 - デザイン ★★★★★】 - Color Scheme Designer 3
Paletton, the color scheme designer In love with colors, since 2002. Paletton application Colorpedia About Paletton About Paletton Paletton.com is a designer color tool designed for creating color combinations that work together well. It uses classical color theory with ancient artistic RYB color wheel to design color palettes of one to four hues, each of five different shades. Various preview sty
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
宮崎駿の“戦友”だった、ある女性の物語。彼女は「ジブリの色職人」と呼ばれた
【更新】「後から影を足す」日本人と「後から光を落とす」西洋人で絵の影の表現方法が違う！絵のみならず映画や舞台、模型やゲームでも
http://shikisai-fleur.com/
グリザイユ画法で重厚感のある絵を描くコツをゴリゴリの美術系が伝授 | 神絵師だけどニート
http://handywebdesign.net/2013/12/slide-share-about-color/
色見本と配色サイト - color-sample.com