今年の5月末に、友人5人と鎌倉にお寺・神社巡りの旅行に行かせていただいたんですが、そのたびの途中、ちょうど鳥居をくぐりぬけた時に「なんで鳥居って赤が多いのか」という話題になりました。もちろん誰も的確な答えを持ち合わせていなかったんですが、なんとなく「力強くて神々しいからじゃない」見たいな感じに意見がまとまりました。 もちろん私は、WEBクリエイターとして「家に帰ったらちゃんと赤が使われる理由を調べよう！」と考えたわけですが(嘘です)、調べてみると、これがなかなか面白いものでした。色って奥が深いですね。 と言うわけで、本日は赤について調べた事などを紹介させていただきます。赤を基調としたデザインを考えるときなどに役立てていただければ幸いです。 赤色を利用した6つの活用例 まずは【赤色を利用した6つの活用例】を紹介させていただきます。その後【赤色が与える27の効果】について紹介させていただきます

今年のお盆休みは友人と旅行に行ったり、ボルダリングの体験をさせてもらったりしていて、ブログの更新が疎かになっていました。申し訳ありません。今週は月曜日から時差ボケのような感じで、あまりシャッキっとできていないんですが、頑張ってブログを更新して行こうと思います！ 今日は、前回の「デザイナーだから考える。赤色が与える27の効果と6つの活用例」に引き続き「デザイナーだから考える。青色が与える27の効果と7つの活用例」について紹介させていただきます。青を基調としたデザインを考えるときにこの記事が役立てば幸いです。 青色を利用した7つの活用例 まずここでは、青色を取り入れたデザインや製品などを例に、青色が持つ効果やイメージについて紹介させていただきます。 聖母マリアのマントの青は「神秘的な印象与える」 地球上に存在する「物」としての青は、手にとって触れることの難しい色です。例えば世界中で見ることので

私は新人だったころ『デザインは形の美しさだ！』と、やけに形ばかりを気にしてデザインをしていたことがありました。私は何を始めるにしても【まず形から入るタイプ】なんですが、それもあって形ばかりを意識していたのかもしれません。 『なんかこのデザインダサいんだよな』なんて思うとき、形やレイアウトの修正ばかりに力をいれ、色のことはほとんど考えていませんでした。色がどれだけデザインに影響を与えているのか知らなかったんです。 そんな私だったんですが、色彩に関するセミナーに参加したり、先輩の話を聞いたり、書籍を読んで勉強していくうちに、色がどれだけデザインに影響を与えているのかを知りました。そして今では、デザインの修正を行うとき、【色の修正だけで、問題を解決させることができる場合が多くある】ということを知りました。 『なんかこのデザインダサいんだよな』なんて思うとき、レイアウトや形を変える事ももちろん大切

前回の[カラーデザインの基本。トーンを理解する！]と[カラーデザインの基本。色の三属性とは？]に引き続き、今回はメインカラー・サブカラー・アクセントカラーの基本ルールについて解説させていただきます。このメイン・サブ・アクセントカラーの基本ルール正しく理解すると、配色を考えるのが簡単になります。 頻繁に配色を悩む方や、デザインの途中で配色を変えてしまう方は、このメインカラー・サブカラー・アクセントカラーのルールを正しく理解できていない可能性があります。なので今回解説するこの記事を読んで、配色についての理解を深めましょう！(偉そうに書いちゃいました。すみません) ちなみに配色という言葉を辞書で引くと、『2つ以上の色を組合わせること。また、組合わせた色合いのこと』と書いてあります。 メイン・サブ・アクセントカラーの役割 まずは、メインカラー・サブカラー・アクセントカラーと呼ばれる、各要素の役割に

