小手先のデザイン技術

普段から気を使っているスライドデザインの基礎です．

Transcript

1. খखઌͷ
   σβΠϯٕज़ Created by Takuya Jodai Apr. 21. 2019
2. ๻͕ීஈҙ͍ࣝͯ͠ΔσβΠϯͷϙΠϯτ 1. ৭Λҙࣝ͠Α͏ ໨࣍ 2. ϑΥϯτΛม͑ͯΈΑ͏ 3. ແବͳ૷০Λ͠ͳ͍ 4. ༨നͱ഑ஔΛେ੾ʹ 5. ૉࡐʹͩ͜ΘΔ 6. ͍͍ײ͡ʹͯ͠͝·͔͢ 7. ౷ҰײΛग़͢ 8. ·ͱΊ
3. 1. ৭ ·ͣɺ৭ɻμα͍৭Λଔۀ͠Α͏ งғؾͷ͍͍৭Λ࢖͍·͠ΐ͏ ࣗ෼Ͱߟ͑ͳͯ͘΋͍͍Ͱ͢ https://colorhunt.co ͱ͔
   https://coolors.co ͱ͔
   ഑৭ύλʔϯूͰ͢
4. ৭͕͠ΜͲ͍ 1. ৭ ݪ৭͸Ή͔͍ͣ͠ɻ໺฻͍ͬͨҹ৅ʹ ݪ৭͚ͩͩͱʜ ৭Λௐઅͯ͠ΈΔͱʜ ৭͕΍͍͞͠
5. 1. ৭ ͸ͦͷεϥΠυͷ
   ҹ৅Λ͕Βͬͱม͑·͢
   ͨͱ͑͹͜Μͳ͔Μ͡ ৭ ΄͔ʹ΋ʜ
6. ͜Μͳ͔Μͩͬͨ͡Γ ͜Μͳ͔Μͩͬͨ͡Γ ৭ ৭ 1. ৭
7. 1. ৭ จࣈͷ৭ͷೱ୶ʹ΋ͩ͜ΘͬͯΈ·͠ΐ͏ ෆಁ໌౓ͩͱ ਅͬࠇ ʜ ෆಁ໌౓Λௐઅͯ͠ΈΔͱʜ ϑΣϧϝʔϧ ϤϋωεϑΣϧϝʔϧ͸
   ޫͷըՈͱͯ͠༗໊Ͱ͢ Johannes Vermeer ϑΣϧϝʔϧ ϤϋωεϑΣϧϝʔϧ͸
   ޫͷըՈͱͯ͠༗໊Ͱ͢ Johannes Vermeer ࠣࡉͳҧ͍͗͢Ͱ͕͢ɺ׬શͳࠇΛ࢖͏ͷͳΜ͔ݏ
8. ๻͕ීஈҙ͍ࣝͯ͠ΔσβΠϯͷϙΠϯτ 1. ৭Λҙࣝ͠Α͏ ໨࣍ 2. ϑΥϯτΛม͑ͯΈΑ͏ 3. ແବͳ૷০Λ͠ͳ͍ 4. ༨നͱ഑ஔΛେ੾ʹ 5. ૉࡐʹͩ͜ΘΔ 6. ͍͍ײ͡ʹͯ͠͝·͔͢ 7. ౷ҰײΛग़͢ 8. ·ͱΊ
9. 2. ϑΥϯτ ࣍͸ϑΥϯτɻҹ৅Λେ͖͔͑͘·͢ ͋·Γ࢖Θͳ͍ํ͕͍͍ϑΥϯτ
   ࢖͍ॴΛߟ͑Α͏ ԦಓͰՄࢹੑ΋͍͍΍ͭ λΠτϧͱ͔͚ͩɺଟ༻ې෺ Too much decoration くせがつよすぎるフォント 源ノ⾓ゴシック 綺麗な形のフォントです ᕟΰγοΫମ
   ͜ͷεϥΠυʹ΋࠾༻ Helvetica ༗໊ͳԤจϑΥϯτͰ͢ Futura ๻͕޷͖ͳܗͰ͢ ͱ͔ͱ͔ʜ
