Desperately Seeking Squircles (2018)
6 months ago
- #Figma
- #design
- #mathematics
- 查尔斯·伊姆斯将设计定义为一种安排元素以实现特定目标的计划，强调了设计中约束条件的重要性。
- 文章探讨了在Figma中实现苹果公司'方圆形'形状的挑战，重点分析了涉及的数学原理与设计考量。
- 方圆形是方形与圆形的混合体，相比普通圆角方形，它在直线与曲线边缘之间提供了更平滑的过渡。
- 方形圆的曲率连续性对视觉流畅度至关重要，这与MacBook等产品体现的工业设计原则一脉相承。
- 初期尝试使用超椭圆建模，但发现这种数学方法无法准确还原iOS图标形状。
- 深入研究揭示iOS方圆形采用贝塞尔曲线构建，这种算法能最大程度贴近苹果的设计效果。
- 文章详述了方形圆的数学参数化过程，包括利用弧长和曲率来设计形状的具体方法。
- 最终选择简化的贝塞尔曲线方案在Figma中实施，在数学精确性与实际限制之间取得平衡。
- 该解决方案支持可调节的角部平滑度，不仅适用于方圆形，也能拓展至Figma其他形状。
- 整个过程印证了简约设计的价值，以及完美数学方案与实际产品设计之间的必要取舍。