前回の[カラーデザインの基本。色の三属性とは？]に引き続き、カラーデザインの基礎を紹介したいと思います。今回は、色のトーンについて解説させていただきますが、まず『そもそもトーンとは何なのか』というところから話を進めさせていただきます。 クライアントに「トーンって何？」と聞かれて的確に答えられるデザイナーって結構少ないんです。あなたは答えられますか？ なんとなく雰囲気はわかっていても、しっかり説明するのはなかなか難しいんです。私も昔は説明できないデザイナーの1人でした。では、早速トーンについて説明させていただきます。 トーン(色調)って何？ まず、前回の[カラーデザインの基本。色の三属性とは？]で触れましたが、色には、色相・明度・彩度の、３属性があります。 トーンとは、このうちの明度と彩度をあわせた考え方で、【明度と彩度が似ている色を集めてグループ化したもの】をトーンと呼びます。 このトーン

私は「色」が好きなので、配色を考えるのがそんなに苦ではないんですが、良い配色が思い浮かばず、苦しんでいるWebデザイナーさんは沢山います。 人の目で見分けられる色の数は750万色以上あると言われていて、デザイナーはこの膨大な色の中から配色を考えるんですが、これが結構大変なんです。経験を積んだWebデザイナーさんでも何日も配色に悩み、目の下に隈を作ることがあると聞いたことがあります。 そこで今回は、配色を考える時や、配色に悩みすぎて出口が見えなくなってしまった時に役立つ、基本的な7つの配色技法を紹介したと思います！ 基本的な7つの配色技法 これから紹介するの7つの配色技法は、お互いに明確な違いがない物もいくつかありますが、あくまでもこれらは配色の方向性・配色の考え方を示すものだと理解してください。それでは早速、例を交えながら特徴と効果をまとめて紹介させていただきます。 ドミナントカラー配色

6月20 gifアニメーションで表現した東京23区の区章 | カラフルで「お役所」感が全然ない カテゴリ:Awesomeデザイン http://blog.livedoor.jp/clock510/archives/1818437.htmlgifアニメーションで表現した東京23区の区章 | カラフルで「お役所」感が全然ない モーションデザイナーUKYO Inabaさんの作品 東京23区の区章をカラフルでスタイリッシュなgifアニメーションで表現した斬新なアイデア。 普段、目にする状態だといかにも紋章といった感じで堅苦しく、道路標識などで無意識に見ていても、あまり記憶に残らないことが多いですが、これなら興味をもって身近な存在と感じられそうです。（6/21追記：コチラもおすすめ→東京23区のgifアニメに新展開〜　映画のオープニングのようなクールな表現がスゴイ!!） uky0178(UKYO I

色の選び方って難しいですよね…。 私自身良く迷うので、頭の中を整理するためにも、私なりの色選定の考え方をまとめてみました。 ※色の基本的な知識は既にあるという前提で書いてます。 色の基本的な知識がない方は、こちらを見ておくと良いかと。 色の選定にあたり、大切なことは、「目的」と「ターゲット」の2つだと思います。 目的について 目的とは、『色によって何を表現したいのか、ユーザーにどんなことを感じてほしいのか』ということです。 これをはっきりしておかないと、ユーザーへの色伝達の意図が曖昧なものになってしまいます。 目的の例としては、以下2つが挙げられます。（非常にざっくりとわけていますが…） 1. 企業・ブランドのアイデンティティを出したい 2. 企業・ブランド・商品・サービスらしさや、カテゴリーらしさを出したい 目的はそれぞれのみの場合や、1と2混合で考えられる場合があります。 ターゲットに

素人でもオシャレに作れる表紙スライドを伝授します。 汎用性が高く、作り方も簡単なので、一度覚えてしまえば楽勝です。 以前、「見やすいプレゼン資料の作り方」でたくさんのシェアをいただき、書籍化に至ることになりました。 発売を記念して今回の資料を公開させていただきました。 皆さまありがとうございます！！ PDFは無料でダウンロードできますので、正しくご自由に使って下さい。 【書誌情報】 2016.01.22 発売 一生使える見やすい資料のデザイン入門 森重湧太 (著) [インプレス] http://book.impress.co.jp/books/1114101129 [Amazon] http://www.amazon.co.jp/dp/484433963X 【連絡先等】 Yuta Morishige 資料作成のSKET（http://sket.asia/）にてディレクターを担当 個人メール

