Sketch 新手上路-2-屬性區介紹

Ya-Chu Hsu
3 min readApr 23, 2018

--

當 Artboard 裡還未新增元件的時候,屬性區只會出現 Artboard 的資訊,位置、大小,Adjust content on resize 是用在 RWD 的設定,背景顏色也可以更改。

新增一個 Rectangle 元件

最上排是對齊工具。

Position 就是元件的位置。

Size 就是元件大小,可以在長寬裡面填 20%大小就會變成畫面長寬的 20%。

Transform 就是旋轉(點選元件+command 也可以直接旋轉元件)、鏡射。

Resizing 暫時先不介紹。

Radius 是圓角,填單個數值四角都會變一樣的圓角,想要四角都不同的圓角尺寸依序填入:“左上;右上;右下;左下”,各個數值。

Opacity 調整透明度,點選元件後如果按數字 1.2.3 就是透明度10%.20%.30%;快速按 67 就是透明度 67%。(鍵盤要在英文輸入模式下才會作用)

Blending 跟 Photoshop 類似的圖層混合模式。

Fill 填充顏色,按“+”可以在元件上增加填色(通常是漸層色),多疊幾層可以製造許多不一樣的效果。

Borders 是邊框,同樣可以新增多個邊框,通常會讓邊框的位置在 Inside。

Shadows 是陰影, X、Y 是陰影位置,Blur 是模糊程度,Spread是覆蓋範圍。

Inner Shadows 是內陰影,調整參數跟陰影是相同的。

Gaussian Blur 是高斯模糊,勾選就會有模糊效果。

最下面的 Make Exportable 是輸出的設定,先不介紹。

Fill

點色塊就會出現各種顏色相關的設定功能。

最上面一排表示:單色、漸層色、放射漸層、角度漸層、圖片、雜訊。

滴管可以吸取顏色,在畫面外的顏色也可以吸取。

RGB模式點一下可以換成HSB模式。

Global Colors 是所有文件都會出現的顏色色票。

Document Colors 則是只有當前文件才有的色票。

簡單的屬性區介紹就到這裡,剩下要我要自己慢慢摸索了。

--

--

Ya-Chu Hsu

UI 設計師兼網頁切版工|英文花體字愛好者|手作銀飾初學者