Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
プレゼンテーションで表紙を作る技術
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
godan
September 01, 2023
Technology
110
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
プレゼンテーションで表紙を作る技術
2023-09-01の登壇資料です
godan
September 01, 2023
More Decks by godan
See All by godan
献立を支える技術
godan
1
120
僕の イベントスタッフ 装備の最適解
godan
2
180
YAPC::Hakodateの映像記録を支える技術
godan
5
680
ミシンと刺繍とOSS
godan
3
210
Nest Hubがある生活
godan
2
130
オンライン配信の始め方
godan
3
220
SOFT SKILLSは定期的に読み返したくな良書
godan
2
120
Discord Embede SDK入門…… してみたかった話
godan
1
590
今年どれだけ本読んだ?
godan
0
150
Other Decks in Technology
See All in Technology
山手線を徒歩で一周してわかった、 位置情報アプリは「足」が最強のデバッガー
hinakko
0
160
10Xに技術的負債をもたらした「2つの境界の歪み」その構造と解消への営み
10xinc
0
2k
AI 時代のスタートアップエコシステ厶から考究する技術的負債との向き合い方
m3m0r7
PRO
3
2.2k
What the customer really needed
kawaguti
PRO
3
200
ユーザー価値を届け続けるためにウォンテッドリーが大切にしている文化
kotaminato
0
170
映像変換サーバーなしで端末内でHLSを生成してライブ配信
hikarusato
0
120
30座EKS, 180次升級淬煉的EKS Upgrade Skill 的歷程
eric8230
0
170
Claude Code本って、 読む必要あるの?
oikon48
2
470
AIエージェントの自己改善をどう設計するか / How to Design Self-Improvement for AI Agents
22mi
25
16k
株式会社シーエーシー エンジニア向け会社紹介資料
cac
0
57k
データ_AIの事業の勝敗をわけるもの
nek0128
1
420
2026-09-18 gotanda.sre Terraformで複数環境作ったり、複数Stateに分割したりそれとTerragrunt / Terraform multi envs and multi states
masasuzu
2
460
Featured
See All Featured
Marketing to machines
jonoalderson
1
5.8k
Rails Girls Zürich Keynote
gr2m
96
14k
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
2
1.8k
Writing Fast Ruby
sferik
630
63k
Embracing the Ebb and Flow
colly
88
5.2k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
141
35k
Designing Powerful Visuals for Engaging Learning
tmiket
1
550
From π to Pie charts
rasagy
1
370
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
mfonobong
2
530
Become a Pro
speakerdeck
PRO
31
6.3k
Optimising Largest Contentful Paint
csswizardry
37
4k
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 はい。
おしまい