鍍金池/ 教程/ 產(chǎn)品經(jīng)理/ 界面
文本
界面
偏好設(shè)置
圖片
畫(huà)布
快捷鍵
性能
圖層
符號(hào)
圖形
編組
介紹
式樣
導(dǎo)入
導(dǎo)出

界面

我們將 Sketch 的界面設(shè)計(jì)的非常簡(jiǎn)潔。最頂端的工具箱包含了最重要的操作。你可以用右側(cè)的檢查器來(lái)調(diào)整被選中圖層的內(nèi)容,左側(cè)的窗口則會(huì)列出文件中的所有圖層,中間當(dāng)然就是你正在創(chuàng)作的畫(huà)布。

Sketch 里沒(méi)有浮動(dòng)面板,檢查器將會(huì)根據(jù)你選中的工具來(lái)顯示所需控件,這樣你能始終不受打擾的在畫(huà)布上創(chuàng)作。

畫(huà)布

Sketch 的畫(huà)布尺寸是無(wú)限的,可以向任意方向無(wú)限延伸,你將擁有絕對(duì)的自由來(lái)規(guī)劃自己的創(chuàng)作區(qū)域。

如果你想在畫(huà)布中設(shè)置一個(gè)固定的畫(huà)框,你只需新建一個(gè)或多個(gè)新的畫(huà)板。舉個(gè)例子,設(shè)計(jì)移動(dòng)應(yīng)用界面時(shí),很多設(shè)計(jì)師會(huì)為應(yīng)用的每一個(gè)屏都創(chuàng)建一個(gè)畫(huà)板,然后排列開(kāi)來(lái)以便查看。

你可以用無(wú)限精準(zhǔn)的分辨率無(wú)關(guān)模式來(lái)查看畫(huà)布,或者打開(kāi)像素模式來(lái)查看每一個(gè)像素導(dǎo)出成JPG或者PNG文件后的樣子。值得注意的是,有些效果——比如模糊——會(huì)自動(dòng)將畫(huà)布的一部分以像素模式顯示,因?yàn)槟:旧砭褪且粋€(gè)基于像素的效果。

檢查器

右側(cè)的檢查器能讓你對(duì)正在編輯的圖層——有時(shí)是正在使用的工具——進(jìn)行參數(shù)調(diào)整。當(dāng)你選中一個(gè)圖層時(shí),你會(huì)發(fā)現(xiàn)檢查器被劃分為幾個(gè)區(qū)域。

http://wiki.jikexueyuan.com/project/sketch-3/images/general-attributes.jpg" alt="" />

通用屬性

通用圖層式樣都在頂端區(qū)域:圖層所在位置,透明度,混合模式以及幾個(gè)特殊選項(xiàng)——比如調(diào)整矩形內(nèi)角半徑和多邊形的不同點(diǎn)模式。

http://wiki.jikexueyuan.com/project/sketch-3/images/style-attributes.jpg" alt="" />

樣式屬性

邊框和填充屬性都有他們獨(dú)自的區(qū)域,你可以勾選左上方的小方框展開(kāi)他們,并顯示出具體的選項(xiàng)。如果你點(diǎn)擊顏色按鈕,你會(huì)發(fā)現(xiàn)檢查器滑倒一邊,出現(xiàn)新的專(zhuān)門(mén)的顏色檢查器,你只需要單擊頂端的“后退”按鈕便會(huì)回到主檢查器。當(dāng)你選中了其他圖層,同樣會(huì)自動(dòng)回到主檢查器。

圖層列表

圖層列表列出了所在頁(yè)面的所有圖層(和切片),每個(gè)涂層都會(huì)有一個(gè)小小的預(yù)覽。你可以在這里:查看涂層是否被鎖定,不可見(jiàn),使用了蒙板或標(biāo)記為可導(dǎo)出;重新排列圖層,或者給圖層添加布爾運(yùn)算,比如減去頂層形狀;對(duì)圖層進(jìn)行建組或者重命名來(lái)管理他們。

