如何让圆角看上去更高级

索尼音质更赞:
很棒的教学。adobe的ps或者ai可以做这种圆角处理吗

【回复】回复 @争当社会人 :先画一个圆，然后作这个圆的内切正方形，然后把圆的上下左右四个锚点平移到内切正方形四边的中点处，这样画出的就是高阶曲率连续的圆角矩形了
【回复】我了解了一下，好像ps、ai还不能直接画出g2曲线，可能还是需要手柄自己拖。或者先在figma里画好，然后导出svg，再导入其他软件[呲牙]
【回复】可以，就是超椭圆的画法，很简单的
米开朗春博:
在PS或者Ai里怎么画出曲率连续的圆角呢？

【回复】在Ai中用超椭圆画法，如先画一个100*100的正方形，再画一个160*160的圆形，将两个图形居中对齐。然后用 直接选择工具 拖动圆形的上下左右4个锚点贴靠到矩形的边上就好了。 ◆控制圆形和矩形的比例就能控制圆角的幅度 ◆矩形和圆形的比例不要超过2倍，也不能小于1倍。个人喜欢在1.4—1.8之间取
【回复】画一个圆形，在画一个正方形，正方形的四个角在圆的外部，四个边的中点在圆的内部，把圆的点移动到正方形边的中点上就OK了，根据圆形和正方形的比例调整圆弧大小， 两条边的交点处先画一个圆角，再沿着操作杆的方向拖动一下操作杆就OK了
【回复】用钢笔工具把，不过ai里面钢笔不能直接输参数
公交闪躲不及:
管你什么曲率前端我就一个border radius[doge]

uvshdgelk:
学到了，以后写论文不说直线，写曲率为0的曲线[doge]

XPRAMT_:
但很多手机屏幕的圓角太大了，看了反而不舒服

【回复】我比较喜欢小圆角，大圆角好难看
Moooogle:
iOS不是G2曲线。Figma的工程师曾经写过一篇文章讲解Figma这个功能怎么实现的

【回复】苹果产品不是G2圆角，苹果圆角比G2更圆。他们有自己的圆角算法
一只摩卡壶:
我自己也做一些图标上传macosicon，现在大家对于苹果圆角这个公式已经像寻找圣杯一样找了，又说是曲线的，有说是一堆公式结合的，但是官网那个图标遮罩实际上是一堆曲线结合在一起，单一曲线画不出一模一样的。实际上也没拿麻烦，官网有模板，直接下载就行了[笑哭]

陈鹤皋徒弟张三:
以前没注意，感觉苹果是舒服一点，是说不出了的感觉，原来是这么细节

【回复】乔布斯留下来的对细节的执着追求。
农夫小孟:
难怪有些手机的r角看得我好难受[妙啊][妙啊]

【回复】今年小米13的圆角很成功，跟部iphone一样
sully_T:
学到了G2连续，这个在 css 中应该是无法做到的，radius 是G1

【回复】回复 @xtomoya : 可以用CSS Houdini，配合代码自己定义一个圆角CSS
夜白的碎碎念:
有点好奇为什么UI设计中圆角矩形没有 G3连续[doge]

【回复】回复 @ZEDD-R : 那请问应该怎么去实现呢？还是干脆就放弃了？使用svg吗？
Cool-风清风轻:
很遗憾的告诉你figma中的并不属于曲率连续，虽然他看起来比普通圆角平滑一些