4 คะแนน โดย xguru 2020-06-16 | 4 ความคิดเห็น | แชร์ทาง WhatsApp

Squircle - รูปทรงกึ่งกลางระหว่าง Square (สี่เหลี่ยม) และ Circle (วงกลม)

ตั้งแต่ HomePod ไปจนถึงปุ่มคีย์บอร์ดและไอคอนแอป ล้วนเป็นรูปทรงแบบ Squircle

เมื่อออกแบบเช่นนี้ จะไม่มีส่วนมุมที่แหลมคมหรือจุดเปลี่ยนผ่านที่ฉับพลัน

→ จึงช่วยลดความรู้สึกแบบผลิตภัณฑ์ที่ผลิตจำนวนมากในเชิงอุตสาหกรรม และให้ความรู้สึกนุ่มนวลและอบอุ่นมากขึ้น

การใช้ความโค้งเพื่อทำให้บางสิ่งดูนุ่มนวลขึ้นเป็นแนวคิดที่มีมานานแล้ว

ในปี 1959 Piet Hein ก็เคยนำเส้นโค้ง Superellipse มาใช้กับวงเวียนเพื่อแก้ปัญหาการจราจรด้วยเช่นกัน และ

สไตล์สถาปัตยกรรมของ Zaha Hadid (สถาปนิกผู้ออกแบบ DDP ดงแดมุน) ก็ใช้รูปทรงโค้งมนอย่างมาก จึงทำให้ดูมีลักษณะล้ำอนาคต

4 ความคิดเห็น

 
godrm 2020-06-16

คำในวงเล็บด้านบนสลับกันอยู่นะ!!

 
xguru 2020-06-16

อุ๊บ ผิดพลาดแบบนี้เอง T_T ฮือๆ แก้ไขไว้แล้วครับ

 
godrm 2020-06-16

ผมจำได้ว่าเดิมทีมันเป็น rounded rect แล้วหลังจากคดีฟ้องร้องเรื่องสิทธิบัตรก็เปลี่ยนเป็นเส้นโค้ง ตอนนี้จึงไม่ใช่ค่า R อีกต่อไป แต่รักษาความโค้งละเอียดเอาไว้อยู่

 
xguru 2020-06-16

เป็นคำที่มีบันทึกไว้ใน Wikipedia เช่นกัน

https://en.wikipedia.org/wiki/Squircle

วิธีนำไปใช้กับแอปหรือบริการจริง

https://medium.com/@arthurofbabylon/…

ใช้ฟังก์ชัน Corner Smoothing ใน Figma และในแอป iOS ใช้ UIBezierPath

สำหรับแนวทางที่เป็นเชิงคณิตศาสตร์มากขึ้น ดูได้ในบล็อกของ Figma.. "Desperately seeking squircles"

https://www.figma.com/blog/desperately-seeking-squircles/