10. 2. ϑΥϯτ Մࢹੑͬͯ͘͢͝େ੾ 例 え ば ⼤ き な ⽂ 字 だ っ た ら ？ ち ょ っ と 太 め の フ ォ ン ト で も 、 ⼗ 分 読 め る 。 ⽂ 字 の 間 隔 を 開 け た り す る と 読 み や す い 。 源ノ⾓ゴシック このくらいの⼤きさだとこれくらいの太さがいいんじゃない？でも⼀概には⾔え ない。わざと太くして強調したり、細くしたりすることもある。でも可視性を 失ってはいけない。 源ノ⾓ゴシックは優秀なのでこんなに⼩さな⽂字を太くしてみても意外と読みやすい。すごい。
11. 2. ϑΥϯτ จࣈ͕٧·ͬͯΔ࣌͸໌ேମ ηϦϑମ ͱ͔΋ 吾輩は猫である。名前はまだ無い。どこで⽣れたかとんと⾒当がつかぬ。何でも薄暗 いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始 めて⼈間というものを⾒た。しかもあとで聞くとそれは書⽣という⼈間中で⼀番獰悪 な種族であったそうだ。 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 源ノ明朝 Times New Roman
12. 2. ϑΥϯτ ͋Δ͋Δ ࡉ͍จࣈଟ༻͕ͪ͠ ྑ͔Εͱࢥͬͯ͜͏͍͏΍ͭ࢖͍͕ͪ "QQMFͬΆͯ͘Χοί͍͍ ͱࢥͬͯଟ༻͍ͯ͠·ͤΜ ͔ʁผʹѱ͍Θ͚͡Όͳ͘ ͯɺ͍͍Μ͚ͩͲɺͳΜ͔ ݟʹ͘͘ͳ͍ʁશ෦͜ΕͰ ॻ͍ͯͨΒಡΊͨ΋Μ͡Ό ͳ͍ɻΞΫηϯτͱͯ͠औ ΓೖΕΑ͏ɻ ΞΫηϯτͱͯ͠ ෋࢜ࢁ ೔ຊͰҰ൪ߴ͍ͧɺϫϨΣ
13. ๻͕ීஈҙ͍ࣝͯ͠ΔσβΠϯͷϙΠϯτ 1. ৭Λҙࣝ͠Α͏ ໨࣍ 2. ϑΥϯτΛม͑ͯΈΑ͏ 3. ແବͳ૷০Λ͠ͳ͍ 4. ༨നͱ഑ஔΛେ੾ʹ 5. ૉࡐʹͩ͜ΘΔ 6. ͍͍ײ͡ʹͯ͠͝·͔͢ 7. ౷ҰײΛग़͢ 8. ·ͱΊ
14. 3. ૷০ ແବͳ૷০͸μα͞ͷ΋ͱ Α͘Θ͔ΒΜ࿮ઢͱ͔ શ෦औͬ෷͏ ա౓ͳ૷০ ద౓ͳ૷০
15. 3. ૷০ γϯϓϧʹ͓͚ͯ͠͹ͦΕͬΆ͘ͳΓ·͢ ߴߍσϏϡʔͨ͠Έ͍ͨͳάϥϑ Θ͖·͑ͨάϥϑ 0 25 50 75 100 ݄ ݄ ݄ ݄
16. 3. ૷০ ΍Γ͕ͪͳ໼ҹͷؒҧ͍ ࡉ෦ʹ·Ͱ഑ྀ͕Ͱ͖ͯͳ͍ ໼ҹ෦ͷΞεϖΫτൺΛอͭ ͦ΋ͦ΋͜Μͳਧ͖ग़͠Λ࢖Θͳ͍
17. 3. ૷০ طଘςϯϓϨΛ࢖͏ͷ΋΍Ί·͠ΐ͏ ͪ͝Όͪ͝Ό͍͗ͯ͢͠·͢ ࣭ͷ͍͍ςϯϓϨ͸͍͘ΒͰ΋͋Γ·͢ IUUQTXXXGSFFQPXFSQPJOUUFNQMBUFT EFTJHODPNGSFFQPXFSQPJOUUFNQMBUFT EFTJHO IUUQTDPMPSMJCDPNXQGSFFLFZOPUF UFNQMBUFT ΋ͪΖΜ͔Β࡞Δͷ΋͍͍Ͱ͢Ͷ etc…
18. ๻͕ීஈҙ͍ࣝͯ͠ΔσβΠϯͷϙΠϯτ 1. ৭Λҙࣝ͠Α͏ ໨࣍ 2. ϑΥϯτΛม͑ͯΈΑ͏ 3. ແବͳ૷০Λ͠ͳ͍ 4. ༨നͱ഑ஔΛେ੾ʹ 5. ૉࡐʹͩ͜ΘΔ 6. ͍͍ײ͡ʹͯ͠͝·͔͢ 7. ౷ҰײΛग़͢ 8. ·ͱΊ
19. 4. ഑ஔ ͓ئ͍͔ͩΒͱΓ͋͑ͣἧ͑ͯ εϥΠυʹҰ؏ੑͷ͋Δ഑ஔ ͜ͷεϥΠυͰ͋Ε͹
    ɾࠨ্ͷ໨࣍όʔ
    ɾ֤ϖʔδͷλΠτϧόʔ தԝઢɺࠨӈͱͷִؒΛ࢘Δ จࣈͷ͋ΔҐஔ
