UI设计中的视觉表现技巧(7)

来源:网络   作者:热心网友   发布时间:2017-10-08    浏览次数:562


三.视觉中的圆角


什么样的圆可以比标准圆更圆?我以前没有想过这个问题,但正如我在这篇文章的开头所说的一样,我们的眼睛很奇怪,有时候不会像我们预料的那样感觉到差别。那么,下面的图片中的哪个圆看起来更圆?



我以前问过的人中大部分选择3和4。1和2太瘦,5太丰满了。如果我们将3和4重合,一个几何圆和一个微调过的圆,我们会发现第二个圆比第一个圆视觉重量更重,因此我们的眼睛会觉得更圆。



为了说明我的观点,我从三种著名的无衬线字体(Futura,Circe和Geometria)抽出“o”字母。鉴于高质量的字体是基于人的视觉感知,并使用复杂的光学结构系统建立的,我认为它们的圆形看起来比几何圆形更圆。这些字母难道不令人赏心悦目吗?



让我们与标准的圆形重合。即便是最接近圆的Futura字体中的“o”,也有四个超出的部分。Circe和Geometria的字体比圆形更宽。尽管它们的高度和宽度相等,我们也可以看到这四个“肚子”,就好像它们吃多了一样。



所以,从视觉角度来说,修改后的圆(右侧)可能看起来比标准的圆形(左侧)更圆。



那我们该如何使用这种方法呢?当然是为了做出舒服的圆角,如果你在流行的绘图软件——Photoshop、Illustrator或sketch使用内置的圆角工具,就会发现圆角过渡的并没有那么圆滑。


undefined


用圆角工具做出的圆角,人眼马上就能发现直线突然变弯曲的转折点,所以看起来不自然。



123456789共9页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

标签:ui干货

相关推荐

http://www.shejixf.com/shejijiaocheng/shejililun/6713.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通