UI使每一个像素都清晰的实用技巧
新闻来源：优漫教育
日期：2021-07-26
在设计用户界面和网页时，UI设计培训学校学员经常会遇到用PS绘制的图标，这些图标都是矢量的，但还有一大堆虚拟边缘？通过扩大、缩小、旋转，或者在AI中绘制美丽的矢量图标被粘在PS上，虚拟边就会变得更糟。
而我们的努力变成了“粘贴”，这是眼睛所不能看到的，我们需要把每一个像素都弄清楚。要解决这些问题，我们需要理解PS像素合成的原理，了解一些UI设计培训学校的设置选项和使用技巧
1、画一条清晰的“形状层”
当绘制PS中的矩形时，通常用矩形工具来产生一个矢量的形状层。这样做的好处是，不管放大还是缩小，我们都会保留vector属性，但是当放大视图时，虚拟边仍然存在(见上图)。尽管这些虚拟边在绘制大型图形时的效果并不显着，但当绘制小像素级别的图标时，它们就变得非常明显。
2、旋转图形的时候保持边缘清晰。
在矩形的中心旋转90度时，矩形的两边都消失了。为什么呢？众所周知，长方形是奇数，宽是偶数。由于中心旋转时像素无法被分割，因此得到这个结果。解法是将矩形四个角的任意顶点作为旋转的中心点，或使它的长度和宽度成奇数或偶数。若我们的操作是旋转和缩放图形，则在旋转之后按OK，然后按OK键。持续使用后不能确认，结果将非常清晰。
3、边缘保持边缘清晰，AI卡入PS。
有时候在人工智能中绘制一个图标，粘贴到PS上就会出现下图所示的虚边，原因有二。其中一种是，当我们用人工智能创建一个新文件时，没有选择[alignpixelgrid]选项(只在aics5上的版本中)，所以当我们将其粘贴到PS中时，所绘制的图标的值不是整数，并且会出现虚拟边；另一种是选择"alignpixelgrid"选项，并将其粘贴到PS中，但是虚拟边仍然会出现。UI设计培训学校学员在粘贴之前，先创建一个与PS中相同大小的图标，然后粘贴到其中。由于当PS中粘贴板上的图标被粘贴到视图中时，图标将被粘贴在粘贴视图的中央，所以粘贴位置可能不是一个整数值，所以它会显示一个虚拟边。目前我们需要建立一个相同规模的选区。再次粘合就行了。您也可以在粘贴的时候选择“图形图层”，以便日后编辑。
