国产黄色免费网站_久久天天做天天爱综合色_精品国产一区久久久_成人黄色激情网站_久久成人在线视频_美女一区二区在线观看_亚洲精品免费一区亚洲精品免费精品一区 _91精品国产综合久久精品麻豆

UI設計!9個你應該知道的Sketch實用技巧

2016-11-2    鶴鶴

 藍藍設計www.newchinaweekly.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計BS界面設計  cs界面設計  ipad界面設計  包裝設計  圖標定制  用戶體驗 、交互設計、 網站建設 平面設計服務 

如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

 

很多剛接觸Sketch 的同學驚嘆它的好用強大,不過它還有很多鮮為人知的實用功能,今天我們將一一為你說明這些特別好用的技巧,幫你加快設計流程 >>>


等一等,什么是 Sketch?


至去年 Sketch 第2版新舔的顏色設定后,越來越多的設計師已經切換用 Sketch 了。它的簡單的界面和性能使它比 Photoshop 更好用(不要忘了,Photoshop 最初是專為編輯和處理圖像以設計的),而其繪圖工具也很適用在向量圖形(vector) 上。Sketch 不是位圖影像(bitmap) 編輯工具。它配備了一個像素(pixel) 預覽,讓你更容易設計界面和圖標。


1. 智能型對象(Smart Object)插件 – Symbols


最近 Tisho Georgiev 發布了一個非常好用的 Sketch 插件,稱為 Symbols。它能讓設計師在設計時建立智能型對象(Smart Object),一個 Sketch 目前不支持的功能。


01.webp.jpg

 


智能型對象(Smart Object) 允許你在文件中重復使用同一個圖像。若你需要更改所有的圖像,你只需要編輯其中一個智能型對象 ,然后按 CMD + E 便可。


2. 智能型參考線(Smart Guides)


Sketch 支持多個鍵盤快捷鍵。”智能型參考線(Smart Guides)” 便是其中一個。


02.webp.jpg

 


只要抓住一個圖像,然后按住 ALT(或OPTION),智能型參考線(Smart Guides) 便會顯示出來,同時也會顯示所選圖像和文件最大高度或寬度之間的距離。如果你要檢查所選圖像與另一個圖像之間的距離,只需將鼠標懸停在那圖像上,智能型參考線(Smart Guides) 便會自動調整。


3. 簡易網格線(grid)


雖然制作網格線(grid) 不難,但 Sketch 令制作網格線(grid) 更簡單容易!


03.webp.jpg

 


Sketch 有一個稱為 “Create grid” 的功能。點擊工具欄中的四個方格(如圖右上方的圖像),就會跳出一個菜單,在這里你可以設定你所需的行數和列數。


如果你設定每個物體四周的間距,你可以選擇 Boxed 選項。


4. 畫板(Artboards) 預設


當你使用畫板(Artboards)(Sketch 有很多默認的畫布(Canvas))時,畫板的預設也是很有用的。點擊工具欄上的畫板(Artboards)按鈕時,你便可以從工具欄中選擇不用的設定。


04.webp.jpg

 


這些是可以立刻使用的設定。


這些預設的設定可讓你更有效地編寫你的工作。例如,你可以建立一個有不同大小的畫板(Artboards)的文件,那你就不必記住各個圖標或圖像的尺寸了!


5. 范本(Templates)


Sketch 可讓你直接從范本(Templates) 創建一個新的文件,點擊菜單選項 File > New from template 便可。你也可以把當前的文件保存為模板(Templates),點擊 File > Save as template 便成。


05.webp.jpg

 


這是個又方便又好用的功能。例如,為iOS設計時,你建立一個包括狀態區和菜單選項的文件文件,然后將其保存為模板(Templates),這樣你便可以用在其他iOS設計中。


6. 快捷鍵(Shortcuts)


之前也提到,Sketch 提供了許多快捷鍵。例如 Robert van Klinken 和 Jeffrey de Groot 寫的 Sketch Shortcuts。它(幾乎)說明了有每個 Sketch 的快捷鍵的使用方法。