多頁(yè)面操作

Sketch支持多頁(yè)面操作,你可以在圖層列表上面的按鈕里面添加/刪除或者轉(zhuǎn)換到其他頁(yè)面(或者用鍵盤(pán)上的 Page Up/Page Down來(lái)切換)。圖層列表始終只會(huì)顯示當(dāng)前頁(yè)面的圖層。

http://wiki.jikexueyuan.com/project/sketch-3/images/multiple-pages.jpg" alt="" />

畫(huà)板

在圖層列表里,有白色背景一欄的便是畫(huà)板,你可以把畫(huà)板視為設(shè)計(jì)中的頂層對(duì)象,所以一個(gè)畫(huà)板不能被嵌入另一個(gè)畫(huà)板。

蒙版

在圖層列表里,那些使用了蒙版的圖層名前會(huì)有一個(gè)小點(diǎn),它的蒙版則是底下緊接著不帶小點(diǎn)的圖層。了解更多關(guān)于蒙版。

http://wiki.jikexueyuan.com/project/sketch-3/images/masks.jpg" alt="" />

布爾運(yùn)算

每個(gè)圖形都可以包含多個(gè)子路徑,他們會(huì)以組的形式呈現(xiàn)在圖層列表中,伴隨一個(gè)下拉箭頭顯示具體的子路徑。每一層子路徑都可以單獨(dú)設(shè)置布爾運(yùn)算,決定和它的下一圖層以什么方式組合。圖層列表能清晰的展現(xiàn)子路徑的組合方式,同時(shí)方便你隨時(shí)調(diào)整更改。

http://wiki.jikexueyuan.com/project/sketch-3/images/boolean-operations.jpg" alt="" />

符號(hào)和共享式樣

符號(hào)是一種特殊的組,他們可以出現(xiàn)在文件的多個(gè)地方。符號(hào)會(huì)以紫色文件夾圖標(biāo)呈現(xiàn)在涂層列表中——正常編組則是藍(lán)色的文件夾。了解更多關(guān)于符號(hào)。

共享式樣可以使多個(gè)對(duì)象(圖形以及文本)的式樣保持一致,如果一個(gè)圖形或者一段文本使用了共享式樣,他們的預(yù)覽小圖標(biāo)會(huì)顯示成紫色,而不是標(biāo)準(zhǔn)的灰色。了解更多關(guān)于共享式樣。

http://wiki.jikexueyuan.com/project/sketch-3/images/symbols.jpg" alt="" />

工具欄

http://wiki.jikexueyuan.com/project/sketch-3/images/toolbar.png" alt="" />

Sketch 的工具欄涵蓋了你創(chuàng)作當(dāng)中所需要的所有工具。

在默認(rèn)工具欄中,第一組工具是用來(lái)添加新圖層的:圖形、圖片、符號(hào)等等。

編組 (Group) 和取消編組 (Ungroup) 能讓你有條例的組織文件。

接下來(lái)的幾個(gè)工具則都是用來(lái)編輯現(xiàn)有圖層:旋轉(zhuǎn) (Rotate),變形 (Transform), 通過(guò)布爾運(yùn)算來(lái)合并圖層,以及在圖層列表中上移或下移圖層。

工具欄最后的導(dǎo)出(Export) 按鈕 同時(shí)也是一個(gè)切片工具,你可以在這將你的作品導(dǎo)出為一個(gè)或多個(gè)位圖或者矢量文件。

不同于其他繪圖應(yīng)用,Sketch把常用工具放在頂端的工具欄,而不是垂直排列的工具箱,但如果需要,你可以通過(guò)右擊工具欄,進(jìn)入“定制工具欄…” (Customize toolbar…) 來(lái)添加工具和快捷鍵。

上一篇:導(dǎo)出下一篇:圖片