激情六月丁香婷婷|亚洲色图AV二区|丝袜AV日韩AV|久草视频在线分类|伊人九九精品视频|国产精品一级电影|久草视频在线99|在线看的av网址|伊人99精品无码|午夜无码视频在线

高校合作1：010-59833514 ?咨詢電話：400-810-1418 服務(wù)與監(jiān)督電話：400-810-1418轉(zhuǎn)接2

有10個(gè)UI設(shè)計(jì)小技巧，幫你快速改善設(shè)計(jì)質(zhì)量

發(fā)布時(shí)間：2024-04-02 09:41:29 瀏覽量：237次

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



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



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


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



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


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


Invision for Sketch 的Craft插件具有大量非?？岬墓ぷ髁鞒淘鰪?qiáng)工具。除了將畫板上傳到Invision之外，我使用的主要工具是自動(dòng)填充。



使用它很簡(jiǎn)單，我們要做的就是在文件中選擇圖像或者文本，然后選擇要添加的內(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)色板?；旌瞎ぞ邽槲覀?cè)谌∩翘峁┝朔奖恪Ｆ渌ぞ呖梢宰龅竭@一點(diǎn)，但是我認(rèn)為這是最快的方法。


方法如下：



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


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


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


004.整理&智能對(duì)齊



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



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


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


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


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


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


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



007.Sketch中的智能布局


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


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


靜電說：我們特別為大家準(zhǔn)備了Sketch與Figma智能布局的公開課，大家可以在關(guān)注靜Design公眾號(hào)后回復(fù)“智能布局”，獲取免費(fèi)的公開課視頻。



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


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



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


圖案和漸變是使不吸引人的內(nèi)容更加醒目且美觀的另一種好方法。在圖像后面或背景上添加簡(jiǎn)單的圖案和漸變會(huì)為原本平淡無奇的設(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)先級(jí)越高。但是，僅僅因?yàn)殛幱翱雌饋聿诲e(cuò)，并不意味著它們始終是不錯(cuò)的設(shè)計(jì)選擇。在設(shè)計(jì)決策時(shí)要有目的性，并在添加陰影時(shí)要記住這些元素的重要性，這一點(diǎn)很重要。在做出任何設(shè)計(jì)決策時(shí)，您應(yīng)該始終這樣做以改善體驗(yàn)，而不僅僅是美觀。

熱門課程推薦

熱門資訊

請(qǐng)綁定手機(jī)號(hào)

獲取驗(yàn)證碼
x

同學(xué)您好！

您已成功報(bào)名0元試學(xué)活動(dòng)，老師會(huì)在第一時(shí)間與您取得聯(lián)系，請(qǐng)保持電話暢通！
確定