誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック
【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか？ ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの？ ・結局一番言いたいことはなんなの？ ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・
「ウトゥクシク、ナリタイナ」 - 月刊ショータ
ある晩、もう二十三時くらいのことだ。 後輩のアートディレクター（以下、ＡＤ）が喫煙室に入ってくるなり、イライラした様子で煙草に火を点けて、大きなため息をひとつ吐いた。 「どうした？」 先輩の僕は一応声をかける。 「もうムチャクチャっすよ。ポスター作ってるんですけどね……」 彼はあるお菓子メイカーを担当していた。 「グレープ味新発売のポスターなんですよ。一番上に『グレープ味新発売！』って書いてあるのに、下の方に丸囲いで『NEW！グレープ味新登場』って入れろって、クライアントが言うんですよ。書いてあるやん！ って」 「うん、アホやな」 こんな時間までやっているということは、今日が入稿日で、印刷会社との約束の時間はとっくに過ぎているのだろう。もしかしたら、色校正の段階まで進んでいるのに、色彩や明度とは無関係の修正指示が来たのではないだろうか。 広告業界のデザイナーなら誰でも経験のある腹立ちだろう
ジョナサン・アイブについて知っておくべき22のこと
By Marco Paköeningrat Appleのインダストリアルデザイングループ担当上級副社長であるジョナサン・アイブ氏は、iMac・MacBook・iPod・iPhone・iPadなど、数々のAppleの主力製品をデザインしてきたAppleにとって欠かせない人物。そんなジョナサン・アイブ氏の性格から、Appleでの仕事内容やアイブ氏が統括するデザインチームについて、22の事柄がまとめられています。 22 Things You Need To Know About Apple's Jonathan Ive | Co.Design | business + design http://www.fastcodesign.com/3042524/fast-feed/22-things-you-need-to-know-about-apples-jony-ive ◆01：アイブ氏が嫌うデザ
チャートやグラフを飛躍的に分かりやすくするシンプルなポイント10個
情報を可視化すると人に伝わりやすく、また強く印象に残すことも可能です。そのためプレゼンテーションにおけるチャートやグラフは非常に重要になってきますが、一歩間違えば情報を分かりにくく、最悪の場合、間違った理解を見ている人に与えてしまいます。そこで、HubSpotがチャートやグラフのデザインなどプレゼン資料を飛躍的に見やすくするポイント10個を公開しています。 Why Most People's Charts & Graphs Look Like Crap http://blog.hubspot.com/marketing/data-visualization-mistakes Why Most People's Charts and Graphs Look Like Crap http://visage.co/peoples-charts-graphs-look-like-crap/ ◆01
今年のお盆はオンライン墓参り！代行で合掌や献花もZoomで作法も服装大丈夫！
現在でも、新型コロナウイルスの影響がすごいですからお盆期間の墓参りもオンラインということで話題になっているようです。 何でもかんでもオンラインというのは現状では仕方のないことですが、墓参りもということについてはびっくりしました。 オンライン墓参りというのは何だか罰当たりな気持ちでありますが、里帰りできない点ということを考えると自宅のお墓の様子など確認できることはいいことです。 オンライン墓参りでは、Zoomを使用をしてしてくれるそうなので「オンライン帰省」「オンライン飲み会」と言った感じでできることはいいですね。 オンライン墓参りのサービスは、ネットニュースで話題になっているのでわかると思いますが「有限会社かの石材」という広島県福山市にある墓石店がしたそうです。 こういったサービスを思い付くのがすごいなと思いますが、15年前から墓の掃除代行サービスをしていたようです。 それが、世の中大変な
サイトやアプリのユーザビリティを向上させる35のポイント | ベイジの社長ブログ
デバイスがどのように進化しようが、アプリの時代になろうが、ユーザビリティは変わらず求められるものです。Web/IT業界では「使いやすさ」という意味で気軽に使われる言葉ですが、奥は深く、原論を解説した書籍もいくつか出ています。 学術的な解説はそういった書籍に任せるとして、ここでは、経験の浅いデザイナー、あるいは非デザイナー（ディレクター、Web担当者、エンジニアなど）向けに、ユーザビリティの向上に繋がる基本的な要点をまとめてみました。 ボタン、テキスト、コピーなど ボタンやテキストのデザインは、ユーザビリティを左右する大きなポイントです。表面的な美観に流されず、ユーザ視点で考えていきましょう。 1：ボタンじゃない要素は、ボタンと似たデザインにしない ボタンのデザイン次第で、サイトやアプリの使いやすさは大きく変わります。特に、ボタンでない要素にボタンのようなデザインを施すことは、どこが押せるの
Apple（日本）
Apple Footer 記載のiPhone 15の月々の支払い金額（税込）は、ペイディあと払いプランApple専用で金利0%の36か月分割払いを選択し、iPhone 13（128GB）を下取りした場合のiPhone 15（128GB）の金額です。iPhone 13（128GB）を下取りした場合のiPhone 15（128GB）の総支払い金額は実質79,800円から、下取りがない場合のiPhone 15（128GB）の総支払い金額は124,800円からです。下取りサービスは、Appleの下取りプログラムのパートナー会社によって提供されています。下取りの見積もり額は目安であり、実際の下取り額は見積もりよりも低くなる場合があります。下取り額は異なる場合があり、下取りに出すデバイスの状態、年数とモデルにもとづきます。一部のデバイスは下取りの対象ではありません。成人の方のみが対象です。下取り額は新
Bootstrap
Introducing Google Bootstrap. Need reasons to love Google Bootstrap? Look no further. By nerds, for nerds. Forked from Twitter Bootstrap, built by todc, Google Bootstrap utilizes LESS CSS, is compiled via Node, and is managed through GitHub to help nerds do awesome stuff on the web. Made for everyone. Bootstrap was made to not only look and behave great in the latest desktop browsers (as well as I
「Microsoftのイメージを3日で一新する」プロジェクトをウェブ上で行った学生がMicrosoftからオファーを受け働くことに - GIGAZINE
2012年7月に「3日間でMicrosoftのブランドイメージを一新する」という試みをウェブサイト上で独自に行い話題となったロサンゼルス在住の学生Andrew Kimさんが2013年夏からMicrosoftで働くことが決まったことを自身のブログで明らかにしました。 Minimally Minimal http://www.minimallyminimal.com/ Kimさんは2012年2月に発表されたWindows 8のロゴを「ラディカルではあるけれど過去を脱ぎ去っていない」と指摘し、自身のウェブサイトMinimally MinimalでMicrosoftの新たなロゴマークや広告を具体的に提案し、その完成度がネット上で話題となっていました。そしてKimさんがプロジェクトを行った一ヶ月後の2012年8月23日、Microsoftは25年ぶりにロゴマークを新しくすることを発表。 Kimさんの
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック// Speaker Deck
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック with Sass / Compass (English Version) https://speakerdeck.com/ken_c_lo/zurui-design-technique-english-version 第一回…
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
細かすぎて伝わりづらい! iOS 6のデザイン変更点まとめ。
iPhone5やiOS 6のリリースなど、アップルユーザーにとって目が離せない日が続いていますね。 iOS 6に関しては地図アプリが散々なもので正直ガッカリですが、UIは全体的に使いやすくなって、じっくり観察してみると細かすぎる変更点も健在でした。 大きな変更点に隠れた細かすぎる変更点たち、その涙ぐましささえ感じる進化をどうぞ! ■設定アイコン iOS 5では歯車の形が尖っていましたが、iOS 6では角が丸くなってソフトなイメージになっています。 OSXの設定アイコンと同じになったのでBack to the macの方針がアイコンでも徹底されているようですね。 ■時計アイコン 設定アイコンと同じ様に、iOS 5では時計針のシャープな印象でしたが、6では太さが一定になり、角張った印象になっています。 Apple製品がブラウン製品とよく似ているという事から考えると、ブラウン社のアラームクロック
ロゴ入りのクールなQRコードが作れる「Unitag」:phpspot開発日誌
Unitag QR Generator- Create fancy QR Codes for free - Check out Premium access - Unitag - Connect to the world ロゴ入りのクールなQRコードが作れる「Unitag」。 WEBブラウザ上でサイトのロゴが入ったQRコードなどを簡単に作れるツールです サンプル例。なんかかっこいい。 ロゴ入り。こんなのでも読めるんですね ちょっとデザインされた感じのもの デザイナーの方はこういうところもデザインしたいということで、１つのツールとして試してみてもよさそう 関連エントリ Google Chart APIを使ったQRコードを超簡単に描画してくれるjQueryプラグイン「MyQRCode」
押すのか引くのか一目でわかるドアの取手
これぞユニバーサルデザインってやつですよ。 この取手わかります？ 矢印の形になっているんです。ガラスのドアに取り付けたら、この矢印の向く方に押すか引くかすればドアはすんなりと開くのです。なんてわかり易いんでしょうか。取手そのものがサインにもなっているなんてすばらしいです。あまりにも自然なデザインで、逆に気づかない人もいると思いますけど。 キム・ユンア（Eun Ah Kim）さん、リョウ・ジンユク（Jinhyuk Rho）さん、リョウ・マリア（Maria Rho）さんの3人によるコンセプトデザインです。 [Yanko Design via Dornob] そうこ（ANDREW LISZEWSKI 米版）
アップルのデザインの進め方、責任者ジョナサン・アイヴが語る
アップルのデザインの進め方、責任者ジョナサン・アイヴが語る2012.03.15 22:006,721 福田ミホ アップルをアップルたらしめている何かが、感じられます。 MacBookやiPhone、iPadといったアップル製品に共通する大きな特徴のひとつは、それぞれに独自性が高く美しいデザインです。そんなアップルのデザインを取り仕切る人物は、インダストリアルデザイン担当上級副社長のジョナサン・アイヴです。彼はデザイン業界への貢献を評価され、出身国であるイギリスから｢ナイト｣の称号も与えられています。 そんなアイヴが、ロンドン・イブニング・スタンダード誌でのインタビュー記事の中で、アップルのデザインの秘訣に触れつつ、他社の問題点も指摘しています。また、我々ユーザーについてアップルがどう見ているのかも、話しています。 以下、インタビュー記事からの抜粋です。 Q：アップルのデザインは、どこが｢違
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Icons - Material Design
http://tanisuke.net/entry/2187
[デザイン]グラデーションを使う理由、不自然なグラデーションについて徹底的に分析した![[デザイン]グラデーションを使う理由、不自然なグラデーションについて徹底的に分析した](https://cdn-ak-scissors.b.st-hatena.com/image/square/232c41c1ad9ba1ab348c9a84db4d1d95780fb78b/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2013%2F06%2Fdesign-gradation-color-01-150x150.png)
「使ってもらえるアプリの考え方」スマホデザイン会議 2012 忘年会スライド
EdensVision.com is for sale | HugeDomains
