誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック
【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか？ ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの？ ・結局一番言いたいことはなんなの？ ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・
「デザインは才能の問題じゃない」デザインセンスがない…と感じている人がまずやるべきことを建築家が解説
堀井義博 @yoshihirohorii どんなものでも整然と並べるだけで「デザインされた」ように見える。 この認識は倒錯で、そもそも「並べること」がデザインなのだから、 何かが整然と並べられている状態は、デザインされたように見える は端的に同語反復である。 2020-12-08 09:59:11 堀井義博 @yoshihirohorii この倒錯は、例えば列柱表現だとか、同じモチーフを整然と反復させるデザインだとか、ひたすら同じ材料で仕上げを統一するだとか、そういう類のものを見た時に お、デザインされてるな って思ってしまう感覚に、端的に現れる。 2020-12-08 10:01:30
【図解入門】シンプルな図の作り方｜櫻田潤🎨インフォグラフィック・エディター｜note
3年前に、図解の基本をまとめた本『図で考える。シンプルになる。』を書きました。その内容から、エッセンスを抽出したのが本noteになります。 （１）「幕の内図解」と「イチオシ図解」 図には、大きく分けて、2つのアプローチがあります。 ひとつは、幕の内弁当のように、いろんな要素を盛り込んだ図で、もうひとつが、唐揚げ弁当のように、イチオシのおかずにフォーカスした図です。 たとえば、桃太郎の話を「幕の内図解」のアプローチでまとめてみたのが、つぎの図です。 登場人物とエピソードをフラットに扱って、網羅的に盛り込んでいます。 この図を使って、人に説明しようとすると、「まず、お婆さんですが……」「つづいて、お爺さんですが……」といった具合に、「お婆さん」「お爺さん」「桃太郎」それぞれの視点に切り替えが必要になり、話す方も話しづらければ、聞く方もまどろっこしく感じてしまいます。 相手がじっくり聞く耳を持っ
これだけ守れば見やすくなるデザインの基礎
2019/04/18に株式会社gumi様で行ったデザイン講義のスライドです。 デザインとは何か？デザイナーは何を考えてデザインを作っているのか？ という話から、実際にデザインを評価・検討するための言葉を紹介しています。 この 作品 は クリエイティブ・コモンズ 表示 - 改変禁止 4.0 国際 ライセンスの下に提供されています。 第二回「UIデザインをはじめよう」はこちら https://speakerdeck.com/kinakobooster/uidezainwohazimeyou 第三回「今日からできるUXデザイン」はこちら https://speakerdeck.com/kinakobooster/jin-ri-karadekiruuxdezain ※訪問講座のご案内※ あなたの会社に話しに行きます。料金表はこちら https://xemono.life/#/workwith/co
ビジネスモデル図解ツールキットを無料で配布してみた（追記あり）｜チャーリー
チャーリーです。 ビジネスモデル図解をかんたんに編集できる、ビジネスモデル図解ツールキットをつくったので、ご紹介します。 ビジネスモデル図解ツールキットビジネスモデル図解ツールキットについて(追記)2018年に「ビジネスモデル2.0図鑑」が発売されたこともあり、4年以上もの間、おかげさまでたくさんの方々にビジネスモデル図解ツールキットを活用いただいているようです。ありがとうございます。 ビジネスモデル2.0図鑑はこちらの記事で全文公開しています↓ 予想以上に活用いただいたこともあってか、Googleスライドの共有リクエストやお問い合わせがほぼ毎日のようにくるなどして、閲覧権限を付与したり、自動送信のメールがシステム上のエラーで届かないなどの対応をしています。 それだけ活用いただいていること自体がとてもありがたいことではあるのですが、管理コストが結構かかってしまっているのが実状です。そのため
【パワポ時代の情報整理術】つめこみすぎなスライドがこれでスッキリ！｜Designer
昨今、情報量がとにかく多く、理解しづらいパワーポイント資料が溢れています。「ポンチ絵」や「曼荼羅」などとも呼ばれるこの手の資料。パワーポイントを作る方も、読み解く方も大変です。 でも、わかります。一枚の資料に収めないといけない事情があることを―。会議の配布資料、提案資料、体制図、システムの構成図…。シンプルな資料が良いとわかっていながら、どうしても情報量を落とせない場合もあります。 そこで今回は、掲載する情報量はそのままに、デザインの力で資料をわかりやすくするテクニックをご紹介します。 【Before】元のスライドはこちらお題にするのはこちらのスライド。体制やネットワークを表す図です。一枚のスライドあたりの情報量が多く、色々な要素が詰まっています。 出典：厚生労働省「医療・介護制度改革について」P.1 www.mhlw.go.jp/stf/shingi/2r9852000001gj87-a
フロントエンドの負債と向き合う - mizchi's blog
某所で書いたものを公開用に書き直したもの 前提 フロントエンドでTDDは難しい、というかほぼ不可能である。なぜなら事前に副作用をデータとして表現できるか不明だからだ。たとえばあなたのプロダクトの画面の何処かにボタンを追加するために、その内部表現を事前に思い浮かべることが可能だろうか？ react-redux などのFluxフレームワークは如何に副作用をアクションとして表現することで、テスト・デバッグのための情報を残すか、という視点で発展してきた側面がある。あの冗長なアクション定義は、全てデバッグのために書いていると言っても、過言ではない。それすら「Textは文字がある」といったトートロジーなデータになりがち。 フロントエンドの現実的な単体テストは、他の開発者のために、自分が書いたコードの要求を満たしているか検知する手段として、防衛的にテストアフターしておく。これぐらいしか現実的な手法がない
タテマエメソッド
POV madlib by d.schoolPOVはpoint of viewで「視点」という意味、madlibは「穴埋め問題」のことを指します。つまり、穴埋め問題を記入することによって、視点をうまく切り替えながら、課題を解決していきましょう、というものです。 オリジナルのテンプレートは以下のとおりです： [USER] needs to [USER’S NEED] because [SURPRISING INSIGHT] | ［ユーザー］は［ニーズ］をする必要がある。 | なぜなら［驚くべきインサイト］があるからだ。 「東京工業大学エンジニアリングデザインプロジェクト」でも当初はこのテンプレートを使っていましたが、どうもありきたりというか、当たり前の視点しか出てきませんでした。よくあるのは「友達に伝えたいからだ」のような社会的な欲求、「役に立つからだ」のような機能的な欲求、「楽しいからだ」
誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック
【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか？ ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの？ ・結局一番言いたいことはなんなの？ ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・
整然データとは何か｜Colorless Green Ideas
整然データとは、1) 個々の変数が1つの列をなす、2) 個々の観測が1つの行をなす、3) 個々の観測の構成単位の類型が1つの表をなす、4) 個々の値が1つのセルをなす、という4つの条件を満たした表型のデータのことであり、構造と意味が合致するという特徴を持つ。R言語などを用いたデータ分析の際には非常に有用な概念である。 はじめに データ分析の際には、データが扱いやすい形式になっている必要がある。データの中身がぐちゃぐちゃになっていたり、データの形式が統一されていなかったりすれば、分析は骨の折れる作業となる。 それでは、どのようなものがデータ分析において扱いやすい形式のデータになるのだろうか。この問題に対する唯一の正しい解答というものは存在しない。しかし、表の形式で表すことができるデータを考える場合、ハドリー・ウィッカム (Hadley Wickham) 氏が提唱した整然データ (tidy d
子どもがペットに見えない「迷子ひも」 試作した大学生が問う、社会の寛容さ
迷子ひもは、「幼児用リード」や「ハーネス」とも呼ばれる。幼児が急に車道に走り出たり迷子になったりするのを防ぐための道具だ。リュック型も多く市販されており、幼児の上半身と保護者の手がひもでつながれているスタイルが一般的だ。 日本では10数年前に輸入品が使われはじめたとされるが、たびたび議論が起きている。 2015年6月4日の朝日新聞の記事「幼児用リード じわり浸透？それとも違和感？」では、事故防止のために迷子ひもを使っている親を紹介。ネット上では共感する声がある一方で、「まるで動物のよう」「子どもを一方的に束縛している」「親がしっかり手をつなぎ、しつけをするべきだ」などの批判もあった。 「親が…」という批判の中には、「便利なグッズを使って、親がラクをするのはいかがなものか」といった安全面だけではない理由もある。 幼児の交通事故で最も多い「飛び出し」交通事故総合分析センターの交通統計（2014
システム構成図やプレゼンテーション資料などで自由に使える「さくらのアイコンセット」を公開いたしました。 | さくらのナレッジ
「さくらのアイコンセット」とは？ 「さくらのアイコンセット」は、サーバやストレージなどインフラに関連したアイコンをセットにしたものです。当社サービスをご利用をされている方はもちろん、当社サービスをご利用でない方でも、ホワイトペーパー、システム構成図、プレゼンテーション資料など様々な用途にご利用いただけます。 >>こちらからダウンロードできます。 《ライセンス》 SAKURA internet Inc. クリエイティブ・コモンズの 表示 4.0 国際 ライセンスで提供されています。 《アイコンの紹介》 「さくらのアイコンセット」を含まれるアイコンについては、下記のアイコンとなります。 1 ： general 様々な用途でご利用できる汎用的なアイコン集です。 2 ： programming PHPやPythonなどのプログラミング言語のアイコン集です。 3 ： server-parts CPU
[ HUE / 360 ] The Color Scheme Application
Circle Controller HUE/360 Ver.0.1.3 © 2012 SAUCER.JP
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
真にユーザー視点なソリューションのつくりかた：Designitワークショップ「Hacking Tokyo」#3レポート
❤️ Best adult photos at diswir.fr
ノンデザイナーのための配色理論
Fata Morgana by Damon Zucconi, 2010