プロに学ぶ、一生役立つ配色の基本ルール8個まとめ【保存版】
なにかデザインをはじめるとき、無数にある色から配色を決定するのに頭を悩ませることもあるでしょう。この記事では、適切な配色カラーパレットを決めるのに役立つ８つの基本ルールを詳しく紹介します。 コンテンツ目次 1. 色数を制限しよう。 2. 自然からインスピレーションをもらおう。 3. 60−30−10ルールを試してみよう。 4. まずはグレースケールでデザインしよう。 5. 黒色を利用するのは避けよう。 6. 重要性を色のコントラストで表現しよう 7. 色を使ってユーザーの感情を引き出そう。 8. デザインを理解しやすくしよう。 9. ボーナス: デザイナー向け配色ツールまとめ 配色基本ルール１ 色数を制限しよう。 デザインプロジェクトに配色を適用するには、バランスが重要になります。色数が増えるほどバランスを取るのは難しくなります。配色は最高でも3色までに制限することで、よりよい結果となるで
誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック
【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか？ ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの？ ・結局一番言いたいことはなんなの？ ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・
『君の名は。』『魔法少女まどか☆マギカ』『ニセコイ』のグラフィックデザインを手掛けたBALCOLONY.に潜入！
『君の名は。』『魔法少女まどか☆マギカ』『ニセコイ』のグラフィックデザインを手掛けたBALCOLONY.に潜入！ イラスト、漫画、アニメ、動画、音楽……さまざまなジャンルで活躍するクリエイターたちの制作机にスポットを当てる連載企画『#DESKWATCH』。珠玉のクリエイティブがどのような環境で生まれるのか、プロのクリエイターはどんなツールを使っているのか、写真とインタビューでじっくり迫ります！ 今回は『君の名は。』『ニセコイ』『ラブライブ！』などのクリエイティブを手がけたデザイン事務所、BALCOLONY.（バルコロニー）にお邪魔して、『魔法少女まどか☆マギカ』のタイトルロゴをデザインしたアートディレクター・染谷洋平さんの制作机をチェック！ 自身のことを「萌え豚」と称する染谷さんは、萌え絵をこよなく愛するデザイナーなんです。
難しい説明は要らないアート＿09／Ho Ryon Lee – OMGmag
今日紹介するのは、韓国の画家Ho Ryon Lee。この企画をスタートさせてもう2ヶ月くらいになるのですが、その際最初にオファーをしたのが彼でした。このコーナーでは「作家に許可を得て掲載する」というポリシーがあります。なので、紹介したくても返事が返ってこなければ、残念ですが掲載はしていません。 これは自分がデザインを作る側であるというのが強いのですが、作家本人とコミュニケーションが取れてこその面白さがあると考えているからです。勝手に画像を拝借して不快に思われても本位ではないので。 満を持して で、メールを送って2ヶ月。全く返信も無いのであきらめていたのですが、「めっちゃ忙しかってん！すまん！」と返事がひょっこり返ってきました（英語で）。というわけでついにご紹介できます。 前置きが長くなりましたが、作品を見る前にもう一点ご注意を。 彼の作品は“やや性的な描写”を含みますので閲覧にはご配慮をお
Windyty, wind map & forecast
Weather radar, wind and waves forecast for kiters, surfers, paragliders, pilots, sailors and anyone else. Worldwide animated weather map, with easy to use layers and precise spot forecast. METAR, TAF and NOTAMs for any airport in the World. SYNOP codes from weather stations and buoys. Forecast models ECMWF, GFS, NAM and NEMS
闇雲にディズニー映画みたいなアニメーションを GUI に実装するのはもうやめよう - Qiita
はじめに 本稿は UI Design Advent Calendar 2015 – 9日目の GUI アニメーションに関する記事です。 アニメーションの12の基本原則と GUI ディズニーの アニメーションの12の基本原則/12 basic principles of animation というのがありまして、要はこの原則に沿ってアニメーションを制作すればまるでそれが生きているかのような動きをする、平たく言えばディズニーっぽい動きになる、というものです。http://the12principles.tumblr.com がとてもわかりやすいので、うちいくつかを転載しておきます。 SQUASH & STRETCH ANTICIPATION FOLLOW THROUGH & OVERLAPPING ARCS ビデオ解説：The illusion of life これらを見ただけでも、『あー、デ
佐野氏のこと | anond.hatelabo.jp | はてな匿名ダイアリー
都内で細々と自営のデザイン屋をやっております。今回のエンブレムの騒動もここにきて（とりあえず）一つの区切りがついたようなので、この一連の出来事において個人的に感じたことなどを忘備録も兼ねて書き留めておきます。 まず、佐野研二郎という人物についてですが、今回の騒動でまぁ国民に広く知れ渡るほどの知名度を得ましたけど、デザイン業界においてはスーパースター的な知名度が元からありました。まぁサッカーの日本代表でスタメンに入るようなイメージですかね。ちなみに僕はJ2にも入れないぐらいですね。サッカー観ないからよく知らないけど。まぁ所詮業界内だけのことを国民的なスポーツに置き換えるのもアレなんですけど。 で、そんな彼がこんな形で騒がれ始めて、まるで自分や自分のやってる仕事に対していちゃもんつけられてるような気になって一人で勝手に心を痛めていたわけです。しばらくは。 今回のエンブレムが発表されて最初に感じ
亀倉雄策 - Wikipedia
亀倉 雄策（かめくら ゆうさく、1915年4月6日 - 1997年5月11日）は、日本のグラフィックデザイナー。日本グラフィックデザイナー協会（JAGDA）初代会長。 代表作にフジテレビジョンの旧シンボルマーク（8マーク）や日本電信電話（NTT）のマーク（ダイナミックループ）、TDKおよびニコンFのロゴマーク、1964年東京オリンピックのポスター、サンケイアトムズ、ヤクルトスワローズのユニフォームがある。 略歴[編集] 1915年4月6日 - 新潟県西蒲原郡吉田町（現在の燕市）に生まれる。 1924年 - 東京府北多摩郡武蔵野村境（現・東京都武蔵野市境）に転居[1][2]。 1928年 - 旧制日本大学第二中学校（現・日本大学第二高等学校）に入学。フランスのグラフィックデザイナーカッサンドルのポスターに衝撃を受け、グラフィックデザイナーを志す。日大二中は3年の時に落第し、そのまま退学する[
[Webデザイン] 文字組みについて本気出して考えてみた | Stocker.jp / diary
これはもう何年も前から気になってることなのですが。 何故、昔からずっと見出し画像などの文字組みや文字詰めの甘いWebサイトが多いのでしょうか。 私はデザインについて偉そうに言える立場でないのは分かっていますが、折角全体的なデザインや背景、写真、Flashなどの動きはとても美しく、文章構成のしっかりしたサイトなのに、ただ一点文字詰めだけが甘いというサイトがあまりにも多くて、そういうサイトが減る様子もないのがずっと気になっています。 私は以前、ファッション雑誌やビジネス誌の組版（MacのInDesignやQuarkXPressを使って印刷用のデータを作る仕事。DTPとも言う）の仕事をしていて、見出しは言うまでもなく、本文の文字詰めが少し甘いだけでもものすごく怒られたものですが、Webデザインの世界ではそういうのはあまり怒られることがないのでしょうか。 私は、見出しやタイトル画像における文字組み
![[Webデザイン] 文字組みについて本気出して考えてみた | Stocker.jp / diary](https://cdn-ak-scissors.b.st-hatena.com/image/square/e6e22153e1233d79c8da8733fc112f935fe5ee4a/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fstocker.jp%2Fdiary%2Fwp-content%2Fuploads%2Ftypographic-1-1.png%3Ffit%3D500%252C250%26ssl%3D1)
トーン別の色相カラーチャート
トーン別カラーチャート 01 鮮やかで強い色 ビビッドトーン Vivid tone 02 明るいにぎやかな色 ブライトトーン Bright tone 03 強烈な色 ストロングトーン Strong tone 04 濃い深みのある色 ディープトーン Deep tone 05 明るく軽い色 ライトトーン Light tone 06 柔らかい色 ソフトトーン Soft tone 07 さえない穏やかな色 ダルトーン Dull tone 08 重厚で暗い色 ダークトーン Dark tone 09 淡いクリアな色 ペールトーン Pale tone 10 穏やかな色 ライトグレイッシュトーン Light grayish tone 11 地味目で渋い色 グレイッシュトーン Grayish tone 12 濃く重い色 ダークグレイッシュトーン Dark grayish tone 13 淡く薄い色 ベリーペ
「ご結婚おめでとう」親友に贈ったコードとデザインの話 - はぁはぁブログ
新郎新婦には内緒で、「ご結婚おめでとう」の「声」を集めたい。 みんなからのナマの「声」をどうにかして録音することはできないか。 それらを、記念の刻印入りの iPod shuffle にいれてプレゼントできないか。 ―――そんな秘密の企画がひっそりとはじまりました。 Twilio（トゥイリオ ）というクラウド電話APIサービスでやってみよう！ という計画を思いついたのは @darashi @june29 @hmsk のプログラマの3人でした。 Twilio（トゥイリオ ）って何？ Twilio（トゥイリオ ）というのは、クラウド電話APIサービスのことで、 プログラミングで電話システムを作れるのだそう。 電話というツールで、何かシステムを作る。なんだかよくわからないけれど、 わくわくする遊びがはじまったんだ、ということだけは私にもわかりました。 そんなある日、@hmsk さんから Ruby
iOS 7: ここ10年で最大の悪夢 | Ticking Point
WWDC 2013でOS X MavericksやMacBook Airらと一緒に、iOS 7が発表された。フラットデザインになるとかねてから噂されていたし、直前には9to5MacがリークされたiOS 7を元につくったというモックアップを掲載していた。そのデザインは悪い冗談にしか思えなかったが、翌朝WWDCで発表されたiOS 7はその悪い冗談そのものだった。 iOS 7のデザイン変更のきっかけのひとつは、過剰なSkeuomorphicデザインへの批判だと思うけど、おれはiOS 6以前のSkeuomorphicあるいは過剰な装飾が嫌いじゃない。批判されることの多かったNewsstandの木の本棚やGame Centerの緑のフェルトなんかは正直言って結構気に入っていた。無意味な遊び心だけじゃなくそれが何を表してるか明確だし、特に誤解を招く表現でもなかった。それにiOSはシングルタスクでひと
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
1分でわかるUIとUXをわかりやすく説明する写真とお話 | インタラクションとデザイン
ユーザインタフェース 使いやすいように、 わかりやすい画面に、 間違えにくいように、 美しい情報デザイン、 丁寧な説明。 すばらしいユーザインタフェースができた。 ユーザエクスペリエンス しかし、そのATMは少し時間がかかった。 結果的にお客さんは並ぶことが多くなった（気分を害す、イライラ）。 「お金を引き出す、預ける」という銀行の体験は悪くなってしまった。 解説（UIからUXが重要と言われようになった理由） この場合、良いユーザインタフェースを設計できたとしても、並んでしまうことを問題として扱わなくなる。ユーザインタフェースの設計としては、最高のATMを提供することはできるだろう。しかしユーザエクスペリエンスからみると、最高の預金・引出体験にはらない。つまり、最高のUIを提供しても、ユーザの問題を解決したことにならない。だから「ユーザの体験という視点からUIを設計していこうよ！」という流
UIの改悪がUXを改善させる場合 - A Successful Failure
2013年01月20日 UIの改悪がUXを改善させる場合 Tweet Good UI≠Good UX UIとUXについてはその理解について多くの議論がなされてきた。たとえば、Googleの及川氏は「写真が語るUXとUIの違い」というエントリにおいてコーンフレークの例を元にUIとUXについて説明したが、その後、ERATOの渡邊氏が「1分でわかるUIとUXをわかりやすく説明する写真とお話」というエントリにおいて、ATMを例によりわかりやすい説明を挙げている（次の写真は当該エントリからの引用）。 この例ではたとえUIが素晴らしくても、そのATMは時間がかかるため、長い待ち時間ができ、結果としてUXが損なわれる場合を示している。 しかしながら、実際にはATMの劣悪なUIが悪いUXの原因となっている可能性があり、本当にこのATMのUIは素晴らしいのかという疑問が残る。つまり「Good UI ≠ Go
画面をチカチカさせる活動の振り返りとノウハウの共有 - hitode909の日記
ぼくはライフワークとして画面をチカチカさせる活動をしてるのだけど，周りの人にあまり理解してもらえなくて，まぶしいとか，そんな低俗なことをやって，みたいな反応をされる． けど，画面をチカチカさせるだけでも，いろいろと工夫できることとかある．今日はこれまでの活動の振り返りと，それで得たノウハウを共有しようと思います． 過去の活動 これまでに，いろいろ画面をチカチカさせるやつ作っているので，順に紹介します． コード残ってるのは2010年からだけど，一番古いのは中学生のときにRPGツクールで作った画面がチカチカするゲームで，途中まではRPGとして遊べるけどストーリーが進むと画面が高速で点滅し始めてそれ以降何もできなくなるというゲームでした． 古くはポケモンショックというイベントもあったけど，ぼくは関西に住んでて見れなかった． ウェブページをチカチカさせる このbookmarkletを起動するとウェ
UIが美しすぎる15の次世代モバイルアプリデザイン ｜SEO Japan by アイオイクスSEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
世界的なスマホの急速な普及とそれに伴う様々なアプリの登場と共に、モバイルデバイス向けのUIデザインも様々な試行錯誤と進化を続けているようです。今回は、デザインにはこだわりのある人気ITメディアThe Next Webのスタッフが選んだ次世代のモバイルアプリを担う15のUIデザインを紹介します。 — SEO Japan コードを学ぶのと同じように、デザイナーとして上達する一番の方法は、習うより慣れることだ。それでもやはり、優れた作品を称賛して模倣すること（という名の練習）が驚くべき効果を発揮しないというわけではない。何よりも、他のデザイナーが過去にしたことを見ることは、相当な時間の節約になる。なぜならデザインには歴史があり、誰もが有効なものと有効でないものから学ぶべきだからだ。 今回の記事では、あなたのデザインのインスピレーションのなるような、15の見事なユーザーインターフェース（UI）のリ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://handywebdesign.net/2012/07/12colors-give-you-the-impression/
Amazon.co.jp: デザインのルール、レイアウトのセオリー。: 伊達千代: 本
http://plginrt-project.com/adb/?p=15059
