用ai做線性剪影icon也要對齊像素么？

在ai里用像素預覽來對齊么？他矢量功能有什麼優勢 都要對齊像素的....

新建文件，大小36*36，單位選擇像素，記住把底下「使新建對象與像素網路對齊」這一條勾上。

在首選項&>單位中，將那四個單位都調節成像素，然後在首選項&>參考線和網路中，網格線間距設成2px，次分隔線設成1。然後在視圖菜單中，把「顯示網格」和「對齊網格」都打開。一切就準備就緒了。

畫圖ing，描邊設為2px並且是內測對齊，填充無，然後就是各種你懂得。

這樣，就完成了。

讓我們來看一看像素對齊的情況，選擇視圖&>像素預覽，發現像素的確是各歸其位。

打開Ps，新建一張36*36px的空白文件，把圖像導入Ps當中（用小黑箭頭全選，Ctrl+C，進入PS，Ctrl+V，選擇形狀圖層）。下面我們來看一看這個圖標在按比例放大後的效果。

1.5X效果

2X效果

3X效果

效果都不錯。

其實原理很簡單，之前在Ai中設置使得所有的錨點都在像素坐標均為偶數的的點上，無論是放大1.5X還是2X或者3X，錨點依然會在像素坐標均為整數的點上，於是線條邊緣就與像素邊緣對齊啦。

當然這種辦法有也缺點，就是不能描出線條粗為1dp的超細圖標，原因僅僅是因為我們要適配HDPI（1dp=1.5px）這奇葩的解析度，當然，如果真想畫超細圖標，也可以為HDPI單獨修一版，工作負擔也不是很大。

當然iOS端就不存在這些問題啦，所以就不用嚴格地把錨點放在坐標均為偶數的點上。

————華麗麗的分割線————

說實話，對於現在解析度超高的手機來說，像素對齊的意義已經不是很大了，蘋果iPhone6 Plus乾脆直接壓縮圖像，把設計師辛苦切出來的像素完美的圖故意縮小1.1倍，因為超高解析度下單像素的模糊肉眼幾乎看不出來。

下圖來自PaintCode - Turn your drawings into Objective-C or Swift drawing code

但是考慮到目前市場上通行的各種帶屏幕的設備解析度有6P那麼高的不多，所以在當下做像素對齊還是有價值的，特別是對於電腦屏幕來說，像素對齊對於視覺感官提升很大。

————華麗麗的分割線————

談到Ps和Ai誰更適合做圖標，其實各有利弊，筆者在工作中一般是一起使用，取長補短。雖然Ps有完整的矢量工具組，但是比如布爾運算或者管理多層矢量圖形這樣的常用操作，Ai就比Ps便捷許多，而且Ai有許多貼心強大的獨有工具（比如混合工具整形工具動態圓角等等等），用來製作圖標確實合適。但是Ai也有Ai的短板，就是一旦涉及像素級的修改，Ai就會顯得力不從心（雖然有像素預覽，但是Ai的像素預覽僅僅只是一種「預覽」，不是Ps中那種所見即所得，少數時候會誤導人），所以後期往往把Ai里畫好的路徑直接拖進Ps進行下一步處理。

個人觀點，拋磚引玉