對于UI設(shè)計師而言,Sketch充滿了新鮮空氣。
我想說:感謝sketch讓Photoshop不再是UI設(shè)計師必備軟件。這時候很多初學(xué)者的UI設(shè)計師對sketch充滿了興趣,甚至踴躍學(xué)習(xí)。下面AAA教育胡老師給大家分享一些UI設(shè)計中sketch使用指南—入門篇。
1.符號
Sketch具有大量的內(nèi)置功能,可讓您盡快從A轉(zhuǎn)到B。但是,如果您不了解這些功能怎么辦?甭著急胡老師來了。
如果您在Sketch中看到“符號”一詞,有沒有考慮過“什么是符號,我該如何使用它?” 符號實際上是Sketch上最強大的省時功能之一。如果您不使用它們,那么您可以也就完不成今天的工作!
符號只是可以反復(fù)使用的圖層。如果更改符號,則該符號的每個實例都會更新。因此,不再需要對一個畫板進行調(diào)整,而只需要對其他10個畫板進行相同的調(diào)整即可!
2命名圖層和畫板
一旦開始涉足設(shè)計,您要擔(dān)心的就是圖層和畫板的命名!
但是許多初學(xué)者低估了保持邏輯和描述性命名方案的重要性。
首先,一個好的命名方案可以使文檔更容易瀏覽。想象一下您正在處理文件,然后過了一個月才再次打開它是什么樣,所以命名也是良好習(xí)慣的一部分。
如果沒有正確命名的圖層和畫板,幾乎不可能記住什么地方。忘記搜索特定的圖層!
擁有正確命名的文件還意味著其他設(shè)計人員可以方便打開和使用,并在您上次停下來的地方進行提取,而不必浪費時間進行搜索。
正確命名的作用
好的命名方案不僅可以使文件易于瀏覽,而且還可以使導(dǎo)出過程更輕松!您是否知道,如果您將圖層,組或畫板命名為“assets/圖標”,然后導(dǎo)出該圖層,它可以智能的將圖片導(dǎo)入適當(dāng)?shù)奈募A中。
3.不使用參考線,網(wǎng)格和布局
Sketch附帶了大量工具,可幫助您快速有效地設(shè)計UI。其中包括輔助線,網(wǎng)格和布局,所有這些都以不同的方式工作,但是在這里可以幫助您使設(shè)計保持對稱和對齊。
輔助線
輔助線可以將您創(chuàng)建設(shè)計元素可以捕捉到的結(jié)構(gòu)。輔助線不會在最終設(shè)計中導(dǎo)出,它們可以隨用隨拉。
您可以通過簡單地從標尺上單擊并將其拖到畫布的頂部和左側(cè)來創(chuàng)建輔助線。如果您沒有看到任何標尺,轉(zhuǎn)到“畫布>>顯示標尺”以啟用它們。
Sketch還具有稱為“智能輔助線”的功能。這些并不是您自己創(chuàng)建的,而是Sketch在您移動對象時嘗試智能判斷距離和路線。
自己嘗試創(chuàng)建兩個形狀,然后再移動其中之一。您會看到出現(xiàn)這些紅色虛線,以幫助您調(diào)整形狀。
Smart Guides可以節(jié)省大量時間,但有時可能會妨礙您的工作,或者有些麻煩。如果您不喜歡它們,可以通過單擊查看>>畫布>>顯示智能向?qū)黻P(guān)閉它們。
網(wǎng)格
網(wǎng)格由覆蓋整個畫板的線條組成,以便為您提供使事物保持一致的作用
您可以通過轉(zhuǎn)到布局>>網(wǎng)格設(shè)置來調(diào)整網(wǎng)格的間距和顏色。
版面
布局的工作方式與網(wǎng)格相似。他們的目的是幫助您保持一致。但是,布局不是傳統(tǒng)的網(wǎng)格線,而是提供了垂直和水平列,可用于使元素在整個設(shè)計中保持一致的對齊和正確的大小。
布局對于視口大小可能會根據(jù)瀏覽器或設(shè)備尺寸而變化的Web和移動布局特別有用
4.不使用畫板模板
在Sketch中節(jié)省大量時間和麻煩的另一種方法是使用軟件附帶的預(yù)制畫板模板。
您只需單擊畫板工具(插入>>畫板)即可查看這些模板,然后您將在右側(cè)的檢查器中看到可用的模板。
Sketch提供了適用于iOS,Android,圖標和其他內(nèi)容的有用的入門模板,這有助于避免猜測創(chuàng)建和不清楚尺寸。
5.使用插件
Sketch當(dāng)然是用于設(shè)計UI的功能強大的程序,但它不能完成所有工作!
這就是插件的來源:插件通過添加額外的功能來擴展Sketch的功能。
我建議做的第一件事是下載Sketch Toolbox,它可以幫助您搜索和管理插件。
完成此操作后,花一些時間學(xué)習(xí)使用插件,看看那里有什么樣的功能!
我建議您使用Icon Font插件可以輕松地將圖標添加到Sketch設(shè)計中,并建議使用Magic Mirror插件,可以設(shè)計漂亮的UI設(shè)計稿。
總結(jié)
在表面上看來sketch很簡單,但是隱藏在背后的快捷,強大的功能更是數(shù)不勝數(shù)。學(xué)到精髓之后可以節(jié)省很多時間,并且可以提升您的設(shè)計水平。
如果您對sketch感興趣可以去AAA官網(wǎng)查看更多關(guān)于UI設(shè)計的文章!
填寫下面表單即可預(yù)約申請免費試聽!怕錢不夠?可先就業(yè)掙錢后再付學(xué)費! 怕學(xué)不會?助教全程陪讀,隨時解惑!擔(dān)心就業(yè)?一地學(xué)習(xí),可推薦就業(yè)!
?2007-2022/ m.lb577.com 北京漫動者數(shù)字科技有限公司 備案號: 京ICP備12034770號 監(jiān)督電話:010-53672995 郵箱:bjaaa@aaaedu.cc