Note: SITE RESTORATION IN PROGRESS Solarized Precision colors for machines and people Solarized is a sixteen color palette (eight monotones, eight accent colors) designed for use with terminal and gui applications. It has several unique properties. I designed this colorscheme with both precise CIELAB lightness relationships and a refined set of hues based on fixed color wheel relationships. It has

基本的な使い方 左上のカラーピッカーを使って、任意の1色を作れば、それに合わせた配色が作れるツールです。またロゴの文字や色は任意の物を指定できるようになっています（ただしフォントは変更出来ません）。 カラーピッカーの下のスライダーを利用すれば、メイングラフィックの変更や色相幅も変えることが出来ます。動きが必要な配色の場合には、2つめのスライダーを右に動かしてください。補色配色に近い配色が出来上がります。 色の一覧を押すことで、出来上がった色の一覧を表示しますので、コピー&ペーストしてお使いください。 この配色ツールについて この配色ツールはフォルトゥナによって提供されています。リンク等は当然のことながら自由にしていただいて構いませんが、無断で複製・転載するのはおやめください。 取材・執筆等のお申し込み このツールに関してのご質問、あるいはその他の色に関する取材・業務や講演などは、フォルトゥ

2008年3月23日、英マンチェスター（Manchester）で、得点を決め歓喜するマンチェスター・ユナイテッドの選手たち。(c)AFP/ANDREW YATES 【3月24日 AFP】赤いユニホームのサッカーチームは、ほかの色のユニホームのチームより勝率が高い。このような研究結果が今月、英国の研究チームによって発表された。 ■生物学的な反応に関連 英ダラム大学（Durham University）と英プリマス大学（University of Plymouth）の専門家からなる研究チームは、赤いユニホームを着るイングランド・プレミアリーグのマンチェスター・ユナイテッド（Manchester United）、リバプール（Liverpool FC）、アーセナル（Arsenal）の3チームが常に順位表の上位を占めているのは偶然ではないと指摘する。 研究チームによると、赤は自然界で男性的な攻撃性の

赤いユニフォームのサッカーチームは、ほかの色のユニフォームのチームより勝率が高い。このような研究結果が今月、英国の研究チームによって発表された。 生物学的な反応に関連 英ダラム大学（Durham University）と英プリマス大学（University of Plymouth）の専門家からなる研究チームは、赤いユニフォームを着るイングランド・プレミアリーグのマンチェスター・ユナイテッド（Manchester United）、リバプール（Liverpool FC）、アーセナル（Arsenal）の3チームが常に順位表の上位を占めているのは偶然ではないと指摘する。 研究チームによると、赤は自然界で男性的な攻撃性の誇示と関連していることが多く、このような赤という色に深く根ざした生物学的反応により、赤いユニフォームはチームに優位性を与えるのだという。赤い色は（男性ホルモンの1種の）テストステロン

配色パターンからWebデザインを考えるページを開いた瞬間にそのWebサイトのイメージを左右するほど重要な要素「色」。しかし色の組み合わせ、配色には無限のパターンがあり、正しい配色を見つけるのは簡単なことではありません。ここでは色彩の基礎と配色パターンの見つけ方の一例を紹介します。 まずは色彩の三属性について色は彩度・明度・色相の三属性（三要素とも呼ぶ）から成り立っています。 彩度色の鮮やかさの度合いを表します。彩度の高い色は派手・華やか・目立つ色といえます。子供服やキャラクターグッズ関連のサイトには彩度の高い色が使われることが多いです。逆に彩度の低い色は地味・おだやか・上品であるといえるでしょう。和食・ヴィンテージ風デザインのサイトには彩度の低い色がよく使われます。 明度色の明るさの度合いを表します。明度が高い＝明るい色はさわやかで爽快なイメージに、明度が低い＝暗い色は重厚で落ち着いたイメ