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
godan
September 01, 2023
Technology
1
91
プレゼンテーションで表紙を作る技術
2023-09-01の登壇資料です
godan
September 01, 2023
Tweet
Share
More Decks by godan
See All by godan
献立を支える技術
godan
1
51
僕の イベントスタッフ 装備の最適解
godan
2
130
YAPC::Hakodateの映像記録を支える技術
godan
5
610
ミシンと刺繍とOSS
godan
3
140
Nest Hubがある生活
godan
2
83
オンライン配信の始め方
godan
3
160
SOFT SKILLSは定期的に読み返したくな良書
godan
2
83
Discord Embede SDK入門…… してみたかった話
godan
1
470
今年どれだけ本読んだ?
godan
0
97
Other Decks in Technology
See All in Technology
HonoとJSXを使って管理画面をサクッと型安全に作ろう
diggymo
0
150
AIフル活用で挑む!空間アプリ開発のリアル
taat
0
120
Findy Team+ QAチーム これからのチャレンジ!
findy_eventslides
0
490
webpack依存からの脱却!快適フロントエンド開発をViteで実現する #vuefes
bengo4com
0
1.1k
それでも私が品質保証プロセスを作り続ける理由 #テストラジオ / Why I still continue to create QA process
pineapplecandy
0
150
Introduction to Sansan Meishi Maker Development Engineer
sansan33
PRO
0
310
Azureコストと向き合った、4年半のリアル / Four and a half years of dealing with Azure costs
aeonpeople
1
240
速習AGENTS.md:5分で精度を上げる "3ブロック" テンプレ
ismk
6
1.9k
混合雲環境整合異質工作流程工具運行關鍵業務 Job 的經驗分享
yaosiang
0
120
LLMアプリの地上戦開発計画と運用実践 / 2025.10.15 GPU UNITE 2025
smiyawaki0820
2
730
Databricks AI/BI Genie の「値ディクショナリー」をAmazonの奥地(S3)まで見に行く
kameitomohiro
1
360
Dylib Hijacking on macOS: Dead or Alive?
patrickwardle
0
430
Featured
See All Featured
Scaling GitHub
holman
463
140k
Writing Fast Ruby
sferik
629
62k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
30
2.9k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
Building an army of robots
kneath
306
46k
Code Reviewing Like a Champion
maltzj
526
40k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
A better future with KSS
kneath
239
18k
Product Roadmaps are Hard
iamctodd
PRO
55
11k
Done Done
chrislema
185
16k
Faster Mobile Websites
deanohume
310
31k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.7k
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 はい。
おしまい