ชิ้นงาน 1 พิกเซล (pixel) ก็แตกต่าง!!

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

บางคนที่เป็นมืออาชีพ/ไม่มืออาชีพ ก็มีการนำเอาเทคนิคแบบนี้ไปใช้ เพียงแค่นิดเดียวงานบางชิ้นอาจจะดูแทบจะไม่ออกเลยด้วยซ้ำ ว่ามีการเพิ่มอะไรเข้าไป

ยกตัวอย่างง่ายๆ ที่เราเล่น facebook กันบ่อยๆ มีหลายๆ จุดเลย ที่คนอาจจะไม่ได้สังเกตุ เช่น

pixel-02

  • ดูที่แทบสีน้ำเงิน จะเห็นการเพิ่ม Pixel ด้านล่าง ที่มีสีเข้มกว่าอย่างชัดเจน
  • มีการทำ Inner Shadow ในส่วนของคำว่า “หน้าหลัก” “โปรโมท” ในส่วนของ ไอคอน
  • มีการเพิ่มขอบ (Stroke) ของ “ปุ่มโปรโมท” กรอบ “อัพเดทสถานะ” “เกี่ยวกับ”
  • เส้นคันระหว่างไอคอน โลก กับ แม่กุญแจ

การเพิ่มเพียงแค่ 1 หรือ 2 หรือหลายๆอีก pixel เราสามารถนำไปใช้ได้กับหลายๆ งานเช่นกัน เช่น การทำโลโก้

pixel-01

  • โลโก้ที่ทำมีทั้งแบบธรรมดา และการเพิ่ม 1 pixel ไม่ว่าจะเป็นขอบ เงาด้านนอก ด้านใน ความนูน ซึ่งจะมีความสวยงามเพิ่มขึ้นคนละแบบกัน

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

Thank : designil

Comments

comments