對于UI設(shè)計師來說，這充滿著新鮮空氣。

我想說：感謝它讓它不再是UI設(shè)計師必備的軟件。這時候很多新手UI設(shè)計師都充滿了興趣，甚至躍躍欲試想要學(xué)習(xí)。下面胡老師就給大家分享UI設(shè)計中的一些使用指南——入門指南。

1. 符號

它擁有大量內(nèi)置功能，可讓您以最快的速度從 A 到達(dá) B。但如果您不知道這些功能是什么怎么辦？別擔(dān)心，胡老師在這里。

如果您在博客文章中看到“符號”一詞，您是否想過，“什么是符號？我該如何使用它？”符號實際上是網(wǎng)絡(luò)上最強大的省時功能之一。如果您不使用它們，那么您今天可能就無法完成工作！

符號只是可以反復(fù)使用的圖層。如果您更改符號，該符號的每個實例都會更新。因此，您無需再對一個畫板進(jìn)行調(diào)整，而只需對其他 10 個畫板進(jìn)行相同的調(diào)整！

2. 命名圖層和畫板

一旦您開始涉足設(shè)計，您所需要擔(dān)心的就是命名您的圖層和畫板！

但許多初學(xué)者低估了維持邏輯性和描述性命名方案的重要性。

首先，良好的命名方案使文檔更易于瀏覽。想象一下，你正在處理一個文件，一個月后再次打開它，因此命名也是良好習(xí)慣的一部分。

如果沒有正確命名的圖層和畫板，幾乎不可能記住它們的位置。忘記搜索特定圖層吧！

擁有正確命名的文件還意味著其他設(shè)計師可以輕松打開和使用它們并從上次中斷的地方繼續(xù)操作sketch是做什么的，而無需浪費時間搜索。

正確命名的作用

良好的命名方案不僅能讓您的文件易于瀏覽，還能使導(dǎo)出過程更加簡單！您是否知道，如果您將圖層、組或畫板命名為“/icon”，然后導(dǎo)出該圖層，它可以智能地將圖像導(dǎo)入到相應(yīng)的文件夾中。

3. 不使用參考線、網(wǎng)格和布局

它附帶大量工具，可幫助您快速高效地設(shè)計 UI。這些工具包括參考線、網(wǎng)格和布局，它們的工作方式各不相同，但都可以幫助您保持設(shè)計的對稱性和一致性。

輔助線

參考線為您提供了一個結(jié)構(gòu)，用于對齊設(shè)計元素。參考線不會在最終設(shè)計中導(dǎo)出，您可以隨時繪制。

只需單擊并從標(biāo)尺拖動到畫布的頂部和左側(cè)即可創(chuàng)建參考線。如果您沒有看到任何標(biāo)尺，請轉(zhuǎn)到“畫布 >> 顯示標(biāo)尺”以啟用它們。

還有一項功能稱為“智能指南”。這些指南不是由您創(chuàng)建的，而是在您移動物體時嘗試智能地判斷距離和路線。

親自嘗試創(chuàng)建兩個形狀，然后移動其中一個。您將看到這些紅色虛線出現(xiàn)，以幫助您調(diào)整形狀。

智能參考線可以節(jié)省大量時間，但有時會造成麻煩或有點麻煩。如果您不喜歡它們，可以通過單擊“視圖”>>“畫布”>>“顯示智能參考線”將其關(guān)閉。

網(wǎng)格

網(wǎng)格由覆蓋整個畫板的線條組成，可以讓您保持一致。

您可以通過前往布局>>網(wǎng)格設(shè)置來調(diào)整網(wǎng)格的間距和顏色。

布局

布局的工作原理與網(wǎng)格類似。它們的目的是幫助您保持一致性。但是，布局不是傳統(tǒng)的網(wǎng)格線，而是提供垂直和水平列，您可以使用它們在整個設(shè)計過程中保持元素始終對齊且大小正確。

布局對于網(wǎng)絡(luò)和移動布局特別有用，其中視口大小可能會根據(jù)瀏覽器或設(shè)備尺寸而變化。

4. 不使用畫板模板

在 中節(jié)省大量時間和麻煩的另一種方法是使用軟件附帶的預(yù)制畫板模板。

您只需單擊畫板工具（插入>>畫板）即可查看這些模板，然后您將在右側(cè)的檢查器中看到可用的模板。

為 iOS、圖標(biāo)和其他內(nèi)容提供了有用的入門模板sketch是做什么的，這有助于消除創(chuàng)作中的猜測和不明確的尺寸。

5.使用插件

這無疑是一個功能強大的 UI 設(shè)計程序，但它并不能完成所有事情！

這就是插件的作用所在：插件通過添加額外的功能來擴展功能。

我建議做的第一件事是下載，它可以幫助您搜索和管理插件。

完成后，花一些時間學(xué)習(xí)使用該插件并看看它有什么樣的功能！

我建議使用 Icon Font 插件輕松地將圖標(biāo)添加到您的設(shè)計中，并使用 Magic 插件來設(shè)計漂亮的 UI 設(shè)計。

總結(jié)

它表面看似簡單，背后卻隱藏著無數(shù)快捷強大的功能，學(xué)會其中精髓后可以節(jié)省大量時間，提升你的設(shè)計水平。

如有侵權(quán)請聯(lián)系刪除！