20. 4. ഑ஔ લͷϖʔδͷ഑ஔΛΰϛʹ͢Δͱ ҧ࿨ײΛײ͡Δ͜ͱ͕େࣄ ߴ͞͸ἧ͍ͬͯͯ΋
    ԣͷִ͕ؒσλϥϝͳ
    έʔε͕ଟ͍ ͜͜Βล͔ͳɺͰ഑ஔ͢ΔͱҰ൪ྑ͘ͳ͍ จࣈͷ٧Ίํ
    ͱ͔౷Ұͯ͠ͳ͍ਓ
    ΋͍Δ ͳΜ͔ؒൈ͚ͳڑ཭ײ ࠨʹͣΕ͗͢
21. 4. ഑ஔ ༨നͷඒֶΛߟ͑Α͏ᶃ ༨༟ͷͳ͍ΦϒδΣΫτ ݟͯͯؾ࣋ͪͷྑ͍ۭനΛ୳͢ ΫϩʔυɾϞω ࣗવͷ৭࠼ͱޫΛඳ͘ҹ৅ओٛ
 ͷ૑ઃऀ
    ୅ද࡞ʹʮਭ࿇ʯʮҹ৅ʯγϦ
    ʔζ͕͋Δ Claude Monet Claude Monet Claude Monet Claude Monet Claude Monet Claude Monet ΫϩʔυɾϞω ⾃然の⾊彩と光を描く印象主義の創設者 代表作に「睡蓮」「印象」シリーズがある Claude Monet
