在UI设计的过程中,如果我们用非矢量的方式去设计按钮,会遇到按钮尺寸不够,需要放大的情况。如果直接把按钮拖放大,会发现按钮边缘变的非常模糊,甚至还有锯齿。这样的问题我们一般怎么解决呢?下面分享一些设计中的经验。
1、我们先横向将按钮切割成三块,两边带圆角的区块和中间区块,将切割出的两边区块,分别往左右进行位移,移动到需要的宽度位置。
2、将切割出的中间区块,进行横向放大,直到与左右区块重合。注意:在放大过程中,插值必须设定为[邻近]
3、横向的放大完成后,同样的原理,我们也可以纵向将按钮切割为三块,将上下区块移动到需要的高度位置。再将中间区块进行纵向放大,直到与上下区块重合。
4、调整按钮内文字的大小,由于字体本身是矢量的,所以任意放大,都不会变的模糊。
以上简单的方法如果对你有用,请关注我们。我们将定期发布原创UI设计小技巧。
熊熊设计-原创 转载请告知
本文由梁桂钊于2023-08-20发表在梁桂钊的博客,如有疑问,请联系我们。
本文链接:https://720ui.com/8068.html