ARTD3305 Technology for Visual Communication เทคโนโลยีเพื่อการออกแบบนิเทศศิลป์: Final Project Graphical User Interface

การออกแบบไอคอน
Icon คืออะไร

Icon คือสัญลักษณ์หรือรูปภาพที่ใช้แทนโปรแกรม Icon จะถูกนำมาสร้างเป็นภาพเล็กๆเพื่อสะดวกและง่ายต่อการใช้งาน เช่น เวลาเราต้องการใช้งานโปรแกรมหนึ่งโปรแกรม เราก็เพียงดับเบิ้ลคลิกที่ Icon ของโปแกรมนั้น แล้วโปรแกรมที่เราต้องการจะถูกเปิดขึ้นมาเป็นหน้าต่างโปรแกรมขึ้นมาทันที ไอคอนนั้นสามารถสร้างเองโดยใช้โปรแกรมแปลงภาพจากไฟล์ JPEG , GIF , PNG เป็นต้น ให้เป็นนามสกุล .ico ซึ่งเป็นนามสกุลไฟล์ของไอคอน เพียงเท่านี้ก้ได้ไอคอนไว้ใช้เองได้แล้ว หรืออาจใช้วิธีดาวน์โหลดได้จากเว็บไซต์ต่างๆ ซึ่งมีให้ดาวน์โหลดฟรีมากมาย

เทคนิคการออกแบบ “ไอคอน”

1. จับโจทย์ให้ได้ก่อนว่าเขาต้องการให้เราสื่ออะไร จากนั้นก็ทำรูปแบบให้ชัดเจนตรงประเด็น
2. ออกแบบให้เรียบง่ายที่สุด เพราะการที่เราใส่รายละเอียดในภาพเยอะจะทำให้กวนตา และยากต่อการจดจำ
3. สี เฉดสี แสงเงา และขนาดของเส้นกราฟฟิก ควรมีขนาดที่เหมาะสม ตรงนี้ดีไซเนอร์ต้องขยันเช็คย่องานดู ส่วนมากงานไอคอนที่ปรากฏบนหน้าเว็บไซต์จะมีขนาดเล็ก ฉะนั้นงานที่เราออกแบบในขนาดปกติ 500 พิกเซล เมื่อถูกย่อเป็นขนาด 15 พิกเซลบนหน้าเว็บแล้ว มันควรจะต้องดูดีอยู่ เช่น ไม่เบลอ เส้นไม่หนาจนดูตัน หรือไม่บางจนเกินไป

4. ถ้าต้องการออกแบบไอคอนให้เป็นเซ็ต (Set) เพื่อใช้ในงานเดียวกัน ดีไซเนอร์ต้องคำถึง “รูปแบบ” ที่สอดคล้องกันด้วย (Consistency) ไม่ว่าจะเป็นเรื่องสี เส้น หรือมุมมอง (Perspective)
5. ภาพเล็กๆ ภาพเดียวอาจแทนคำพูดได้มากมาย ฉะนั้นดีไซเนอร์ควรคิดอย่างรอบคอบ เพื่อให้การออกแบบของเรามีความหมายแทนคำพูดได้หลายคำหรือหลายประโยคจริงๆ ดิฉันขอนำเสนอตัวอย่างการออกแบบไอคอนที่มีประสิทธิภาพในเชิงการสื่อสาร