22. 4. ഑ஔ ༨നͷඒֶΛߟ͑Α͏ᶄ ͻͲ͘Մࢹੑʹ͚ܽΔ ⽊曾路はすべて⼭の中である。あるところは 岨づたいに⾏く崖の道であり、あるところは 数⼗間の深さに臨む⽊曾川の岸であり、ある ところは⼭の尾をめぐる⾕の⼊り⼝である。 ⼀筋の街道はこの深い森林地帯を貫いてい た。東ざかいの桜沢から、⻄の⼗曲峠まで、 ⽊曾⼗⼀宿はこの街道に添うて、⼆⼗⼆⾥余 にわたる⻑い谿⾕の間に散在していた。道路 の位置も幾たびか改まったもので、古道はい つのまにか深い⼭間に埋もれた。名⾼い桟 も、蔦のかずらを頼みにしたような危い場処 ではなくなって、徳川時代の末にはすでに渡 ることのできる橋であった。 จࣈɾߦִؒΛௐ੔͢Δͱʜ ⽊曾路はすべて⼭の中である。あると ころは岨づたいに⾏く崖の道であり、 あるところは数⼗間の深さに臨む⽊曾 川の岸であり、あるところは⼭の尾を めぐる⾕の⼊り⼝である。⼀筋の街道 はこの深い森林地帯を貫いていた。東 ざかいの桜沢から、⻄の⼗曲峠まで、 ⽊曾⼗⼀宿はこの街道に添うて、⼆⼗ ⼆⾥余にわたる⻑い谿⾕の間に散在し ていた。
23. 4. ഑ஔ ༨നͷඒֶΛߟ͑Α͏ᶅ ͜ͷ༨നΛݟͭΊɺ֤ࣗߟ͍͑ͯͩ͘͞
24. 4. ഑ஔ ΦϒδΣΫτ͕ऩ·Δ৔ॴΛ࡞Ζ͏ ഑ஔʹҙຯ͕ͳ͍͔Β
    ΦϒδΣΫτ͕ϑϥϑϥͯ͠Δ ؼΔՈΛ࡞ͬͯ͋͛Δͱམͪண͘ ΦϒδΣΫτଠ࿠ ϑϥϑϥେֶ೥ झຯ
    ɾࢁࡊ࠾Γ
    ɾۋޥͷ์ྲྀ ϑϥϑϥେֶ೥ झຯ
    ɾࢁࡊ࠾Γ
    ɾۋޥͷ์ྲྀ ΦϒδΣΫτଠ࿠
25. 4. ഑ஔ ୯ҐͷαΠζΛม͑ͯΈΔ͚ͩͰ΋ ͳΜ͔ͩϝϦϋϦ͕ͳ͍ ͳΜ͔ͩऩ·Γ͕͍͍ Z◦Z◦TOWN ͨͩͳΒ͵෰ ԁ ࠓͳΒΦϑʂ Z◦Z◦TOWN ͨͩͳΒ͵෰ ԁ ࠓͳΒΦϑʂ ͋Μ·ΓมΘΒͳ͍͚Ͳͪΐͬͱͩ͜ΘΖ͏
26. 4. ഑ஔ վߦ͢Δ৔ॴΛҙࣝͯ͠ΈΔ これがタイトル 短くなって こう。 ࡾ֯ܗͷ༨ന͕Ͱ͖·ͨ͠
27. 4. ഑ஔ มͳͱ͜ΖͰվߦ͢Δͱ タイトルは特に⽂の途
 中で改⾏とかしたらダ メこうなる
28. ๻͕ීஈҙ͍ࣝͯ͠ΔσβΠϯͷϙΠϯτ 1. ৭Λҙࣝ͠Α͏ ໨࣍ 2. ϑΥϯτΛม͑ͯΈΑ͏ 3. ແବͳ૷০Λ͠ͳ͍ 4. ༨നͱ഑ஔΛେ੾ʹ 5. ૉࡐʹͩ͜ΘΔ 6. ͍͍ײ͡ʹͯ͠͝·͔͢ 7. ౷ҰײΛग़͢ 8. ·ͱΊ
29. 5. ૉࡐ ϑϦʔࣸਅ͍͍ͷ͍ͬͺ͍͋Δ PEXCELS UNSPLASH FIND47
30. 5. ૉࡐ 10 BEST SIGHTS OF THE WORLD とかなんでも良いですけど、写真があるだけでなんか雰囲気でるよね。
31. All is well that pictures well.
32. 5. ૉࡐ ΞΠίϯΛ࢖ͬͯΈΑ͏ ͜͏͍͏΍ͭ దࡐదॴͰΞΠίϯೖΕΔͱྑ͍ײ͡ ͓͢͢ΊΞΠίϯͨͪ
    https://www.freepik.com https://www.flaticon.com Font AwesomeͳΜ͔Λ࢖͏ͱɺ
    8FCϖʔδʹ΋ΞΠίϯΛຒΊࠐΊΔΑ
