[Day 3: B-18] エンジニアのためのスライドデザイン実践講座


yhirano55

登壇者: esa LLC 赤塚 妙子 氏

発表資料を、より伝わる、読まれるものにするために、どのような工夫ができるのか?

効果的な情報整理やレイアウト、手軽にできるTipsなどについて、デザイナー視点でお話できればと思います。プレゼン資料をたびたび作ることが多いエンジニアの皆さんの参考になれば幸いです。

https://techplay.jp/event/679666


  • このセッションに関する質問を募集中です
  • 事前に聞きたいことがあれば、何でも書き込んでください。
  • 質問への回答はお約束できません。あらかじめご了承ください

Like(0)

Questions and feedbacks (9)

taea
taea commented about 1 year

@pokotyamu さん

返信の返信、ありがとうございました!

@yhirano55 さん

赤塚さんがどのように情報設計を学んだのか知りたくなりました。

これに答えるべく、連休の間自分の人生を振り返って考えてたんですが、コレっていう答えが見つからず…自分の事はよくわからないものだなあ。。

おそらくは、デザイナーになって最初に入った職場の体験が大きいのかなあと思っております。 最初の職場はWebではない、少人数のデザイン事務所で冊子やパンフレットやポスターなんかのデザインを主にやってたんですが、回りの先輩たちがみんな優秀だったのでそのアウトプットを見て学んだところが大きいです。

あと、その職場では、デザインと同時にプレゼン企画書を作ってて、例えば会社案内のような冊子ものだと台割りとかコンテンツ企画とかも自分で考えて、企画書を作り込んでデザインカンプと一緒にプレゼンするということをやってたんですが、そのへんの体験が情報設計とデザインの両輪を理解する上で、糧になっている気がします。(プレゼンのトークは社長とか広告代理店の人がやってくれたので、トーク力は上がりませんでした)

あと、デザイナー同士でレビューし合うという習慣があったのも大きいかもしれません。必ず誰かに何回か見てもらって、文字校正をはじめ、揃っていない箇所とかを指摘し合うということを日常的にやってました。

自分は割とクラシカルな「師匠の背中を見て育つ」的な職人的な徒弟制の世界で育った人間だと思うんですが、今は若くても優秀な方がたくさんいて、知の高速道路を感じて大変眩しいです。 そんなご時世に、「どうやったらデザインができるようになるんですか?」という質問に対して、「先輩の背中を見て育て」「修行!」みたいなのもなんか老害っぽいので言いたくないんだけど、じゃあ何が言えるんだろうというところで、まだこれといった答えが出ず… 本なども読んで学びつつ日々模索中ですmm

Like(1)

pokotyamu

@taea

返信ありがとうございます🙇‍♂️

