用户界面里的图标设计(三)「转」「译」
哈喽,大家好。北京5PLUS UI设计学校为了帮助更多的小伙伴提高设计ui水平和设计意识,会整理一些比较细致且有实际案例的设计知识分享给大家。5PLUS是一所专业ui设计学校、ui设计 培训机构,有很多出色的ui设计师学习在这里学有所成。如果觉得好,就分享给更多人吧。
3.
我之前调查过大部分人是在3号和4号之间进行选择。数字1和2是觉得太瘦,5又觉得偏方形了。如果我们重3号和4号,我们会发现后者比第一个更大一些。
因此, 我们看起来他会更平滑一些。
为了证明我说的,我从三种比较出名的字体中提取出了字母“o” - Futura,Circe和Geometria。
考虑到高质量字体是基于人类视觉感知而构建的,并且使用了复杂的视觉构造系统,我认为它们的圆形形状看起来比几何形状更圆。这些字母难道你看的不顺眼吗。
此外,Circe和Geometria的字母比圆形更宽,即使它们的高度和宽度相等。
因此,从视觉角度来说,一个修改过的圆(右边)比一个正常的几何圆(左边)看上去更“圆”。
如果您在图形中使用圆角功能,在视觉上的结果将会非常好。
这种圆角在正圆之外有一个额外的区域,使得直线与曲线的交点不明显。
与app图标相同的是,人们不会简单地使用标准的圆角来获得完美的结果。
但在我们深入讨论这个话题之前,让我们来看看两个不同的圆形形状。
它是由法国数学家加布里埃尔·拉姆(GabrielLamé)发现的,根据公式的不同,可以从正方形到像圆角正方形。
从iOS 7开始的图标都是基于它。
至于设计过程本身,有一个圆角的简单修复。您需要将可恢复的圆角转换为轮廓,进入形状编辑模式并手动移动曲线手柄就可以了。
- 几何圆角看起来有点假,因为你可以很容易地看到直线突然变成曲线的点。
- 视觉正确的转角圆角需要特殊形变或手动调整形状。
作者:SlavaShestopalov