這些小技巧，其實(shí)就是設(shè)計(jì)師在平時(shí)設(shè)計(jì)過程中遇到的所有小問題的集合，也是大家最常出錯(cuò)或者亟需改善的一些要點(diǎn)，把這些小技巧掌握好，逐漸積累，你的設(shè)計(jì)的細(xì)節(jié)就會越來越好。設(shè)計(jì)，不就是拼細(xì)節(jié)嘛~一起來看看吧！

001. 使用Sketch中的Scale（縮放）工具進(jìn)行縮放

初學(xué)者經(jīng)常會犯的一個(gè)錯(cuò)誤就是，在Sketch中直接拖動來進(jìn)行縮放。但是這種縮放會讓你的設(shè)計(jì)稿一團(tuán)糟，尤其是文本等元素。

現(xiàn)在，推薦大家使用Sketch中的縮放工具來完成縮放。如下圖所示，這種縮放會等比例縮放畫面中的所有元素，大家不用擔(dān)心文字之類的元素了。

使用它很簡單，只需選擇要調(diào)整的項(xiàng)目或者組，然后單擊工具欄上的“縮放”按鈕，或者用快捷鍵CMD+K。在彈出的面板中直接調(diào)整百分百或者尺寸就可以啦。

002. 使用Craft或者sketch自動填充虛擬內(nèi)容。

Invision for Sketch 的Craft插件具有大量非常酷的工作流程增強(qiáng)工具。除了將畫板上傳到Invision之外，我使用的主要工具是自動填充。

使用它很簡單，我們要做的就是在文件中選擇圖像或者文本，然后選擇要添加的內(nèi)容類型即可。當(dāng)然你也可以用Sketch內(nèi)置的Data功能來填充，但是Craft要靈活很多，它甚至可以直接將網(wǎng)頁上的內(nèi)容添加到你的設(shè)計(jì)稿中。

003.在illustrator中生成完美的調(diào)色板

使用Illustrator的混合工具，很容易在幾秒鐘內(nèi)創(chuàng)建一個(gè)調(diào)色板?；旌瞎ぞ邽槲覀冊谌∩翘峁┝朔奖?。其他工具可以做到這一點(diǎn)，但是我認(rèn)為這是最快的方法。

方法如下：

? 步驟1：制作兩個(gè)矩形。分別將這兩個(gè)矩形設(shè)定為你所需要的兩種顏色開頭和結(jié)尾的顏色。

?步驟2：選中這兩個(gè)矩形，然后執(zhí)行菜單 對象>混合>混合選項(xiàng)。然后將間距設(shè)置為“指定的步驟”，并將數(shù)量設(shè)置為所需的顏色選項(xiàng)數(shù)量。

? 步驟3：選擇兩個(gè)矩形后，轉(zhuǎn)到“對象”>“混合”>“生成”，或按Option + CMD + B，這樣就搞定了！

004.整理&智能對齊

整理（Tidy Up）是Sketch和Figma中我最喜歡的功能之一。如果需要在列表或網(wǎng)格中對齊一組項(xiàng)目，選擇它們，然后單擊角落的藍(lán)色整理圖標(biāo)。在“Sketch”中，單擊右上角的“整理”。然后，可以按住shift鍵并將元素之間的填充拖動到所需的數(shù)量。

Sketch＆Figma中的智能布局是另一個(gè)很棒的功能。如果我有一個(gè)項(xiàng)目網(wǎng)格，則可以通過單擊中間的圓圈并將該項(xiàng)目拖動到新位置來快速交換對象的位置。就這么簡單！

005.在尺寸和位置輸入框使用數(shù)學(xué)公式

這個(gè)功能可以在Sketch，XD，F(xiàn)igma等其它設(shè)計(jì)工具中使用。如果我有一個(gè)100px寬的矩形，則可以在width字段中快速鍵入100/2，它將對象縮小到50px。我們同樣可以使用加減乘除這四個(gè)操作。

