Webサイトが形になるまでには
さまざまな試行錯誤が行われます。
デザイナーは、時に専門的な言葉で、時に感覚的な言葉を用いながら
トライアンドエラーを繰り返し、
表現したい完成形を具現化していきます。
本書では、Webサイト制作の流れとともに
納得のいくテイクに辿り着くまでのプロセスを紹介。
クライアントへのヒアリングからワイヤーフレーム設計、
デザインカンプに落とし込んでからの調整まで
デザイナーが何を考え、どのような意図をもって
完成形に仕上げているのかを紹介しています。
また、よりよいWebサイトに仕上げるために確認しておきたい
チェックポイントも紹介しています。
第1章 プレゼン資料の基本15
・ビジネスプレゼンのロジック展開
・社内プレゼンと社外プレゼンの違い
・本編とアペンディックス
・グラフは「左」、メッセージは「右」 など
第2章 スライド設定
・スライド・サイズの選び方
・「表紙」のつくり方
・ページ番号の置き方 など
第3章 テキストの見せ方
・フォントの選び方
・フォント・サイズの選び方
・キーメッセージの見せ方 など
第4章 3秒でわかるグラフ
・グラフ・スライドの基本
・棒グラフの見せ方
・円グラフの見せ方
・ポジショニング・グラフの見せ方 など
第5章 ビジュアルでつかむ
・表スライドの見せ方
・フローチャートの見せ方
・スケジュールの見せ方
・画像スライドの見せ方 など
第6章 パワースライドのつくり方
・「数字」でひきつける
・「質問」でひきつける
・「黒地+白字」でひきつける など
第7章 アニメーションの使い方
・「フェード」の使い方
・「マジック・ムーブ」の使い方
・「ワイプ」の使い方 など
◆ゼロからわかってすぐできる。「なるほど!」満載の魔法の1冊!
住民に伝わる良い資料やチラシを作ろうにも、特別な知識もソフトもないから無理……そう思っていませんか? 公務員なら必ず使う3つのOfficeソフトの使い方から紐解いた、「伝わる1枚デザイン」のノウハウ本です!
◆自治体の「あるある」な1枚が生まれ変わる!
直感的に理解できるデザインの基本と、かゆいところに手が届く細かい操作の手順が満載!Word・Excel・PowerPointの丁寧な操作&実例集だから、今日からあなたが思い描いた「1枚」が作れる!
◆以下のような悩みが解決します!
・開催する講座やイベントに人が来ない
・通知書がわかりにくくて苦情の連絡が来た
・オシャレな1枚は、特別なソフトがないと作れないと思っている
・表やグラフ、チャートのつくりかたがイマイチわかっていない
・そもそも、資料作成ためのデータの扱いが苦手だ
ページをめくって、「1枚デザイン」の技術を手に入れましょう!
[著者のコメント]
誰でも簡単にデザインの基礎からOfficeの操作、見出しの作り方やレイアウトまで習得できるノウハウを自治体広報日本一の実績と公務員18年の経験、現場の目線から皆さんのお役に立てるように一冊にまとめました。
デザイン・ブランディング・商品開発…
ロゴデザインに関わるすべての人に役立つ!
「平凡なロゴ」を「印象に残るロゴ」に変える
知識とヒントがまるごとわかる!
【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 デザイナー別索引
心理学を商品開発にどう生かすかを具体的に紹介しながら、デザインのヒントを紹介する。デザインの初心者だけでなく、中・上級者にも「デザイン心理学」の理解に興味を持ち続けてもらえるよう、オムニバス的な形式を採用した。
UIデザインの中でも普段はあまり注目されることのない細かい部分にフォーカスした書籍です。デザイナーがどのような意図を持ってUIをデザインしているのかを解説します。身近なサービスを例として取り上げているので、実感を持って理解できます。筆者のデザイナーとしてのノウハウがふんだんに織り込まれているので、WebサービスのUIデザインをもっと良くするためのヒントになるはずです。
なんかイマイチ。
その理由がわかります。
デザインの基本を身につけるのは難しいことではありません。
センスがないと思っている方でも、ゼロから始める方でも、
本書を読めば、あらゆるデザインに共通する基本が身につき、
伝える力がアップします。
本書は、この伝える力を次の8つにわけて学んでいきます。
「かんたんに見せる」「正しく伝える」「フォーカスを当てる」
「雰囲気を演出する」「情報を可視化する」「ストーリーを作る」
「想像させる」「アイデンティティを作る」。
この8つは、一度身につけば、一生使える力になります。
どんな方でも学びやすいように、
ベースになる基本的なものから、
徐々にステップアップしていく流れになっています。
また、単に見栄えをよくする方法だけではなく、
考え方やロジックが説かれているので、
デザインをしっかり理解できます。
ビジネスマンや学生などのノンデザイナーから、
新米デザイナーまで、デザインをしっかり学びたい、
どんな方にも活用いただける一冊です。
素人っぽさを脱するための
ロジックと感覚が習得できる!
〇ノンデザイナー必携!
〇ビジネス資料作成にも最適!
〇ミニワーク付き!
CHAPTER 1 かんたんに見せる
Bad/Good
SECTION 1-1|まとめる、区切る、離す
SECTION 1-2|揃える、ならす
SECTION 1-3|ルールを繰り返す
SECTION 1-4|余白をとる
SECTION 1-5|グリッドシステムで整理する
ミニワーク
CHAPTER 2 正しく伝える
Bad/Good
紙面の文字要素を知ろう
紙面のビジュアル要素を知ろう
SECTION 2-1|情報の構造をとらえる
SECTION 2-2|文章を見る、読む、理解する
SECTION 2-3|迷わせない、間違わせない
ミニワーク
CHAPTER 3 フォーカスを当てる
Bad/Good
SECTION 3-1|メリハリをつける
SECTION 3-2|視線を誘導する
SECTION 3-3|写真に目を向ける
SECTION 3-4|文字情報の優先順位
ミニワーク
CHAPTER 4 雰囲気を演出する
Bad/Good
SECTION 4-1|書体で演出する
SECTION 4-2|色で演出する
SECTION 4-3|装飾で演出する
ミニワーク
CHAPTER 5 情報を可視化する
Bad/Good
SECTION 5-1|表やグラフにする
SECTION 5-2|図解する
ミニワーク
CHAPTER 6 ストーリーを作る
Bad/Good
SECTION 6-1|写真を組み合わせる
SECTION 6-2|ページの流れで感じるストーリー
SECTION 6-3|共感のストーリー、体験のストーリー
ミニワーク
CHAPTER 7 想像させる
Bad/Good
SECTION 7-1|あいまいにする
SECTION 7-2|象徴化する
ミニワーク
CHAPTER 8 アイデンティティを作る
Bad/Good
SECTION 8-1|VI を計画する
SECTION 8-2|VI を実際に作ってみる
ミニワーク
◆佐野勇斗、塩崎太智、曽野舜太、山中柔太朗、吉田仁人からなる5人組のダンスボーカルグループ・M!LK。
7月にリリースした「アオノオト」に続く、メジャー8thシングルが来年2月18日(水)に発売が決定!
今作「好きすぎて滅!」配信シングルも含めた、M!LK初の両A面シングルとして発売する。
◆また初回限定盤Aと初回限定盤BのBlu-rayには、それぞれ内容の異なる映像も収録される。
フォントと文字の基本と応用が学べるデザイン教本。
現場の当事者が主体者に変わるためのプロセスモデルを全解説
変化の激しい時代において「デザイン」は、専門家だけで進めるものではなくなってきています。著者は、長年にわたりデザイナーとして参画した地場産業や地域振興など「小さな現場」の仕事で、より本質的で力強い成果につなげようと模索する中から、このことを実感してきました。
「小さな現場」でデザインが求められるのは、変化が求められるときです。それには従来の、専門家による「カタチのデザイン」と、カタチの軸となる「価値のデザイン」だけでは不十分だと著者は考えました。個人事業主や地域コミュニティのメンバーなど、すべての現場の担い手がデザインを専門家任せにせず、共に参加し「自分ごと」にできれば、状況は大きく変わるのではないでしょうか。現場の当事者がデザインの「主体者」となることでデザインが活き、現場が活き、その総体として企業や地域に持続的な活気が生まれます。
本書は、すべての「小さな現場」に向けて、当事者の内にある「動機」を引き出す「動機のデザイン」について、ステップごとに詳しく紹介し、それぞれの現場で活かしてもらうことを目指します。
はじめに
第1章 なぜ「動機のデザイン」なのか
小さな現場での仕事から/「専門家としてのデザイナー」の功罪/デザインの現場は、共創の中にある/人の動き方が変わると、状況が変わる
エピソード01 観光・まちづくりの取り組み
第2章 3つめのデザイン「動機」 -カタチと価値を支えるデザイン
デザイン全体の見取リ図 -デザインの本当の力を活用してもらうために/デザインという取リ組みの全体像 -3つのデザイン/「動機のデザイン」とは?
エピソード02 地域密着型の書店としての魅力づくり
第3章 5ステップで進める動機のデザイン -実践のポイント
プロセスから見る動機のデザイン/ステップ1 内外を観察する/ステップ2 現場を共有し、課題を設定する/ステップ3 仮説を立てる/ステップ4 自作して試してみる/ステップ5 結果を点検し、次へつなげる/1周を完走した当事者が、「主体者」となって次のサイクルへ踏み出す
実践事例 老舗和菓子店の取り組み
第4章 動機のデザインのリアリティ -動き続ける現場から
実際はささやかなことの積み重ね/現実の仕事の中で進める難しさ/実践の場でのデザイナーの役割/進めていく中で気にかけていること/そして変化を起こせるように
第5章 「動機のデザイン」の先にあるもの -デザインプロセスに表れる志向性
「動機のデザイン」のわかりづらさ/「動機のデザイン」を言葉にして/「動機のデザイン」は工学ではない/専門デザイナーと「実質デザイナー」/当事者の動きを誘発するデザイン/主体者が増えれば、クリエイティブ総量が増える/動機のデザインと学びの場
あとがき
2012年よりデザインノートで連載した「文字組デザイン講座」を再構成し、
大幅に加筆修正して工藤流の「文字組方法論」を多角的に解説した一冊。
連載時はプロのグラフィックデザイナーが対象だったが、
書籍化にあたり再編集を行い、ビギナーにもわかりやすい構成で組み直すことになった。
「第1章:文字について」は、文字のデザイン手法を豊富な事例と指定紙などから解説している。
「第2章:表まわりについて」は、造本の仕組みと書籍における文字組の活用ルールなどの効用を説明。
「第3章:フォーマットについて」は、エディトリアル・デザインには不可欠なフォーマットの設計方法を事例に応じて考察している。
「第4章:本文の組版について」は、本文組版の基礎から情報整理と文字組の重要性などを検証している。
本書を隈なく紐解くことにより、グラフィックデザイナーとしての文字組の知識やスキルが確実にアップするプロ必携の一冊だ。
■目次
巻頭企画 タイポグラフィックデザインのフラグメント
はじめに
第1章 文字組のデザイン手法
第2章 造本装幀の文字組テクニック
第3章 フォーマットのルール
第4章 本文組版と応用例
コラム1 和文書体組見本帳
コラム2 木活字と金属活字
コラム3 サムネイル
コラム4 文字の加工
コラム5 文字の色
コラム6 デザイン指定紙
おわりに
***********************************************************************
特集:今さらけない デザインの基本2020
デザインには、知っておきたい基礎的な知識とルールがある。
本特集では、デザインの基本の流れから文字や文字組、プラスαのテクニックまでを段階を追って5章に分けて解説していく。
また、プロの立場から日本デザインセンターの色部義昭氏、書体設計士の鳥海修氏に手掛けられた仕事を実例に、デザインのノウハウを教えていただいた。
そこには、デザインに必要な要素が集約されている。
これらの要素は、デザインを学ぶ上で大きな道しるべとなるだろう。
■目次抜粋
特集:今さらけない デザインの基本2020
◇SPECIAL INTERVIEW 01
ブランドとユーザーの接点を設計し、より良い関係性を構築する
色部義昭
基本のルールをしっかりと理解すれば、もっと早くもっと正しく伝えることが可能になる。
[Chap 01]デザインのキホン
01 情報を整理する/02 基本的なデザインの作業工程/03 レイアウト前に知っておきたいこと
グラフィックデザインでは文字の要素が重要な意味を持つ。
[Chap 02]文字のキホンと文字のデザイン
01 書体選びのポイント/02 書体のキホン/03 文字組のキホン/04 文字のデザイン
◇SPECIAL INTERVIEW 02
タイポグラフィはグラフィックデザインの原点。
まずは書体の“物語”を感じてほしい。
鳥海 修
必要なデザインツールの依頼を想定して、制作の過程をシミュレーション。
[Chap 03]実践編
01 打ち合わせ/02 制作スケジュールを設定/03 ロゴ提案/04 ロゴのイメージカラーを決定/05 カラーコンビネーション/06 ビジュアル撮影/07 ツールの制作
レイアウトを構成する前に、基準になる考え方。
[Chap 04]レイアウトの基本テクニック
01 マスターしたいテクニック/02 バリエーションの検討/03 俯瞰して客観的に考える
【column】フォトグラファーとの仕事
●連載:佐藤可士和の視点とデザイン
他者を慮る力から生まれる、強く、しなやかな創造性
小山薫堂(放送作家・脚本家)× 佐藤可士和
写真の持つ魅力を最大編に引き出す、効果的な手法を説明する。
[Chap 05]写真を使った デザイン
01 写真の役割/02 キリヌキとトリミング/03 裁ち落としと角版/04 写真と文字
●Creator’s Value Special Edition
Photographer & Retoucher
クリエイターズ・バリュー特別企画に結集した35名のフォトグラファー&レタッチャーのワークスを紹介
ほか
****************************************
●Webデザイナーの必須ツール「Figma」解説書の決定版!
●デザイン初学者はもちろん、デザイナー以外でも理解できる!
●最新機能「Figma Sites」の実践活用までカバー!
Figma(フィグマ)は近年、多くのデザイナーや企業に選ばれているデザインツールです。Webサイトやアプリのデザインを効率良く制作できるだけでなく、検討や改善、プレゼンなどを含む一連の作業を効果的に進めることができます。クラウドベースなので共同作業にも向いていて、Webデザインなどにおける必須のツールになりつつあります。
さらに2025年には、デザインしたWebサイトをそのまま公開する新機能「Figma Sites」を搭載し、HTMLなどのコーディングの知識がなくても、Webサイトを制作・公開できるようになりました。
本書は、そんなFigmaの基本的な操作方法はもちろん、Figma Sitesなどの最新機能の活用法や、「使いやすく訴求力のあるデザイン」に必要なUI/UXの考え方まで、これからのFigma 活用を体系的に学べる1冊です。
執筆は、現役のデザイン講師として活躍する著者陣。現場で培った実践的な知識をもとに、初心者にも理解しやすく体系的に解説しています。
Chapter 1 Figmaについて
01 Figma とは
02 使う準備をしよう
03 Figma の構造
04 各部の名称と説明
05 デザインに着手する前に
Chapter 2 Webサイトを作りながら基本ツールを覚えよう
01 デザインを始める前の下準備
02 TOP ページのフレーム作成
03 ボタンの制作
04 ヘッダーの作成
05 ファーストビューの作成
06 NEWS セクションの作成
07 ABOUT セクションの作成
08 応用演習:残りのセクションとパーツ
09 完成まとめ
10 SPデザインの制作
11 レスポンシブについて
Chapter 3 プロトタイプを設定してみよう
01 プロトタイプとは
02 ページ遷移を再現する
03 ヘッダーを固定してみよう
04 アニメーションの種類
05 ホバーアニメーションをバリアントを使い再現する
06 プロトタイプを共有する
07 Figma でのさまざまなコミュニケーション方法
Chapter 4 Figma Sitesで制作から公開設定まで
01 Figma Sitesとは?
02 Webサイトの制作
03 Webサイトのデザイン
04 Webサイトのレスポンシブ対応
05 アクセシビリティの向上
06 Figma Sitesで作成する際のポイントや便利な機能
07 Webサイトを公開する
08 まとめ
Chapter 5 UI/UXについて考えてみよう
01 UI/UXとは?
02 UI/UXを考えるときに見るべきポイント
03 UI/UX視点からデザインの改善をしてみよう
04 作って終わりではなく「使われるか」を見る
05 UI/UX設計で活用できるプラグインの紹介
横山禎徳(2024年逝去)の遺稿を単行本化したのが本書。
本書のはじまりは、日本生産性本部で行なっていた「社会システム・デザイン演習」の講義録画を文字起こしした原稿だった。話のダブリや展開はなるべく変えないこと、話し言葉を少しだけ書き言葉に寄せていくこと、補足・追加説明が必要な部分には注をつけ話の展開を極力遮らないこと、この3つを心がけて編集を行なった。
著者が、戦略、組織、システムに関わることになった経緯、そして、社会システム・デザインという方法論に行き着いた理路も明らかになっている。横山禎徳を知らない人はもちろん、横山禎徳を知っている方にも、一読して、新しい発見があるはずだ。
まえがきに代えてーー編集者による出版までの経緯
第1章 身体知としてのデザイン力を身につける
第2章 これからの課題解決のフレームワーク「システムを組み立てる方法論」
第3章 戦略的思考ーー「外界と自分」の対比を忘れずに
第4章 戦略的分析の巧拙を決めるもの
第5章 プロフェッショナリズムを身につける
第6章 医療を社会システム・デザインでリデザインする
第7章 パラダイムが変わればシステムをアップデートする
第8章 日本人の人生をデザインする
推薦図書 思考力をつけるのに役立つ本
自分で作るスライドやチラシ・企画書などが、なんだか見映えがいまいちで、効果が上がらない、きちんと言いたいことが伝わっていないとお悩みの方は多いようです。その原因は、デザインのセンスがないことではなく、デザインの基本ルールを知らないことなのです。
本書で詳しく解説する基本ルールをマスターすれば、Word やPowerPoint であっても、読みやすく伝わりやすい、そして見違えるほどかっこいい資料が作れるようになります。
初版と増補改訂版で合計15万部突破の本書が、さらにパワーアップ。ユニバーサルデザインに配慮したデザインルールも身に付けて、みんなに伝わる資料作りを目指しましょう。
■読者の方の声
・Before & After形式でわかりやすい
・「資料が伝わりにくい理由」と「どうすればいいか」がよくわかる
・図書館で借りたけど、手元に置きたくなって購入した
・もっと早く知りたかった
・すべての社会人や学生におすすめ
人気Blender入門書が作例を新たに、最新バージョンに対応して大改訂!
*本書はBlender 5に対応しています*
Blenderは3DCGを作成するための統合環境アプリケーションで、完全無料で使用することができます。
作品を自在に作成するためには、機能の学習だけでなく、作品制作の経験を積むことが近道です。
本書では30個を超える制作例を、難易度順に手順と共に解説しているため、誰でも手軽にBlenderを使いこなせるようになります。
また、制作例は全て著者による動画解説も公開しているので、実際の操作画面を確認しながら学ぶことも可能です!
みなさんもこの本を使って、3Dモデリングデビューしましょう!
※新規に作品を多数収録しているので、前の版をご購入の方もお楽しみいただけます。
第1章 基本操作をマスターしよう
第2章 質感をマスターしよう
第3章 便利機能をマスターしよう
第4章 機能を総復習しよう
本書は、資料を作成するシーンの「あるある」なお悩みや目的別に、見やすい資料を作るためのデザイン作例とノウハウを紹介しているデザイン図鑑です。誌面では、作例をビフォー・アフターで掲載しながら、見づらい例/見やすい例のポイントを解説。誰でもマネしやすくなっています。資料作成を効率化するパワポテクニックや配色早見表など、便利な内容も盛りだくさん!◆DL特典◆作例パワポデータ/配色早見表パワポデータ/ショートカットキーチートシート(PDF) ※作例パワポデータには写真やイラストなどは含まれておりません
◆佐野勇斗、塩崎太智、曽野舜太、山中柔太朗、吉田仁人からなる5人組のダンスボーカルグループ・M!LK。
7月にリリースした「アオノオト」に続く、メジャー8thシングルが来年2月18日(水)に発売が決定!
今作「好きすぎて滅!」配信シングルも含めた、M!LK初の両A面シングルとして発売する。
◆また初回限定盤Aと初回限定盤BのBlu-rayには、それぞれ内容の異なる映像も収録される。
パワポ芸人・トヨマネ(@toyomane)として、
趣味のPowerPoint(パワポ)で作成したスライドがTwitterで大きな反響を呼び、
1年間で5万人以上のフォロワーを集めている著者が、
「見た人が納得して、行動を起こしてくれるスライド資料」を作る方法を公開!
頭の中をビジュアル化して、相手に行動を起こしてもらうための武器となるパワポですが、
著者がこのパワポ一本でバズりまくり、多くの「いいね」を獲得できる秘密は、
「秒で伝わるわかりやすさ」にあります。
でも、実際にスライドを作っていると、うまくいかないことってありますよね。
・文字がいっぱいに… / ・なんかカッコ悪い…
・ゴチャゴチャする… / ・作るのに時間がかかる…
・ぜんぜん伝わらない… / ・プレゼンが弱い…
心配ありません。パワポのこんなお悩みも、本書でぜんぶまとめて解決します。
本書では、昔話を題材にした面白いスライドを楽しく眺めているうちに、
いつの間にか、シンプルで、わかりやすいスライドを作るコツが身に付くのです。
第1章 なぜスライドを作るのか
第2章 メッセージを作る
第3章 デザインに落とす
第4章 プレゼンする
第5章 サボる
第6章 ケーススタディ
便利なテンプレートのダウンロードURL付!!
(目次)
第1章 なぜスライドを作るのか
第2章 メッセージを作る
第3章 デザインに落とす
第4章 プレゼンする
第5章 サボる
第6章 ケーススタディ
「包む」という概念をデザインの方法論として探求する
卵の殻は新しい生命を包み、人から人へわたすプレゼントは心遣いという気持ちに包まれています。「包む」という行為は、過剰なものや本質的でないものとして見なされることもありますが、むき出しの何かがバラバラに存在している状態がどんな物事についても最適であるとはいえません。本書は、他者をケアしながら内側と外側を繋ぐ「包む」という行為をデザインの新しいタイポロジー(類型)として捉え、「包む」にまつわるさまざまな作品や活動を通して、その可能性をひもときます。