Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
20181128_#しがないラジオmeetup 2 ノンデザイナーも明日からできる 資料作成の...
Search
tstk1371
December 01, 2018
Design
1.1k
7
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
20181128_#しがないラジオmeetup 2 ノンデザイナーも明日からできる 資料作成のテクニック
tstk1371
December 01, 2018
Other Decks in Design
See All in Design
(2026 AmA Keynote) Sociotechnical Architecture - Having your Agile and agility too.pdf
xinyao
2
110
デザインワークフローの最前線。 ログラスでのAI活用の現在地
ukaoli
1
1.7k
Build for the Web, Build on the Web, Build With the Web
csswizardry
0
500
ISO 9241-171:2025っていうのがあってな
shosira
1
230
1000人規模の組織でデザインハーネスを導入するための第一歩
pkshadeck
PRO
4
3.1k
Accelerating performance improvement based on a software review evaluation matrix
kitanosirokuma
0
270
Drawing_for_Anim_Final_PDF.pdf
lynteo
2
170
生成AIの不確実性を価値に変える、「ビズリーチ」の体験設計 / KNOTS2026
visional_engineering_and_design
6
1.4k
ClaudeCodeでマーケターの課題を解決する
kenichiota0711
11
14k
もう迷わない!“なんとなく”を卒業するフォントの選び方【村田俊英】
toshihidemurata
0
800
デザインとフロントエンドの境界が融ける Claude Code × Figma
littlebusters
2
3.3k
速く作れるかではなく、速く学べるか ― 学習ループを回すパイロットの途中報告
nagata03
0
580
Featured
See All Featured
Digital Ethics as a Driver of Design Innovation
axbom
PRO
1
360
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
56
3.4k
svc-hook: hooking system calls on ARM64 by binary rewriting
retrage
2
440
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
aleyda
1
2.1k
YesSQL, Process and Tooling at Scale
rocio
174
15k
Fashionably flexible responsive web design (full day workshop)
malarkey
408
67k
What the history of the web can teach us about the future of AI
inesmontani
PRO
1
650
B2B Lead Gen: Tactics, Traps & Triumph
marketingsoph
0
190
Visualization
eitanlees
152
17k
Why Our Code Smells
bkeepers
PRO
340
58k
Color Theory Basics | Prateek | Gurzu
gurzu
0
410
The Illustrated Guide to Node.js - THAT Conference 2024
reverentgeek
1
420
Transcript
ノンデザイナーも明日からできる 資料作成のテクニック しがないLT #01 mittuntun
ノンデザイナーも明日からできる 資料作成のテクニック アジェンダ #しがないラジオmeetup 2 1. 自己紹介 2. はじめに 3.
テクニック
1. 自己紹介
ノンデザイナーも明日からできる 資料作成のテクニック 自己紹介 #しがないラジオmeetup 2 mittuntun 2009: 千葉大学 デザイン学科入学 6年間デザインを学ぶ 2015:
某SIer Fに入社 パーソナリティの2人と出会う 2018: しがないラジオ sp.24 出演 2017: しがないラジオ sp.2 出演 OPENLOGIにデザイナーとして入社 パーソナリティを含むチームでアプリリリース
ノンデザイナーも明日からできる 資料作成のテクニック 自己紹介 #しがないラジオmeetup 2 mittuntun 今日がLTデビューです 何卒、お手柔らかに…
2. はじめに
ノンデザイナーも明日からできる 資料作成のテクニック はじめに #しがないラジオmeetup 2 ある日、友人のエンジニアから こんなことを言われました
ノンデザイナーも明日からできる 資料作成のテクニック はじめに #しがないラジオmeetup 2 デザインわからへんから教えてくれ!
ノンデザイナーも明日からできる 資料作成のテクニック はじめに #しがないラジオmeetup 2 4大原則は知っとんねん!
ノンデザイナーも明日からできる 資料作成のテクニック はじめに #しがないラジオmeetup 2 得意 苦手 知ってるけど苦手
ノンデザイナーも明日からできる 資料作成のテクニック はじめに #しがないラジオmeetup 2 得意 苦手 知ってるけど苦手 知ってるけど苦手 →
得意 今日のゴール
ノンデザイナーも明日からできる 資料作成のテクニック はじめに #しがないラジオmeetup 2 得意 苦手 知ってるけど苦手 スライド作成を例にしつつ… メッセージを効果的に伝えるための
具体的なテクニック
3. テクニック
ノンデザイナーも明日からできる 資料作成のテクニック テクニック #しがないラジオmeetup 2 ストーリーづくり マスターづくり 1. フォント設定 2.
カラー設定 ストーリーづくり
ノンデザイナーも明日からできる 資料作成のテクニック ストーリーづくり #しがないラジオmeetup 2 ストーリーとは?
ノンデザイナーも明日からできる 資料作成のテクニック 伝えたいメッセージを起点に 構成する要素を分解し、再構築すること ストーリーづくり #しがないラジオmeetup 2
ノンデザイナーも明日からできる 資料作成のテクニック ストーリーづくり #しがないラジオmeetup 2 例えばこのスライドの場合は…
ノンデザイナーも明日からできる 資料作成のテクニック #しがないラジオmeetup 2 資料づくりに ツラミを感じる人の 助けになりたい! とはいえ あなたは誰? なんでそれで
LTするの? 取りくみやすい テクニックの紹介 ストーリーづくり マスター づくり フォントの設定 カラーの設定 その他のテクニック 自己紹介 はじめに zuckeyとのエピソード
ノンデザイナーも明日からできる 資料作成のテクニック #しがないラジオmeetup 2 資料づくりに ツラミを感じる人の 助けになりたい! とはいえ あなたは誰? なんでそれで
LTするの? 取りくみやすい テクニックの紹介 ストーリーづくり マスター づくり フォントの設定 カラーの設定 その他のテクニック 自己紹介 はじめに zuckeyとのエピソード 抽象 具体
ノンデザイナーも明日からできる 資料作成のテクニック #しがないラジオmeetup 2 資料づくりに ツラミを感じる人の 助けになりたい! とはいえ あなたは誰? なんでそれで
LTするの? 取りくみやすい テクニックの紹介 ストーリーづくり マスター づくり フォントの設定 カラーの設定 その他のテクニック 自己紹介 はじめに zuckeyとのエピソード 抽象 具体 具体化(≒分解)の目安は 1スライド1メッセージ
ノンデザイナーも明日からできる 資料作成のテクニック ストーリーづくり #しがないラジオmeetup 2 順番の設定 ふせんを使った方法がよく取られる手法
ノンデザイナーも明日からできる 資料作成のテクニック ストーリーづくり #しがないラジオmeetup 2 順番の設定 ふせんを使った方法がよく取られる手法
ノンデザイナーも明日からできる 資料作成のテクニック ストーリーづくり #しがないラジオmeetup 2 順番の設定 ふせんを使った方法がよく取られる手法 1スライド1メッセージ ↓ スライド間の粒度があっているので
入れ替え(≒再構築)がカンタン!
ノンデザイナーも明日からできる 資料作成のテクニック ストーリーづくり #しがないラジオmeetup 2 markdownでつくるのも有効 文書構造を 意識できる
ノンデザイナーも明日からできる 資料作成のテクニック テクニック #しがないラジオmeetup 2 ストーリーづくり マスターづくり 1. フォント設定 2.
カラー設定 マスターづくり 1. フォント設定 2. カラー設定
ノンデザイナーも明日からできる 資料作成のテクニック マスターづくり #しがないラジオmeetup 2 重要かつ取りくみやすいのは フォントとカラーの指定
ノンデザイナーも明日からできる 資料作成のテクニック フォントの指定 #しがないラジオmeetup 2 大:84pt 中:60pt 小:48pt 大:84pt 中:60pt
小:48pt 見出し(重要度:高) 本文(重要度:中) 補足(重要度:低) フォントサイズは基本的に3種類 ※本スライドにおける一例であって、このフォントサイズを推奨、という意味ではありません
ノンデザイナーも明日からできる 資料作成のテクニック ジャンプ率は訴える対象に応じて使い分け フォントの指定 #しがないラジオmeetup 2 ジャンプ率:大 チラシ、LPなど 情動に訴えかけるもの ジャンプ率:低
システムなど 論理に訴えかけるもの
ノンデザイナーも明日からできる 資料作成のテクニック 飾り(セリフ)のないフォントはどこにでもなじむ とりあえず、で選ぶならサンセリフ体 フォントの指定 #しがないラジオmeetup 2 オススメは 和文:ヒラギノ角ゴシック、源ノ角ゴシック、游ゴシック 英文:Helvetica、Arial
ノンデザイナーも明日からできる 資料作成のテクニック 飾り(セリフ)のないフォントはどこにでもなじむ とりあえず、で選ぶならサンセリフ体 フォントの指定 #しがないラジオmeetup 2 オススメは 和文:ヒラギノ角ゴシック、源ノ角ゴシック、游ゴシック 英文:Helvetica、Arial
和文 英文 Ӭ Ӭ " " ໌ே ʢηϦϑମʣ ΰγοΫ ʢαϯηϦϑମʣ ηϦϑମ αϯηϦϑମ
ノンデザイナーも明日からできる 資料作成のテクニック ルールを自分で決めるときはとりあえず Color Toolsに従う カラーの指定 #しがないラジオmeetup 2 ※会社の資料であれば会社のカラーガイドラインに従う
ノンデザイナーも明日からできる 資料作成のテクニック カラーの指定 #しがないラジオmeetup 2 複数色選ぶ場合は近似色 or 補色
ノンデザイナーも明日からできる 資料作成のテクニック カラーの指定 #しがないラジオmeetup 2 慣れてきたら心理学的な効果を利用する
ノンデザイナーも明日からできる 資料作成のテクニック カラーの指定 #しがないラジオmeetup 2
ノンデザイナーも明日からできる 資料作成のテクニック カラーの指定 #しがないラジオmeetup 2 色は単体で心理学的な メッセージ(emotional)を持つ
ノンデザイナーも明日からできる 資料作成のテクニック カラーの指定 #しがないラジオmeetup 2 情報の重要度(logical)は なるべく 客観性の高い形や大きさで示す
ノンデザイナーも明日からできる 資料作成のテクニック カラーの指定 #しがないラジオmeetup 2 この資料でも検証をしています
ノンデザイナーも明日からできる 資料作成のテクニック テクニック #しがないラジオmeetup 2 他にもいろいろあるので 懇親会のときにお声掛けください
おまけ
ノンデザイナーも明日からできる 資料作成のテクニック おまけ #しがないラジオmeetup 2 OPENLOGIではエンジニアを募集しています 詳しくはWantedlyで検索ください! @池袋 面接帰りに麻雀可!(全自動卓あり〼)