33. 5. ૉࡐ ΤετχΞ͍͢͝Α ࠃࣗମͷϒϥϯσΟϯά੓ࡦ ԼͷάϥϑΟοΫͱ͔΋ΤετχΞ ؔ࿈ͳΒࣗ༝ʹ࢖͑Δ https://brand.estonia.ee ࠃͷެࣜΧϥʔ΍ɺ޿ࠂΛ ࡞Δ࣌ͷϨΠΞ΢τͳΜ͔ ΋ϧʔϧ͕ܾ·ͬͯͨΓ Aino͍ͬͯ͏
 ެࣜϑΥϯτ΋͋Δ
34. ๻͕ීஈҙ͍ࣝͯ͠ΔσβΠϯͷϙΠϯτ 1. ৭Λҙࣝ͠Α͏ ໨࣍ 2. ϑΥϯτΛม͑ͯΈΑ͏ 3. ແବͳ૷০Λ͠ͳ͍ 4. ༨നͱ഑ஔΛେ੾ʹ 5. ૉࡐʹͩ͜ΘΔ 6. ͍͍ײ͡ʹͯ͠͝·͔͢ 7. ౷ҰײΛग़͢ 8. ·ͱΊ
35. 6. ͝·͔͢ ൒ಁ໌ΦϒδΣΫτͰ͝·͔͢ ͪΐͬͱݟʹ͍͘ ݟ΍͍͢ ಙࢁߴઐͷ
    ภࠩ஋͸
    ສͰ͢ ಙࢁߴઐͷ
    ภࠩ஋͸
    ສͰ͢
36. 6. ͝·͔͢ ॎଳͰ΋ɺશମΛ෴ͬͯ΋จࣈ͕ө͑Δ ྫ ྫ
37. 6. ͝·͔͢ ఺ͷՕ৚ॻ͖͚ͩʹཔΒͳ͍ Օ৚ॻ͖͸ͱͬͯ΋ศར͚ͩͲ େ͖͞ͷϝϦϋϦͰ΋දݱͰ͖Δ ɾࢁޱݝ
    ɹԼؔΛݝிॴࡏ஍ʹ͢Ε͹͍͍
    ɾౡࠜݝ
    ɹௗऔݝͱΑؒ͘ҧ͑ΒΕΔ
    ɾ޿ౡݝ
    ɹڧେͳྗͰதࠃ஍ํΛࢧ഑ ࢁޱݝ
    ԼؔΛݝிॴࡏ஍ʹ͢Ε͹͍͍ ౡࠜݝ
    ௗऔݝͱΑؒ͘ҧ͑ΒΕΔ ޿ౡݝ
    ڧେͳྗͰதࠃ஍ํΛࢧ഑
