Verbal to Visual Day 2 — หัดจดโน้ตแบบภาพ #LearningWithSCK

เป็นบทความต่อเนื่องจาก Day 1 นะคะ

จากเมื่อวานที่พี่หนุ่มให้โจทย์ กลับไปทำเป็นการบ้านนั้น

ไอ้เราก็ขยันซะด้วย ซึ่งสำหรับเรา การบ้านนี้ยากมากนะ การเห็น text แล้วให้เปลี่ยนเป็นภาพเนี่ย 555+

มาต่อกันที่วันที่สองดีกว่า

มองเผินๆ สิ่งที่เรากำลังเรียนรู้นี้ อาจจะใช้เป็นแค่การจดโน้ต แต่จริงๆ มันมีอาชีพที่ทำเรื่องพวกนี้จริงจัง เรียกว่า Graphic Recording เป็นบุคคลที่ไปเขียนใน Conference หรือ Workshop ต่างๆ ซึ่งเป็นการเขียน (วาด) แบบ Real time

มองเผินๆ อาจจะรู้สึกว่า “เทพจัดๆ” แต่เบื้องหลังเขามีการเตรียมการบางอย่างอยู่ (แต่สำหรับฉัน คนพวกนี้ก็เทพอยู่ดีนั่นแหละ)

ยกตัวอย่างเช่น https://inkfactorystudio.com/

วันนี้จะได้เพิ่ม 4 Steps ของการนำไปใช้

1) Plan เราจะโน้ตอะไร จะวาดอะไรออกมา จะมีการวางแผนเกิดขึ้นเสมอ

เช่น ถ้าเราจะไปงาน Conference ก็ไปศึกษาผู้พูด หรืองานเก่าของเขาก่อน หรือ Session ที่เรากำลังจะเข้าไป หรือหนังสือที่เราจะอ่าน เราจะจดโน้ตในลักษณะประมาณแบบไหน กระดาษขนาดไหน

1.1) List Poster

การเล่าเรื่อง เริ่มจากข้างบน จบลงด้านล่างของกระดาษ เช่น โปสเตอร์หนัง

การใส่กรอบเข้าไป เพื่อเน้นให้เด่นชัด เรียกว่า Container ใช้กับหัวข้อ หรือ สาระสำคัญของเรื่องนั้น ซึ่งกรอบปกติ จะเป็นสองมิติ ถ้าอยากให้เป็นสามมิติ ก็ทำให้กรอบอีกสองข้างหนาขึ้น

หรือ อาจจะทำเป็น bullet ไหลลงมา

1.2) Steps Sum

เริ่มต้นจากล่างกระดาษ ยิงขึ้นไปด้านบน เช่น วาดเป็นสามเหลี่ยม (ฐาน) คือ Topic แล้วไล่ขึ้นไปสู่ยอด เพิ่มเติมด้วย อัตราส่วน หรือ องค์ประกอบ ของแต่ละชั้น

1.3) Timeline

พี่หนุ่มจะใช้บ่อยสุด (ตามตัวอย่างที่ให้ทดลองทำไปในคลาสเมื่อวาน เช่น การเล่าประวัติตัวเอง) จะมีตั้งแต่ จุด A -> B -> C หรือ ในรูปแบบของ แผนงานที่มีจุดแบ่งเฟส มี milestones มี highlight ของแต่ละจุด

1.4) Road

จะมีความแฟนซีกว่า Timeline เป็นเส้นทาง หรือเป็น Route ที่วิ่งไป ปลายทางจะวิ่งไปไหน แต่ละช่วงจะเกิดอะไรขึ้น (อาจจะเคยเห็นในเชิง Product Roadmap)

1.5) Mandala

ทุกอย่างเริ่มต้นจากตรงกลาง แล้วกระจายออก ที่คุ้นเคยก็คือ mind map

1.6) Matrix

แบ่งทุกอย่างเป็นช่องๆ เช่น quadrant

2) Capture

คือ ฟัง/อ่าน/ดู แล้วก็ map Visual Library ในหัว แล้วก็วาดมันออกมา

จะมีสองโหมดคือ

• Pencil to Ink เริ่มต้นด้วยการโน้ตทุกอย่างเป็นดินสอก่อน
• Ink เลย (ชั่วโมงบินสูงแล้ว → ส่วนนี่ชั่วโมงไม่สูง แต่ก็มาท่านี้เลย 555)

ช่วงเวลาของการ Capture จะมีเวลาอยู่ประมาณ 30 นาที แล้วค่อยไป Step ถัดไป นั่นก็คือ Refine แต่บางที เราก็ทำไปพร้อมๆ กันโดยไม่รู้ตัว

3) Refine การเติมรายละเอียดเข้าไป

เช่น การใส่ icon เพิ่ม การลงสีเพิ่ม

4) Try Again ทำซ้ำซ้ำ

ทำไปเรื่อยๆ ฝึกไปจะได้จำได้ คล่องมือ เย้ เย้

ถ้าอ้างอิงจากหนังสือ sketchnote โดยคุณ Mike จะแบ่งเป็น

