誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック
【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか？ ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの？ ・結局一番言いたいことはなんなの？ ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・
今年読んで自分の糧になったおすすめ本－海外・英語、デザイン、ライティング関連書籍 - Life is colourful.
今年読んでよかった本をまとめておきたい。 今年はブログを始めたことで、読書をする機会が増えた。読者に何か少し役に立つトピックを書こうと考えると、まず自分がインプットしないと良質な記事が書けない場合がある。それに、なにより得たものを自分の頭で咀嚼してアウトプットすることが楽しい。 今年の読書まとめと称して、自分の糧になった書籍を厳選して6冊だけ紹介したい。 デザイン関連のおすすめ デザイン本には定番の『ノンデザイナーズ・デザインブック』という超有名で、いわばお決まりの本がある。誰もが勧めている。また、現役デザイナーのOMGmagさんが勧めている『デザインのルール、レイアウトのセオリー。』も良質な内容である（書評はこちらで）。僕もこの2冊は持っている。どちらも確実な本である。 デザイン本はこの2冊で十分だったので、最近はもうあまりチェックしていなかったのだけれど、今年たまたま出会ってしまったい
UXを向上させる５種類のアニメーションの使い方 | UX MILK
Nick Babich氏はソフトウェアディベロッパーです。大のテクノロジー好きで、UI/UXをこよなく愛します。彼のwebサイトはこちらです。http://babich.biz。 モーションはストーリーを伝えます。長く複雑なストーリーではなく、「今ここを見て下さい」や、「操作は正常に完了しました」などのシンプルなストーリーです。 しかし、アニメーションの目標は、ユーザーを楽しませることではありません。ユーザーが何が実行されているか理解し、より便利にアプリを使う方法を理解するための手助けするためにあります。このアイディアは、Zurbの記事にある次の言葉の中ではっきりと表現されています。 We’re no longer just designing static screens. We’re designing for how the user gets from those screens
エンジニアがデザイン入門書を3冊買ってみたのでメモと雑感 - エンジニアをリングする
自分で何かWebアプリを作るときにデザインも自分である程度満足いくレベルのものをできるようになりたくて、今年に入ってからいくつかデザインの本を買いました。 感想と勉強になったことをまとめてみます。 ノンデザイナーズ・デザインブック ノンデザイナーズ・デザインブック [フルカラー新装増補版] 作者: Robin Williams,吉川典秀出版社/メーカー: 毎日コミュニケーションズ発売日: 2008/11/19メディア: 単行本（ソフトカバー）購入: 58人 クリック: 1,019回この商品を含むブログ (107件) を見る 定番・・・なんですかね。どこかでデザイン初学者向けにオススメされていたのをみて買ってみました。 とても教科書っぽいです。ただ文章は程よく砕けていて読みやすく、理論をベースに実際の例をたくさん挙げて説明されているのでとっつきやすいです。 特に参考になった章：7章 Usin
世界との関わり方が変わる10冊 #2015 - RyoAnna
今年の夏頃からブログの書き方を変えた。以前は読んだ本を紹介することに重きを置いていたが、いまは本を媒介にして自分の感じたことを書こうとしている。すると自然に、記事のタイトルから本の題名が消えた。 なぜ本を読むのか。それはひらめく準備をするためだ。直接関係がない知識でも、物事の原理を知っていると別の分野で繋がることがある。読んだ直後は役に立たなくても、時間が経つと繋がることがある。 今回は、世界との関わり方が変わる本を紹介したい。人生の特効薬にはならないかもしれないが、読み終えると世界の見方が少し変わるはずだ。 デザイン 誰のためのデザイン？ 増補・改訂版 ―認知科学者のデザイン原論 作者: D. A.ノーマン,岡本明,安村通晃,伊賀聡一郎,野島久雄出版社/メーカー: 新曜社発売日: 2015/04/23メディア: 単行本この商品を含むブログ (6件) を見る 上と下の向きが分からないUSB
見やすいプレゼン資料の作り方 - リニューアル増量版
書籍化し、12万部突破しました。 【SlideShare広告回避用】 https://www.docswell.com/s/morishige/K3MXPZ-howtodesignslides ・PDFは無料でダウンロードできます ・自己学習や勉強会などの目的でしたらご自由にお使いいただけます ・授業・研修への利用はフォーム( https://forms.gle/WwgXTT974xFW78mFA )にご報告ください ・記事への参考資料にする際は適切な出典明記をお願いいたします 【使っているフォントについて】 M+フォント「MigMix1P」です。こちらもメイリオ同様おすすめです。 フリーで使えます。 【個人HP】 > https://mocks.jp > 仕事のご依頼はこちらから 【書籍情報】 デザイン入門：https://amzn.asia/d/4WDsTI6 デザイン図鑑：https
見ないと絶対損する！プレゼン資料の印象がグッと上がる良質記事10選 | SIROKグロースハックブログ
誰もがかっこいいプレゼン資料をつくりたいと考えていますが、とても難しいことです。今回はプレゼン資料の印象を簡単によくする方法について書かれた記事をまとめました！ 伝わるデザイン｜研究発表のユニバーサルデザイン どうすれば伝えるデザインにできるかについてとても分かりやすく説明されています ビジネスデザイナーZIBA濱口秀司さん のシンプルな図解とフレームワーク プレゼンにも活かせるシンプルで伝わる図解について分かりやすく書かれています。 パワポでの提案書作りに役立つデザイン基礎知識まとめ 時間をかけずに優れたプレゼンを作れる方法が載っています。ビジネスマンにおすすめです プレゼン資料の印象がグッと上がるフォントの法則 フォントの使い方一つでプレゼンの見た目が大きく変わります。 [Webデザイン] 文字組みについて本気出して考えてみた 文字組みの仕方でプレゼンの印象は大きく変わります レイア
積み上げて使うゴミ箱。QUALY BLOCK
これはゴミ箱です。 好きな色を積み上げて使います。 使い分けて分別します。 中はこんな感じ。 ゴミ袋が外に出ない構造になっています。 そして、捨てたゴミも外から見えにくいです。
『3DCGで原型制作をした「ミルヒオーレ・F・ビスコッティ」、実はこんな風に造られていたんだよ！』
本日より予約受付開始 ! 『DOG DAYS』より、 「ミルヒオーレ・F・ビスコッティ」！ 先日お伝えした通り、実はこの姫様は3DCGで原型制作を行いました！ 今日は原型が出来上がるまでの制作風景を、特別に記事にしちゃいますよー！！ 普段あまり語られることがない部分なので、けっこう貴重なものになる気がします。ドキドキ…。 そんな興味津々な私に色々と教えてくれるのは、ミルヒ担当の「世界のオダＰ」！ ／￣￣＼ ／ .ー ー ＼ ← 世界のオダＰ | （●） （●） | | （__人__） | 「 上手く説明できるか分かりませんが、がんばってみます！」 | ｀i i´ | | . `⌒ } ヽ } ヽ ノ ／ ヽ よっしゃ ! 早速いってみよー ! ! 【１】 キャラクターの決定 （企画担当） 今回の題材は、『DOG DAYS』 から
ウェブ制作に役立つ、便利な最近のオンラインサービスのまとめ -2011年1月
最近リリースされたものを中心に、デザイン、スタイルシート、ワイヤーフレーム、データベースなどに役立つオンラインサービス・ウェブアプリケーションを紹介します。
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
絵師よ！俺にデジタルの色の塗り方教えてくれ:ハムスター速報
絵師よ！俺にデジタルの色の塗り方教えてくれ カテゴリ☆☆☆☆ 1 ：名前：以下、名無しにかわりましてVIPがお送りします：2010/12/28(火) 08:13:49.52 ID:rxx0BifV0 色塗り上手になりたい！ 上級者さん教えてください 8 ：名前：以下、名無しにかわりましてVIPがお送りします：2010/12/28(火) 08:38:10.31 ID:pqPsIh/j0 まず線画うｐしろ 10 ：名前：以下、名無しにかわりましてVIPがお送りします：2010/12/28(火) 08:40:17.53 ID:Z2Os8jAK0 俺からも線画うｐ頼むよ 11 ：名前：以下、名無しにかわりましてVIPがお送りします：2010/12/28(火) 08:41:20.55 ID:rxx0BifV0 >>8 >>10 線画です 22 ：名前：以下、名無しにかわりましてVI
ウェブデザインの見栄えをよくするための7つのキーワード | コリス
7 Key Principles That Make A Web Design Look Good下記、そのポイントを意訳したものです。1. バランス2. グリッド3. カラー4. グラフィック5. タイポグラフィ6. ホワイトスペース7. コネクションおわりに1. バランスバランスで一番大切なことは、デザインが一方向に偏らないことです。対称あるいは非対称のものでもウェイトにはバランスをおくようにします。実例： Subtractionこのグラフィックの重要なポイントは右のクロスです。このクロスはビジュアルのウェイトに大きな影響を与えています。 この小さなクロスがどれだけグラフィックのバランスに効果があるかは、あなたの手でクロスを隠して見てください。これが非対称のバランスと呼ばれるものです。ビジュアルのサイズやカラーをコントロールし、ウェイトを調整することができます。 仮にクロスのカラーがオ
国内の商用利用可能なWeb制作に使えるフリー素材配布サイトまとめ - かちびと.net
日本のWebデザインってあまりトレンド というのは無いような気がします。なんと言うか 見易さとか実用性メインでデザインは結構 シンプルだったりしますし、日本人に合ってる のかもしれないですね。そんな訳で日本人の 感性で作られた商用利用もOKの国内の Web素材配布サイトをまとめてメモしておきます。 僕自身がいいと思ったサイトを厳選してご紹介します。順不同。 サイトごとに利用規約が若干違うので重要な部分はメモしますが、ご利用の際は必ずご自身の目で利用規約ページをご確認下さい。問題が起きても当方は責任負いかねます。利用規約ページがある場合はそのページにもリンクを貼っておきます。 デザイン素材.com アイコンがメインでファイルはPNG。ネットショップ素材が中心で使いやすいデザインが沢山あります。 加工、商用OK、印刷物、ソフトウェアでも可能、Webデザイナーも利用可能。再配布、２次配布は不可。
30 Professional Logo Design Processes Revealed | Creative Nerds
September 21st, 2009 Articles A collection of articles from logo designers who share their tips, tricks and secrets about the process they go through when creating a logo for a client. Including the process which Chris Spooner went through in order to redesign the design bump logo. 1. Logo Design Project Step by Step Walkthrough Project: myNiteLife Logo Designer: Chris Spooner 2. Step By Step Desi
200を超える非常に美しいPhotoshopのパターン集:phpspot開発日誌
200を超える非常に美しいPhotoshopのパターンがまとまったエントリが公開されています。 deviantARTなどに掲載されているもののピックアップで、紹介されているパターンは以下のように非常に美しいです。 リンク先は以下のエントリを参考にしてください。 200 free beautiful Photoshop patterns hand-picked from DeviantArt - FrancescoMugnai.com ためしに使ってみました。 次のような背景をパターンで簡単に定義できてしまいます。 素晴らしい！ 関連エントリ サイトデザインをオシャレにする背景画像パターン集 サイトのレイアウト時に役立ちそうなレイアウトパターン集「12 Standard Screen Patterns」 背景画像に使えるレトロなPhotoshopパターン集 PhotoShopのブラシやパター
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Photoshop Vip » 誰もが欲しがる、極上テクスチャ40セット集めました。
新着記事
Photoshop VIP ☞ ベクターアートでデザインされた高品質な世界地図の無料素材25個まとめ
TechCrunch | Startup and Technology News
