ดูงานออกแบบอย่างไร ให้ตัวเราพัฒนา


“ทำไม? เราดูงานออกแบบตั้งเยอะ ตั้งแยะ แต่ทำไมงานเรายังออกมาไม่ดี”

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

สำหรับการดูงานออกแบบให้เกิดเป็นนิสัยถือว่าเป็นสิ่งสำคัญมากในอาชีพแบบเรา ซึ่งในอินเทอร์เน็ตก็มีหลายบทความที่แนะนำเว็บไซต์รวมงานออกแบบสวยๆ จากทั่วทุกมุมโลก ไว้ให้เราเลือกดูมากมายอยู่แล้ว บทความนี้ผมจึงจะขอเสริมทริคในการดูงานเพื่อพัฒนาสกิลของเรามาให้อ่านกันครับ เพราะถ้าหากเราดูงานแบบไม่มีหลัก หรือดูแค่ผ่านตา เราก็จะไม่ต่างจากคนทั่วไปที่ดูงานออกแบบ และขาด output ที่ดีที่จะเกิดขึ้น

** ก่อนเริ่มอ่านบทความนี้ให้หางานที่เราชอบมา 1 ชิ้น และมาเริ่มศึกษากัน

สิ่งที่สำคัญที่สุดในบทความนี้คือ “การตั้งข้อสังเกต” มันสำคัญมากไม่ว่าจะอาชีพไหนก็ตาม

Step 1 :

เริ่มจากการดูภาพรวม… งานที่เราเลือกมามันสวยเพราะ ? 

  • งานที่เราดูอยู่นี้ ต้องการสื่อสารอะไร ความสวยงามเกิดจากองค์ประกอบอะไรบ้างเช่น  สีตรงนี้สวย วางตัวอักษรได้สวย ใช้พื้นที่ตรงนี้ได้ดี ภาพดูดีมีมิติไม่น่าเบื่อ ทิ้งช่องว่างได้ดี มีลูกเล่น เป็นต้น
    **ข้อนี้สามารถตั้งสมมุติฐานได้มากกว่านี้ แล้วแต่เราเลยครับ

ที่มา: https://tgideas.qq.com/gicp/news/476/6712098.html?from=work

ที่มา: https://theultralinx.com/2017/11/design-inspiration-163/

Step 2 :

ตั้งข้อสังเกตุเรื่อง “สี” 

  • งานของเขามีกี่สี อะไรคือสีหลักของงาน เขาใช้อะไรเป็นสีรอง มีสัดส่วนการใช้สีเท่าไหร่ หนักเบาตรงไหน

หลังจากที่เราตั้งข้อสังเกตุเรื่องสีแล้ว ในสเต็ปถัดมาให้เราจินตนาการครับว่า ถ้างานนี้เป็นของเรา…
“เราจะใช้คู่สี หรือเลือกใช้สีอย่างไรในแบบของเรา” เริ่มคิดตาม และจินตนาการภาพตามสีที่เราได้คิดไว้ ขั้นตอนนี้เราไม่จำเป็นที่จะต้องมานั่งลงสีเองครับ เพราะเราสามารถจินตนาการได้ในหลายๆ ชุดสี 

** ขั้นตอนนี้จะช่วยให้เราเพิ่มความรู้เรื่องสี และฝึกคิดเรื่องการใช้สี 

ที่มา:https://www.behance.net/gallery/50446031/MALL-OF-QATAR-Leo-Burnett-Qatar?tracking_source=search%7CMall

ที่มา: https://www.digitaling.com/projects/12463.html

ที่มา: https://prty.jp/work/slack-japan

Step 3 :
ตั้งข้อสั่งเกตุเรื่อง “การจัดวาง, Font”

  • เรื่องถัดมาที่สำคัญไม่แพ้กันเลย คือการสังเกตุเรื่องการจัดวางของงาน การใช้ font วิธีการสังเกตในเรื่องนี้ไม่ใช่แค่ Font ที่ใช้ แต่ให้เราดูถึง

    “ประเภทของ font ว่าเป็น font ประเภทไหน” และลักษณะของ font ส่งผลต่องานอย่างไร เช่น งานนี้เลือกใช้ font ตัวเขียนที่มีหัวมน ทำให้งานมีความน่ารัก ดูไม่เป็นทางการ เป็นต้น”

    การจัดวาง วางแนวตั้ง วางแนวนอน หรือวางแบบสลับไปมา และทั้งหมดส่งผลต่องานอย่างไร
  • เมื่อเราตั้งข้อสังเกตุแล้ว ขั้นตอนถัดมาให้เราทำเหมือนเรื่องของสีคือให้เราจินตนาการถึงการทำงานของเราว่าถ้าเราเป็นคนที่ทำงานชิ้นนี้ขึ้นมา เราจะเลือกใช้วิธีการไหนมาใช้กับงานครับ


** ขั้นตอนนี้จะช่วยให้เราเพิ่มความรู้เรื่องการจัดวางขององค์ประกอบตัวหนังสือ วิธีการจัดวาง การเลือกรูปแบบที่เหมาะสมกับงาน

ที่มา: anthropologie.com

ที่มา: https://theinspirationgrid.com/onassis-cultural-centre-visual-identity-by-beetroot-design/

ที่มา: gettyimagesbank.com

Step 4 :

การจัดวาง, จังหวะ, element หรือลูกเล่นต่างๆ

ขั้นตอนนี้ให้ทำเหมือนข้อที่ผ่านๆ มา สำหรับในหัวข้อนี้ให้เราสังเกตสิ่งที่อยู่ในงานที่นอกเหนือจาก 3 ข้อแรก ว่ามีการใช้งาน element รูปแบบไหน มีการวางยังไง อยู่ในระยะไหนของงาน หน้า –  กลาง – หลัง และทำไมงานชิ้นนี้ถึงเลือกใช้งานลูกเล่น จังหวะนี้ เป็นต้น

และเหมือนกับข้ออื่นครับถ้าเป็นเรา เราจะเลือกใช้งาน element ในรูปแบบไหน  เลือกใช้อะไรที่จะทำให้งานชิ้นนี้สมบูรณ์มากขึ้น 

ที่มา: https://www.behance.net/gallery/85888159/Dra-Fernanda-Rubio-Branding

ที่มา: https://thedieline.com/blog/2019/3/14/dont-you-always-need-a-little-mo?

Step 5 :

สุดท้ายนี้ลองนำชุดความคิดทั้งหมดของเรามาผสมกัน นำสิ่งที่เราคิดทั้งหมดมาตีเป็นภาพในหัวหรือให้เราร่าง thumbnail design sketches ขึ้นมา เพื่อต่อยอดความคิดของเราครับ

ตัวอย่าง  thumbnail design sketches

ที่มา:https://michelledcampbell.wordpress.com/2013/08/31/graphic-design-core-concept-1-part-five-exercise-poster-and-flyer/amp/

และทำอย่างนี้วนไปเรื่อยๆ  ช่วงแรกเราอาจจะยังไม่คล่อง แนะนำให้ทำวนไปเรื่อยๆ ด้วยวิธีนี้จะช่วยให้งานเราพัฒนาอย่างรวดเร็ว และสามารถสร้างงานต่อยอดในแบบของเราครับ