May

28

血流成河花猪:新舊結合,從頭了解 Sketch 3 ——  快速復制排列

血流成河麻将番数图解 www.kicgx.club 我們經?;嵊姓庋男棖?,整齊的去重復排列某個按鈕或者圖標。這里有兩個最快速的方法:

運用 alt 鍵 和 cmd + D

使用網格工具

May

4

新舊結合,從頭了解 Sketch 3 ——  蒙版

Sketch 雖然是個矢量編輯工具,但當我們在設計中使用圖片時,Sketch也支持一些簡單的位圖功能,蒙版便是最常用的之一。

創建蒙版

三角、圓、多邊形,任何圖形都可以設置為蒙版,畫布上會只顯示出蒙版圖形之內的內容。

Alpha 蒙版

這是 Sketch 3新增的功能。Alpha 蒙版可以在菜單的圖層選項中找到,你可以給蒙版的填充(而不是圖片本身)設置透明度的漸變來產生更合適的效果。漸變如果有不同的色彩值是會被忽略的,整體效果只會受透明度的影響。

Apr

28

新舊結合,從頭了解 Sketch 3 —— 符號 & 共享式樣

UI 設計的過程中,我們常?;嵯脛馗詞褂媚承┰?,已達到整體風格和細節的統一,有時是一個按鈕,有時是一種文字式樣,有時則是圖形填充和邊框的式樣。復用之后我們還希望這些元素可以保持同步,如果更改其中一個,其他的也會隨之改變。Sketch 當中有這幾個不同的方式來幫你實現:

符號 Symbols

符號是針對一個組(Group)的復用。比如重復使用的 header 或者 footer 或者某個按鈕。

大家可以參考中文手冊中關于符號的詳細內容,以及這篇介紹 Sketch 3 新功能的文章中的視頻。

共享圖層式樣 Layer Style

圖層式樣則僅僅針對圖形:使用什么樣的填充和邊框,什么樣的陰影和模糊,這些都是可以復用并同步的。

共享文字式樣 Text Style

文本式樣讓你保持文本的一致性,設定好字體、字號、顏色,然后復用于多個文本。

最后你可以在共享列表中來管理所有的符號和式樣,方便你刪除、復制或者重命名。

當然,以上這三種都是復用后自動同步的,還有另一種比較簡單粗暴的針對圖形式樣的編輯,那就是開始設計之前,先把某一式樣設置為默認。在菜單中選擇 編輯 > 設置為默認式樣 (Edit > Set Style as Default), 這會替代Sketch 默認設置下的淺灰色填充和灰色邊框,使你接下來新畫的所有圖形都使用你剛剛設置的式樣,但他們并不是相鏈接的,也不會同步變動。

Apr

22

新舊結合,從頭了解 Sketch 3 —— 模板

Sketch3這次的更新吸引了很多目光,大把大把的設計愛好者購入了Skecth認真體驗和學習,為了方便新朋友們,我們會把新舊功能結合在一起,介紹幾個 Sketch 的特別之處。

New From Template

這個功能讓你從之前設定好的模板中直接新建文件(就像 Keynote 和 Pages 里面那樣) Sketch 已經為大家設置好了幾個最常用的模板,方便直接調用。

?iOS App Icon:按照 iOS User Interface Guidelines 的要求,每個畫板都是圖標所需的不同尺寸。

?iOS UI Design: Sketch 3 嵌入了 由 teehan+lax 制作的iOS 7 UI套件,第一頁是歡迎頁面,所有的 symbols 在第二頁喲。(我們會再下篇分享具體討論symbols)

?Mac App Icon:每個畫板都是Mac圖標所需的不同尺寸。

?Web Design:第一頁包含四個網頁設計的畫板:Desktop HD、Desktop、Tablet Portrait 和 Mobile Portrait,非常直觀。第二頁同樣包含簡單的web UI 元素。

?Welcome to Sketch:這是 Bohemian Coding 團隊制作的一個展示頁面,Sketch 官網的最終實現效果也正是由此產生。如果你是初次使用 Sketch,我十分建議你打開這個模板看看,因為它本身已經是一份完整的 Sketch 文件了,你可以迅速了解到 Sketch 當中規范的文件組織結構是什么樣的,圖層層級是什么樣的,一些最基本的操作是什么樣的,這些都能幫你更快熟悉 Sketch。

模板的另一個好處是你可以自己新建模板,創作好文件然后進入菜單欄的 File > Save as Template。因為symbols符號功能是用于復用某一具體元素,比如一個按鈕,它并不能在不同文件中共享,而模板則可以用來創建無數個獨立的文件。

1

2

3

4

About

Sketch中文網迫切的和你分享關于 Sketch 的一切,感謝 血流成河麻将番数图解為我們創作如此出色的應用。

 

本站全部在 Sketch App 和 Adobe Muse 中完成。

Contact

如果你創作或翻譯了 Sketch 的相關文檔、視頻和教程,請一定與我分享,讓更多人愛上 Sketch。如果你對于本站有任何想法和疑問也請隨時聯系我,我很期待你的建議。

Share

Sketch 中文站對你有幫助嗎?不要吝嗇你的愛,分享給你的 Designer 和 Geek 朋友們吧。

?2014 SketchCN. Made with ?? by Aegean K.