テクニカルライターよ概念図を描くのです 〜テクニカルライターのためのイラストテクニック２〜 / cybozu illust technique2

ドキュメントでは、「モノや人の関係を明確に表わす」「複雑な流れをわかりやすく説明する」といった場面がたくさん出てきます。概念図は、言葉だけでピンとこない複雑な関係も、わかりやすく伝えることができます。 本セッションでは、テクニカルライター向けに概念図を描くテクニックをご紹介します。

Transcript

1. 2 0 2 3 . 1 . 1 2
   

   View Slide

2. View Slide

3. View Slide

4. View Slide

5. View Slide

6. View Slide

7. View Slide

8. View Slide

9. View Slide

10. LINE Technical Writing Meetup vol. 12
    https://www.youtube.com/watch?v=UEKKsB9QDXc
    

    View Slide

11. View Slide

12. /
    2011
    Web
    

    View Slide

13. 75,000 27,000
    6,600 13,000
    2022 12
    

    View Slide

14. 27,000
    6,600
    75,000
    13,000
    2022 12
    

    View Slide

15. Garoon
    https://jp.cybozu.help/g/ja/
    

    View Slide

16. Cybozu Inside Out
    https://blog.cybozu.io/archive/category/
    

    View Slide

17. View Slide

18. View Slide

19. View Slide

20. View Slide

21. View Slide

22. View Slide

23. View Slide

24. •
    •
    •
    

    View Slide

25. •
    •
    •
    

    View Slide

26. View Slide

27. View Slide

28. View Slide

29. •
    •
    •
    

    View Slide

30. p
    p
    p T i p s
    

    View Slide

31. View Slide

32. View Slide

33. View Slide

34. 200
    2
    BP, 2010
    

    View Slide

35. View Slide

36. View Slide

37. View Slide

38. View Slide

39. View Slide

40. View Slide

41. View Slide

42. View Slide

43. 3
    3 ⾒
    

    View Slide

44. View Slide

45. View Slide

46. View Slide

47. ⾒
    

    View Slide

48. View Slide

49. View Slide

50. View Slide

51. View Slide

52. View Slide

53. 稿
    

    View Slide

54. View Slide

55. • Garoon
    •
    •
    

    View Slide

56. View Slide

57. ʮ૊৫ʯͱʮ໾ׂʯͷؔ܎͕ݴ༿͚ͩͰ͸Θ͔ΓͮΒ͍ɻ
    • Garoon
    •
    •
    

    View Slide

58. ૊৫ͷ໊લ
    ໾ׂͷ໊લ
    ొ৔ਓ෺
    • Garoon
    •
    •
    

    View Slide

59. View Slide

60. View Slide

61. View Slide

62. View Slide

63. View Slide

64. OK
    

    View Slide

65. View Slide

66. View Slide

67. View Slide

68. View Slide

69. View Slide

70. View Slide

71. View Slide

72. View Slide

73. View Slide

74. View Slide

75. View Slide

76. Tips
    

    View Slide

77. View Slide

78. View Slide

79. View Slide

80. View Slide

81. View Slide

82. ࠓճͷຊ࣭ͱ͸ผͷ࿩ͳͷͰɺ֓೦ਤʹ
    ඳ͍͍ͯͳ͍
    • Garoon
    •
    •
    ֓೦ਤͰҰ൪఻͍͑ͨɺΘ͔ΓͮΒ͍෦෼
    

    View Slide

83. View Slide

84. ࠓճͷ఻͍͑ͨ͜ͱͱ͸ผͷ࿩
    ݖݶΛઃఆ͢Δ·ͰͷྲྀΕΛදͨ͠
    ਤͰ͸ͳ͍
    Ϣʔβʔͷද৘͸෰૷
    ͸͜ͷਤͰ͸ඞཁͳ͍
    ͠ɺ໾৬ͳͲʹ৮Εͳ
    ͯ͘΋఻ΘΔ
    

    View Slide

85. 1 1
    

    View Slide

86. View Slide

87. View Slide

88. View Slide

89. View Slide

90. LINE Technical Writing Meetup vol. 12
    https://www.youtube.com/watch?v=UEKKsB9QDXc
    

    View Slide

91. View Slide

92. View Slide

93. View Slide

94. View Slide

95. View Slide

96. View Slide

97. View Slide

98. View Slide

99. View Slide

100. View Slide

101. View Slide

102. View Slide