当前位置:首页 > 生活 > 正文

UI设计师做按钮设计是放大变模糊一招教你按钮高清无限放大(button按钮大小设置)

在UI设计的过程中,如果我们用非矢量的方式去设计按钮,会遇到按钮尺寸不够,需要放大的情况。如果直接把按钮拖放大,会发现按钮边缘变的非常模糊,甚至还有锯齿。这样的问题我们一般怎么解决呢?下面分享一些设计中的经验。

放大变的模糊

1、我们先横向将按钮切割成三块,两边带圆角的区块和中间区块,将切割出的两边区块,分别往左右进行位移,移动到需要的宽度位置。

切割成三块

2、将切割出的中间区块,进行横向放大,直到与左右区块重合。注意:在放大过程中,插值必须设定为[邻近]

中间区块横向放大

3、横向的放大完成后,同样的原理,我们也可以纵向将按钮切割为三块,将上下区块移动到需要的高度位置。再将中间区块进行纵向放大,直到与上下区块重合

中间区块纵向放大

4、调整按钮内文字的大小,由于字体本身是矢量的,所以任意放大,都不会变的模糊。

效果对比

以上简单的方法如果对你有用,请关注我们。我们将定期发布原创UI设计小技巧。

熊熊设计-原创 转载请告知