Sketch是一款獨(dú)特的應(yīng)用程序，為創(chuàng)建應(yīng)用程序UI設(shè)計(jì)和模型以及網(wǎng)站設(shè)計(jì)提供了驚人的功能。 為應(yīng)用程序創(chuàng)建有效的UI需要大量時(shí)間，對細(xì)節(jié)的關(guān)注，而且最重要的是，需要一個(gè)合適并具有特色的想法！


為了簡化創(chuàng)建應(yīng)用程序界面的設(shè)計(jì)過程，我們收集了可用于下一個(gè)應(yīng)用程序項(xiàng)目的Sketch UI模板和素材，希望可以幫助你更快的搭建去自己的設(shè)計(jì)。

所有這些資源中都帶有數(shù)百個(gè)UI設(shè)計(jì)元素，可以在你的設(shè)計(jì)中輕松進(jìn)行調(diào)整。

1.Landing UI Kit Sketch Templates



這是一個(gè)具有3種不同布局的登錄頁模板套件。 每個(gè)模板還具有多種格式，包括Sketch，Photoshop，F(xiàn)igma和Adobe XD。 你可以使用自己喜歡的應(yīng)用程序?qū)ζ溥M(jìn)行編輯。

2.BARIUM – Multipurpose Card-Based UI Kit



Barium是一個(gè)多功能UI套件，具有一組基于卡片式設(shè)計(jì)的應(yīng)用程序頁面，可用于制作不同類型的應(yīng)用程序用戶界面。 該資源包括30種不同的iOS屏幕模板，這些模板具有15種熱門類別的設(shè)計(jì)。

3.Spojeeto – E-commerce Mobile App UI Kit



此UI套件具有13個(gè)獨(dú)特的移動應(yīng)用程序屏幕，可讓你為各種類型的商店和企業(yè)設(shè)計(jì)獨(dú)特的電子商務(wù)類型的應(yīng)用程序界面。 此包中的所有模板均具有可調(diào)整和可編輯的圖形。

4.The 1989 – Sketch Website UI Template



這是一個(gè)網(wǎng)站設(shè)計(jì)相關(guān)的用戶界面，具有多種設(shè)計(jì)布局。 它包括2種不同的首頁設(shè)計(jì)，7種投資組合頁面布局，6種博客布局，以及你可以用來制作專業(yè)網(wǎng)站或登錄頁面的更多內(nèi)容。

5.Free Social Network UI Sketch Template



一個(gè)免費(fèi)的Sketch模板，可用于制作時(shí)尚的社交用戶界面。 該模板具有Sketch和Photoshop文件格式。 你可以以此為靈感來創(chuàng)建自己的獨(dú)特項(xiàng)目。

6.Dashboard & Statistics UI Sketch Template



此模板包最適合用于設(shè)計(jì)具有統(tǒng)計(jì)信息和圖表的現(xiàn)代和創(chuàng)意的移動應(yīng)用程序。 它包括各種樣式和類別的設(shè)計(jì)，例如業(yè)務(wù)，咨詢，審計(jì)，研究等。

7.Paper – Wireframe Kit Sketch Template



Paper是一個(gè)通過Sketch創(chuàng)建的完整線框圖工具包，可用于在Sketch中創(chuàng)建網(wǎng)站設(shè)計(jì)的快速模型。 該模板中包含10個(gè)不同類別的各種元素，其中包括網(wǎng)站標(biāo)題，博客，產(chǎn)品組合，價(jià)格表等。

8.Cards UI Kit – Admin Panel Dashboard Concept



Cards是一個(gè)管理儀表板類型的UI套件，具有精美的現(xiàn)代的設(shè)計(jì)。 它具有專為Bootstrap布局設(shè)計(jì)的時(shí)尚布局，并且模板也與Sketch，Photoshop和Adobe XD兼容。

9.Prycie – Pricing Table UI Kit Template



這是Sketch UI工具包模板的集合，其中包含具有各種設(shè)計(jì)風(fēng)格的圖表套件。 它包含10種不同樣式的圖表，你可以使用它們來構(gòu)思不同網(wǎng)站設(shè)計(jì)和應(yīng)用程序設(shè)計(jì)項(xiàng)目的靈感。

10.Harmony – Free Sketch UI Kit



這個(gè)免費(fèi)的UI資源包集合了一組用于創(chuàng)建和遠(yuǎn)足活動相關(guān)的應(yīng)用程序的移動端設(shè)計(jì)。 當(dāng)然，你也可以使用此UI套件的元素并從中尋找靈感來創(chuàng)建其他類型的應(yīng)用程序。

你可能不知道的5個(gè)Sketch App提示

使用這些提示，你將能夠增強(qiáng)Sketch應(yīng)用程序的工作流程。

1.學(xué)習(xí)壓縮文件大小（Learn to Reduce File Size）

Sketch文件通常包含許多畫板，在設(shè)計(jì)中包含大量圖像的應(yīng)用程序界面和網(wǎng)站登錄頁面時(shí)可能會出現(xiàn)加載緩慢等問題。 因?yàn)樗鼤绊懺O(shè)備性能，甚至?xí)?chuàng)建難以共享的較大文件。

Sketch應(yīng)用程序內(nèi)置了一個(gè)針對此問題的簡單解決方案。 只需轉(zhuǎn)到“文件”菜單，然后選擇“減小文件大小”。 然后單擊減少就可以自動優(yōu)化畫板上元素的圖像和文件大小。

2.元素關(guān)聯(lián)（Leverage Symbols）

這是Sketch中的一項(xiàng)有用的功能，可讓你創(chuàng)建相互關(guān)聯(lián)的元素。 例如，你可以創(chuàng)建一個(gè)按鈕并將其另存為主符號。 然后，你可以使用它來創(chuàng)建更多按鈕。 當(dāng)你編輯主符號并進(jìn)行更改時(shí)，它也會同步影響所有其他按鈕。

這是一項(xiàng)很棒的技術(shù)，可以幫助你在編輯和設(shè)計(jì)帶有重復(fù)元素的用戶界面設(shè)計(jì)時(shí)節(jié)省時(shí)間。

3.填充圖像（Use Images as Fills）

如果你無法找到適用于對象，應(yīng)用程序或網(wǎng)頁設(shè)計(jì)布局的正確背景顏色，則可以輕松地使用圖像。

為此，只需在Sketch中打開“填充”選項(xiàng)卡，然后將圖像拖放到選定的“填充”層上即可將其用作背景填充。

4.關(guān)閉自動保存（Turn Off Auto-Save）

Sketch應(yīng)用默認(rèn)情況下已啟用自動保存。 自動保存既有用但是依然會帶來一些麻煩，比如您你無法撤消之前的更改。

如果你不喜歡自動保存功能，則可以輕松將其關(guān)閉。 只需轉(zhuǎn)到“首選項(xiàng)” >>“常規(guī)”菜單中可禁用自動保存即可。

5.導(dǎo)出（Automatic Exports）

你可以使用許多不同的方法在Sketch中導(dǎo)出文件。 但是，大多數(shù)用戶并不了解導(dǎo)出文件和元素的最簡單方法之一。

你所要做的就是將圖層或組文件夾拖放到桌面上。 它將自動保存為PNG文件，就這么簡單。

總結(jié)

Sketch是一個(gè)功能強(qiáng)大的應(yīng)用程序，熟練的使用將可以幫助你完成許多設(shè)計(jì)工作并幫助你節(jié)省大量的時(shí)間和不必要的流程。