您也可以通過OS X的系統偏好設置 設定你自己的快捷鍵。其中一些例子都寫在Sketch Shortcuts的底部。


06.png

 


7. 顏色編輯清單(Color Picker)


想輕松地從屏幕上挑選顏色,只要按下 CTRL + C ,一個放大鏡便會出現,方便你選擇你想要的顏色。即方便又簡單。


07.webp.jpg

 


8. 完美的像素


這可是 Sketch 最好的功能!它能把每個像素點準確地定位。


例如,你的圖層(layer)中的圖像包含不完整的像素(pixel),或位置點不完整。你可能會為(在其他的圖形軟件)調整這些不完整的像素點而頭疼,但在Sketch中,只要點擊Edit > Round to nearest pixels edge(或者自定快捷鍵),整個圖層(layer)的圖像和圖像地址便會自動調整。


08.webp.jpg

 


給你的建議:自定快捷鍵!


當你需要匯入圖目標時候,這個功能可讓不完整的像素(pixel) 調整至正數。


注:如果你的設計是用@2X(用于高像素密度的屏幕),但卻要在匯出@1X時,要留意每個位置的像素都需要是 2 的整除,否則像素又會變得不完整和模糊。


9. 匯出(Exporting)


Sketch 擁有最強的導出功能,只要點擊 File > Export 和畫出你所需要的切片(slices) 便可。你也可以用@1x匯出@2x的解像度。相對地,你也可以用@2x導出@1x的圖像。


09.png

 


Sketch 提供很多切割(slices) 功能。在菜單中點選 File > Add Slice from Selection,你可以選擇你剛建立的圖層(layer),然后點選那圖像便會自動畫出跟圖像一樣大小的切片。


結論


Sketch 還有許多實用,簡易又快捷的功能和插件,你可以用上述的技巧提高你的工作流程。

 

日歷

鏈接

個人資料

藍藍設計的小編 http://www.newchinaweekly.com

存檔

