เทคนิคการออกแบบปุ่ม


เทคนิคการออกแบบปุ่ม

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

 

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

เทคนิคการสร้างปุ่ม

1. เลือกสีของปุ่ม (แต่ละสีมีความหมายแฝงที่ต่างกันด้วย)

2. ไล่สีของปุ่มให้เหมือนกับมีแสงกระทบ

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

4. ให้น้ำหนักโดยเก็บรายละเอียดส่วนมากมืดและสว่าง

5. เพิ่มไฮไลท์ในส่วนที่สว่างและคอนทัวรืบางจุดให้ดูมืดเพื่อสร้างมิติ

6. เพิ่มความโปร่งใสอีกชั้น

7. เพิ่มขอบเงาให้ปุ่มเพื่อดูมีมิติมากขึ้น

8. จากนั้นเก็บรายละเอียดที่เงา โดยเพิ่มความสะท้อนแสงให้เงาจากนั้นก็เสร็จเรียบร้อย 

 

เทคนิคการออกแบบปุ่ม

 

ข้อแนะนำ

1. สีหลักของปุ่มควรเลือกสีโทนมืดไม่สว่างมากเพื่อที่จะสามารถไล่เฉดสีเพิ่มความสว่างให้ดูมีมิติได้ 

2. ไม่ควรเลือกสีเดียวในการออกแบบปุ่ม ควรใช้เฉดสีให้ปุ่มดูมีมิติมากขึ้น

3. สีไฮไลท์หรือสีคอนทัวร์ไม่ควรเลือกสีที่ตัดกันเกินไป ควรเลือกสีที่ใกล้เคียงกันและไล่สีให้ดูเป็นธรรมชาติมากขึ้น

4. ก่อนสร้างผลงานก็ควรนึกแบบให้ออก ว่าปุ่มที่ต้องการอยากได้พื้นผิวแบบไหน เช่น ใสคล้ายกระจกแก้ว หรือพื้นหยกสีแวววาว

 

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

 

fern
share

You are staring at the professional

Dont’ hesitate and tell us about your project

Top