意外と知らない、InDesignのこんな使い方。

FLAT Designer’s bar で行われましたLTの登壇資料です。
InDesignには実はこんな使い方があるよ！をざっくりとお話ししてきました‪( ´ ▽ ` )ﾉ‬

イベント概要(note)
https://note.mu/flat_asakusa/n/n010772e2630c

#flat_lt

Transcript

1. by Brian October, 19th 2019 @ FLAT Designer's Bar の こ ん な 使 い 方 。 意 外 と 知 ら な い 、 InDesign
2. skinnybrian.com 2 ブ ラ イ ア ン( 2 6) 本 名 : 堀 口 慎 之 介 　 出 身 ： 山 口 県 下 関 市 趣 味 : 洗 濯 、 音 楽 、 コ ー ヒ ー 、 筋 ト レ n o t e. mu / ski n n y b r i a n @ ski n n y b r i a n _ t w
3. skinnybrian.com 3 イン ハ ウ ス デ ザ イ ナ ー ③ 年 目 工 業 大 卒 か ら の 福 岡 工 業 大 学 短 期 大 学 部 九 州 工 業 大 学 情 報 工 学 部 編 入 留 年 H a m e e 株 式 会 社 入 社 デ ザ イ ン 部 配 属 → グ ラ フ ィ ッ ク ( W E B , D T P ) 、 動 画 制 作 → U I / U X デ ザ イ ン 、 　 フ ロ ン ト エ ン ド ( H T M L / C S S / J S / R e a c t ) 、 　 バ ッ ク エ ン ド ( P H P ) 開 発 部 へ 異 動 ( サ ー ビ ス 改 善 チ ー ム 配 属 ） 2 017 2 018 2 015 2 014 2 012
4. skinnybrian.com 4 → グ ラ フ ィ ッ ク ( W E B , D T P ) 、 動 画 制 作 → U I / U X デ ザ イ ン 、 　 フ ロ ン ト エ ン ド ( H T M L / C S S / J S / R e a c t ) 、 　 バ ッ ク エ ン ド ( P H P ) 肩 書 き 「 デ ザ イ ナ ー 」 っ て 一 言 じ ゃ 語 れ な く な っ て し ま っ た
5. skinnybrian.com 5 と に か く も の づ く り が 好 き な の で 肩 書 き は そ れ が ブ ラ イ ア ン と い う 人 間 で す → 「 も の づ く り す る 人 」
6. skinnybrian.com 6 さ て 本 題 で す
7. skinnybrian.com 7 す い ま せ ん 念 の 為 …
8. skinnybrian.com 8
9. skinnybrian.com 9 知 っ て る ？ I n D e s i g n
10. skinnybrian.com 10 I n D e s i g n っ て 何 ？ を 、 一 言 で 言 う と 冊 子 系 ( 雑 誌 、 カ タ ロ グ 等 ) の デ ザ イ ン を す る ツ ー ル
11. skinnybrian.com 11 大 学 時 代 に 趣 味 で 4 年 間 フ リ ー ペ ー パ ー 制 作 活 動 で 作 っ て た や つ
12. skinnybrian.com 12 5 ~ 7 分 で す べ て の 魅 力 語 る に は 足 ら な す ぎ る … 控 え め に 言 っ て 僕 と に か く I n D e s i g n が 大 好 き で 、 、 、
13. skinnybrian.com 13 ち ょ っ と あ ま り 普 通 じ ゃ な い （ 多 分 ） 意 外 な 使 い 方 を 3 つ ご 紹 介 し ま す ※ な の で 技 術 的 な 基 礎 内 容 は 割 愛 し ま す
14. skinnybrian.com 14 「 え ！ ま じ か よ I n D e s i g n ！ ？ 」 っ て 少 し 心 の 片 隅 で 思 っ て く れ る こ と が 僕 の LT の ゴ ー ル で す ( ´ ▽ ` ) ﾉ す ご く ざ っ く り な 内 容 な の で す が …
15. skinnybrian.com 15 意 外 な 使 い 方 ①
16. skinnybrian.com 16 プ レ ゼ ン 用 の ス ラ イ ド を I n D e s i g n で 作 る 意 外 な 使 い 方 ①
17. skinnybrian.com 17 こ の ス ラ イ ド は 1 0 0 % I n D e s i g n 使 用 。
18. skinnybrian.com 18 操 作 感 は に そっくり シ ョ ー ト カ ッ ト キ ー も ほ ぼ 一 緒 。 パ ス も 扱 え る 。 親 戚 ポ ジ シ ョ ン 。
19. skinnybrian.com 19 「 ペ ー ジ 」 と い う 概 念 イ ラ レ で 言 う 「 ア ー ト ボ ー ド 」
20. skinnybrian.com 20 「 マ ス タ 」 と い う 概 念 P o w e r P o i n t や G o o g l e ス ラ イ ド で 言 う 「 テ ン プ レ ー ト を い じ る と き の や つ 」
21. skinnybrian.com 21 「 ペ ー ジ 」 と 「 マ ス タ 」 あ る し … ほ ぼ K e y n o t e っ ぽ く 使 え る
22. skinnybrian.com 22 パ ス の デ ー タ を そ の ま ま 貼 付 可 パ ワ ポ や G o o g l e ス ラ イ ド だ と 1 回 画 像 に 変 換 し な い と い け な か っ た り で ス ラ イ ド つ くる メ リット ①
23. skinnybrian.com 23 自 動 で ノ ン ブ ル が 振 れ る （ い わ ゆ る ペ ー ジ 番 号 ） で ス ラ イ ド つ くる メ リット ② F i g m a と か X D だ と 、 ペ ー ジ 番 号 を 自 動 で 流 石 に つ け れ な い
24. skinnybrian.com 24 カー ニ ン グ が で きる （ 嬉 ） （ 字 間 調 整 ） で ス ラ イ ド つ くる メ リット ③ G o o g l e ス ラ イ ド は で き な い 。 最 近 だ と X D で も で き る よ う に な っ た 。
25. skinnybrian.com 25 意 外 な 使 い 方 ②
26. skinnybrian.com 26 ちょっとした 提 案 資 料も I n D e s i g n で 便 利 に 意 外 な 使 い 方 ②
27. skinnybrian.com 27 （ 例 ）名 刺 デ ザ イ ン の 提 案 資 料 作 り た い 3 DESIGN NOTE: 名前のタイプフェイスをメインに、アクセントを表裏それぞれのフッターに配置しました。 全体的に、使用する紙も含めて丸みを含ませ、ふりがなとニックネームをひらがなにして優しさを表現してみました。 裏面に Twitt er の ID と QR コードを配置しました。今後別途 URL 等を掲載するようであれば追加可能です。 【修正】① QR コードの URL を [htt ps://hopeful-franklin-9372b9.netlify.com/] に変更しました。 名 刺 デ ザ イ ン （ 最 終 案 ） お も て う ら た て 9 1 m m x よ こ 5 5 m m 。 原 寸 大 。 サ イ ズ : A 4
28. skinnybrian.com 28 ア ー ト ボ ー ド 散 乱 （ イ ラ レ あ る あ る ）
29. skinnybrian.com 29 い や 、 そ れ は め ん ど す ぎ る や ろ … わ ざ わ ざ 別 の ア ー ト ボ ー ド に コ ピ ペ し て 毎 回 配 置 ？
30. skinnybrian.com 30 で 、 解 決 。
31. skinnybrian.com 31 提 案 資 料 の レ イ ア ウ ト が で き た ら …
32. skinnybrian.com 32 フ レ ー ム に イ ラ レ の フ ァ イ ル を リ ン ク と し て 配 置 ◎ フ レ ー ム サ イ ズ も 指 定 で き る ◎ イ ラ レ フ ァ イ ル 内 の 　 ア ー ト ボ ー ド 別 で 指 定 で き る ◎ 裁 ち 落 と し 領 域 は 切 れ て 表 示 さ れ る
33. skinnybrian.com 33 イ ラ レ 側 で 保 存 後 、 I n D e s i g n 側 に 反 映 さ れ る
34. skinnybrian.com 34 意 外 な 使 い 方 ③
35. skinnybrian.com 35 「 デ ー タ 結 合 」 を つ か っ て 自 動 組 版 を す る 意 外 な 使 い 方 ③
36. skinnybrian.com 36 ※ 自 動 組 版 （ 例 ） 住 所 録 の 一 覧 を 使 っ て 、 1 枚 ず つ 異 な っ た 宛 名 印 刷 を す る こ と
37. skinnybrian.com 37 （ 例 ） 「 今 日 の LT 」リ ス ト 的 な も の 作 り た い サ イ ズ : A 4 1 tomo さん わたくし金子が歩んできたキャリアとこれから フリーランス時代含め歩んできたキャリアとこれからについて。 フリーランスや二回の転職活動の中で 自分が感じたことをシェアできればと思ってます。 2 Brian さん 意外と知らない、InDesign のこんな使い方。 InDesign のちょっと変わった使い方を、InDesign の基本機能や実践例を踏まえてご紹介します 3 もぴこさん 仕事以外で何かを継続して制作すること。 仕事外に何かを制作 ( デザイン ) することって簡単なようで結構難しくて、そして、たくさんのメリット がある！＋制作したもの少し見せようかなって思ってます ?? 4 Osanai さん フリーランスについて 3 ヶ月のど新米フリーランサーがざっくり簡単にフリーランスのことや現在のお仕事についてお話します 5 taramek さん UX を測るとは UX リサーチってなに？サービスの価値評価とはどうあるべき？といったお話をします。 6 りゅーさん デザイナーとして 1 年半活動して気づいたコト デザイナーはコミュニケーターである！デザイナーが持っている 「可視化」 のチカラ。そのチカラは、 チー ムの力を何倍にも跳ねあげると気づきました。 そのチカラをチームの誰よりも駆使して、 コミュニケーショ ンの触媒になろう。 7 りうやさん Web デザイン未経験。 Web デザイン未経験から 10 ヶ月で Web デザイナーとして転職するために学習した内容についてお話し します！ 8 高橋凛さん 世界をやわらかく捉えていくルールのデザイン あそびやコミュニケーション、空間のデザインなどをする際に意識してきた、世界をやわらかく捉えてい くことができるルールのデザインの話をします。 9 yukin さん ココを抑えるだけ。WEB サイトがグッと良くなる写真の扱い 4STEP 事例を出しながら、人物写真や食べ物の写真、風景写真などの扱いについてポイントをご紹介します。 1 0 Carlos さん 英語できるデザイナーのメリット 英語のコミュニケーションについて英語ができるデザイナーのお話し。 1 1 たっつんさん 私が目指すデザイナーの姿 今学習していること、そして目指すデザイナーの ” 姿 ” について宣言したいです！
38. skinnybrian.com 38 1 tomo さん わたくし金子が歩んできたキャリアとこれから フリーランス時代含め歩んできたキャリアとこれからについて。 フリーランスや二回の転職活動の中で 自分が感じたことをシェアできればと思ってます。 2 Brian さん 意外と知らない、InDesign のこんな使い方。 InDesign のちょっと変わった使い方を、InDesign の基本機能や実践例を踏まえてご紹介します 3 もぴこさん 仕事以外で何かを継続して制作すること。 仕事外に何かを制作 ( デザイン ) することって簡単なようで結構難しくて、そして、たくさんのメリット がある！＋制作したもの少し見せようかなって思ってます ?? 4 Osanai さん フリーランスについて 3 ヶ月のど新米フリーランサーがざっくり簡単にフリーランスのことや現在のお仕事についてお話します ど う や っ て つ く る ？
39. skinnybrian.com 39 う ま く い き そ う だ け ど ペ ー ジ を ま た ぐ と き と か っ て ど う し よ … X D の リ ピ ー ド グ リ ッ ド 使 っ て 流 し 込 む ？
40. skinnybrian.com 40 い や 、 、 Wo r d 使 う の は な ん か デ ザ イ ナ ー と し て 負 け た 感 … く っ そ ｗ h t t p s : / / w w w . b e c o o l u s e r s . c o m / w o r d / m a i l - m e r g e - w i z a r d - l a b e l s . h t m l M i c r o s o f t Wo r d の 差 し 込 み 印 刷 機 能 使 う ？
41. skinnybrian.com 41 に 任 せ な さ い ！
42. skinnybrian.com 42 デ ー タ ま と め た C S V フ ァ イ ル を 用 意 す る （ e x c e l み た い な や つ ） ※ n o t e 記 事 よ り 引 用 ( 登 壇 者 名 、 タ イ ト ル 、 コ メ ン ト 、 表 紙 の フ ァ イ ル パ ス )
43. skinnybrian.com 43 表 紙 の 画 像 フ ァ イ ル を 用 意
44. skinnybrian.com 44 雛 形 作 っ て デ ー タ 結 合 を 実 行 す る と …
45. skinnybrian.com 45 デ ー タ の 数 だ け 自 動 組 版 さ れ る
46. skinnybrian.com 46 A 4 に 収 ま ら な か っ た 項 目 は 自 動 で 次 の ペ ー ジ へ 配 置 さ れ る 。
47. skinnybrian.com 47 意 外 な 使 い 方 3 つ ま と め ① プ レ ゼ ン 資 料 ② 提 案 資 料 ③ 自 動 組 版
48. skinnybrian.com 48 I n D e s i g n 、 ぜ ひ 使 っ て み て く だ さ い 〜 ！ 実 は 工 夫 次 第 で ちょっと お も し ろ く 使 え る！
49. skinnybrian.com 49 Thanks for your Attention! 1 . I n D e s i g n で 自 動 組 版 【 デ ー タ 結 合 編 】 h t t p s : / / w w w . t a c t s y s t e m . c o . j p / b l o g / p o s t - 1 2 6 / 1. Fu tu ra P T ( B o o k , B o o k Obliqu e ) f ro m A do be Fo n t s 2 . 筑 紫 B 丸 ゴ シ ッ ク S t d ( L , R , M , D , B , E ) f r o m F o n t w o r k s 参 考 文 献 使 用 フォント