• <abbr id="chdyf"></abbr>
    <ruby id="chdyf"><acronym id="chdyf"><meter id="chdyf"></meter></acronym></ruby>
    <bdo id="chdyf"></bdo>
    <dfn id="chdyf"><menu id="chdyf"></menu></dfn>
    1. <menuitem id="chdyf"></menuitem><strong id="chdyf"><menu id="chdyf"></menu></strong>

      <rt id="chdyf"><menu id="chdyf"></menu></rt>
      成人小说一区二区三区,伊人精品成人久久综合全集观看,久久HEZYO色综合,中文字幕精品人妻熟女,影音先锋成人网站,我要看免费一级毛片,中国女人做爰A片,中文字幕av久久爽Av

      UI設(shè)計!9個你應(yīng)該知道的Sketch實用技巧

      2016-11-2    鶴鶴

       藍(lán)藍(lán)設(shè)計www.wtxcl.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計BS界面設(shè)計  cs界面設(shè)計  ipad界面設(shè)計  包裝設(shè)計  圖標(biāo)定制  用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 平面設(shè)計服務(wù) 

      如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點(diǎn)這里

       

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


      等一等,什么是 Sketch?


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


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


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


      01.webp.jpg

       


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


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


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


      02.webp.jpg

       


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


      3. 簡易網(wǎng)格線(grid)


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


      03.webp.jpg

       


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


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


      4. 畫板(Artboards) 預(yù)設(shè)


      當(dāng)你使用畫板(Artboards)(Sketch 有很多默認(rèn)的畫布(Canvas))時,畫板的預(yù)設(shè)也是很有用的。點(diǎn)擊工具欄上的畫板(Artboards)按鈕時,你便可以從工具欄中選擇不用的設(shè)定。


      04.webp.jpg

       


      這些是可以立刻使用的設(shè)定。


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


      5. 范本(Templates)


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


      05.webp.jpg

       


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


      6. 快捷鍵(Shortcuts)


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


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


      06.png

       


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


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


      07.webp.jpg

       


      8. 完美的像素


      這可是 Sketch 最好的功能!它能把每個像素點(diǎn)準(zhǔn)確地定位。


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


      08.webp.jpg

       


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


      當(dāng)你需要匯入圖目標(biāo)時候,這個功能可讓不完整的像素(pixel) 調(diào)整至正數(shù)。


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


      9. 匯出(Exporting)


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


      09.png

       


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


      結(jié)論


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

       

      日歷

      鏈接

      個人資料

      存檔

      主站蜘蛛池模板: 欧美日本道视频播放| 久久精品国产亚洲av麻豆四虎| 国产偷伦| 高清乱码免费入口| 中文字幕精品人妻丝袜| 亚洲AV无码成人影片在线观看| 日韩美女99精品| 亚洲精品四区| 日韩AV中文字幕一区| 亚洲AV无码专区国产乱码4| 亚洲国产一区二区A毛片| 国产乡下妇女做爰视频| 中文字幕亚洲乱码| 精品国产亚洲av三区| 中文字幕A片免费观看| 国产乱码精品一区| 龙泉市| 日本视频一区在线观看免费| 第一色网| 成人无码区免费A片在线软件| 漳平市| 中文人妻无码一区二区三区| 日韩毛片| 精品成人18| 日本高清免费一级一片| 国产精品私拍99pans大尺度| 欧美牲交视频| 四虎成人精品在永久免费| 国产精品天天干| 国产熟女在线看| 国产日本免费最新一区| 91牛| 汪清县| [国产剧情]麻豆正在播放| 好骚综合av| 日屄视频网站| 亚洲色A| 亚洲日韩在线视频| 国产精品无码一区二区在线观一 | 国产熟女第三页| 午夜欧美|