標籤:

sketch的對齊像素功能其實也並不精準,求各位大神支招!?

路徑線框根本無法在像素裡面 周圍還是有些虛的像素點 手動調節也只能是一個像素一個像素的那樣移動 並不能像ps中 command+K打開首選項 然後將「矢量工具與像素網格對齊」取消勾選這樣來微調路徑達到對齊像素

在sk中想要把路徑線框完全放在像素裡面(就是路徑貼著像素格) 各位大神有什麼技巧么?

這個是ps中的 微調之後可以達到對齊像素

這個是sk中的,路徑不能對齊到像素 有虛邊


「1.而且用sketch做ui需要對齊到像素么?它本身是矢量軟體啊,用ai做的也沒聽說過要摳像素啊」------------你在skech軟體中所有的圖形當然是矢量的,但是APP用的切圖資源都是點陣圖,skech有個功能是「Show Pixels」,意思就是顯示像素網格,你沒像素對齊,導出來的點陣圖資源是模糊的呀。

另外,樓主,那個啥,你截圖的那個圓角長方形已經像素對齊了,圓角的東西肯定有半透明像素的呀,不然你讓它怎麼圓過去?你說的那種完全像素對齊的圓角都是一個個像素點出來的,看起來是有鋸齒的。

「手動調節也只能是一個像素一個像素的那樣移動」---------------見上圖,不必一個像素一個像素移動,你保證x.y值和W.H值是整數就是像素對齊了,舉個例子,X值106.5的意思就是你選擇的圖形的橫向坐標為106.5(單位為像素),其中的0.5為半個像素...(學習更多的東西後補充內容:1.IOS開發可以支持矢量切圖(好像是pdf格式),但是pdf格式的切圖體積太大,所以現在暫時利用起來不現實(如果能完美支持矢量切圖或者有更好的矢量圖片格式,以後就只需要導出一套1X圖就OK了)。2.正如其它回答中所說,當你發現你畫的形狀沒有對齊像素,請選擇這個形狀路徑後點擊

這個命令,形狀就對齊像素了。


因為 Sketch 的對象還保留著旋轉的信息,如果想要和 Ps 一樣需要先 flatten。


其實樓上說的比較大概,

補充幾點細節

1)首先要選中矢量圖形才會出現菜單,而sketch已經改版詳情的菜單是:

Layer &>&>&> Round to Pixel

但其實並不是特別的好用。

2)信息觀察器上面的信息可以用來修改,針對小數點。

下圖中的 40.02和36.01可以換為整數就可以了。

細節:

1)可以用來觀察整個矢量圖的Size是否有小數點,在對節點做對應的調整。

2)節點的弧度控制手柄也會影響小數點。

3)用移動對齊到網格的方式來調整,選中矢量圖,

在右邊的菜單中選擇 : Round to full pixels edges

用滑鼠控制節點到對應的網格上就會對齊了

細節:把節點移動附近的節點,如果要xy都對齊網格,要x和y坐標都發生變化,兩個值才會對齊


1.而且用sketch做ui需要對齊到像素么?它本身是矢量軟體啊,用ai做的也沒聽說過要摳像素啊

2.但既然是矢量軟體,為什麼還會有自動對齊像素的功能啊?

就是這個功能


推薦閱讀:

團隊不願意為使用sketch更換系統,現在做設計還在使用PS和FW,作為一名網頁設計師該如何是好?
想找UX設計師的工作,只會sketch不會用PS,AI可以么?

TAG:Sketch |