Upgrade to Pro — share decks privately, control downloads, hide ads and more …

つたわるイラスト 〜誰でも描けるテクニカルイラストのノウハウ〜 / Understandabl...

つたわるイラスト 〜誰でも描けるテクニカルイラストのノウハウ〜 / Understandable illustrations - Technical illustration tips for everyone

イラスト作成は、デザイナーだけの仕事ではありません。 開発資料や、プレゼン資料、社内Wikiなどなど、人から人へ情報を伝える場面において、イラストは時に文字以上に豊かな情報量を持ちます。 絵心不問。誰でもマネできるテクニカルイラストレーションのノウハウをご説明します。

米倉裕基 / @yuukikun31 / LINE株式会社 テクニカルライター・テクニカルイラストレーター

こちらの資料は以下イベントで発表した内容です。
https://line.connpass.com/event/216566/

動画はこちらから
(準備中)

LINE Developers

July 08, 2021
Tweet

More Decks by LINE Developers

Other Decks in Technology

Transcript

  1. B Έ Μ ͳ ʹ ͭ ͨ Θ Δ Π

    ϥ ε τ Ϩ ʔ γ ϣ ϯ ͷ ϊ ΢ ϋ ΢
  2. ɾ ຊ ೔ ͷ ς ʔ Ϛ ɾ ൃ ද

    ऀ ঺ հ ɾ ΠϥετϨ ʔ λ ʔͱͯ͠ ͷ ࣮ ੷ ɾ ςΫχ Χ ϧ Πϥετͬͯ ͳ ʹʁ ɾ ςΫχ Χ ϧ Πϥετ ͷ ಛ ௃ ᶃ ɾ ςΫχ Χ ϧ Πϥετ ͷ ಛ ௃ ᶄ ɾ ͢ ΂ ͯ ͷ ਓͬͯ ͩ Εʁ ɾ ϝϯλ ϧ Ϟ σ ϧͱϖ ϧιφ ɾ ຊ ೔ ͷ ·ͱΊ ຊ೔ͷΞδΣϯμ
  3. ✔ ײ ಈ Λ ݺ Ϳ ΠϥετΛ ඳ͘ίπ ߦ ಈ

    Λ ଅ ͢ ΠϥετΛ ඳ͘ίπ ҙ ਤ ͕ ͭ ͨ Θ Δ Πϥ ετ Λ ඳ͘ίπ
  4. ✔ ײ ಈ Λ ݺ Ϳ ΠϥετΛ ඳ͘ίπ ߦ ಈ

    Λ ଅ ͢ ΠϥετΛ ඳ͘ίπ ҙ ਤ ͕ ͭ ͨ Θ Δ Πϥ ετ Λ ඳ͘ίπ ˺Ξ ʔτ ˺঎ ۀ σ β Π ϯ ˺ς Ϋ χ Χ ϧ Πϥ ετ
  5. ςΫχΧϧΠϥε τͷಛ௃ᶃ ֓ ೦ ΍ ෺ ମ ͷ ߏ ଄

    Λ ೋ ࣍ ݩ Ͱ આ ໌ ͢ Δ ͨ Ί ͷ ੡ ਤ ς Ϋ χ ο Ϋ
  6. ςΫχΧϧΠϥε τͷಛ௃ᶃ ֓ ೦ ΍ ෺ ମ ͷ ߏ ଄

    Λ ೋ ࣍ ݩ Ͱ આ ໌ ͢ Δ ͨ Ί ͷ ੡ ਤ ς Ϋ χ ο Ϋ ςΫχΧϧΠϥε τͷಛ௃ᶄ ͢ ΂ ͯ ͷ ਓ ʹ ౳ Ձ ͷ ৘ ใ Λ ఻ ͑ Δ ͨ Ί ͷ ੡ ਤ ς Ϋ χ ο Ϋ
  7. De re metallica (1561 edition) ήΦϧΫ ɾ ΞάϦʔίϥ ʢ(FPSH"HSJDPMBʣ ೥೥

    υΠπͷ߭ࢁֶऀɺ ߭෺ֶऀɺ ਓจֶऀɺ ҩऀ ੈք࠷ݹͷςΫχΧϧΠϥε τ 8JLJQFEJBΑΓҾ༻ IUUQTFOXJLJQFEJBPSHXJLJ%F@SF@NFUBMMJDB
  8. "ͱ#Λ$ʹೖΕΔͱ %ʹมԽ͠·͢ " # $ % ςΫ χ Χ ϧ

    Πϥ ετ ͷ ಛ ௃ ᶃ ֓ ೦ ΍ ෺ ମ ͷ ߏ ଄ Λ ೋ ࣍ ݩ Ͱ આ ໌ ͢ Δ ͨ Ί ͷ ੡ ਤ ςΫ χοΫ
  9. ʰϋʔϨϜͷγϯ τ ɾ όϑΥ੟ಊͷ಺෦ʱ  ʰγϯ τ ɾ Φ υΡϧϑε੟ಊʱ

     ϐʔςϧ ɾ Ϡϯε ɾ αʔϯϨμϜ ʢ೥೥ʣ Ҿ༻ݩ ɿ IUUQTXXXSJKLTNVTFVNOMOMSJKLTTUVEJPLVOTUFOBBSTQJFUFSKBOT[TBFOSFEBN
  10. ʰϋʔϨϜͷγϯ τ ɾ όϑΥ੟ಊͷ಺෦ʱ  ʰγϯ τ ɾ Φ υΡϧϑε੟ಊʱ

     ϐʔςϧ ɾ Ϡϯε ɾ αʔϯϨμϜ ʢ೥೥ʣ Ҿ༻ݩ ɿ IUUQTXXXSJKLTNVTFVNOMOMSJKLTTUVEJPLVOTUFOBBSTQJFUFSKBOT[TBFOSFEBN ͜ Ε ΋ ς Ϋ χ Χ ϧ Π ϥ ε τ ͔ ʁ
  11. ʰϋʔϨϜͷγϯ τ ɾ όϑΥ੟ಊͷ಺෦ʱ  ʰγϯ τ ɾ Φ υΡϧϑε੟ಊʱ

     ϐʔςϧ ɾ Ϡϯε ɾ αʔϯϨμϜ ʢ೥೥ʣ Ҿ༻ݩ ɿ IUUQTXXXSJKLTNVTFVNOMOMSJKLTTUVEJPLVOTUFOBBSTQJFUFSKBOT[TBFOSFEBN ݸੑతֆ্͕ख ෆؾຯ ៛ີɹඳ͘ͷ͕େมͦ͏͜͜͸Ͳ͜ ʁ ݟͨ͜ͱͳ͍ܳज़తඒ͍͠ඳ͖ࠐΈ͗ͯ͢ݟਏ͍ ըՈ͸୭ʁӄӨ͕ૉఢڭձ͍ͭࠒͷֆը ݐஙਤʁߴ͍ఱҪ͍͍ͬͯͳ͋ݹΊ͔͍͠ ৭͕஍ຯ҉͍ֆ຀ࢣ͞ΜʁԞߦ͖Λײ͡Δ
  12. *,&"ެࣜαΠ τ͔ΒҾ༻ IUUQTXXXJLFBDPNKQKBDVTUPNFSTFSWJDFQSPEVDUTVQQPSUBTTFNCMZHVJEFTIPXUPSFBEJOTUSVDUJPOTQVCB Ϛ χϡΞ ϧ Λ ݟ ͯ Θ

    ͔Β ͳ ͍ ͜ͱ ͕ ͋ Ε ͹ * , & " ʹ ి ࿩ ͢ Δ Ϛ χϡΞ ϧ Λ ݟ ͯ Θ ͔Β ͳ ͍ ͜ͱ ͕ ͋ Ε ͹ * , & " ʹ ి ࿩ ͢ Δ
  13. ςΫχΧϧΠϥε τϨʔλʔ ςΫχΧϧΠϥε τ ؑ৆ऀ ࡞ऀͷҙਤ ʹ ؑ৆ऀͷཧղ ςΫχΧϧΠϥε τͷ৔߹

    ςΫ χ Χ ϧ Πϥ ετ ͷ ಛ ௃ ᶄ ͢ ΂ ͯ ͷ ਓ ʹ ౳ Ձ ͷ ৘ ใ Λ ఻ ୡ ͢ Δ ͨ Ί ͷ ੡ ਤ ςΫ χοΫ
  14. ςΫχΧϧΠϥε τͷಛ௃ᶃ ֓ ೦ ΍ ෺ ମ ͷ ߏ ଄

    Λ ೋ ࣍ ݩ Ͱ આ ໌ ͢ Δ ͨ Ί ͷ ੡ ਤ ς Ϋ χ ο Ϋ ςΫχΧϧΠϥε τͷಛ௃ᶄ ͢ ΂ ͯ ͷ ਓ ʹ ౳ Ձ ͷ ৘ ใ Λ ఻ ͑ Δ ͨ Ί ͷ ੡ ਤ ς Ϋ χ ο Ϋ
  15. ςΫχΧϧΠϥε τͷಛ௃ᶃ ֓ ೦ ΍ ෺ ମ ͷ ߏ ଄

    Λ ೋ ࣍ ݩ Ͱ આ ໌ ͢ Δ ͨ Ί ͷ ੡ ਤ ς Ϋ χ ο Ϋ ςΫχΧϧΠϥε τͷಛ௃ᶄ ͢ ΂ ͯ ͷ ਓ ʹ ౳ Ձ ͷ ৘ ใ Λ ఻ ͑ Δ ͨ Ί ͷ ੡ ਤ ς Ϋ χ ο Ϋ ς Ϋ χ ο Ϋ ͷ श ಘ ʹ ࣌ ؒ ͕ ͔ ͔ Δ ͨ Ί Ϛ ω ͠ ͮ Β ͍
  16. ςΫχΧϧΠϥε τͷಛ௃ᶃ ֓ ೦ ΍ ෺ ମ ͷ ߏ ଄

    Λ ೋ ࣍ ݩ Ͱ આ ໌ ͢ Δ ͨ Ί ͷ ੡ ਤ ς Ϋ χ ο Ϋ ςΫχΧϧΠϥε τͷಛ௃ᶄ ͢ ΂ ͯ ͷ ਓ ʹ ౳ Ձ ͷ ৘ ใ Λ ఻ ͑ Δ ͨ Ί ͷ ੡ ਤ ς Ϋ χ ο Ϋ ͢ ΂ ͯ ͷ ਓ ʹ ౳ Ձ ͷ ৘ ใ Λ ఻ ͑ Δ ͨ Ί ͷ ੡ ਤ ς Ϋ χ ο Ϋ ς Ϋ χ ο Ϋ ͷ श ಘ ʹ ࣌ ؒ ͕ ͔ ͔ Δ ͨ Ί Ϛ ω ͠ ͮ Β ͍ ֓ ೦ త ͳ ΋ ͷ ͳ ͷ Ͱ Ϛ ω ͠ ΍ ͢ ͍
  17. ʮ͢΂ͯͷਓʯ ͸෺ཧతʹଘࡏ͠ͳ͍ ύ ύ ʢ̏̑ʣ ϓ ϩάϥ Ϛ ༏͍͠ ௼Γ͕

    झ ຯ ͔ ͚͕ͬ͜ ૣ ͍ ΅͘ ʢ  ʣ Ԃ ࣇ Ϩΰ ޷ ͖ Ϛ ΠΫϥ ޷ ͖ ώΧ Ω ϯ ޷ ͖ ͹ ͋ ͹ ʢ   ʣ ओ ් झ ຯ ͸ ྉ ཧ ૟ আ ͕ ޷ ͖ ౖ Δͱා ͍ ͍͡͡ ʢ ̔ʣ ؅ ཧ ৬ ݹ ॻ ू Ί ͕ झ ຯ ແ ޱ ཱྀ ߦ ͕ ޷ ͖ Ϛ Ϛ ʢ̏̎ʣ Ӧ ۀ ଟ ๩ ങ ͍ ෺ ͕ ޷ ͖ ͍ ͭ ΋ ා ͍
  18. ݱ ࣮ ͷ ݸ ʑ ͷ ݘ ͷ ຊ ࣭

    ϓʔυϧ ςϦΞ ࣳݘ μοΫεϑϯ υ ΠϯάϦογϡηολʔ ݘ ϓϥ τϯ ʢلݩલ೥لݩલ೥ʣ ਓؒͷՄࢹੈքͱ͸ ಎ۸ͷนʹөΔӨͷ Α͏ͳ΋ͷͰ͋Γɺ Өͷຊ࣭ ʢΠσΞʣ ͕ ෆՄࢹੈքʹ͋Δɻ ಎ۸ͷൺᄻ
  19. ݱ ࣮ ͷ ݸ ʑ ͷ ਓ ͷ ຊ ࣭

    ΅͘ ύύ ͹͋͹ ϚϚ ͍͡͡ ਓ
  20. ʦφΠϯ ɾ ΠϯλϏϡʔζʧ ࣲాݩ޾ͱਓͷ࡞Ոͨͪ ؂म ɿ ࣲాݩ޾ ग़൛ࣾ ɿ ΞϧΫ

    だから僕はいつも、 小説というのは三者協議じゃなき ゃいけないと言うんですよ。 僕は 「う な ぎ説」 というのを持っているんです。 僕という書き手がいて、 読者がいますね。 でもその二人 だけじゃ、 小説というのは成立しないんですよ。 そこには う なぎが必要なんですよ。 う なぎな る ものが。 いや、 べつに う なぎじゃな く てもいいんだけどね (笑) 。 たまたま僕の場合、 う なぎなんです。 何でもいいんだけど、 う なぎが好きだから。 だから僕は、 自分と読者との関係に う ま く う なぎを呼び込んできて、 僕と う なぎ と読者で、 3 人で膝をつき合わせて、 いろいろと話しあうわけですよ。 そ うする と、 小説という ものがう ま く立ち上がって く るんです。 (中略) でもそ ういう発想が、 これまでの既成の小説って、 あんま りなかったよ う な気がするな。 みん な読者と作家のあいだだけで、 ある場合には批評家も入るかも しれないけど、 やり と りが 行われていて、 それで煮詰ま っちゃ うんですよね。 そ うする と 「お文学」 になっちゃ う。 ʮΠϯλϏϡʔ̕ଜ্य़थʯ ΑΓҾ༻
  21. খઆՈ ͏ͳ͗ ಡऀ ଜ্य़थͷখઆͷ৔߹ ϚχϡΞϧ ਓ ར༻ऀ *,&"ͷϚχϡΞϧͷ৔߹ * ,

    & " ͱ ଜ ্ य़ थ ͷ ڞ ௨ ఺ จ Խ ɺ ੈ ୅ ɺ ੑ ผ ɺ ஍ Ҭ ɺ ಡ ऀ ͷ ଐ ੑ ͷ ҧ ͍ ʹ ͔ ͔ ΘΒ ͣ ੈ ք Ͱ ਓ ؾ ʢʹͭ ͨ Θ Δ ʣ
  22. ϝϯ λ ϧ Ϟ σ ϧ ͸ ɺ ֎ ք

    ͷ ݱ ࣮ Λ Ծ આ త ʹ આ ໌ ͢ Δ ΂͘ߏ ங ͞ Ε ͨ ಺ త ͳ ه ߸ ·ͨ ͸ ද ݱ Ͱ ͋Γɺ ೝ ࣝͱҙ ࢥ ܾ ఆ ʹ ͓ ͍ ͯ ॏ ཁ ͳ ໾ ׂ Λ Ռ ͨ ͢ ɻ ϝϯ λ ϧ Ϟ σ ϧ ͕ ߏ ங ͞ Ε Δͱɺ ࣌ ؒͱΤ ω ϧ Ϊ ʔ Λ અ ໿ ͢ Δ ख ஈͱͯ͠ ৻ ॏ ʹ ߟ ྀ ͞ Ε ͨ ෼ ੳ Λ ஔ ׵ ͢ Δ ɻ ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ 8 J L J Q F E J B ΑΓҾ ༻ ϝϯλϧϞσϧ
  23. ϖ ϧιφ Q F S T P O B ͱ͸

    ɺ Ϣ ʔ β ʔ த ৺ ઃ ܭ ΍ Ϛ ʔ έ ςΟϯάʹ ͓ ͍ ͯ ɺ α Πτ ɺ ϒ ϥϯυ ɺ ੡ ඼ Λ ࢖ ༻ ͢ Δ య ܕ త ͳ Ϣ ʔ β ʔ Λ ද ͢ ͨ Ίʹ ࡞ ੒ ͞ Ε ͨ Ծ ૝ త ͳ ਓ ෺ ૾ ͷ ͜ͱͰ ͋ Δ ɻ Ϛ ʔ έ ςΟϯά ୲ ౰ ऀ ͸ ɺ ϖ ϧιφ Λ ɺ ಛ ఆ ͷ ηάϝϯτΛ ୅ ද ͢ ΔΑ͏ʹ ఆ ੑ త ϖ ϧιφ Λ ߏ ங ͢ Δ Ϛ ʔ έοτηάϝϯ ς ʔ γϣϯͱڞ ʹ ࢖ ༻ ͢ Δ͜ͱ͕ ͋ Δ ɻ ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ 8 J L J Q F E J B ΑΓҾ ༻ ϖϧιφ ̏̌୅ ঁ ੑ ط ࠗ ձ ࣾ һ ؔ ౦ ࡏ ॅ
  24. ✔ ײ ಈ Λ ݺ Ϳ ΠϥετΛ ඳ͘ίπ ߦ ಈ

    Λ ଅ ͢ ΠϥετΛ ඳ͘ίπ ҙ ਤ ͕ ͭ ͨ Θ Δ Πϥ ετ Λ ඳ͘ίπ ˺Ξ ʔτ ˺঎ ۀ σ β Π ϯ ˺ς Ϋ χ Χ ϧ Πϥ ετ
  25. Ξ ʔτ ʢ ײ ಈ ͞ ͤ Δ ֆ ʣ

    ς Ϋ χ Χ ϧ Πϥ ετ ʢ ҙ ਤ Λ ౳ Ձ ʹ ͭ ͨ ͑ Δ ֆ ʣ ঎ ۀ σ β Π ϯ ʢ ߦ ಈ Λ ଅ ͢ ֆ ʣ ˺Ξ ʔτ ݸ ʑ ͷ ਓ ϝ ϯ λ ϧ Ϟ σ ϧ ϖ ϧ ι φ ΧςΰϦʔ ओͳλʔήο τ
  26. ςΫχΧϧΠϥε τͷಛ௃ᶃ ֓ ೦ ΍ ෺ ମ ͷ ߏ ଄

    Λ ೋ ࣍ ݩ Ͱ આ ໌ ͢ Δ ͨ Ί ͷ ੡ ਤ ς Ϋ χ ο Ϋ ςΫχΧϧΠϥε τͷಛ௃ᶄ ͢ ΂ ͯ ͷ ਓ ʹ ౳ Ձ ͷ ৘ ใ Λ ఻ ͑ Δ ͨ Ί ͷ ੡ ਤ ς Ϋ χ ο Ϋ
  27. ςΫχΧϧΠϥε τͷಛ௃ᶃ ֓ ೦ ΍ ෺ ମ ͷ ߏ ଄

    Λ ೋ ࣍ ݩ Ͱ આ ໌ ͢ Δ ͨ Ί ͷ ੡ ਤ ς Ϋ χ ο Ϋ ςΫχΧϧΠϥε τͷಛ௃ᶄ ͢ ΂ ͯ ͷ ਓ ʹ ౳ Ձ ͷ ৘ ใ Λ ఻ ͑ Δ ͨ Ί ͷ ੡ ਤ ς Ϋ χ ο Ϋ ͭ ͨ Θ Δ Πϥ ετ Λ ࡞ ੒ ͢ Δίπ ʮ ݸ ʑ ͷ ਓ ʯ ΍ ʮ ϖ ϧ ι φ ʯ Ͱ ͸ ͳ͘ ʮ ϝϯλ ϧ Ϟ σ ϧ ʯ Λ λ ʔ ήοτ ʹ ͢ Δ
  28. 69σβΠϯͷίπΛ ̍ ̌ͷ৺ཧֶత๏ଇͰΧςΰϥΠζ ɾ Ϡίϒͷ๏ଇ ɾ ϑΟ οπͷ๏ଇ ɾ ώοΫͷ๏ଇ

    ɾ ϛϥʔͷ๏ଇ ɾ ϙεςϧͷ๏ଇ ɾ ϐʔΫΤϯ υͷ๏ଇ ɾ ඒతϢʔβϏϦςΟޮՌ ɾ ϑΥϯ ɾ Ϩε τϧϑޮՌ ɾ ςεϥʔͷ๏ଇ ɾ  υϋςΟͷ͖͍͠஋ -BXTPG69 ิ଍ᶃ ɿ ϝϯλϧϞσϧΛҙࣝͯ͠ඳ͘ํ๏ IUUQTMBXTPGVYDPN
  29. %FWFMPQFS$POUFOUνʔϜ͸ɺ ʰ-*/&%FWFMPQFSTαΠ τʱ ͷ ίϯςϯπΛҰॹʹ࡞ͬͯ͘ΕΔ ςΫχΧϧϥΠλʔΛืू͍ͯ͠·͢ɻ ςΫχΧϧϥΠλʔืू ʂ ิ଍ᶄ ɿ

    %$5͸͋ͳͨͷ࠽ೳΛٻΊ͍ͯ·͢ IUUQTMJOFDPSQDPNKBDBSFFSQPTJUJPO ʲඞਢͷܦݧ ɾ εΩϧʳ ɾ ϓϩάϥϜ࡞੒ೳྗ  ʢ+BWB4DSJQUͳͲɻ ಈ࡞ݕূΛߦ͏ͨΊʹ೔ৗత ʹίʔ υΛॻ͖·͢ʣ ɾ ෆಛఆଟ਺ͷํʹ޲͚ͨจॻΛɺ νʔϜͰॻ͍ͨ ܦݧ ʢୈࡾऀ͔Βͷߍਖ਼Λड͚ͨܦݧʣ ɾ ϝϯόʔͱͷίϛϡχέʔγϣϯܦݧ  ʢࣗࠃҎ֎ͷํͱͷίϛϡχέʔγϣϯ͕ඞͣൃੜ ͠·͢ʣ ɾ ߴ͍೔ຊޠೳྗ ʢࠃ੶Λ໰͍·ͤΜʣ ɾ ϏδωεϨϕϧͷӳޠೳྗ ʢಡΈɺ ॻ͖ʣ
  30. B