嫩草影院久久99_老司机午夜网站国内精品久久久久久久久_久久夜色精品国产_国产一级做a爰片久久毛片

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

2016-11-2    鶴鶴

 藍藍設計m.sdgs6788.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://m.sdgs6788.com

存檔

嫩草影院久久99_老司机午夜网站国内精品久久久久久久久_久久夜色精品国产_国产一级做a爰片久久毛片
<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 性高湖久久久久久久久| 久久中文在线| 久久综合色8888| 亚洲视频第一页| 亚洲天堂成人| 亚洲欧美久久久| 香蕉久久夜色精品| 欧美影院成人| 蜜桃av一区| 欧美日本视频在线| 国产精品永久免费视频| 国产亚洲欧洲997久久综合| 黄色成人91| 一区二区三区av| 欧美一区二视频| 欧美成人小视频| 国产精品视频自拍| 免费观看久久久4p| 欧美日韩你懂的| 欧美日韩综合| 国内精品嫩模av私拍在线观看| 亚洲第一视频网站| 一区二区三区欧美在线| 久久大逼视频| 亚洲国产精品热久久| 亚洲国产精品va在线看黑人动漫| 夜色激情一区二区| 久久久久久亚洲精品杨幂换脸 | 国产日韩专区| 伊人久久成人| 亚洲欧美在线磁力| 欧美成人官网二区| 午夜在线a亚洲v天堂网2018| 欧美成人中文| 国产专区欧美精品| 亚洲午夜在线观看视频在线| 老司机免费视频一区二区| 亚洲伦理在线| 久久亚洲视频| 国产美女精品视频免费观看| 亚洲品质自拍| 老司机aⅴ在线精品导航| 99在线热播精品免费| 蜜月aⅴ免费一区二区三区 | 99国产麻豆精品| 久久精品99无色码中文字幕| 99视频一区二区| 欧美粗暴jizz性欧美20| 精品1区2区| 欧美在线一二三区| 亚洲桃花岛网站| 欧美日韩免费观看一区二区三区| 亚洲国产一区在线| 免费看av成人| 久久蜜桃精品| 在线观看欧美日本| 裸体歌舞表演一区二区| 欧美一区二区三区电影在线观看| 久久精品综合| 性久久久久久| 国内精品免费在线观看| 久久精品一区| 久久久另类综合| 亚洲高清自拍| 亚洲欧洲一区二区天堂久久| 欧美刺激性大交免费视频| 亚洲国产日韩在线一区模特| 麻豆国产va免费精品高清在线| 欧美一区二区精品久久911| 亚洲精品一二三区| 亚洲国产日韩一级| 欧美激情a∨在线视频播放| 亚洲国产成人精品视频| 农夫在线精品视频免费观看| 久久综合网络一区二区| 亚洲福利视频一区| 亚洲国产另类久久精品| 欧美日韩国产一区二区三区| 亚洲视频中文字幕| 亚洲一区二区在线| 国产日韩精品在线观看| 农村妇女精品| 国产精品成人午夜| 久久天天综合| 欧美精品在线观看| 久久国产夜色精品鲁鲁99| 欧美伊人久久久久久午夜久久久久| 国产三级精品三级| 欧美电影在线观看完整版| 欧美日本三级| 久久久美女艺术照精彩视频福利播放| 久久久国产91| 亚洲天堂偷拍| 欧美一区成人| 亚洲乱码国产乱码精品精 | 午夜欧美大尺度福利影院在线看| 亚洲欧美一区二区三区在线| 一区精品在线播放| 日韩亚洲欧美精品| 国内激情久久| 亚洲看片免费| 国产一区二区三区在线观看免费 | 亚洲男人av电影| 一区二区自拍| 一区二区三区成人| 亚洲二区视频| 亚洲一区二区在线免费观看| 伊人久久av导航| 在线天堂一区av电影| 1000部国产精品成人观看| 一区二区三区国产盗摄| 狠狠久久五月精品中文字幕| 亚洲视频视频在线| 亚洲最新合集| 欧美va亚洲va香蕉在线| 久久久久这里只有精品| 国产精品久久久久久久久久尿| 免费观看一级特黄欧美大片| 国产精品久久一区二区三区| 亚洲国产日韩一区| 亚洲高清不卡| 久久精品人人做人人爽| 欧美一级日韩一级| 欧美性事在线| 亚洲日本欧美日韩高观看| 亚洲国产毛片完整版| 欧美制服丝袜第一页| 亚洲一区中文字幕在线观看| 欧美本精品男人aⅴ天堂| 牛夜精品久久久久久久99黑人| 国产精品五月天| 91久久久一线二线三线品牌| 亚洲国产天堂久久综合| 精品va天堂亚洲国产| 久久国产精品第一页| 久久久精彩视频| 韩国一区二区三区在线观看| 久久精品国产一区二区电影| 久久国产福利国产秒拍| 国产精品网红福利| 亚洲欧美日韩一区二区在线| 香港久久久电影| 国产乱肥老妇国产一区二| 亚洲一区二区三区免费视频| 羞羞视频在线观看欧美| 国产精品日韩二区| 欧美一区1区三区3区公司| 久久av老司机精品网站导航| 国产日本欧美一区二区三区在线| 一区二区av在线| 亚洲欧美日韩精品一区二区| 国产精品网站在线观看| 欧美一区二区女人| 欧美国产综合视频| 亚洲一本大道在线| 国产无遮挡一区二区三区毛片日本| 久久aⅴ乱码一区二区三区| 欧美成人免费在线| 一本色道久久综合狠狠躁篇的优点 | 在线看无码的免费网站| 免费不卡在线观看av| 亚洲国产精品t66y| 亚洲在线播放电影| 国产一区二区你懂的| 久久夜色精品国产亚洲aⅴ| 亚洲国产欧美一区二区三区久久 | 国产精品日本| 欧美在线啊v| 欧美激情亚洲激情| 亚洲综合国产精品| 狠狠爱www人成狠狠爱综合网| 欧美+亚洲+精品+三区| 日韩视频中文字幕| 久久精品国产在热久久| 亚洲国产精品久久久久秋霞影院 | 91久久久久久久久久久久久| 一本久久综合亚洲鲁鲁| 国产精品亚洲精品| 裸体素人女欧美日韩| 亚洲网站在线播放| 欧美韩日一区二区| 欧美一区亚洲二区| 亚洲国产婷婷香蕉久久久久久99 | 巨乳诱惑日韩免费av| 免费不卡在线视频| 中文在线一区| 国产欧美大片| 欧美金8天国| 久久精品在线免费观看| 亚洲九九九在线观看| 鲁鲁狠狠狠7777一区二区| 亚洲欧美日韩在线一区| 亚洲娇小video精品| 国产日韩欧美一区在线| 欧美精品一区二区三区在线看午夜 | 一本色道久久88综合日韩精品| 免费看亚洲片| 欧美在线播放| 亚洲欧美国产视频| 一区二区三区国产在线|