This is a teenager
It's 1997. Alex is a 13-year-old Hispanic kid being raised by his dad and step-mom. His family's net worth is less than $2,000. And his parents are neither supportive nor involved in his life. When researchers assessed his home and family life, they determined he was in a fairly risky environment. Over the next 25 years, researchers will continue interviewing Alex regularly. He'll be bullied at sc
インフォグラフィックとは | ビジュアルシンキング
📍この記事は、連載シリーズ『インフォグラフィック・デザインガイド』の1話目です。連載目次はこちら 頭に“info”と付くのはなぜか？ インフォグラフィックは、「information」と「graphic」を組み合わせた言葉です。文字通りであれば、「情報」を「視覚的に表現」したものとなりますが、その定義だと他のグラフィック表現との違いがはっきりしません。 名刺やチラシ、パッケージ、ポスター、バナーなども、視覚的に情報を伝えるものですし、さらに広げれば、イラストや漫画、写真、映像といった表現手法にも、同じことが言えます。 したがって、情報を扱うグラフィック表現は、インフォグラフィック固有のものではありません。にも関わらず、インフォグラフィックだけ、「情報」を強調して“info”と頭に付けるのはなぜでしょうか？ この問いに答えられないと、どういう表現をインフォグラフィックと呼んで、どういう時に
【図解】新型コロナウイルス変異株、WHOの新呼称
新型コロナウイルス変異株のWHOの新呼称についてまとめた図（2021年6月1日作成）。(c)GAL ROMA, PAZ PIZARRO / AFP 【6月2日 AFP】世界保健機関（WHO）は5月31日、新型コロナウイルスの変異株の呼称について、差別を助長する懸念から、最初に確認された国名の使用を避け、ギリシャ語のアルファベットを使うと発表した。変異株の系統名とWHOの新呼称の対応表を掲載する。(c)AFP
新型コロナはSDGsにどう影響したのか？ | ビジュアルシンキング
新型コロナの影響 目標1：貧困をなくそう 1日を1ドル90セント未満で暮らす「極度の貧困」の割合が、1998年以来となる増加の見込み。 目標2：飢餓をゼロに 「気候変動」「バッタの大量発生」「紛争」に加えて、「新型コロナ」が食料システムへの脅威に。 目標3：すべての人に健康と福祉を 医療の混乱により、数年前に逆戻り。5歳児未満の死亡、妊産婦の死亡が増加。 目標4：質の高い教育をみんなに 190カ国以上で全国的な学校閉鎖が実施され、少なくとも5億人がオンライン学習も受けられない状況に。 目標5：ジェンダー平等を実現しよう 外出制限により、女性や児童に対する家庭内暴力が増加する恐れ。 目標6：安全な水とトイレを世界中に 世界人口の40%にあたる30億人の家庭に基本的な手洗い設備がなく、感染対策が不十分。 目標7：エネルギーをみんなに そしてクリーンに 2018年にアフリカとアジアの6カ国で行っ
地球の将来を決める10年 | ビジュアルシンキング
環境学者ヨハン・ロックストロームさんはTED（2020年10月公開）で、2030年までの10年が地球の未来にとって重要だと話しました。 これまでの10年で、地球の気候を調整するのに重要な場所15カ所中9カ所が転換点（ティッピング・ポイント）に近づいているとのこと。 これは、長らく安定した気候のもと繁栄してきた人類にとって大きな脅威をもたらします。 未来のためにできることは？ TEDを視聴（8分）
あなたの知らない「狙う広告」 0.1秒の世界：日本経済新聞
「どうして同じ広告ばかり表示されるのか」。インターネットを見ていて疑問に思ったことがあるだろう。実は、過去に見たサイト履歴などからあなたの好みや属性を機械が推測し、興味がありそうな広告を0.1秒以内に配信しているのだ。この作業が膨大に繰り返され、１兆円市場を形作る。知られざる「ターゲティング広告（狙う広告）」の世界に飛び込んでみよう。 2000年ごろまで広告取引はシンプルだった。広告を出したい企業と、出してもらいたいメディアがおり、その取引を広告代理店の営業マンがつないでいた。 ネットが普及して広告枠が大量に増え、人力で埋めるのが難しくなった。そこで2010年ごろ、広告を機械が自動で取引する仕組みが拡大。今では自動取引が全体の８割に達し、2018年には１兆円を超える見通し。 パソコンを立ち上げてサイトを開く。その瞬間、あなたが見たサイト履歴や検索した単語を機械が分析。「引っ越し先を探してい
Developer Roadmaps | CSS-Tricks
UGURUS offers elite coaching and mentorship for agency owners looking to grow. Start with the free Agency Accelerator today. The path to becoming a front-end developer, as looked back upon by anyone who self-identifies that way, is likely a very windy one full of thorn bushes and band websites. Still, documenting a path, even if it’s straighter and far cleaner than reality, is an interesting exerc
Designing Oursを読んで、これからのデザインとノンデザイナーの関わりを考えた #designingours
故・渡辺保史氏の遺稿「Designing ours:『自分たち事』をデザインする」をオンデマンド出版するプロジェクトで出版された、『Designing Ours』、無事に届いたので一気読みしました。 渡辺保史さんの書籍がだいたい到着したようで事務方としてもホッ クラウドファンディングに申込いただいたい皆様、誠にありがとうございました♂️ 書籍の感想は #designingours で呟いていただけると幸いです。 pic.twitter.com/Y4AjDrfNo3 — 富田 誠 (@tomitamakoto) 2018年3月30日 というわけで、読書メモ＆心にささったセンテンスから考えたことを中心に、感想文を書こうと思います。 ↓読書メモ(※超overview、そして自分的にささったとこ中心) 揺らぐ自分の足元と、『自分たち事』への向き合い方、デザインの担う役割の変化 戦後以降、公共を担
情報やデータを視覚的に表現するインフォグラフィックデザインがまとめられているデザイン参考サイト - NxWorld
インフォグラフィックとは情報やデータを視覚的に表現したもので、文字や言葉にすると膨大な量になってしまったり表現がわかりづらくなるものをイラスト・グラフ・図・ピクトグラムなどを用いてわかりやすく見せることができます。 そんなインフォグラフィックデザインが多数まとめられたデザイン参考サイトを紹介します。 全体的な配色や配置といったバランス、様々な形状やサイズの要素の組み合わせ方など、インフォグラフィックに限らずデザインとして参考になる部分も多いです。 infographic.jp インフォグラフィック作成サービスを行っている企業が多数のデザイン事例を紹介しており、ページ上部にあるナビの「GALLERY」からより多くのデザインを閲覧できます。 infogra.me インフォグラフィックやデータビジュアリゼーションを共有するコミュニケーションプラットフォームで、国内外問わず多数のインフォグラフィッ
【考えの伝え方】情報を視覚化してみよう！｜Goodpatch Blog グッドパッチブログ
自分の考えをうまく人に伝えられないことはありませんか？ 自分の頭の中にある考えやイメージを、直接相手の頭の中に送ることができれば簡単に伝えることができるかもしれませんが、そういうわけにもいきません。 ですが、直接送ることはできなくても、情報を視覚化することでより伝わりやすいように工夫することは可能です。 実際に身の回りでは、情報を伝えるために視覚化されたもので溢れています。 そこで今回は、考えを伝える1つの手段として、情報を図解して視覚化する方法をご紹介します。 「情報を視覚化する」とは？ 情報の視覚化とは、文字通り、情報（考えていることや伝えたいこと）を、図解表現などを用いて目に見える状態にすることです。 メリット 自分の思い描いているイメージや、言葉で明確に言い表すことができない事柄を目に見えるようにすることで、その情報の関係性や構造が的確に伝わります。 また、人は実際に目に見えるもの
分かりやすいイラストで、Webデザインに大切な10の要素をまとめたインフォグラフィック
デザインの基本を顧みることもたまには必要ですよね。 分かりやすいイラストで、Webデザインに大切な10の要素をまとめたインフォグラフィックを紹介します。 10 Basic Elements of Design 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 元ページでは大きなインフォグラフィックがダウンロードできるので、壁紙やプリントしてポスターにしてもよいと思います。 ※掲載する上での画像加工も許可を頂いています。 ラインとは、デザインの最も基本的な要素です。ラインは絵を描くときのペンや鉛筆のストロークであり、グラフィックデザインでは2つのポイントを繋ぐものです。 ラインはスペースを分けたり、目を特定の場所に惹きつけることに役立ちます。例えば、コンテンツとヘッドラインとサイドパネルを分離するためにどう使うか考えてみてください。 カラ
マルチスクリーン時代 デバイスのいま - Yahoo! JAPANの最新マーケティング情報
特集動画ディスプレイ 複数のデバイスからインターネットにアクセスすることは、インターネットユーザーにとっては当たり前のことになってきています。マルチスクリーンの環境下で、インターネットユーザーはどのようにデバイスと接しているのでしょうか。マルチスクリーン時代のデバイスの使われ方について分かりやすく、インフォグラフィックでご紹介します。 【インフォグラフィックで見る】
櫻田潤 | インフォグラフィック・エディター
ビジュアルの力で世界を丸くする。 地球の形状が「丸い」のは、そこで暮らす僕たちにひとつの「ビジョン」を指し示しています。地球の形と同じように、世界で起こっていることのすべてが丸く収まっていれば良いのですが、現実は違います。 大小いろいろな規模の摩擦がいたるところに発生し、繰り返されます。その解決に必要なのは、お互いの「考え」や「価値観」「立場」、「状況」「状態」を示し、認め合うことです。そのために、「ビジュアル」の力を活用していきます。
どこいく？×トリップアドバイザー
2021年3月19日 一面に広がるキレイなお花に思わずうっとり！春に訪れたい全国のカラフルな花畑10選
東京の鉄道路線図SVGを作りました＆パブリックドメインで配布します
東京の鉄道路線図SVGを作りました＆パブリックドメインで配布します ロンドン地下鉄路線図での作図方法に基づいた東京の鉄道路線図を作ったので公開・配布します time2014/12/20 hatenabookmark- Illustratorを使って、東京圏の交通路線図を作りました。 現在、これを書きだしたSVGファイルを以下に置いて、ウェブ上から見られるようにしています。まだマップとして大した処理はしていないので、PCとかだとスクロールが面倒ですが、スマートフォンなどタッチ端末だとそこそこ見られると思います。 なお、AIファイル・SVGファイルはパブリックドメイン(CC0)としますので、配布・改変・販売含め、煮るなり焼くなり好きに使っていただいてかまいません。 railmaps - github どうして描いたの？ 昔からハリーベック氏のロンドン地下鉄路線図がとても好きで、自分もこういうも
プレゼンや企画書をより魅力的に！商用でも無料でつかえるインフォグラフィック用のベクター素材
個人でも商用でも無料で利用できる、インフォグラフィックのベクター素材をInfographic Template Shopから紹介します。 Infographic Template Shop Infographic Template Shopに数多くある有料のインフォグラフィックの素材から、10種類$30分がパックになって無料でダウンロードできます。 ダウンロードは、下記ページから。 昨日、アクセスした時はメールを介してダウンロードさせていたのですが、現在はより簡単にダウンロードできるように変更されていました。 追記（2014/8/27）：さきほどメールを介してのダウンロードに変更になったようです。 ダウンロードできる素材のフォーマットは、2種類。 .ai .eps 素材の利用にあたっては個人でも商用でも無料で、ロイヤリティフリーです。詳しくはダウンロードファイルの「License-read
The User Experience Wheel
I have used this model for some time now, time to reveal it to the critical eyes of fellow practitioners. It is a model that tries to explain “what is user experience?” PDF Version The Model should be explained from the inside. It starts in the middle. Value is what we want to accomplish For customers and providers, positive user experience is a win-win situation We want to accomplish value throug
『LEAN UX』の著者、Jeff Gothelf 氏による実践型ワークショップ | Tokyo Graphic Recorder
『LEAN UX』の著者、Jeff Gothelf 氏による実践型ワークショップ 「LEAN UX」の邦訳版が2014年1月に発売されて以降、国内でもLean UXに対する注目度が高まり、 これまでに数多くのワークショップや勉強会が開催されてきました。 今回その「LEAN UX」の著者であるNeo Innovation, Inc. のJeff Gothelf氏が日本で初めてワークショップを開催されました。 Lean UXとは何なのか、またLean UXを実践するために必要なマインドセットについて、複数のハンズオンを通してJeff本人がレクチャーしました。 今回のワークショップを通して学べること： ・チームで前提を共有し、共通の出発点を持つ方法 ・前提を評価するための仮説ステートメント作成 ・プロダクトの開発、デザインにおける無駄を最小限にする ・難しいデザインの課題をチー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Meiro — Customer Data Platform (CDP) – UX Collective
iPhone 6/6 Plusで仕様が複雑になった解像度もコレなら分かりやすい、歴代iPhoneの解像度をまとめたアルティメットガイド