當(dāng)我需要將對象的大小加倍（* 2）或?qū)ο罂s小（/ 2）時(shí)，直接在輸入框輸入公式運(yùn)算即可。

006.通過按數(shù)字鍵更改對象不透明度

當(dāng)你需要更改文件圖層的不透明度對象時(shí)，不透明度的快速鍵可以節(jié)省大量時(shí)間。要使用它，您要做的就是選擇一個(gè)對象，然后按鍵盤上的任意數(shù)字（1–9），不透明度將立即調(diào)整。希望它的不透明度為70％？點(diǎn)擊鍵盤上的7就可以了，這適用于Sketch，F(xiàn)igma等程序。

007.Sketch中的智能布局

智能布局使您可以調(diào)整符號的內(nèi)容，而無需更改給定的填充。

要使用它，您要做的就是創(chuàng)建一個(gè)布局，然后單擊并創(chuàng)建一個(gè)Symbol（元件），然后設(shè)置布局以調(diào)整您想要的方式。對于按鈕樣式，我將布局設(shè)置為從中心水平調(diào)整。利用智能布局功能可以很方便的來完成很多自適應(yīng)布局效果，非常方便。

008.在按鈕項(xiàng)目文字前加圖標(biāo)

添加表情符號和圖標(biāo)可以幫助您一目了然地描述元素的功能?？吹椒糯箸R圖標(biāo)，用戶可以立即認(rèn)識到這是搜索功能，從而更快速的使用它們。有時(shí)候，圖標(biāo)+文字的表達(dá)效果要比單純的文字好很多。

009.為背景添加圖案和漸變

圖案和漸變是使不吸引人的內(nèi)容更加醒目且美觀的另一種好方法。在圖像后面或背景上添加簡單的圖案和漸變會為原本平淡無奇的設(shè)計(jì)增添風(fēng)格和風(fēng)味。只需一個(gè)圓，一點(diǎn)曲線，就有很好的表現(xiàn)。來試試吧！

010.為背景添加圖案和漸變

設(shè)計(jì)時(shí)不要忘記z軸！陰影是在設(shè)計(jì)中增加深度的一種好方法，它可以使您的生活看起來更具立體感。元素的高度可以幫助在應(yīng)用程序中創(chuàng)建信息的層次結(jié)構(gòu)。

用戶認(rèn)為深度代表了重要性-因此，越靠近的元素優(yōu)先級越高。但是，僅僅因?yàn)殛幱翱雌饋聿诲e(cuò)，并不意味著它們始終是不錯(cuò)的設(shè)計(jì)選擇。在設(shè)計(jì)決策時(shí)要有目的性，并在添加陰影時(shí)要記住這些元素的重要性，這一點(diǎn)很重要。在做出任何設(shè)計(jì)決策時(shí)，您應(yīng)該始終這樣做以改善體驗(yàn)，而不僅僅是美觀。

我們是知識搬運(yùn)工，我們是技術(shù)傳播者！

東莞瀟灑職業(yè)培訓(xùn)學(xué)校開設(shè)課程有：CNC數(shù)控編程、塑膠模具設(shè)計(jì)，壓鑄模具設(shè)計(jì)、沖壓模具設(shè)計(jì)， Solidworks/pro/E產(chǎn)品設(shè)計(jì)、AutoformR7工藝分析，非標(biāo)自動化設(shè)計(jì)、PLC編程、文職、電商、平面設(shè)計(jì)、新媒體等培訓(xùn)課程，瀟灑職業(yè)培訓(xùn)學(xué)校線下、線上、隨到隨學(xué)等學(xué)習(xí)方式，上班學(xué)習(xí)兩不誤，歡迎預(yù)約免費(fèi)試學(xué)！

即日起，組團(tuán)3人以上學(xué)習(xí)CNC電腦鑼實(shí)操課程，學(xué)費(fèi)全免，學(xué)會為止包就業(yè)，工資4000-6000以上