本節簡介:進行高保真原型標注的方法、對應掌握sketch插件、切片、導出等重要命令知識點。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
三、標注插件Sketch Measure:toolbar工具欄的使用
凡是有過導出操作的,圖層的縮略圖旁邊會有一個切片的符號,和切片工具的區別是:切片工具的刀是虛線加白色切片工具,圖層經過導出過已經設置導出的是黑色的刀。有這個導出圖層,單擊右上角Export導出功能,會把凡是經過有導出的有這個刀的圖層一次性導出。
導出:選擇需要導出的圖層,或者圖層組,或者整個畫板,右下方單擊Make Exportable,選擇需要的格式,導出。(添加加號可以導出多種尺寸)
Trim Transparent Pixels(自動對齊像素,自動修剪像素);Background Color(設置切片顏色,如果是一個組,對底色進行保留)。
Insert 插入切片→slice切片工具→單擊要切片的位置,sketch切片工具會自動貼合邊,把多余的自動刪除;刪除的話,選中切片,選擇delete刪除。
Toggle Locked(所有標注鎖定) Clear Marks(單擊,所有標注全部清除) Settings(對應設置) Donate(捐贈給作者)
Plugins→Toolbar→1.Mark Overlay(創建觸碰區域) 2.Mark Sizes(標注尺寸) 3.Mark Spacings(標注間距) 4.Mark Properties(屬性) 5.Mark Note(文字備注) Mark Exportable(導出) Color Name(對應的顏色) Spec Export(規范導出) Toggle Hidden(所有標注隱藏)
背景顏色標注:選中背景色Plugins→Sketch Measure→Toolbar(4.Mark Properties標注屬性)→選擇像素尺寸(保證默認)→顏色格式選擇色值#000000(以16進制)100%→保存→自動標注上信息→fill:#71A31D 100% opacity:100%(不透明度) radius:0pt(圓角半徑數值),不需要的可以刪除。盡可能簡潔,又不丟失任何細節。
界面的標注:1.對于純色的背景,需要標注背景的顏色;2.對于位圖,需要標注圖片的尺寸,以及它距離頂邊距或者底邊距的距離,如果不是左右居中的,還需要標注出左右間距,還要標注段落與段落之間,圖層與圖層之間的間距;文字需要標注出文字的字號,字體,顏色,行高等數據;按鈕對于圓角矩形來說需要標注圓角尺寸,圓角半徑,圓角顏色。
檢查插件是否安裝完成,在插件菜單Plugins→Manage Plugins→可以看到Sketch Measure by utom 2.2.2最新版本。
刪除插件(選中需要刪除的插件右擊,選擇第二個uninstall “sketch madsure”卸載插件);
pligins:插件,(Manage Plugins 管理插件→右下角單擊(獲取插件按鈕)→跳轉至官網插件庫→輸入需要的插件(標注插件measure(關鍵字)→sketch measure→跳轉到Github界面)→選擇Clone or download→download ZIP選擇下載)下載完成之后解壓,雙擊Plugin“sketch Measure 2.2.2”installed該插件已安裝完;