フォントと文字の基本と応用が学べるデザイン教本。
現場の当事者が主体者に変わるためのプロセスモデルを全解説
変化の激しい時代において「デザイン」は、専門家だけで進めるものではなくなってきています。著者は、長年にわたりデザイナーとして参画した地場産業や地域振興など「小さな現場」の仕事で、より本質的で力強い成果につなげようと模索する中から、このことを実感してきました。
「小さな現場」でデザインが求められるのは、変化が求められるときです。それには従来の、専門家による「カタチのデザイン」と、カタチの軸となる「価値のデザイン」だけでは不十分だと著者は考えました。個人事業主や地域コミュニティのメンバーなど、すべての現場の担い手がデザインを専門家任せにせず、共に参加し「自分ごと」にできれば、状況は大きく変わるのではないでしょうか。現場の当事者がデザインの「主体者」となることでデザインが活き、現場が活き、その総体として企業や地域に持続的な活気が生まれます。
本書は、すべての「小さな現場」に向けて、当事者の内にある「動機」を引き出す「動機のデザイン」について、ステップごとに詳しく紹介し、それぞれの現場で活かしてもらうことを目指します。
はじめに
第1章 なぜ「動機のデザイン」なのか
小さな現場での仕事から/「専門家としてのデザイナー」の功罪/デザインの現場は、共創の中にある/人の動き方が変わると、状況が変わる
エピソード01 観光・まちづくりの取り組み
第2章 3つめのデザイン「動機」 -カタチと価値を支えるデザイン
デザイン全体の見取リ図 -デザインの本当の力を活用してもらうために/デザインという取リ組みの全体像 -3つのデザイン/「動機のデザイン」とは?
エピソード02 地域密着型の書店としての魅力づくり
第3章 5ステップで進める動機のデザイン -実践のポイント
プロセスから見る動機のデザイン/ステップ1 内外を観察する/ステップ2 現場を共有し、課題を設定する/ステップ3 仮説を立てる/ステップ4 自作して試してみる/ステップ5 結果を点検し、次へつなげる/1周を完走した当事者が、「主体者」となって次のサイクルへ踏み出す
実践事例 老舗和菓子店の取り組み
第4章 動機のデザインのリアリティ -動き続ける現場から
実際はささやかなことの積み重ね/現実の仕事の中で進める難しさ/実践の場でのデザイナーの役割/進めていく中で気にかけていること/そして変化を起こせるように
第5章 「動機のデザイン」の先にあるもの -デザインプロセスに表れる志向性
「動機のデザイン」のわかりづらさ/「動機のデザイン」を言葉にして/「動機のデザイン」は工学ではない/専門デザイナーと「実質デザイナー」/当事者の動きを誘発するデザイン/主体者が増えれば、クリエイティブ総量が増える/動機のデザインと学びの場
あとがき
デザインのスタメン・線を制すーー!!
=======================
【期間限定で購入者特典を配布中!!】
本書をご購入いただいた方に、5月末までの期間限定で、特典を配布中です。
特典:ケイセンの使いどころが一目でわかるチートシート
配布場所:本書サポートページ
=======================
日々目にする広告、雑誌、Webサイトやパッケージ。
それらをよく見ると、ほとんどのデザインに「線」が使われていることに気がつきます。
つまりケイセンは、デザインのスタメンなのです。
そんなデザインのスタメンたる「線」を、レイアウトに効果的に取り入れるためのデザイン術を1冊にまとめました。
「区切る」「整理する」を超えた、“だけじゃない”ケイセンの活用法を47テクニックに分けてご紹介します!
ケイセン1本でもっと繊細に 2本でもっとアーティスティックに 10本でもっと革新的に。
ケイセンで、あなたのデザインをぐっと魅力的にしてみてください!
Chapter 1 情報を区切る
01 1本の罫線で区切る
02 横に区切る
03 縦に区切る
04 十字に区切る
05 ひし形に区切る
06 ランダムに区切る
07 囲って区切る
08 極太で区切る
Chapter 2 情報の整理
09 基準線
10 囲って揃える
11 色罫線でグループ化
12 背景でグループ化
13 間をつなぐ帯罫線
14 格子状に揃える
Chapter 3 視線誘導
15 リード罫
16 コネクトライン
17 プルライン
18 アロー
19 ステップ
20 スピード
21 リズム
Chapter 4 文字の強調
22 強調リード罫
23 袋文字
24 ストレッチ
25 パーツ罫
26 カット
27 リンク
28 罫線で文字を作る
29 ゴースト罫
Chapter 5 背景
30 グリッドを活かす
31 フレーム
32 ストライプ
33 ボーダー
34 強い線×弱い線
35 印象づける線
36 雨罫線
37 罫線から飛び出す
38 カット&ブラー
39 カット&エレメント
Chapter 6 ワンポイント
40 見出し装飾
41 モチーフ
42 フォーカス
43 ライト(光線)
44 ウィンドウ
45 ストーリー
46 ロゴ:罫線でモチーフを表現
47 ロゴ:罫線をシンボルマークに
オシャレさよりも、信頼感。引き継ぎデータで作ってる、ちょっとおかためな文書、広報紙、スライド、リーフレットやチラシ。そろそろアップデートしとかなくて、大丈夫?
デザインは“民主化”できるのか?
現代社会は大きな変革の只中にあり、望むか望まないかにかかわらず個人や組織は自らのあり方を絶えずデザインし直すことを迫られています。本書は、ソーシャルイノベーションの世界的権威エツィオ・マンズィーニが、誰もがデザイン能力を発揮する「誰もがデザインする時代」の新たな思想と実践を提示した一冊です。
マンズィーニは、人々が日々の営みの中で発揮する「遍在的デザイン」能力と、それを専門的知見で支援する「専門的デザイン」の協働を重視します。専門家はもはや唯一の担い手ではなく、人々の対話や協働を促し、変革を可能にする「イネーブラー(実現支援者)」への役割の転換が求められています。
豊富な事例を通じ、単なる問題解決を超え、生活に新たな価値をもたらす「意味形成」のデザインを追求します。小さく(Small)、ローカルで(Local)、オープンで(Open)、つながりあっている(Connected)「SLOCシナリオ」を掲げ、持続可能な未来を草の根から築くための知見を網羅した、21世紀の必読書です。
グラフィックワークから企画書、プレゼン資料まで。
デザイン基礎力は、一生役立つ武器になる!
これからはじめる人に読んでほしい、
とことん丁寧な本格入門書、遂に発刊!
現場のプロが教える真剣教室、開講です!
【センス、経験、一切不要!】
ーーーーーー
デザインは、すべての人が必ず上達できます。
デザインが苦手な人の話を聞くと「私にはセンスがないから」といわれることがあります。しかし、読み手に伝わるデザイン、心に残るデザイン、読みやすいデザインを制作するのにもっとも大切なものはセンスではありません。大切なのは・・・
ーーー本文より
●本書の対象読者
・自分自身で何らかの紙面や資料などを制作する機会がある人
・紙面や資料で他人に何かを伝える機会がある人
・これからデザインを勉強しようとしている人
・デザイナー1年生
Chapter 1 - デザインをはじめる前に 〜 はじめに知っておくべき最重要ポイント 〜
Chapter 2 - レイアウトの基本ルール 〜 紙面イメージを決定する配置設計の基礎知識 〜
Chapter 3 - 写真と画像 〜 目的別で学ぶ、写真の選び方と使い方 〜
Chapter 4 - 配色の基本 〜 色には人の心を動かす力がある 〜
Chapter 5 - 文字と書体 〜 読みやすく、人を惹きつける文字と書体の使い方 〜
Chapter 6 - 文章のデザイン 〜 読みやすい文章制作の基礎知識 〜
Chapter 7 - インフォグラフィック 〜 情報の図式化と、グラフ・表の作り方 〜
Chapter 8 - 実践演習 〜 頭の中のイメージを具体化するデザイン実技 〜
キャッチーな「見出し」の文字とあしらい。
視線を獲得する、タイトルデザインのアイデア集
ポスターやフライヤーなどの広告媒体や、書籍やカタログなどの冊子、Webサイトなどのレイアウトには、「タイトル」「見出し」が必ずあります。本書は、そうした「タイトルまわり」の「文字」と「あしらい」をテーマにしたデザイン事例集です。作り文字から、文字まわりのアクセントのデザインまで、視線を瞬く間に捉えるキャッチーな作品を多数紹介。ケイ線、帯、囲む、吹き出しなど、タイトルまわりの特徴を言語化して分類します。あわせて、使用書体の情報も掲載。アイデアを組み合わせることで、無数の引き出しを得られるでしょう。デザインのお供として、ぜひご活用ください。
・掲載アイテム
ポスター/フライヤー/書籍/パンフレット/CDジャケット/Webサイト ほか
・使用書体
作品のタイトルに使用された書体(ベースとしたものも含む)を掲載。オリジナルの作字や、手書き文字は、「オリジナル」と記載しています。
・DESIGN IDEA 100
グラフィックデザインのアイデアを増やすための、ビジュアル資料集のシリーズです。テーマごとに最新のデザイン事例を収録。
・タイトルまわりの分類
カラフル/色をつける/グラデーション/飾りケイ/ケイ線/アーチ型/帯/ナナメ/囲む/吹き出し/挟む/大小/書体ミックス/四隅/フチ文字/直線文字/手書き/立体/記号/数字/全面/はみ出す/重ねる/飛び出す/動かす/伸ばす/破く/隠す/グランジ/ジグザグ/反復/円形/図形化/擬人化/タテ・ヨコ/フォーカス/長体・平体/回転/反転/白抜き/写真+文字/絵+文字/アイコン+文字/シンプル ほか
デザイン・ブランディング・商品開発…
ロゴデザインに関わるすべての人に役立つ!
「平凡なロゴ」を「印象に残るロゴ」に変える
知識とヒントがまるごとわかる!
【Special Interview】佐藤可士和氏 ロゴは伝えたい想いを凝縮させたコミュニケーションツール
ロゴ制作の基本から、展開の仕方まで、ずっと役立つ知識が詰まっている!
●本書の対象読者
・これからロゴデザインを学びたい人
・ロゴデザインの制作に自信が持てない人
・クライアントと打ち合わせをする際に方向性となる見本が欲しい人
優れたロゴが550点超!
CONTENTS
INTERVIEW WITH KASHIWA SATO
佐藤可士和氏インタビュー
ロゴは伝えたい想いを凝縮させたコミュニケーションツール
PART 1 ロゴデザインの基本
01 ロゴとは何か?
02 制作フローチャート
03 ロゴデザインの制作の流れ
04 フォントとタイポグラフィ
05 ロゴの分布図とイメージの傾向
COLUMN ブランディングにおけるロゴの役割とは?
PART 2 躍動感があり元気が出るロゴ
01 ダイナミックなロゴ
02 スピード感のあるロゴ
03 ポップで元気なロゴ
04 わくわくさせるロゴ
05 楽しさが 伝わるロゴ
06 シンプルでカッコいいロゴ
COLUMN ロゴの歴史
PART 3 高級感、上質感があるロゴ
01 高級感のあるロゴ
02 クラシックや伝統を感じるロゴ
03 エレガントなロゴ
04 透明感のあるロゴ
05 和モダンなロゴ
06 シンプルで美しいロゴ
COLUMN ロゴにおけるタイポグラフィの役割とは?
PART 4 親しみやすさ、かわいらしさがあるロゴ
01 優しいロゴ
02 親しみのあるロゴ
03 かわいいロゴ
04 ナチュラルなロゴ
05 イラストにしたロゴ
06 すっきりしたロゴ
COLUMN ロゴと配色とは?
PART 5 信頼感、安定感のあるロゴ
01 信頼感のあるロゴ
02 安定感のあるロゴ
03 シンプルで飽きがこないロゴ
COLUMN ロゴの展開やバリエーションをつくる意味とは?
PART 6 文字からつくるロゴ
01 文字からつくるロゴ
02 文字をアレンジしてつくるロゴ
03 1文字でダイナミックにつくるロゴ
04 筆文字、筆記体のロゴ
05 名前や文章のようなロゴ
Logo Index ロゴ索引
Designer Index デザイナー別索引
今よく使われていたり、よく見る表現を集め、「っぽく」なるデザインのポイントを集めました。見るだけで楽しい作例から活用できるポイントを探して、デザイン制作に活かそう。日常の中にある「っぽさ」に目を凝らして分析することで、デザインの練習にもつながります。
たった数秒、耳に入るだけで快不快の感情をひき起こし、購買意欲をかきたてたり、とっさに危機を察知させたり……。
聞くとはなしに聞こえてくる、我々をとりまく様々な街の音。実はそこには、数々の巧妙な「仕掛け」が、施されていた!
緊急地震速報音、iD電子決済音、横浜市のサウンドロゴなど、誰もが知る音を生み出した、日本を代表する「音環境デザイナー」が初めて明かす、音の秘密。一瞬の音で社会を作る面白さと難しさ、デザインにこめた狙いと願いとは?
QRコードから視聴しながら体感できる、読んで聞いて、見て、考える「音の教科書」誕生!
内容紹介
緊急地震速報音の依頼があったのは、2007年2月のことでした。
「眠っていても、絶対に気がつく音にしてください」
「絶対に気づく音」とはどういう音だろうか?
聞いた人がどんな状態になればいいんだろう?
その音が鳴る場所、音を聞く人の状況……徹底的に考えます。
24時間そのことばかりを考えているイメージです。私にはそれしかできないし、
「徹底的に考える」ことこそが、音デザインの一番大事なところだという気がします。
ーー第1章 「『緊急地震速報音』を聞くとなぜ緊張するのか? 」より要約
目次
第1章 「緊急地震速報音」を聞くとなぜ緊張するのか?
第2章 電車の発車音から、人は何を受け取っているのか? 「社会の音」の作り方
第3章 流す音楽で客層を変えられるのか? 音の力のいろいろ
第4章 波の音に癒されるのはなぜか? 「1/fゆらぎ」の正体
第5章 「六本木ヒルズの音」とは何か? 音による空間デザイン1
第6章 「横浜市」の音ってどんな音? 音による空間デザイン2
第7章 音と映像が造る社会の未来
おわりに 必要な音、不要な音とは何か
小久保隆 サウンドデザイン作品リスト
小久保隆 DISCOGRAPHY
*QRコードは株式会社デンソーウェーブの登録商標です。
UIデザインの中でも普段はあまり注目されることのない細かい部分にフォーカスした書籍です。デザイナーがどのような意図を持ってUIをデザインしているのかを解説します。身近なサービスを例として取り上げているので、実感を持って理解できます。筆者のデザイナーとしてのノウハウがふんだんに織り込まれているので、WebサービスのUIデザインをもっと良くするためのヒントになるはずです。
本書は、資料を作成するシーンの「あるある」なお悩みや目的別に、見やすい資料を作るためのデザイン作例とノウハウを紹介しているデザイン図鑑です。誌面では、作例をビフォー・アフターで掲載しながら、見づらい例/見やすい例のポイントを解説。誰でもマネしやすくなっています。資料作成を効率化するパワポテクニックや配色早見表など、便利な内容も盛りだくさん!◆DL特典◆作例パワポデータ/配色早見表パワポデータ/ショートカットキーチートシート(PDF) ※作例パワポデータには写真やイラストなどは含まれておりません
「デザインの考え方」が身につく、ノンデザイナーのための教科書
デザインに関する知識やセンスがなくても、誰でもデザインする力を身につけられることを目指した教科書です。これからデザインを学ぼうとする人や、ノンデザイナーだけれどもデザイン力を獲得し仕事に活かしたいビジネスパーソンに向けて、デザインの基礎が身につくレッスン内容になっています。誰に向けて、何を届けるのか。これを突きつめて考え、実践するための方法を、コンセプト・構図・レイアウト・色などを軸に学んでいきます。
2012年よりデザインノートで連載した「文字組デザイン講座」を再構成し、
大幅に加筆修正して工藤流の「文字組方法論」を多角的に解説した一冊。
連載時はプロのグラフィックデザイナーが対象だったが、
書籍化にあたり再編集を行い、ビギナーにもわかりやすい構成で組み直すことになった。
「第1章:文字について」は、文字のデザイン手法を豊富な事例と指定紙などから解説している。
「第2章:表まわりについて」は、造本の仕組みと書籍における文字組の活用ルールなどの効用を説明。
「第3章:フォーマットについて」は、エディトリアル・デザインには不可欠なフォーマットの設計方法を事例に応じて考察している。
「第4章:本文の組版について」は、本文組版の基礎から情報整理と文字組の重要性などを検証している。
本書を隈なく紐解くことにより、グラフィックデザイナーとしての文字組の知識やスキルが確実にアップするプロ必携の一冊だ。
■目次
巻頭企画 タイポグラフィックデザインのフラグメント
はじめに
第1章 文字組のデザイン手法
第2章 造本装幀の文字組テクニック
第3章 フォーマットのルール
第4章 本文組版と応用例
コラム1 和文書体組見本帳
コラム2 木活字と金属活字
コラム3 サムネイル
コラム4 文字の加工
コラム5 文字の色
コラム6 デザイン指定紙
おわりに
***********************************************************************
デザインには「センス」より大事なルールがあります!
それはーー
WHAT力(何をつくるか) と HOW力(どうつくるか)。
この2つを鍛えれば、誰でも“いいデザイン”はつくれるのです。
本書では、一流デザイナー達がひたすら隠してきたWHAT力とHOW力の極意を、
わかりやすく・実践的に解き明かします。
クリエイティブに携わるすべての人の「最高の武器」となる内容です。
大人っぽくて抜け感があるセンスのいい
女性向けデザイン満載!
女性のトレンドとニーズに合っていることが、
あらゆる商品サービスの、ヒットの条件です。
デザインにおいても、女性の心をつかむ
クリエイティブがもとめられています。
本書は女性向けのデザインに役立つ、
とっておきのアイデアをまとめた本です。
「レイアウト」「配色」「フォント」のコツを
洗練された作例をベースに教えます。
よくやってしまいがちなNGと比較できるので、
ポイントがひと目でわかります。
また「シンプル」「ナチュラル」「ガーリー」
「ラグジュアリー」「フェミニン」といった
イメージで分類しているので、
すぐに目的のイメージを見つけることができます。
〈こんな方のための本です〉
・デザインに関わる方全般
(女性デザイナーに限らない)
・新米デザイナー
(デザイン表現の幅を広げたい)
・男性デザイナー
(女性向けデザインがいまひとつ掴めない)
・女性向け商品やサービスの開発者、発注者
(女性顧客に売りたい)
・学生、デザイナー志望の方
Chapter 1:SIMPLE(シンプル)
Chapter 2:NATURAL(ナチュラル)
Chapter 3:POP(ポップ)
Chapter 4:GIRLY(ガーリー)
Chapter 5:STYLISH(スタイリッシュ)
Chapter 6:FEMININE(フェミニン)
Chapter 7:MODERN(モダン)
Chapter 8:LUXURY(ラグジュアリー)
Chapter 9:IMPACT(インパクト)
企業経営に役立つ「ブランディング」と「デザイン」がこの1冊で一気にわかる!
ブランディング成功の秘訣とは──。
これからブランディングをはじめたい経営者やプランナー、ブランド全体をデザインしてみたいというデザイナーや学生の方に向け、100以上のブランド開発実績を持つブランディングデザイナー西澤明洋が「ブランディング」と「デザイン」の方法を徹底解説。
ブランディングにおいて重要視すべきは、マネジメント(経営戦略)からコンテンツ(商品や店舗、サービスなど)、コミュニケーション(WEBサイトやパンフレット、広告など)までが一気通貫しデザインされていること。
本書ではブランディングを経営戦略から考えるための思考フレーム「ブランディングデザインの3階層®」や、ブランディングプロジェクトの進め方「フォーカスRPCD®」など独自のブランド開発手法を実践例と共に完全公開。
"良い"だけでは売れない時代の企業経営に役立つ「ブランディングデザイン」について、デザインを使う側とする側、双方の視点を身につけ、ビジネスや経営に効くブランディングデザインの基礎知識が学べます。
"私"を知ると人生が動き出す! なりたい私を目指す実践型ワークブック
日本で初めて顔タイプ診断(R)を考案した「顔タイプ診断(R)」創始者・岡田実子が提案する、自分磨きノート。外見と内面を分析し、自分を磨く63ものワークを収録。自問自答を通して「本当になりたい自分」探しをサポートする一冊です。図解とイラスト豊富にわかりやすく徹底解説!
<収録内容>
・顔タイプ、骨格、パーソナルカラー診断で自分を知る
・理想の私をデザインするための印象変化のコツ
・ビジョンボードとTO DOリストでなりたい私を目指す
etc...
誰でも今スグ実践できる、「ほんのひと手間」で資料が変身!スライド共有サービス「SlideShare」の人気スライド「見やすいプレゼン資料の作り方」待望の書籍化!
なぜ、自分のデザインはプロっぽくならないんだろう?
ほんの一手間で
プロっぽくなる
デザインの小ワザ
60個集めました。
デザインの仕事を始めたばかりの新人デザイナーや、独学で勉強中の素人デザイナー。いざデザインをしてみると、なぜかそれっぽくならない…。それはデザインの上手い下手ではなく、ちょっとした工夫の部分が原因だったりします。本書は、ほんのひと手間でプロっぽいデザインにするためのアイデアと、それを実現するためのテクニックを紹介した本です。これまで学校や本では教えてくれなかった「現場で使える実践テクニック」を学べます。
●Chapter1 ほんの一手間でプロっぽくなる「色調補正」の小ワザ
01 夏の爽やかな雰囲気を出す
02 夜景をドラマチックに表現する
03 レトロで懐かしい空気感を出す
04 画像の特定の色味を抜く
05 青空や海を魅力的に表現する
06 夕日を印象的に表現する
07 落ち着いた格調高い雰囲気を出す
08 ふんわり優しい春の雰囲気を出す
09 複数の画像の色味を合わせる
●Chapter2 ほんの一手間でプロっぽくなる「人物レタッチ・合成」の小ワザ
10 肌にパール感を出す
11 肌のしわやできものを消
12 唇に艶を出す
13 自然な目力を出
14 髪の艶を出す
15 髪の毛の色味を変える
16 服のしわを消す
17 髪の毛の毛先まできれいに切り抜く
18 レンズフレアを合成する
19 花びらをぼかして合成する
20 水面の波を合成する
21 影を合成する
●Chapter3 ほんの一手間でプロっぽくなる「商品レタッチ・合成」の小ワザ
22 商品の見栄えを整える
23 商品を滑らかに切り抜く
24 鏡面反射を取り入れる
25 透明感のある影をつける
26 屈折光を合成する
27 波紋を合成する
28 テクスチャを合成する
29 粘度の高い雫を合成する
30 水滴を合成する
●Chapter4 ほんの一手間でプロっぽくなる「文字デザイン」の小ワザ
31 権威性を感じさせる金文字
32 潤いを感じさせる文字
33 美しいグラデーション文字
34 立体感のある文字
35 飛び出す文字
36 遠近感のある文字
37 アメコミ風文字
38 カリグラフィー風文字
39 スピード感のある文字
40 手書き文字の取り込み
41 視認性を高める文字デザイン
●Chapter5 ほんの一手間でプロっぽくなる「あしらいデザイン」の小ワザ
42 水滴のあしらい
43 潤いのあしらい
44 真珠のあしらい
45 シャボン玉のあしらい
46 美容成分のあしらい
47 フレア輪郭のあしらい
48 ダイヤのあしらい
49 メダルのあしらい
50 盾のあしらい
51 月桂冠のあしらい
52 さくらの花のあしらい
53 水彩画のあしらい
54 氷のあしらい
55 太陽線のあしらい
56 暖色グラデーションのあしらい
57 和風のあしらい
58 円グラフのあしらい
59 スタンプ風加工のあしらい
60 動物のあしらい
◎付録 PhotoshopとIllustratorのきほん