4 điểm bởi xguru 2020-06-16 | 4 bình luận | Chia sẻ qua WhatsApp

Squircle - hình dạng nằm giữa Square (hình vuông) và Circle (hình tròn)

Từ HomePod đến phím trên bàn phím, rồi biểu tượng ứng dụng, tất cả đều có dạng Squircle

Khi làm như vậy, các phần góc sắc nhọn và những đoạn chuyển tiếp đột ngột sẽ biến mất

→ cảm giác chế tạo kiểu như một sản phẩm sản xuất hàng loạt sẽ không còn, thay vào đó tạo cảm giác mềm mại và ấm áp hơn

Việc sử dụng độ cong để làm cho thứ gì đó trở nên mềm mại hơn là một khái niệm đã có từ lâu,

năm 1959, Piet Hein thậm chí đã áp dụng đường cong Superellipse cho các vòng xuyến để giải quyết vấn đề giao thông,

và phong cách kiến trúc của Zaha Hadid (kiến trúc sư DDP Dongdaemun) cũng thường sử dụng nhiều hình khối tròn mềm mại nên mang cảm giác như đến từ tương lai

4 bình luận

 
godrm 2020-06-16

Từ trong ngoặc ở phía trên đã bị đảo ngược rồi!!

 
xguru 2020-06-16

Ôi, sai sót ngớ ngẩn quá T_T hu hu, tôi đã sửa lại rồi.

 
godrm 2020-06-16

Tôi nhớ là ban đầu đây là rounded rect, rồi sau vụ kiện bằng sáng chế thì được đổi thành đường cong. Giờ thì không còn là giá trị R nữa mà đang duy trì một độ cong rất tinh vi.

 
xguru 2020-06-16

Đây là một thuật ngữ đã được đăng trên Wikipedia.

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

Cách áp dụng thực tế vào app hoặc dịch vụ

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

Họ đã dùng tính năng Corner Smoothing trong Figma, và dùng UIBezierPath trong app iOS.

Cách tiếp cận mang tính toán học hơn thì có trên blog Figma.. "Desperately seeking squircles"

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