38. 6. ͝·͔͢ ڧௐ͢ΔͳΒଞΛऑͯ͘͠΋0, ͜ΕͰ΋͍͍͚Ͳ ͬͪ͜ͷ͕ҙ͕ࣝ޲͘ 1. ৭Λҙࣝ͠Α͏ 2. ϑΥϯτΛม͑ͯΈΑ͏ 3. ແବͳ૷০Λ͠ͳ͍ 1. ৭Λҙࣝ͠Α͏ 2. ϑΥϯτΛม͑ͯΈΑ͏ 3. ແବͳ૷০Λ͠ͳ͍
39. 6. ͝·͔͢ ໼ҹͰ͝·͔͢ ྫ͑͹ϑϩʔਤ Ͳ͏ͤͳΒҰॹʹͯ͠͠·͏ ໺ࡊΛ੾Δ ᖱΊΔ ΧϨʔ͕Ͱ͖Δ ໺ࡊΛ੾Δ ᖱΊΔ ΧϨʔ͕Ͱ͖Δ
40. ๻͕ීஈҙ͍ࣝͯ͠ΔσβΠϯͷϙΠϯτ 1. ৭Λҙࣝ͠Α͏ ໨࣍ 2. ϑΥϯτΛม͑ͯΈΑ͏ 3. ແବͳ૷০Λ͠ͳ͍ 4. ༨നͱ഑ஔΛେ੾ʹ 5. ૉࡐʹͩ͜ΘΔ 6. ͍͍ײ͡ʹͯ͠͝·͔͢ 7. ౷ҰײΛग़͢ 8. ·ͱΊ
41. 7.౷Ұײ εϥΠυΛ௨ͯ͠ςʔϚΛ࣋ͭ ഑৭ύλʔϯΛकΔ ϑΥϯτͷϙΠϯτ਺΋ͦ͏ ϕʔεΧϥʔ ΞΫηϯτΧϥʔ αϒΧϥʔ λΠτϧ͸
    QU
    αϒλΠτϧ͸
    QU
    ͱ͔ܾΊ͓ͯ͘ εϥΠυΛ௨ͯ͠ͷ
    ςϯϓϨʔτ΋ܾΊ͓ͯ͘
    ࣍ͷϖʔδ
42. 7.౷Ұײ ࠓճ͸͜Μͳײ͡Λϕʔεʹ࡞੒ͨ͠ αϒλΠτϧ αϒλΠτϧ ίϯςϯπ ίϯςϯπ
43. 7.౷Ұײ ࣗ෼ϧʔϧΛܾΊ͓ͯ͘ ͜ͷΦϒδΣΫτΛଟ༻͢Δʂͱ͔ ઈର࢛͕͍͍֯
    ͱ͔ ؙ͍֯΍͕͍͍ͭ
    ͱ͔ εϥΠυϚελΛ࡞੒͢Δͱ͍͍͔΋
44. ๻͕ීஈҙ͍ࣝͯ͠ΔσβΠϯͷϙΠϯτ 1. ৭Λҙࣝ͠Α͏ ໨࣍ 2. ϑΥϯτΛม͑ͯΈΑ͏ 3. ແବͳ૷০Λ͠ͳ͍ 4. ༨നͱ഑ஔΛେ੾ʹ 5. ૉࡐʹͩ͜ΘΔ 6. ͍͍ײ͡ʹͯ͠͝·͔͢ 7. ౷ҰײΛग़͢ 8. ·ͱΊ
45. 8.·ͱΊ σβΠϯྗΛ਎ʹ͚ͭΔͨΊʹ  デザイナーでも、デザインを専攻しているわけでもない、完全ど素⼈の僕 がデザイン⼒なるものについて⾔及するのは気が引けますが、⾒栄えの良い デザインを⾝につけるにはとにかくパクるのが⼀番良いです。もちろん盗作 や著作権を侵害するのはナシですが、0からデザインを考えて作って上⼿くい くのは本当の凄い⼈です。  僕の持っているデザインの引き出しは、今までに⾒てきたデザインのイン プットの合作です。この表現の仕⽅いいな、と思ったら少し取り⼊れてみ る。そうした繰り返しで表現の幅が増えていきました。 めちゃくちゃパクる
46. 8.·ͱΊ ݁ہத਎  いくら⾒栄えが良くても中⾝がダメだと意味がないです。デザインはあく まで理解を助ける潤滑油であるということ。そして今回のtipsは完全に⼩⼿先 のテクニックであると⾔う事を⼼に留めておいてください。  しかし、⼩⼿先でも意外と役に⽴つもんです。そのスライドの第⼀印象は かなりよくなります。なんだかそれっぽく⾒えてきます。だからこそ⼩⼿先の テクニックを上⼿に活⽤しながらスライド作成に活かしていただけたら幸い です。 中⾝がダメだと本末転倒