1. Linear เป็นเส้นตรง ลากจากบนซ้ายลงล่างขวา
2. Radial จะเหมือน Mandala หรือ mind map
3. Vertical การเขียนจากบนลงล่าง จะเหมือน list poster
4. Modular จะคล้ายกับ Matrix
5. Skyscraper แบ่งทุกอย่างออกมาเป็น Block แล้วเขียนจากบนลงล่าง มีการตีกรอบ และเว้นช่องไฟระหว่าง Column
6. Popcorn มีไอเดียอะไรบางอย่าง แล้ว pop ขึ้นมาเรื่อย
7. Path จะใกล้เคียงกับ timeline หรือ road ซึ่ง path จะมีหลายรูปแบบ เช่น ไม่มีทิศทาง การเล่าให้เป็นตัว Z การเล่าให้เป็นตัว C แบบกลับข้าง การเล่าเป็นรูปแบบก้นหอย

• ต้องมีการวางแผน วาง guideline หรือลงดินสอก่อนอะไรก่อน
• เวลาใช้งานจริง ไม่ต้องกังวลอะไรกับเรื่องพวกนั้น วาดไปก่อน โน้ตไปก่อน
• ในชีวิตจริงของพี่หนุ่ม ที่ทำมานาน และเริ่มต้นจาก mind map ปัจจุบัน จะใช้เวลาประมาณ 5 นาทีในการ Plan ก่อนที่จะเริ่มลงมือ

Visual Element

ที่เราสามารถเอามาใช้ร่วม สร้างให้เป็นการวาดภาพได้ ช่วยทำให้งานมันดูมีอะไรเพิ่มเติมขึ้น

Arrows ลูกศรต่างๆ เอามาใช้การเชื่อมจุด หรือสร้าง Timeline ได้

1. เส้นเดียว
2. เส้นคู่ มีปิดท้ายก็ได้
3. สามมิติ
4. ทางแยก ออกเป็น Directions

Line เอามาขีดเส้นใต้อะไรต่างๆ

1. เส้นเดี่ยว
2. เส้นคู่ ใช้เป็น ปากกาหัวใหญ่ คู่ ปากกาหัวเล็ก หรือจะปากกาหัวเดียวกันก็ได้
3. เส้นจุด
4. เส้นประ

Bullets

1. สี่เหลี่ยม
2. วงกลม
3. ดอกจัน
4. การใส่ลูกเล่นต่างๆ เพิ่มเข้าไปจากทรงพื้นฐาน เช่น ระบายสี หรือ ใส่ตัวเลขเข้าไป จะเปลี่ยนสีตัวเลขก็ได้

Connectors

คือ การเอา arrow มาใช้ในการเล่าเรื่อง เช่นมี topics 3 เรื่องก็ค่อยๆ เล่าเรื่องไป โดยเอา arrow มาเชื่อม ต่อจุดเรื่องราว

Containers

เรามีเนื้อหา แล้วเราก็เอากรอบมาใส่ เพื่อเน้นเนื้อหาตรงนั้น ซึ่งจะเป็น 2 มิติ หรือ 3 มิติก็ได้ จะเป็นสี่เหลี่ยม เป็นวงรี เป็นโบว์ก็ได้

Speech, Thought, Bubble

ลักษณะเหมือนกับ ทีม แล้วทุกคนมี Agreement ร่วมกัน

โจทย์ของวันนี้

แปลง Text พวกนี้ให้ออกมาเป็นภาพ ซึ่งเอาใช้ Typo มาช่วยได้ ทำยังไงให้คนดูภาพแล้วเข้าใจแทนการอ่าน Text (ฮืออออ)

หลังจากพี่หนุ่มให้โจทย์ ทุกคนก็สภาพแบบ “กุมหัว โวยวาย อยากตาย” พี่หนุ่มเลยเปิดตัวอย่างให้ดู เพื่อเป็นกำลังใจ (เหรอ)

ซึ่งพี่หนุ่มบอกว่า สิ่งนี้ใช้เวลาทำซ้ำมาแล้ว 1–2 ปี เพราะฉะนั้นโจทย์ของวันนี้ ยังไม่ต้องออกมาขนาดนี้ก็ได้

ช่วงเวลาท้ายของชั่วโมง เป็นการอวดผลงาน

เชิงประยุกต์

ถ้าเราพูดแล้วรู้สึก คุยกันไม่รู้เรื่องซักที! ก็ให้ใช้การวาดภาพเข้าไปช่วย ได้ทั้ง การประชุม การอ่านหนังสือ การฟัง Talk ต่างๆ

สำหรับวันศุกร์ (พรุ่งนี้) พี่หนุ่มจะสอนซ่อมให้กับคนภายนอกก่อน (ใครอยากมารีรันก็ได้) เนื่องจากวันนี้ส่งลิงก์ผิด

เพราะฉะนั้น คลาสที่ฟัง Youtube แล้วร่างออกมาเลย จะเป็นวันจันทร์แทน

ปล. พี่หนุ่มบอกว่า หลังจบคลาสจะเห็น Blog ของเราภายใน 5 นาที อันนั้นก็เกินไปนิดนึงนะคะ 5555