UI設計中Sketch使用指南—入門篇

　　對于UI設計師而言，Sketch充滿了新鮮空氣。
 

　　我想說：感謝sketch讓Photoshop不再是UI設計師必備軟件。這時候很多初學者的UI設計師對sketch充滿了興趣，甚至踴躍學習。下面AAA教育胡老師給大家分享一些UI設計中sketch使用指南—入門篇。
 

　　1.符號
 

　　Sketch具有大量的內置功能，可讓您盡快從A轉到B。但是，如果您不了解這些功能怎么辦?甭著急胡老師來了。
 

　　如果您在Sketch中看到“符號”一詞，有沒有考慮過“什么是符號，我該如何使用它?” 符號實際上是Sketch上最強大的省時功能之一。如果您不使用它們，那么您可以也就完不成今天的工作!
 

　　符號只是可以反復使用的圖層。如果更改符號，則該符號的每個實例都會更新。因此，不再需要對一個畫板進行調整，而只需要對其他10個畫板進行相同的調整即可!
 

　　2命名圖層和畫板
 

　　一旦開始涉足設計，您要擔心的就是圖層和畫板的命名!
 

　　但是許多初學者低估了保持邏輯和描述性命名方案的重要性。
 

　　首先，一個好的命名方案可以使文檔更容易瀏覽。想象一下您正在處理文件，然后過了一個月才再次打開它是什么樣，所以命名也是良好習慣的一部分。
 

　　如果沒有正確命名的圖層和畫板，幾乎不可能記住什么地方。忘記搜索特定的圖層!
 

　　擁有正確命名的文件還意味著其他設計人員可以方便打開和使用，并在您上次停下來的地方進行提取，而不必浪費時間進行搜索。
 

　　正確命名的作用
 

　　好的命名方案不僅可以使文件易于瀏覽，而且還可以使導出過程更輕松!您是否知道，如果您將圖層，組或畫板命名為“assets/圖標”，然后導出該圖層，它可以智能的將圖片導入適當?shù)奈募A中。
 

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

　　Sketch附帶了大量工具，可幫助您快速有效地設計UI。其中包括輔助線，網(wǎng)格和布局，所有這些都以不同的方式工作，但是在這里可以幫助您使設計保持對稱和對齊。
 

　　輔助線
 

　　輔助線可以將您創(chuàng)建設計元素可以捕捉到的結構。輔助線不會在最終設計中導出，它們可以隨用隨拉。
 

　　您可以通過簡單地從標尺上單擊并將其拖到畫布的頂部和左側來創(chuàng)建輔助線。如果您沒有看到任何標尺，轉到“畫布>>顯示標尺”以啟用它們。
 

　　Sketch還具有稱為“智能輔助線”的功能。這些并不是您自己創(chuàng)建的，而是Sketch在您移動對象時嘗試智能判斷距離和路線。
 

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

　　Smart Guides可以節(jié)省大量時間，但有時可能會妨礙您的工作，或者有些麻煩。如果您不喜歡它們，可以通過單擊查看>>畫布>>顯示智能向導來關閉它們。
 

　　網(wǎng)格
 

　　網(wǎng)格由覆蓋整個畫板的線條組成，以便為您提供使事物保持一致的作用
 

　　您可以通過轉到布局>>網(wǎng)格設置來調整網(wǎng)格的間距和顏色。
 

　　版面
 

　　布局的工作方式與網(wǎng)格相似。他們的目的是幫助您保持一致。但是，布局不是傳統(tǒng)的網(wǎng)格線，而是提供了垂直和水平列，可用于使元素在整個設計中保持一致的對齊和正確的大小。
 

　　布局對于視口大小可能會根據(jù)瀏覽器或設備尺寸而變化的Web和移動布局特別有用
 

　　4.不使用畫板模板
 

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

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

　　Sketch提供了適用于iOS，Android，圖標和其他內容的有用的入門模板，這有助于避免猜測創(chuàng)建和不清楚尺寸。
 

　　5.使用插件
 

　　Sketch當然是用于設計UI的功能強大的程序，但它不能完成所有工作!
 

　　這就是插件的來源：插件通過添加額外的功能來擴展Sketch的功能。
 

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

　　完成此操作后，花一些時間學習使用插件，看看那里有什么樣的功能!
 

　　我建議您使用Icon Font插件可以輕松地將圖標添加到Sketch設計中，并建議使用Magic Mirror插件，可以設計漂亮的UI設計稿。
 

　　總結
 

　　在表面上看來sketch很簡單，但是隱藏在背后的快捷，強大的功能更是數(shù)不勝數(shù)。學到精髓之后可以節(jié)省很多時間，并且可以提升您的設計水平。
 

　　如果您對sketch感興趣可以去AAA官網(wǎng)查看更多關于UI設計的文章！