Slide 1

Slide 1 text

表紙を ▶ GAME DEVELOPMENT DEPARTMENT プレゼンテーションで 作る技術 HYOUSHI WO TSUKURU GIJYUTSU ⻁の⽳ラボ GODAN

Slide 2

Slide 2 text

表紙を ▶ vGAME DEVELOPMENT DEPARTMENT プレゼンテーションで 作る技術 HYOUSHI WO TSUKURU GIJYUTU ⻁の⽳ラボ GODAN もちろんこれも

Slide 3

Slide 3 text

表紙を ▶ GAME DEVELOPMENT DEPARTMENT プレゼンテーションで 作る技術 HYOUSHI WO TSUKURU GIJYUTSU ⻁の⽳ラボ GODAN

Slide 4

Slide 4 text

⾃⼰紹介 最近は原神でフォンテーヌを観光してます。 フリーナ様ぽんこつかわいい

Slide 5

Slide 5 text

おことわり ⾃分はデザイナーではないです。 スライド作成に当たって各書籍を参照してます が、間違っていたらすみません。 LTなので詳細は⾶ばします。 興味がある⽅は参考URLをぜひご覧ください。

Slide 6

Slide 6 text

作例

Slide 7

Slide 7 text

Q なぜ表紙に⼒をいれるのか A ⼀番⻑く⾒られるスライドだから。 ▶ 2016 真俊 横⽥「プレゼン初⼼者にありがちなアンチパターン」https://www.slideshare.net/masatoshiyokota/ss-60679202

Slide 8

Slide 8 text

「あるある表紙」

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

No content

Slide 12

Slide 12 text

もっと「⾒たい!」と思わせたい

Slide 13

Slide 13 text

表紙を作るときの考え⽅ - デザインの4原則を守る - ⾃分で作らない

Slide 14

Slide 14 text

デザインの4原則 - 接近 - 整列 - 反復 - コントラスト ▶ 2016 Robin Williams「ノンデザイナーズ‧デザインブック [第4版]」https://www.amazon.co.jp/dp/4839955557/

Slide 15

Slide 15 text

デザインの4原則 近接 整列 反復 コントラスト ▶ 参考: 2013 monooki「ノンデザイナーズ‧デザインブックを読み解く」https://speakerdeck.com/monoooki/read-a-non-designers-designbook

Slide 16

Slide 16 text

便利なプレゼンテーションの機能 コピー ALT 軸を固定して移動 SHIFT 軸を指定して合わせる 等間隔に並べる

Slide 17

Slide 17 text

⾃分で作らない

Slide 18

Slide 18 text

表紙を ▶ GAME DEVELOPMENT DEPARTMENT プレゼンテーションで 作る技術 HYOUSHI WO TSUKURU GIJYUTSU ⻁の⽳ラボ GODAN

Slide 19

Slide 19 text

‧‧‧‧‧‧。

Slide 20

Slide 20 text

ここまで⼒を⼊れる必要は無いです

Slide 21

Slide 21 text

⾃分で作らない - 僕たちはデザイナーではない - こだわりすぎる時間も無い

Slide 22

Slide 22 text

素材を集める シルエットデザイン BEIZZ images https://www.beiz.jp/ https://kage-design.com/ 使いやすいシルエット素材が豊富 サイト上でサイズ調整や透過PNGがダウンロードできる テーマ別の素材が豊富 「空」「海」など汎⽤素材が強い

Slide 23

Slide 23 text

素材を集める Colo Hunt NIPPON COLORS https://colorhunt.co/ ⽇本っぽい⾊を教えてくれる 純粋にサイトがかっこいい 様々な⼈が投稿したカラーパターンが参照できる ワンクリックでカラーコードがコピーできる。便利 https://nipponcolors.com/ ▶ 2023 webdesign-trends「カラーパレット⼈気ツール28個まとめ」 https://webdesign-trends.net/entry/15213

Slide 24

Slide 24 text

素材を集める Google フォント 図形 Googleスライドでも追加フォントが⽤意されている ドット⾵フォントや使いやすいNotoフォンがある このスライドもNotoフォントです 時間はかかるけど最強

Slide 25

Slide 25 text

良さげなのを模倣する

Slide 26

Slide 26 text

「いい感じの配置」がある とららぼ!Xヘッダー

Slide 27

Slide 27 text

「いい感じの配置」がある 要素を分解してみる 絵 文字 3/4 1/4 ▶ 2019 ⽶倉 明男/ ⽣⽥ 信⼀ / ⻘柳 千郷「レイアウト‧デザインの教科書」https://amzn.to/3PkOBus

Slide 28

Slide 28 text

「いい感じの配置」がある 要素を差し替えてみる 地⽅で働く エンジニア godan

Slide 29

Slide 29 text

「いい感じの配置」がある 逆にしてみる 地⽅で働くエンジニア godan

Slide 30

Slide 30 text

⽂字組みをまねる ⽂字組み 魅 惑 の プログラミング 講 座 Goodbye App Maker グッドバイ アップメーカー 
 とらラボLT #1 アウトプット 今年始めたことアウトプットしよう! LT

Slide 31

Slide 31 text

⽂字組みをまねる ⽂字組み 魅 惑 の プログラミング 講 座 Goodbye App Maker グッドバイ アップメーカー 
 とらラボLT #1 アウトプット 今年始めたことアウトプットしよう! LT 書籍を参考 映画ロゴを参考 過去イベントを参考 ▶ 2023 加納祐介 / 佐藤雅尚「ふつうのデザイナーのためのタイポグラフィが上⼿くなる本」https://amzn.to/3YWcuvH

Slide 32

Slide 32 text

⽂字組みをまねる ⽂字組み

Slide 33

Slide 33 text

⽂字組み ⽂字組み+⾊で⼗分かっこいい気がする

Slide 34

Slide 34 text

⽂字組み 装飾を⼊れるともっとかっこいい気がする

Slide 35

Slide 35 text

今回の例 - ゲームキャラの⾊とゲームの⾊を抽出 - シルエットデザインからゲームの素材をトレス - 過去作った幾何学っぽいのを流⽤

Slide 36

Slide 36 text

おすすめ書籍 デザイン⼊⾨教室 著 坂本 伸⼆ 配⾊デザイン事典 著 mashroom design けっきょく、よはく。 著 ingectar-e

Slide 37

Slide 37 text

Q 正直Adobe Illustrator使えば良くない?

Slide 38

Slide 38 text

Q 正直Adobe Illustrator使えば良くない? A はい。

Slide 39

Slide 39 text

おしまい