例えば対比を表すためにふきだしを2つ並べた時なんかは、大きさを統一するとともに、中の文字数もなるべく近くして、似たフォーマットにした方が対比がわかりやすくなって良いと思います。 (スライド27ページのような感じです: https://speakerdeck.com/ken_c_lo/how-to-design-presentations-for-engineers?slide=27 ) 一方、個別に説明したいことがあって、ふきだしを使っている場合は、特にふきだしの大きさを合わせなくてもよいと思います。 (スライド60ページのような感じです: https://speakerdeck.com/ken_c_lo/how-to-design-presentations-for-engineers?slide=60)

なるほどですね。 結構吹き出しの大きさとか統一するために文字考えてとかってしたこともあったんですが、文字数だったり言葉選びの方をより意識してみます😊

文字の大きさは、使い方によって相対的に変わってきそうなので、今回ちょっと明確な言及を避けてしまったのですがmm 例えばスライド60ページ ( https://speakerdeck.com/ken_c_lo/how-to-design-presentations-for-engineers?slide=60 ) のような状況でしたら、20ptくらい…、最小でも16ptくらいがよいかなあと思います。

字が潰れない程度だとそれが限界ですよね📝

Like(1)

yhirano55

ありがとうございました。赤塚さんがどのように情報設計を学んだのか知りたくなりました。

Like(1)

taea
taea commented about 1 year

会場で「コードをスライド中で紹介する時に、小さくなってしまいがち。こういう時によいプラクティスありますか?」質問もありました。

そういえば、コード出てこなくてごめんなさいmm 考えられる対策としては

  • なるべく文字が大きく見えるように貼る
  • 強調したい部分の文字列を拡大する
  • 今説明してるコードの現在位置がわからなくて説明しづらいという問題について、スライドのコードの中にリアルタイムで線を引きながら解説するということをやってる人がいて、とてもわかりやすいなーと思った記憶があるんですが、あれはなんのツールを使ってたのか思い出せませんでした…mm
    • コードの中の現在位置にハイライト入れながら説明するのは普通によさそうです

Like(1)

taea
taea commented about 1 year

会場で、参考になる本について質問があったので、それもあとで書きます〜

デザイン仕事に必ず役立つ 図解力アップドリル | 原田 泰 |本 | 通販 | Amazon

よい本でした。デザインにおける色んな表現方法のバリエーションやそれぞれの考え方を丁寧に掘り下げて解説しています。意図や考え方を的確にデザインに反映させるために、役立つ知識になると思います。 帯やタイトルにはデザイナー向けと書いてあり、確かにデザイナーにも役に立つ内容だと思うのですが、ノンデザイナーやエンジニアにとっても、デザインとはどういうものなのか?を理解するためのよい内容になっていると思いました。

今日からはじめる情報設計 -センスメイキングするための7ステップ | アビー・コバート, 長谷川敦士, 安藤 幸央 |本 | 通販 | Amazon

情報整理する時に考えるべきことを、概念的にわかりやすく整理して教えてくれる本で、ヨカッタです。

(すみません、会場で『みんなではじめる情報設計』って言ってしまったんですが、書名間違えてました。。『みんなではじめるデザイン批評』と多分混ざりましたmm)

Like(0)

taea
taea commented about 1 year

@chionyan さん

タイトルの文字の両端を揃えるとバランスが取れると仰ってましたが、そのデザインに合わせてタイトルの文字数などを調整するものですか?

はい、タイトルの文字数を調整することもありますし、文字の大きさを調整してピッシリ合うように調整することも多いです。 また、触れるの忘れましたが、キリのよいところで改行するというのも大事ですね。

@pokoyamu さん

吹き出しを並べて書いた時によく、中の文字数によっては吹き出しの大きさが変わってしまうことがあるんですが、その場合は文字が小さくなってでも吹き出しの大きさを統一した方がいいですか? 中の文字としては最低でも何 pt ぐらいみたいなコツもあれば教えていただきたいです。

ふきだしを使うシチュエーションによっても変わってきそうですね。

例えば対比を表すためにふきだしを2つ並べた時なんかは、大きさを統一するとともに、中の文字数もなるべく近くして、似たフォーマットにした方が対比がわかりやすくなって良いと思います。 (スライド27ページのような感じです: https://speakerdeck.com/ken_c_lo/how-to-design-presentations-for-engineers?slide=27

一方、個別に説明したいことがあって、ふきだしを使っている場合は、特にふきだしの大きさを合わせなくてもよいと思います。 (スライド60ページのような感じです: https://speakerdeck.com/ken_c_lo/how-to-design-presentations-for-engineers?slide=60)

文字の大きさは、使い方によって相対的に変わってきそうなので、今回ちょっと明確な言及を避けてしまったのですがmm 例えばスライド60ページ ( https://speakerdeck.com/ken_c_lo/how-to-design-presentations-for-engineers?slide=60 ) のような状況でしたら、20ptくらい…、最小でも16ptくらいがよいかなあと思います。

Like(1)

taea
taea commented about 1 year

会場で、参考になる本について質問があったので、それもあとで書きます〜

Like(0)

chionyan

タイトルの文字の両端を揃えるとバランスが取れると仰ってましたが、そのデザインに合わせてタイトルの文字数などを調整するものですか?

Like(1)

pokotyamu

吹き出しを並べて書いた時によく、中の文字数によっては吹き出しの大きさが変わってしまうことがあるんですが、その場合は文字が小さくなってでも吹き出しの大きさを統一した方がいいですか? 中の文字としては最低でも何 pt ぐらいみたいなコツもあれば教えていただきたいです。

Like(1)

Create Comment

Please sign in to comment.

Sign in with GitHub
This software is available as open source under the terms of the MIT License.
Copyright © 2018 Yoshiyuki Hirano