Sketch是一款獨(dú)特的應(yīng)用程序，為創(chuàng)建應(yīng)用程序UI設(shè)計(jì)和模型以及網(wǎng)站設(shè)計(jì)提供了驚人的功能。 為應(yīng)用程序創(chuàng)建有效的UI需要大量時(shí)間，對(duì)細(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ú)特的移動(dòng)應(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)意的移動(dò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)足活動(dòng)相關(guān)的應(yīng)用程序的移動(dòng)端設(shè)計(jì)。 當(dāng)然，你也可以使用此UI套件的元素并從中尋找靈感來創(chuàng)建其他類型的應(yīng)用程序。
你可能不知道的5個(gè)Sketch App提示
使用這些提示，你將能夠增強(qiáng)Sketch應(yīng)用程序的工作流程。
1.學(xué)習(xí)壓縮文件大?。↙earn to Reduce File Size）
Sketch文件通常包含許多畫板，在設(shè)計(jì)中包含大量圖像的應(yīng)用程序界面和網(wǎng)站登錄頁面時(shí)可能會(huì)出現(xiàn)加載緩慢等問題。 因?yàn)樗鼤?huì)影響設(shè)備性能，甚至?xí)?chuàng)建難以共享的較大文件。
Sketch應(yīng)用程序內(nèi)置了一個(gè)針對(duì)此問題的簡單解決方案。 只需轉(zhuǎn)到“文件”菜單，然后選擇“減小文件大小”。 然后單擊減少就可以自動(dòng)優(yōu)化畫板上元素的圖像和文件大小。
2.元素關(guān)聯(lián)（Leverage Symbols）
這是Sketch中的一項(xiàng)有用的功能，可讓你創(chuàng)建相互關(guān)聯(lián)的元素。 例如，你可以創(chuàng)建一個(gè)按鈕并將其另存為主符號(hào)。 然后，你可以使用它來創(chuàng)建更多按鈕。 當(dāng)你編輯主符號(hào)并進(jìn)行更改時(shí)，它也會(huì)同步影響所有其他按鈕。
這是一項(xiàng)很棒的技術(shù)，可以幫助你在編輯和設(shè)計(jì)帶有重復(fù)元素的用戶界面設(shè)計(jì)時(shí)節(jié)省時(shí)間。
3.填充圖像（Use Images as Fills）
如果你無法找到適用于對(duì)象，應(yīng)用程序或網(wǎng)頁設(shè)計(jì)布局的正確背景顏色，則可以輕松地使用圖像。
為此，只需在Sketch中打開“填充”選項(xiàng)卡，然后將圖像拖放到選定的“填充”層上即可將其用作背景填充。
4.關(guān)閉自動(dòng)保存（Turn Off Auto-Save）
Sketch應(yīng)用默認(rèn)情況下已啟用自動(dòng)保存。 自動(dòng)保存既有用但是依然會(huì)帶來一些麻煩，比如您你無法撤消之前的更改。
如果你不喜歡自動(dòng)保存功能，則可以輕松將其關(guān)閉。 只需轉(zhuǎn)到“首選項(xiàng)” >>“常規(guī)”菜單中可禁用自動(dòng)保存即可。
5.導(dǎo)出（Automatic Exports）
你可以使用許多不同的方法在Sketch中導(dǎo)出文件。 但是，大多數(shù)用戶并不了解導(dǎo)出文件和元素的最簡單方法之一。
你所要做的就是將圖層或組文件夾拖放到桌面上。 它將自動(dòng)保存為PNG文件，就這么簡單。
總結(jié)
Sketch是一個(gè)功能強(qiáng)大的應(yīng)用程序，熟練的使用將可以幫助你完成許多設(shè)計(jì)工作并幫助你節(jié)省大量的時(shí)間和不必要的流程。
模板可以使用針對(duì)不同類型的Web和應(yīng)用程序的預(yù)制元素包來快速啟動(dòng)用戶界面或設(shè)計(jì)項(xiàng)目，如果你正對(duì)此有需要的話，歡迎閱讀原文章（https://designshack.net/articles/inspiration/best-sketch-templates/）以獲取更多的資源以及內(nèi)容。
----圖文來自：design shack
----由深圳網(wǎng)站建設(shè)公司-Clh翻譯編輯整理，為您提供更多有關(guān)深圳網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)及其他互聯(lián)網(wǎng)應(yīng)用服務(wù)