aa视频在线播放| 国产色a在线观看| 狠狠色噜噜狠狠狠狠8888| 777永久免费网站国产| 国产专区在线| 成人免费网站www网站高清| 日韩三级精品| 亚洲视频福利| 久久影院午夜片一区| 欧美视频裸体精品| 日韩精品久久久久久福利| 69久久夜色精品国产69乱青草| 99理论电影网| 国产一区二区视频播放| 97人妻精品一区二区三区免| www亚洲视频| 久热精品免费视频| 亚洲男人天堂| yy6080久久伦理一区二区| 久久美女视频| av中文字幕亚洲| 欧美影片第一页| 欧美黑人一区二区三区 | 玖玖爱在线观看| 五月婷婷激情五月| 亚洲欧美色图区| 可以在线观看的黄色| 国产精品中文| 蜜桃视频第一区免费观看| 亚洲综合无码一区二区| 亚洲人成在线观| 国产精品 日韩| 香蕉视频999| aaaaaa毛片| www.夜夜| 中文日产幕无线码一区二区| 亚洲大全视频| 亚洲天堂久久久久久久| 亚洲欧洲xxxx| 久久久水蜜桃| 白嫩情侣偷拍呻吟刺激| 国产美女无遮挡永久免费| 成人www视频网站免费观看| 欧美韩国亚洲| 日本欧美韩国一区三区| 欧美视频一二三| 26uuu国产精品视频| 精品国偷自产一区二区三区| 一级片一级片一级片| 韩国专线一区二三区| av免费在线免费| 午夜欧美精品| 亚洲国产成人精品视频| 久久免费视频在线| 成年人网站免费视频| wwwxxx亚洲| 黄网视频在线观看| 中文字幕亚洲在线观看| 成人av一区二区三区| 亚洲精品一区二区三区婷婷月| 久久久久久高清| 加勒比综合在线| 欧美另类videos粗暴黑人| 国产蜜臀一区二区打屁股调教| 亚洲福利专区| 91福利在线看| 69堂成人精品视频免费| 波多野结衣视频播放| 思思99精品视频在线观看| 3344国产永久在线观看视频| 米奇777在线欧美播放| 欧美日韩五月天| 国产偷久久久精品专区| 国产精成人品免费观看| 人人干人人草| 成人h动漫精品一区二区器材| 久久只精品国产| 欧美久久久精品| 激情婷婷综合网| 可以免费观看的毛片| 国产在线高潮| 蜜臀av亚洲一区中文字幕| 亚洲精品国精品久久99热一| 亚洲一卡二卡三卡四卡无卡网站在线看| 免费看一级大片| 九七午夜视频| 亚洲91久久| 欧美精品 国产精品| 四虎永久国产精品| 天天射天天干天天| 色多多视频在线观看| 亚洲深爱激情| 亚洲精品视频二区| 欧美韩国日本在线| 四虎影视最新地址| vam成人资源在线观看| 中文字幕一区二区三区在线播放| 国产成人a亚洲精品| www.久久国产| sm一区二区三区| 午夜激情一区| 亚洲成人免费网站| 无码aⅴ精品一区二区三区浪潮| 亚洲h视频在线观看| 国产综合色区在线观看| 国产亚洲婷婷免费| 国产免费一区二区三区香蕉精| 国产人妻大战黑人20p| 国产农村av| 国产精品呻吟| 中文字幕欧美精品日韩中文字幕| 向日葵污视频在线观看| 成年人黄国产| 日韩.com| 精品欧美一区二区在线观看| 黄色一级在线视频| 精品国语对白精品自拍视| 国产综合久久久| 精品国产制服丝袜高跟| 三年中国国语在线播放免费| 久久久久久91精品色婷婷| av资源久久| 亚洲高清av在线| 亚洲综合激情视频| 天天影视色香欲综合网天天录日日录| 亚洲天天影视网| 国产一区二区三区精品久久久 | 三级全黄视频| 日本黄色精品| 亚洲欧美国产精品| 国产一线在线观看| 亚洲无限乱码一二三四麻| 免费在线观看视频一区| 午夜精品视频在线| 国产极品美女在线| 日本色护士高潮视频在线观看| 日本一区二区免费在线| 久久99精品国产99久久| 亚洲黄色在线播放| 亚洲+变态+欧美+另类+精品| 精品欧美一区二区在线观看| 波多野吉衣在线视频| 91精品久久久久久9s密挑| 国产九色精品成人porny| 成人激情视频在线| 国产又黄又粗又硬| 99国产精品免费网站| 日韩精品在线看片z| 中文字幕在线观看91| 久蕉在线视频| 欧美国产激情二区三区| 亚洲 日韩 国产第一区| 九九精品视频在线观看九九| 亚洲精品tv久久久久久久久久| 大胆欧美人体视频| 久久久美女视频| 国产成人亚洲一区二区三区| 欧美挠脚心视频网站| 免费黄频在线观看| 欧美少妇另类| 成人欧美一区二区三区视频网页| 潘金莲一级淫片aaaaa免费看| 性一交一乱一色一免费无遮挡| 又污又黄的网站| 亚洲三级av| 亚洲日本aⅴ片在线观看香蕉| 最近中文字幕在线mv视频在线| 怡红院在线观看| 91国偷自产一区二区使用方法| 亚洲成人福利在线| 岛国在线视频| 亚洲大片精品永久免费| 欧美日韩在线观看不卡| 欧美巨乳在线| 五月天中文字幕一区二区| 日韩av.com| 91蜜桃在线视频| 91成人看片片| 日韩av一二区| 日韩电影免费观| 亚洲第一精品久久忘忧草社区| 亚洲av毛片基地| 黄色成人在线观看网站| 日韩国产激情在线| 久久免费小视频| 秋霞蜜臀av久久电影网免费| 欧美成人在线网站| 国产精品高潮呻吟久久久| 中文字幕av亚洲精品一部二部| 国产精品av在线播放| 午夜在线视频免费| 欧美亚洲自偷自偷| 蜜桃视频日韩| 四色永久免费网站| 最新热久久免费视频| 福利片一区二区三区| 超碰在线中文字幕| 亚洲电影免费观看| 久草视频一区二区| 国产精品九九|