May
28
血流成河麻将番数图解 www.kicgx.club 我們經?;嵊姓庋男棖?,整齊的去重復排列某個按鈕或者圖標。這里有兩個最快速的方法:
運用 alt 鍵 和 cmd + D
使用網格工具
May
4
Sketch 雖然是個矢量編輯工具,但當我們在設計中使用圖片時,Sketch也支持一些簡單的位圖功能,蒙版便是最常用的之一。
創建蒙版
三角、圓、多邊形,任何圖形都可以設置為蒙版,畫布上會只顯示出蒙版圖形之內的內容。
Alpha 蒙版
這是 Sketch 3新增的功能。Alpha 蒙版可以在菜單的圖層選項中找到,你可以給蒙版的填充(而不是圖片本身)設置透明度的漸變來產生更合適的效果。漸變如果有不同的色彩值是會被忽略的,整體效果只會受透明度的影響。
Apr
28
UI 設計的過程中,我們常?;嵯脛馗詞褂媚承┰?,已達到整體風格和細節的統一,有時是一個按鈕,有時是一種文字式樣,有時則是圖形填充和邊框的式樣。復用之后我們還希望這些元素可以保持同步,如果更改其中一個,其他的也會隨之改變。Sketch 當中有這幾個不同的方式來幫你實現:
符號 Symbols
符號是針對一個組(Group)的復用。比如重復使用的 header 或者 footer 或者某個按鈕。
大家可以參考中文手冊中關于符號的詳細內容,以及這篇介紹 Sketch 3 新功能的文章中的視頻。
共享圖層式樣 Layer Style
圖層式樣則僅僅針對圖形:使用什么樣的填充和邊框,什么樣的陰影和模糊,這些都是可以復用并同步的。
共享文字式樣 Text Style
文本式樣讓你保持文本的一致性,設定好字體、字號、顏色,然后復用于多個文本。
最后你可以在共享列表中來管理所有的符號和式樣,方便你刪除、復制或者重命名。
當然,以上這三種都是復用后自動同步的,還有另一種比較簡單粗暴的針對圖形式樣的編輯,那就是開始設計之前,先把某一式樣設置為默認。在菜單中選擇 編輯 > 設置為默認式樣 (Edit > Set Style as Default), 這會替代Sketch 默認設置下的淺灰色填充和灰色邊框,使你接下來新畫的所有圖形都使用你剛剛設置的式樣,但他們并不是相鏈接的,也不會同步變動。
Apr
22
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符號功能是用于復用某一具體元素,比如一個按鈕,它并不能在不同文件中共享,而模板則可以用來創建無數個獨立的文件。
About
Contact
如果你創作或翻譯了 Sketch 的相關文檔、視頻和教程,請一定與我分享,讓更多人愛上 Sketch。如果你對于本站有任何想法和疑問也請隨時聯系我,我很期待你的建議。
Share
Sketch 中文站對你有幫助嗎?不要吝嗇你的愛,分享給你的 Designer 和 Geek 朋友們吧。
?2014 SketchCN. Made with ?? by Aegean K.