- 在開始之前,一定要有系統(tǒng)化的思路和安排。
- 養(yǎng)成良好的「命名習(xí)慣」澳盐。
- Artboard 自帶 background color。
- 選中一個(gè)對(duì)象再按「A」令宿,Sketch 會(huì)自動(dòng)適配出一個(gè)尺寸相同的(Around Selection) Artboard 模板叼耙。
- 善用「Grid」來更有效率的排版。
- 善用「對(duì)齊方式」粒没,減少手動(dòng)調(diào)整筛婉。
- 善用 Page 來分類,它還可以讓 Symbol 通用革娄。
- 當(dāng)為 iOS 做設(shè)計(jì)的時(shí)候倾贰,善用「Symbol」。使用「/」來更好地管理 Symbol拦惋,如:「Status Bar / White | Status Bar / Black」匆浙、「Control / Back | Control / Done」等等。
- 「A cool trick to know about symbol is that you can exclude the text value」厕妖。在 Symbol 的編組中若有 text首尼,選中「Exclude Text Value from Symbol」就可以只改變當(dāng)前 text 的文字內(nèi)容。
- 如果想讓一個(gè)切片用在其他地方言秸,可以在切片預(yù)覽中拖拽它到需要用的地方软能,注意,格式是 PNG 的举畸。但這也會(huì)造成無法同步修改的缺陷查排,這時(shí)可以使用「Symbol」。
- 「Having a layer with navbar height is really helpful to align anything in the nav bar」抄沮。舉一反三跋核,每當(dāng)遇到需要大量調(diào)整方位的地方,都應(yīng)該建立一個(gè)占位符(占位矩形)去更有效率的協(xié)助精確調(diào)整叛买。
- 配合「X 軸 Y 軸」和「Width Height」來提高效率砂代。如:想讓一個(gè)方框離左邊 30px 并居中,那就先將 X軸 設(shè)置為 30率挣,然后在 Width 里用總寬度減去兩個(gè) 30(640-30-30)刻伊。
- 當(dāng) text 文本框中的文字有冗余,先選擇「Fixed」再選擇「Auto」讓 Sketch 為你恰好地調(diào)整文本框大小。
- 有時(shí)捶箱,icon 的定界框與 icon 實(shí)際大小并不對(duì)等(如返回箭頭)智什,這時(shí)可以使用「Flatten」來智能重置定界框。
- 漸變控制器下方的「兩個(gè)箭頭」可快速變換漸變方向讼呢。
- Option + Cmd + C / V 可以將 Fill 智能填充到其他地方撩鹿。
- 為每個(gè)需要用到小圖標(biāo)的地方先放一個(gè)占位矩形(善用 Symbol)。
- 當(dāng)繪制小圖標(biāo)的時(shí)候悦屏,還可以為基本元素設(shè)置 Style 來提高效率并達(dá)到統(tǒng)一性节沦。如:為路徑設(shè)置一個(gè)「icon border 1 center」的 Style,以后所有改動(dòng)都可以瞬間在所有 icons 上實(shí)現(xiàn)础爬。
- 繪制小圖標(biāo)時(shí)甫贯,一定要考慮好布爾運(yùn)算。
- 繪制小圖標(biāo)時(shí)看蚜,善用「矩形」來當(dāng)做 Guide 使用叫搁。
- www.size43.com:查詢 aspect ratio 等其他數(shù)值。
- 插播一個(gè)無關(guān)的:Shift + ← / → 可以以一個(gè)字符為單位選中字符供炎,若再按住 Control 或者 Cmd 可以全選光標(biāo)前(后)的一整行字符渴逻。