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
プレゼンテーションで表紙を作る技術
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
godan
September 01, 2023
Technology
98
2
Share
プレゼンテーションで表紙を作る技術
2023-09-01の登壇資料です
godan
September 01, 2023
More Decks by godan
See All by godan
献立を支える技術
godan
1
80
僕の イベントスタッフ 装備の最適解
godan
2
160
YAPC::Hakodateの映像記録を支える技術
godan
5
650
ミシンと刺繍とOSS
godan
3
180
Nest Hubがある生活
godan
2
110
オンライン配信の始め方
godan
3
190
SOFT SKILLSは定期的に読み返したくな良書
godan
2
110
Discord Embede SDK入門…… してみたかった話
godan
1
530
今年どれだけ本読んだ?
godan
0
120
Other Decks in Technology
See All in Technology
Azure Static Web Apps の自動ビルドがタイムアウトしやすくなった状況に対応した件/global-azure2026
thara0402
0
320
サイボウズ 開発本部採用ピッチ / Cybozu Engineer Recruit
cybozuinsideout
PRO
10
78k
DevOpsDays Tokyo 2026 見えない開発現場を、見える投資に変える
rojoudotcom
3
200
Zero-Downtime Migration: Moving a Massive, Historic iOS App from CocoaPods to SPM and Tuist without Stopping Feature Delivery
kagemiku
0
240
Rebirth of Software Craftsmanship in the AI Era
lemiorhan
PRO
4
1.6k
JOAI2026講評会資料(近藤佐介)
element138
1
130
Azure Lifecycle with Copilot CLI
torumakabe
3
950
NgRx SignalStore: The Power of Extensibility
rainerhahnekamp
0
230
試されDATA SAPPORO [LT]Claude Codeで「ゆっくりデータ分析」
ishikawa_satoru
0
400
Introduction to Sansan, inc / Sansan Global Development Center, Inc.
sansan33
PRO
0
3k
インフラを Excel 管理していた組織が 3 ヶ月で IaC 化されるまで
geekplus_tech
3
200
終盤で崩壊させないAI駆動開発
j5ik2o
2
2.2k
Featured
See All Featured
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.9k
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
davidcarrasco
0
110
Imperfection Machines: The Place of Print at Facebook
scottboms
270
14k
Abbi's Birthday
coloredviolet
2
6.9k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3.3k
Navigating Team Friction
lara
192
16k
Building a Scalable Design System with Sketch
lauravandoore
463
34k
Fireside Chat
paigeccino
42
3.9k
Ethics towards AI in product and experience design
skipperchong
2
250
技術選定の審美眼(2025年版) / Understanding the Spiral of Technologies 2025 edition
twada
PRO
118
110k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
55k
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
baasie
0
290
Transcript
表紙を ▶ GAME DEVELOPMENT DEPARTMENT プレゼンテーションで 作る技術 HYOUSHI WO TSUKURU
GIJYUTSU ⻁の⽳ラボ GODAN
表紙を ▶ vGAME DEVELOPMENT DEPARTMENT プレゼンテーションで 作る技術 HYOUSHI WO TSUKURU
GIJYUTU ⻁の⽳ラボ GODAN もちろんこれも
表紙を ▶ GAME DEVELOPMENT DEPARTMENT プレゼンテーションで 作る技術 HYOUSHI WO TSUKURU
GIJYUTSU ⻁の⽳ラボ GODAN
⾃⼰紹介 最近は原神でフォンテーヌを観光してます。 フリーナ様ぽんこつかわいい
おことわり ⾃分はデザイナーではないです。 スライド作成に当たって各書籍を参照してます が、間違っていたらすみません。 LTなので詳細は⾶ばします。 興味がある⽅は参考URLをぜひご覧ください。
作例
Q なぜ表紙に⼒をいれるのか A ⼀番⻑く⾒られるスライドだから。 ▶ 2016 真俊 横⽥「プレゼン初⼼者にありがちなアンチパターン」https://www.slideshare.net/masatoshiyokota/ss-60679202
「あるある表紙」
None
None
None
もっと「⾒たい!」と思わせたい
表紙を作るときの考え⽅ - デザインの4原則を守る - ⾃分で作らない
デザインの4原則 - 接近 - 整列 - 反復 - コントラスト ▶
2016 Robin Williams「ノンデザイナーズ‧デザインブック [第4版]」https://www.amazon.co.jp/dp/4839955557/
デザインの4原則 近接 整列 反復 コントラスト ▶ 参考: 2013 monooki「ノンデザイナーズ‧デザインブックを読み解く」https://speakerdeck.com/monoooki/read-a-non-designers-designbook
便利なプレゼンテーションの機能 コピー ALT 軸を固定して移動 SHIFT 軸を指定して合わせる 等間隔に並べる
⾃分で作らない
表紙を ▶ GAME DEVELOPMENT DEPARTMENT プレゼンテーションで 作る技術 HYOUSHI WO TSUKURU
GIJYUTSU ⻁の⽳ラボ GODAN
‧‧‧‧‧‧。
ここまで⼒を⼊れる必要は無いです
⾃分で作らない - 僕たちはデザイナーではない - こだわりすぎる時間も無い
素材を集める シルエットデザイン BEIZZ images https://www.beiz.jp/ https://kage-design.com/ 使いやすいシルエット素材が豊富 サイト上でサイズ調整や透過PNGがダウンロードできる テーマ別の素材が豊富 「空」「海」など汎⽤素材が強い
素材を集める Colo Hunt NIPPON COLORS https://colorhunt.co/ ⽇本っぽい⾊を教えてくれる 純粋にサイトがかっこいい 様々な⼈が投稿したカラーパターンが参照できる ワンクリックでカラーコードがコピーできる。便利
https://nipponcolors.com/ ▶ 2023 webdesign-trends「カラーパレット⼈気ツール28個まとめ」 https://webdesign-trends.net/entry/15213
素材を集める Google フォント 図形 Googleスライドでも追加フォントが⽤意されている ドット⾵フォントや使いやすいNotoフォンがある このスライドもNotoフォントです 時間はかかるけど最強
良さげなのを模倣する
「いい感じの配置」がある とららぼ!Xヘッダー
「いい感じの配置」がある 要素を分解してみる 絵 文字 3/4 1/4 ▶ 2019 ⽶倉 明男/
⽣⽥ 信⼀ / ⻘柳 千郷「レイアウト‧デザインの教科書」https://amzn.to/3PkOBus
「いい感じの配置」がある 要素を差し替えてみる 地⽅で働く エンジニア godan
「いい感じの配置」がある 逆にしてみる 地⽅で働くエンジニア godan
⽂字組みをまねる ⽂字組み 魅 惑 の プログラミング 講 座 Goodbye App
Maker グッドバイ アップメーカー とらラボLT #1 アウトプット 今年始めたことアウトプットしよう! LT
⽂字組みをまねる ⽂字組み 魅 惑 の プログラミング 講 座 Goodbye App
Maker グッドバイ アップメーカー とらラボLT #1 アウトプット 今年始めたことアウトプットしよう! LT 書籍を参考 映画ロゴを参考 過去イベントを参考 ▶ 2023 加納祐介 / 佐藤雅尚「ふつうのデザイナーのためのタイポグラフィが上⼿くなる本」https://amzn.to/3YWcuvH
⽂字組みをまねる ⽂字組み
⽂字組み ⽂字組み+⾊で⼗分かっこいい気がする
⽂字組み 装飾を⼊れるともっとかっこいい気がする
今回の例 - ゲームキャラの⾊とゲームの⾊を抽出 - シルエットデザインからゲームの素材をトレス - 過去作った幾何学っぽいのを流⽤
おすすめ書籍 デザイン⼊⾨教室 著 坂本 伸⼆ 配⾊デザイン事典 著 mashroom design けっきょく、よはく。
著 ingectar-e
Q 正直Adobe Illustrator使えば良くない?
Q 正直Adobe Illustrator使えば良くない? A はい。
おしまい