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

ออกแบบเว็บไซต์ มาหนึ่งเว็บไซต์จะประกอบไปด้วย Hero image และ Navigation สัดส่วนของ Hero image เมื่อเทียบกันกับแถบเมนูด้านบน (Navigation) มักจะมีขนาดถึง 80-90% ของหน้าจอเลยทีเดียว ทำให้ Hero image ส่งผลต่อความสวยความของเว็บไซต์มากๆ และเรามาดูกันดีกว่าว่าเทคนิคในการออกแบบ Hero image จะเหมาะกับใครและใช้งานอย่างไรได้บ้าง

เทคนิคนี้เหมาะกับ ?
ภาพช่วยสร้าง engagement กับผู้ใช้งาน เช่น ใช้ภาพสินค้าเพื่อให้ผู้ใช้งานได้รู้จักในตัวสินค้า หรือใช้ภาพที่บอกเล่าเรื่องราวของบริษัทเพื่อให้ผู้ใช้งานรับรู้ถึงวิธีการทำงาน ช่วยสร้างพื้นที่ว่าง (white space) ให้กับงานออกแบบเพื่อให้มีพื้นที่ในการวางข้อความหรือปุ่ม Call to action ออกแบบให้รองรับ responsive design ได้ง่าย

เทคนิคการใช้งาน Hero images
-คุมโทนของภาพ 
วิธีที่ช่วยให้เว็บไซต์ของเราเป็นไปในรูปแบบเดียวกันคือต้องมีจุดเชื่อมโยงกันระหว่างภาพและองค์ประกอบอื่นๆ เช่น สี ตัวอักษร หรือแม้แต่ภาพที่ใช้งาน

-จัดวางสมดุลและองค์ประกอบให้ดี 
ข้อควรระวังสำหรับเทคนิค Hero images คงเป็นการเลือกภาพและวิธีการจัดวางสมดุลของภาพไม่ให้ดูหนักหรือเอียงไปในทางใดทางหนึ่ง ควรคิดก่อนว่าในส่วนของ Hero images เราจะมีองค์ประกอบอะไรบ้างเช่น มีข้อความมากน้อยแค่ไหน 

-ภาพต้องคมชัด 
Hero images ใช้พื้นที่บทหน้าจอเกือบ 100% ของพื้นที่ทั้งหมด เมื่อภาพคุณแตกหรือไม่ชัดทุกอย่างจะจบลงทันที ความสวยงาม ความเป็นมืออาชีพจะหายไปหมด

ที่มา : .grappik