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

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

图标按钮的情况略有不同。让我们在一个圆形按钮上放置一个“发送”图标。哪一个按钮看起来更加平衡?



我想你已经注意到,左边的按钮出了问题,这是因为不同的对齐方式。左边的图标中,如果它是一个矩形,在某种程度上,这是正确的,因为当你向开发人员提供SVG或PNG文件时,它是一个带有矩形背景的图标;正确的做法应该像右边按钮一样,采用图标底部的圆形背景与圆形按钮居中对齐的方式。



当你为程序员提供切图时,你需要预留一些区域,以便他们可以在背景上以视觉对齐的方式将图标居中。



这个方法同样适用于"播放"按钮。如果直接对齐圆角矩形和三角形,它们就会看起来很奇怪。



如果想要更好地摆放好三角形的位置,可以先让它对齐到一个圆形区域,然后再与按钮背景对齐。



划重点:

1. 具有锋利边缘的形状应该设计的更大一些,以便与相邻的矩形对象平衡。

2. Cap-hight(大写字母高度)对齐是在按钮背景上对齐文本的有效且广泛使用的方法。

3. 将三角形图标正确放置在按钮上的有效方法之一是将图标对齐到圆形底部,并将圆与背景对齐。


123456789共9页
联盟广告
×

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

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

标签:ui干货

相关推荐

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

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

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

×

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

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

×

充值学币 立即开通