国产一精品一aⅴ一免费-国产一精品一av一免费-国产一精品一av一免费爽爽-国产一久久香蕉国产线看观看-国产一卡2卡3卡四卡高清-国产一卡二卡3卡4卡视频

一組實(shí)用熱門的Sketch技巧幫你快速過稿

2018-01-25 1246 7
今天繼續(xù)更新之前提到的Sketch技巧系列,匯總了對設(shè)計(jì)師日常工作幫助最多的方法,包括常用快捷鍵和一些小技巧。今天的最后一條還蠻亮的,很實(shí)用,很少人能想到這樣做呦。 一、“插入”的常用快捷鍵 你在使用Sketch時經(jīng)常需要插入哪些對象?基本是這些:Artboard A,文本 T,矩形 R,圓角矩形 U,圓形O,直線 L。 01-sketch-tips-tricks-ui-ux-design.png
二、最恰當(dāng)?shù)目s放模式
  • 100%實(shí)際大小:CMD + 0
  • 完整畫布預(yù)覽:CMD + 1
  • 放大至特定的對象:選中對象,按CMD + 2
02-sketch-tips-tricks-ui-ux-design.png 03-sketch-tips-tricks-ui-ux-design.png
三、橫向滾動 如果你沒有觸控板,那么怎樣使畫布左右滾動?按Shift + 鼠標(biāo)滾動 即可。
四、隱藏/顯示側(cè)邊欄 如果你的設(shè)備屏幕比較小,可以通過隱藏圖層列表欄(左邊欄)或檢查器欄(右邊欄)來獲取更多的顯示空間,快捷鍵為CMD + Alt + 3。你也可以只隱藏左邊欄(CMD + Alt + 1)或右邊欄(CMD + Alt + 2)。
04-sketch-tips-tricks-ui-ux-design.png
五、演示模式 使用快捷鍵CMD + . 可以在普通模式和演示模式之間切換,在展示設(shè)計(jì)方案時非常有用。
六、標(biāo)尺 你可以通過快捷鍵Ctrl + R來切換標(biāo)尺的顯示與隱藏。在標(biāo)尺上單擊可以添加參考線;在標(biāo)尺上將參考線拖拽到左右或上邊緣即可刪除。 05-sketch-tips-tricks-ui-ux-design.png 下面是演示參考線操作的動態(tài)GIF。 06-sketch-tips-tricks-ui-ux-design.gif
七、查看界面元素的間距 對于Sketch,我個人最喜歡的功能之一就是查看界面元素之間的距離,你只需選擇某個元素然后按Alt即可查看該元素到界面邊緣的四個距離值。 如果需要查看兩個元素之間的距離,在選中第一個元素后按住Alt然后將光標(biāo)指向第二個元素即可。 此時如果按住Alt并移動元素,便能在移動過程中時刻看到元素之間的距離變化;非常有用的功能。
07-sketch-tips-tricks-ui-ux-design.png
八、縮放元素 無需拖拽,選中界面元素后,使用快捷鍵CMD + 方向鍵即可按1像素為單位精準(zhǔn)進(jìn)行縮放。要以10像素為單位來縮放,同時再按住Shift即可。
九、命名和分組 當(dāng)設(shè)計(jì)項(xiàng)目越做越大時,對界面元素的命名和分組就變得格外重要了。我個人每次新建一個對象時,都會立刻通過快捷鍵CMD + R將這個元素重命名。 舉例說,我想創(chuàng)建一個按鈕。把元素都放置好之后,選中它們,使用快捷鍵CMD + G將它們分為一組,然后通過CMD + R進(jìn)行重命名,輸入“Button”。 08-sketch-tips-tricks-ui-ux-design.png
十、復(fù)制對象 如果你懶得一直用CMD + C和CMD + V來復(fù)制對象,也可以直接通過快捷方式CMD + D來實(shí)現(xiàn)。復(fù)制出來的對象會默認(rèn)處于原位,如果你覺得這樣不OK,也可以在設(shè)置當(dāng)中設(shè)置偏量。
09-sketch-tips-tricks-ui-ux-design.png
十一、創(chuàng)建界面流程圖 你也可以使用Sketch創(chuàng)建界面流程圖。一個具體的問題是,如果在artboard之間繪制箭頭以代表流程方向,Sketch會隱藏掉artboard邊界以外的部分: 10-a-sketch-tips-tricks-ui-ux-design.png 你可以把所有的箭頭圖層移到列表頂部,并放到一個沒有背景色的大artboard當(dāng)中。這樣箭頭就可以獨(dú)立于每個界面的artboard正常顯示了。 此外,你還可以在所有圖層底部另建一個大的artboard,設(shè)置一個恰當(dāng)?shù)谋尘吧_@樣一方面可以使流程圖更具層次,一方面還可以通過導(dǎo)出這個背景artboard來將全部界面放置在一個大的圖片文件中,而不是常規(guī)的那樣分頁導(dǎo)出。 10-sketch-tips-tricks-ui-ux-design.png 
20
評論區(qū)(0)
正在加載評論...
相關(guān)推薦
主站蜘蛛池模板: 日韩毛片最新看 | 日本一级欧美一级中文 | 欧美xxxwww | 青草青草久热精品视频99 | 亚洲国产精品综合久久久 | 国产成人18黄禁网站免费观看 | 久久国产精品99久久久久久老狼 | 天天干夜夜谢 | 国产一级特黄一级毛片 | 四虎久久久 | 日韩黄网 | 亚洲精品一区二区三区www | 国产精品伦理 | 免费欧美在线视频 | 亚洲乱码一区二区三区在线观看 | 亚洲精品国产一区二区三 | 久久九九亚洲精品 | 免费视频精品一区二区 | 看免费的毛片 | 日韩精品一区二区三区中文3d | 高清色视频 | 欧美性大战久久久久久久蜜桃 | 国产片欧美片亚洲片久久综合 | 久青草国产观看在线视频 | 成人免费视频视频在线不卡 | 亚州综合 | 国产亚洲精品九九久在线观看 | 亚洲欧美日韩高清一区二区一 | 国产亚洲欧美在线观看的 | 日韩a一级欧美一级 | 四虎免费看片 | 亚洲香蕉在线 | 欧美日韩国产精品 | 欧美亚洲综合另类型色妞 | 色偷偷亚洲女性天堂 | 奇米影视在线视频 | 神马午夜剧场 | 欧美成人猛男性色生活 | 亚洲欧美中文日韩二区一区 | va亚洲va日韩不卡在线观看 | 青青青青手机在线视频观看国产 |