【永久保存版】知らないと損をする、悩まない配色えらび講座
あなたは、自分のアイデアや考えを誰かに伝えたいとしましょう。 文字をベースにしたコンテンツはもちろん重要ですが、イラストやチャート図、グラフ、アニメーションGIFなどの画像を作成することで、読者の注意を引き、記事やレポートをより充実させることができます。 成功のカギはずばり、色彩理論を知ることで、コンテンツを際立たせるのに役立ちます。 しかしそうは言っても、あなたもこんな風に悩んだことがあるはず。 「魅力的でかっこいいデザインをする方法がよく分らない。」 「私、クリエイティブじゃないし、。」 私は、”売れるデザインとは？”という究極の悩みを考え続け、このサイトで公開する記事用のビジュアルを作成する日々を、１５年ちかく送ってきました。 ちょっとした配色の違いで、アクセス数が２倍、３倍に変わったことも何度もあります。 このような経験があるからこそ、ハッキリ言えることがあります。 それは、配色で
やってほしくない緑とオレンジの使い方(カラーUDの話)｜ほうじ | 少数色覚デザイナー
少数色覚者にとって黄緑とオレンジは見分けづらい組み合わせの一つです。この記事のタイトル画像とかなかなか最悪です。 WEB、アプリや印刷物などのメディアではだいぶカラーユニバーサルデザインの考え方が浸透してきており、デザイナーも多様な色覚でも読み違えないように配慮してデザインすることが当たり前になってきていると思います。 Photoshopなどのグラフィックツールには簡単に少数色覚の見え方を確認できるプレビューモードがありますし、AdobeColorを使えば無料で少数色覚の人が混同しやすい色かどうかをすぐに確かめられます。https://color.adobe.com/ja/create/color-accessibility 少数色覚が見分けづらい色の組み合わせだと「-」が表示されるしかし、工業製品の世界では少数色覚にとって見分けづらい緑とオレンジの組み合わせのLEDインジケータ（表示）を
本当に日本のブランドロゴは文字ベースのデザインが多いのか？ デザイン会社 ビートラックス: ブログ
先週、各国のブランドロゴの考察として下記のポストをリリースした。主に、日本企業の多くのロゴが、数十年前から普遍的に ”文字ベース” のスタイルを利用していることが多いという内容だ。 なぜ日本のブランドロゴは文字ベースのデザインが多いのか？ ありがたいことに、この内容に関して、大変多くの反響をいただいた。その中でも、下記のような多少の批判も見られた。 前回のポストに対する暖かいご意見 日本にはシンボルマークがないかのような誤った印象操作にも腹が立つ 選び方が恣意的すぎる！たとえば Fortune 500 (からB向け企業を抜いたとしても) 基準に沿って挙げるとこういう偏りにはならないはず 恣意的な抽出そのものだよな。 タイガー魔法瓶と象印に謝れ！ なので、できるだけロジカルに検証してみた上記のほとんどが、それなりの真実味があると考えられる。ということで、フォローアップとして、本当にそうなのか
游ゴシックの話題の解説
「フォントの関係性はそんなのだったの！？」リアルに9割の人が気づいていない「游ゴシック」の話 https://togetter.com/li/1662198 のブクマ https://b.hatena.ne.jp/entry/s/togetter.com/li/1662198 わかりづらいとかキョトーンな人が散見されたので、蛇足とは思うけど解説をこころみる。 正直なところ説明として元ツイがいちばんシンプルだと私は思うので、この解説は元ツイが言ってることを別の言い回しで回りくどく言い換えるだけになる。つまり逆にわかりにくいかもしれない。 なお私は発端のツイートのひとではない。善意のいちハテナーである。 さらに言えば私は組版の専門家でもない。仕事で多少フォントを扱う機会がある程度の素人＋毛である。 太字には２種類あるまず、コンピューターの画面に映し出される「太字」には２種類ある。 ひとつは、最
素晴らしいアルバム・ジャケット・トップ100：先駆的なスリーヴ・デザイン
通常、私たちはレコードのサウンドを評価の対象にしているが、ここではそのヴィジュアルを評価したい。象徴的なものから見逃されがちなものまで、本ランキングに含まれる優れたアルバム・カヴァーは多岐にわたる。印象的な画像や見事なポートレート写真、悪夢や幻覚のようなものもある。ロックンロールのイメージを押し出したものが多いことから、自ずとセクシャルで扇情的なものも多くなっている。では全100枚のランキングをどうぞ。 ＊アルバム・タイトルをクリックするとSpotifyの試聴ページに飛びます ＜関連記事＞ ・史上最も物議を醸したアルバム・ジャケット20枚 ・史上最悪のアルバム・ジャケット20枚 100位 : ザ・フレイミン・グルーヴィーズ『Supersnazz』 (デザイン : シリル・ジョーダン) 数十年の間に生み出されたフレイミン・グルーヴィーズのアルバム・カヴァーやポスターには、グループのリーダーで
パワポでやりがちな9の無駄な努力 | knowledge / baigie
ビジネスパーソンはパワポが大好きです。 大事なプレゼンがあれば、とっておきのパワポを作ろうと考えます。立派なパワポを作ってきた部下には、中身が薄くても「よくがんばったね」とつい誉めたくなります。 そんなパワポ仕事の中で特に多くの時間が費やされるのが、見た目を整える作業、いわゆるデザインです。『パワポデザインコンクール』に出展するためにパワポ資料を作っているなら、時間を惜しまず、デザインすべきでしょう。しかし、目指しているのが仕事の成果なら、以下のバランスを見極めないといけません。 例えば、同じ1000万円の受注を獲得した、制作に2週間を費やした美しい資料Aと、制作期間たった2日の見た目が地味な資料B。美しさの勝負なら資料Aに軍配が上がりますが、仕事の成果という意味では、資料Bの方が圧倒的に優れています。2日で1000万円を獲得できる資料Bは、5日稼働の2週間なら5000万円を獲得できる資料
【図解入門】シンプルな図の作り方｜櫻田潤🎨インフォグラフィック・エディター｜note
3年前に、図解の基本をまとめた本『図で考える。シンプルになる。』を書きました。その内容から、エッセンスを抽出したのが本noteになります。 （１）「幕の内図解」と「イチオシ図解」 図には、大きく分けて、2つのアプローチがあります。 ひとつは、幕の内弁当のように、いろんな要素を盛り込んだ図で、もうひとつが、唐揚げ弁当のように、イチオシのおかずにフォーカスした図です。 たとえば、桃太郎の話を「幕の内図解」のアプローチでまとめてみたのが、つぎの図です。 登場人物とエピソードをフラットに扱って、網羅的に盛り込んでいます。 この図を使って、人に説明しようとすると、「まず、お婆さんですが……」「つづいて、お爺さんですが……」といった具合に、「お婆さん」「お爺さん」「桃太郎」それぞれの視点に切り替えが必要になり、話す方も話しづらければ、聞く方もまどろっこしく感じてしまいます。 相手がじっくり聞く耳を持っ
「パワポで作った」 離れると意味が分かる岐阜新聞の「Stay Home」広告が話題、制作したのはデザイン経験のない営業社員
5月6日の岐阜新聞に掲載された「Stay Home」を呼びかける広告が話題を呼んでいます。一見すると不思議なイラストが並んでいるだけに見えますが、離して見ると意味が分かるというもの。 離れて見ると意味が分かる このイラストは岐阜新聞上で5月1日から5月6日まで行われていた企画「STAYHOME with newspaper」の最終日に掲載されたもの。この企画はお家時間を楽しく過ごしてもらうことを目的としており、5月6日までにもクロスワードパズルや塗り絵などを掲載。話題となった5月6日の広告は、水玉模様を描いたようなイラストが11個並んでおり、一見すると意味が分からないものですが、紙面の指示通り2メートル以上離れて見ると「離れていても心はひとつ」という文字が浮かびあがるようになっています。 STAYHOME with newspaper クロスワードパズル レシピの紹介 こどもの日には塗り絵
おなじみのデザインが、メモからスケッチ、原画を経て形になるまでの過程が見られる展示会がすごい「デザインはこうやって生まれるのか！」
リンク 美術手帖 原画でたどるデザイナーたちの思考。「マル秘展 めったに見られないデザイナー達の原画」が21_21 DESIGN SIGHTでスタート 「日本デザインコミッティー」に所属する26名のデザイナーや建築家によるスケッチや図面、模型などの「原画」を集めた展覧会「マル秘展 めったに見られないデザイナー達の原画」が、東京・… 10 users 1860 ジェイ | EVeM（イーブン）事業開発セールス＆ベンチャーマネージャー @junta_suzuki 原画でたどるデザイナーたちの思考。「マル秘展 めったに見られないデザイナー達の原画」 控えめにいって最高だった。 久しぶりに全て忘れて目をひん剥いて見尽くしてきた。 #マル秘展 pic.twitter.com/YTFYWyL7FL
ジャズ、来るべきもの 名盤紹介ブログ : Jazzを観る【２】美ジャケを愛でる - livedoor Blog（ブログ）
興味があっても敷居が高く、どれから聴けばいいのかわからないJazz。そんなJazzをわかりやすく解説するブログです。ファースト・ジャズにうってつけの作品を選りすぐってご紹介。アルバム紹介のみならず、様々な角度からの分析、ジャズの歴史、ジャズ関連情報もお届けします。 【2016/05/19追記】デッド・リンクを修正し、いくつか新しいジャケ写を追加しました。 あけましておめでとうございます。本年もよろしくお願い申し上げます。 今回は｢ジャズを観る｣の第２回。このカテゴリのそもそもの趣旨はDVDなどで鑑賞できるライヴ映像の紹介を念頭に置いたものなのですが、今回は例外的に個人的な趣味に走ってしまい、素晴らしきモダン・ジャズ系レコード・ジャケットの世界を紹介いたします。 音源ゼロ記事です。音なしはツラいというのであれば、youtube:Wynton Kelly "Swinging 'Till The
最高のジャズ・アルバム・カヴァー100選
事実はこうだ。1940年代にジャズを78 rpmディスク（SPレコード）、その後に10インチLPでリリースしていたジャズ・レコード・レーベルは、LPのデザインの最先端にいた。理由は他でもない、ジャズはその頃最もヒップで、クールで、最もプログレッシヴなタイプの音楽であり、多くの若きデザイナー達がこの音楽に魅きつけられており、そんな彼等は自分達の疑いなき才能を、このジャンルに提供してくれたのだ。 ノーマン・グランツがマーキュリー・レコーズでジャズを形に残すことを始めた時、そのデザインを依頼したのはデヴィッド・ストーン・マーチンであり、氏はその後クレフ、ノーグラン、後期ヴァーヴを飾る美しい作品を手掛けることになる。 彼はストーン・マーチンとアッシュ・レコーズとの仕事を通じてグランツと出会い、ふたりは友情と共に仕事相手として密接な関係を育んでいった。1948年、グランツは彼にクレフ・レコーズのアー
綺麗で使い回しが効くプレゼン資料デザインの考え方 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
フロントエンドエンジニアのほりでーです。 Web業界では、社内・社外の勉強会や上司や顧客へ向けたプレゼンなど、何かとスライド資料を作成する機会が多いかと思います。LIGでは特にその機会が多く、前職に比べてスライド資料を作ることが増えました。具体的には 月数回開催されるエンジニアチームでの社内勉強会 STUDIO上野で担当している特別講義 社内での上長への提案 などです。こういったスライド資料を作っていく中で、次のような課題を解決したいと思うようになりました。 なるべく時間をかけず、スライド作成よりも内容に時間を割きたい 見栄えはできるだけ綺麗にしたい 伝えたいことが分かりやすく伝わるものにしたい 内容に応じて柔軟にアレンジできるものにしたい プロジェクター、Web、印刷などの多くの用途で遜色なく使えるようにしたい 今回は、こういった課題を解決できるスライド資料の作り方をご紹介します。なお、
デザイナーじゃなくても知っておきたい色と配色の基本 | knowledge / baigie
色は私たちの身近に存在する視覚要素であり、日々の生活や行動に多大な影響を与えています。しかし、美術やデザインの専門教育を受けない限り、これほど身近な色を体系的に学ぶ機会はほとんどありません。 近年、ビジネスの現場でもデザインの重要性がよく語られます。ビジネスレイヤーで語られるデザインは課題解決を意味する広義のデザインであることも多いですが、その概念がプロダクトに落ちる段階では、ビジュアルデザインのような狭義のデザインも考えていかなくてはなりません。自分自身がデザイナーではなくとも、デザインを評価・判断すべき立場になることも、当然あるでしょう。 デザイナーでなくても、仕事の中で色を扱うシーンは他にもあります。PowerPoint等を使ってビジネス文書を作成をするとき、誰もが色を用いるでしょう。色の知識があれば、より効果的なドキュメント作成が可能になります。 このように考えると、色はデザイナー
感覚派デザイナーも知っておいて損はない「デザインの要素と原則」 | WebNAUT
「あなたは感覚派デザイナー？それとも理論派デザイナー？」 このような質問をされると、理論派デザイナーだと答えたくなる理系出身デザイナーのタカハマです、こんにちは。 今回は、そんな理屈っぽい私の大好物である「デザインの要素と原則」をご紹介したいと思います。理論派デザイナーの方はもちろん、感覚派デザイナーの方も知っておいて損はないですよ！ 「デザインの要素と原則」はビジュアルデザイン全般に活用できる Webデザインに限らず、ビジュアルデザインの基礎を学ぶ上で、大変参考になる「デザインの原則」というものがあります。いわゆる「Design elements and principles（デザインの要素と原則）」や「Gestalt principles（ゲシュタルト原則）と言われる原則で、デザインの構成要素や要素同士の関係性が全体に与える影響をまとめたものになります。 調べてみると識者によって分類や
メインカラーとアクセントカラーを、 簡単にセンス良くまとめる方法
パワーポイントデザインで失敗しないために、これだけはおさえておきたい「色の知識」では、簡単な色の知識や、配色するときのポイントなどについて説明させていただきました。この記事では、PowerPointで使う色を実際に選んでみたいと思います。前の記事を読んでいない方は、まずそちらをご覧いただいたほうが、より効果的にこの記事の内容を理解、実践できると思います。 ノンデザイナーの人たちが、いきなり色を選んで組み合わせまで考えるなんて、難しいのは当たり前ですよね。この記事を書いている僕も別にデザイナーじゃないので、色選びはあまり得意とは言えません。しかし、世の中にはたくさんの便利なWebサイトやツールであふれています。なので、まずは全面的にそれらに頼ってみましょう。
コピペで使えるオシャレな配色パターン見本 25 （全組み合わせWebカラーコード付） - LITERALLY
今回はひたすら配色パターンを紹介していく。探しやすいように色ごとに分け、使いやすいように解説とWebコードも合わせて紹介する。プレゼン資料、Webデザインなどで目的に合った配色をそのままコピペして使って頂ければと思う。 ▼ 目次 カラフルな配色パターン 橙系の配色パターン 青系の配色パターン 緑系の配色パターン 黄色系の配色パターン 赤系の配色パターン 高級感を表現する配色 わび・さびを表現する和風配色 シンプルに格好良いグレーの配色 カラフルな配色パターン 1. 淡い「カラフル」 ■ #FF7D7D ■ #FFD580 ■ #B3E2B4 ■ #ABE7FF ■ #B8B2EA ■ #DBDBDB 淡いカラフルな配色は、白の背景に合わせると「透明感」を出すのに効果的。カラフル系の配色は扱いづらいので、上のコードをそのままコピペして使って頂くのが良いかと思う。 2. 力強い「カラフル」 ■
Web制作をこれから始める人の為のスキル・HTML・CSS・ブラウザ・写真素材入手の基礎情報*ホームページを作る人のネタ帳
Yamadaです。 かれこれWeb屋暦が14年くらいになるんですが、こうしてWebに携わっていると、3ヶ月周期で情報の入れ替えをしていかないと、正直追いつかないと感じます。そんな激流のようなWeb業界にこれから飛び込もうと言う新卒の方や、中途の方に送るバイブルとなればと思います。 というわけで改めて春ですし、これからホームページ（Webサイト）を作成してWeb屋さんになる方へ送るお勧めサイト集です。 後編はこちら Web制作を始める人の為のスキル・ワイヤーフレーム・SEO・マーケティング・Webサービスの基礎情報 忘れないで欲しい事 Web制作には、様々なスキルが求められます。 しかしその技術が、いつの間にか消えていったり、使えなくなったりしました。新しいデザイン、新しいコード、新しい言語、新しい環境、様々なものがあります。しかし、それらを追い続けていくうちに、一つ、とても大事な事を忘れて
デザイナーからデザインの基礎や原則を学べるエントリーまとめ（webデザイナ向け）
webデザインの入門書を買おうか迷っている方。 もしもそんな方がいたら、ネット上にはここを押さえておこうよと、webデザイナーが直接良質な記事を仕上げてくれていますのでそちらを是非一度参考にしてみて欲しいなと思いまとめて見ました。 また、その記事で、もっともぐっときた台詞もチョイスすてみました。 どんな想いで記事を書かれているかというのも大事かなと。 こちらもあわせてどうぞ。 Web制作をこれから始める人の為のスキル・HTML・CSS・ブラウザ・写真素材入手の基礎情報 とりあえず時間のない人はこの3つだけでも食べて デザインを勉強したことがない人でもデザインできるようになるかもしれない4つの基本原則 最初、デザイナーは型破りであるというイメージを抱く人も多いのですが、実際の現場では、様々な原則の上にあるルールにのっとり、そのルールを崩す「理由」があります。 例えばそれがセンスと呼ばれること
ワードアートは白抜きと二重の袋文字を最初に教えるべきである（Office2010以降） - わえなび ワード＆エクセル問題集 waenavi
Word・Excel・PowerPointには、ワードアートという便利な機能があります。しかし、残念ながら、パソコン教室や市販のテキストでは、ダサい作成例だけを紹介して、インパクトがあって目立つ！などという珍妙な説明をしています。 これは完全に間違いです。このような手抜きをすると、安上がりで低レベルな内容であるという、悪い印象を与えます。 初心者が最初に身につけるべき基本的な技法は「白抜き」と「袋文字」です。今回は、この２つの技法について、まとめて出題します。繰り返し練習して「正しいワードアート」の使い方を覚えましょう。 なお、この記事ではOffice2010以降で説明します。Word・Excel・PowerPoint共通です。Office2010以降では、ワードアートは テキストボックス と統合されています。詳しくはこちらの記事をご覧ください。 わえなび ワード＆エクセル問題集 id:w
さくっとイメージで学ぶ『色彩の心理学』と『配色の基礎知識』 - LITERALLY
今回は知っておくと何かと役立つ『配色の基礎知識』と『色の心理学』についてまとめます。 1. 色を決める3つのパラメーターをおさえよう まず、基本的なところを簡単に説明します。色を決めるのは、①色相 ②明度 ③彩度の3つのパラメーターです。 色相 赤、青、黄などの色みの違いを表します。これは分かりやすいですね。 彩度 色みの強さの度合いを表します。いわゆる「あざやかさ」ですね。 明度 色の明るさの度合いを表します。限界まで明度を高くすると白になります。逆に限界まで低くすると黒になります。 この3つは「色の三属性」なんて呼ばれたりします。この3つは配色の話で何かと出てくるのでおさえておきましょう。 2. 補色について知っておこう 色相の並びをぐるっと1周つなげたものを色相環と呼んだりします。この色相環において、向かい合う2色ペアーの関係を補色と言います。この補色関係にある2色は、お互いを引き立
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
