2019 年 Sketch App 設計師的 35 大設計資源

Sketch是蘋果用戶的專業設計工具。 市面上有很多專業的設計軟件平台：Adobe Photoshop 和 Adob​​e Illustrator、Affinity Pro、GIMP，以及許多已將其操作轉移到網上的平台。 是的，也許並非所有這些平台都可以進行最先進的矢量編輯（Sketch 可以），也許並非所有平台都提供類似 Photoshop 的功能（Sketch 可以）。 但是因為其他人都在使用它而在單一設計平台上落下耳朵也是瘋狂的。 Sketch 已向其社區證明是一種可靠的編輯工具，它會不斷發展、聽取社區反饋並產生頻繁且重要的更新。

乍一看，許多評論家將 Sketch 視為另一種圖像編輯工具，而實際上您可以使用 Sketch 來構建高度健壯和復雜的設計。 它擁有我們所知道的最友好的社區之一，創始人對他的行為和 Sketch 的未來是透明的。 該應用程序將 Mac App Store 拋在腦後，使其能夠更專注於頻繁更新，並有更穩健的增長空間。 然而，Sketch 還在不斷增長，可供它使用的設計資源數量非常少，雖然這也在迅速變化； 查看最流行的免費贈品站點，有明顯跡象表明更多的圖形設計師也嘗試在他們的包中包含 .sketch 文件。 Sketch 在需要幫助推送和腳本設計的工具的開發人員中也越來越受歡迎； Pieter Omvlee 對此有更多介紹。

有關此系列的更多信息……

說到免費贈品，我們今天將為您列出 35 種最好的、最通用的、適應性最強的 Sketch 設計資源，它們將包括：

• UI（用戶界面）工具包，您可以使用它在幾分鐘內對移動應用程序進行原型設計，擁有對元素的完全訪問權限並可以根據需要自由地優化它們。
• 線框套件使您能夠快速創建網站原型並將其發送給您的客戶，而無需坐在屏幕前完成所有工作。 再次，完全編輯權限。
• Webiste Elements 是包含特定網站元素的包，您可以進一步設計這些元素，將代碼放在它們後面並在您的網站設計中使用它們。
• 還有幾個可能產生想法的設計概念，或者作為桌面或移動應用程序中新功能的起點。

尋找和學習這些設計資源是一個非常有趣的過程，所以我們真的希望你能在這裡找到一些自己的靈感，甚至可能抓住一些資源以備將來使用，或用於你目前正在工作的項目中在。 歡迎 Sketch 用戶通過評論提交他們自己的免費贈品和免費下載。 我們將全部閱讀它們，如果您能提供一些很棒的東西，很可能會在這篇文章中為您推薦。

樣機設備集合

我們正在擺脫台式電腦革命，進入一個更簡潔的時代，在這個時代，便攜式設備正在引領在線購物、內容消費和即時消息傳遞。 專注於創建內容並圍繞現代設備構建內容變得越來越重要，這些設備使用戶能夠像在桌面上一樣瀏覽和體驗網絡。 在製作應用程序的模型、原型和示例時，我們應該努力為每個流行的設備製作一個副本。 為了幫助您節省時間，這裡有一系列移動和平板設備模型。 非常適合展示您對可以運行您的平台的設備的支持，或者只是將這些模型與您的應用程序的功能版本疊加。

下載

結帳界面草圖

在處理應用程序或平台的特定部分時，設計可能會佔用一整天的時間。 像結帳頁面這樣的小東西需要仔細注意才能建立，並感覺結帳過程將是安全的。 這個 Checkout UI 模型使用標准設計模式，這些模式將在許多設計變體中流動。 此外，通過一些定制，它幾乎可以在任何為客戶提供結賬功能的應用程序上找到它的家。 節省一些時間進行設計工作，並專注於應用程序更獨特的方面。

下載

文件下載草圖

這個小模型是一個公司的入門模板，該公司希望使用歡迎屏幕向新用戶或​​現有用戶解釋應用程序的內容，並為他們提供一個簡單的“輸入”按鈕以幫助他們訪問應用程序。 漂亮的小部件，您可以自定義以適應需要過渡的應用程序屏幕。

下載

規劃器儀表板概念

這個漂亮的儀表板概念有超過一百次下載。 它分為三個部分：左側、中間和右側邊欄。 左側邊欄側重於儀表板的導航菜單。 中間是實際計劃以及可能參加其中任何計劃的人。 同時，右側邊欄側重於您希望創建的個人任務。 Ghani Pradita 是這個概念背後的設計師； 為這件令人驚嘆的藝術品豎起兩個大拇指。

下載

自定義產品 UI 套件

在線商店的產品頁面變得更加現代、數字化，當然也更加靈活。 Rodrigo Borges 提供的這款免費贈品用於在您的在線商店中創建產品定制頁面。 該概念讓用戶可以為最終產品選擇多種選項，並最終進行購買。 該設計借鑒了 Apple 的原始銷售頁面，您可以在其中對想要購買的產品進行最終調整。

下載

食品和飲料用戶界面

食品應用程序不必是我們在網絡上習慣的傳統內容豐富的平台。 相反，通過一些精心設計，我們可以為與食物相關的故事創建“卡片”，並以更有效和更吸引人的方式展示它們，如此概念 UI 中所示。 三張卡片，顯示不同類型的食物和飲料，背後有一些描述，解釋如何實現最終結果。 這對於想要發布小而簡單的食譜並具有現代和專業感覺的食品網絡來說非常有用。

下載

統計界面

Ranjith Alingal 正在與其他人分享他關於一個好的統計應用程序 UI 應該是什麼樣子的模型。 了解統計數據的工作原理並通過代碼合併它們是一回事。 但是我們仍然需要專注於為統計數據的原始輸出創建一個實際的 UI。 如果你一直在那個部門苦苦掙扎，這個免費贈品會讓你安心。 這個概念適用於想要回顧特定業務領域統計數據的應用程序，也能夠報告最多 30 天的日誌。

下載

日曆草圖

日曆是您真的不想在上面花費太多時間的另一種元素。 感覺這是一項很容易完成的任務，但是一旦你開始做，時間就會開始增加，時間就會流失。 節省幾個小時，並從 Sanja Zakovska 借用這個現代日曆概念。 它使用紅色和緊湊的配色方案，但是由於您獲得了 Sketch 文件，因此您將能夠根據自己的喜好完全使用該方案。

下載

入職用戶界面

入職仍然是向新用戶解釋他正在註冊的內容以及他成為您平台的成員可以期待什麼的最徹底的過程之一。 找到正確的入職方式至關重要，因為如今，簡單的註冊和使用平台技術不再有效。 Rodrigo Borges 發布了一個免費的入門用戶界面，採用紅色配色方案，分為三個部分。 這允許您編輯主要圖標和文本區域以進行進一步說明。 這些引導屏幕非常適合移動應用程序，我們已經強調了它們的重要性。

下載

谷歌——草圖的材質圖標

將一些材料設計帶入您的項目。 甚至官方的 Facebook Messenger 應用程序也在為他們的 Android 設備推出 Material Design。 因此，更多的初創公司專注於在材料設計的幫助下構建他們的新應用程序。 這種設計標準的成熟速度比我們在過去十年中看到的任何標準都要快。 在這裡，我們有免費的 Material Design 圖標，可以在您的項目中使用，無論是移動設備還是桌面設備。 下載數量也在快速增加。

下載

位置卡

一種非常現代的“位置卡”，適用於為客戶提供假期優惠或一般旅行體驗的旅遊網站。 該概念使用顯示正在提供的位置的背景圖像的方法，以及一個漂亮的“卡片”覆蓋來更徹底地討論旅行細節。 對桌面網站和移動應用程序都非常有效。 獨特性和現代化總是讓客戶迷上了他們的屏幕。

下載

Ustraa iOS 移動應用程序

Ustraa 是一款專注於電子商務的概念應用程序。 更具體地說，它專注於銷售具有令人興奮和時尚設計的個人品牌產品。 產品列表、產品頁面，一切都包含在這個完整的移動應用程序概念中。 剩下要做的就是抓住免費贈品並探索各種可能性。 最好使用現有的應用程序設計，尤其是當只需要原型時。

下載

上傳小工具

想要運行一個平台來幫助人們上傳東西，無論是個人的還是供所有人使用的？ 僅為此目的構建概念設計將花費大量時間。 有很多上傳腳本，它們都使用其獨特的方法來設計和元素流。 給自己一些空間，抓住這個上傳小部件 UI，並構建一個不會讓你的生活枯燥乏味的原型。 它實際上也設計得很好。

下載

電子應用程序

當您聽到 Electro App 的名字時，您可能馬上會想到它是一個音樂應用程序！ 不，不是在這種情況下。 Electro App 是一個文字應用程序概念，可以幫助跟踪您家庭或工作中的用電量。 輸入您的日常使用情況，並得出您預計在月底前支付的費用。 我們喜歡設計師主動構建獨特的模型和 UI 概念，以引導開發人員進入新的創意類別。

下載

音樂播放器

如果所有這些電子音樂都讓您對某些音樂感興趣，為什麼不拿下一個音樂播放器模型，並在您自己的應用程序中播放一些曲調呢？ 嗯，這個過程不會那麼容易，當然。 但是，一旦您探索了該概念的設計能力，就不會再有任何障礙可以阻止您將這個概念執行為一個準備好吸引一些聽眾的全功能移動應用程序。 將其作為獨立使用，或與專注於媒體的現有應用程序一起構建。

下載

註冊卡

註冊表單已經從傳統的用戶名/密碼表單發展到高度複雜的設計，繼續強調網站/應用程序設計的整體主題。 如果您的待辦事項列表中有註冊表單，請仔細查看此註冊表單。 它設計精美，具有單獨的註冊表單和側邊欄，可用於您希望傳達的任何其他信息。

下載

郵件應用

如果沒有電子郵件，甚至沒有即時消息，世界將會怎樣？ 郵件應用程序是一個概念 UI 作品，具有收件箱出口，您可以將其轉變為現有平台的個人電子郵件設計。 需要一些工作來設計一個獨立的電子郵件平台； 但如果您是為個人使用而構建，這應該是一個有益的起點，可以讓您了解電子郵件收件箱的工作原理。

下載

錢包概念

也許更好的名字是數字錢包概念。 儘管如此，這是一個漂亮的數字錢包，您可以將其集成到處理企業財務方面的平台中。 也許您正在運行一個拍賣網站，人們可以將積分加載到他們的帳戶中。 這個概念會給你足夠的空間來玩，並設計一個感覺很棒而且看起來很現代的錢包。

下載

農場矢量圖標

我們沒有忘記圖標，所以這裡有幾個 UI 套件和其他專門針對圖標的概念。 第一個是為農民或與農場相關的應用程序設置的矢量圖標。 這些圖標包括拖拉機、胡蘿蔔、蘋果、澱粉、奶牛、農民、鳥、房子，以及其他一些將在與農業相關的設計中工作的圖標。

下載

iOS 圖標免費贈品

這些圖標具有多種不同且流行的應用程序，您可以在 App Store 上找到這些應用程序。 如果您想知道從頭開始構建圖標是什麼感覺，現在您可以訪問一個分層的 Sketch 文件，該文件將為您詳細介紹如何從頭開始構建專業圖標。 非常適合學習如何構建自己的應用程序圖標。 也許您甚至可以從這個免費贈品中藉用一些想法和元素。

下載

20 個儀表板圖標草圖

儀表板圖標最適合一般和辦公相關應用程序，圖標集包括：日曆、原子、消息、用戶配置文件卡、主題標籤、網絡瀏覽器、台式計算機、智能手機、設置面板、建築物、文件夾、用戶配置文件、價格標籤、文件夾，和其他幾個。 節省時間，獲取預先構建的圖標包並隨心所欲地使用它。 我們很驚訝地看到只有少數人利用了這個驚人的優惠。

下載

分析圖表草圖

我們已經提到了一個分析圖表，但總有更多的空間。 這個概念來自拉辛戴維斯。 她使用數字設計方法創建了一個分析圖表概念，可以單獨或通過延時顯示任何可以想像的數據。

下載

健身分析

甚至更多的分析內容，這次是為健身愛好者準備的。 體育應用程序繼續在體育活動應用程序類別中佔據主導地位，計步器是最受歡迎的應用程序之一。 對我們來說幸運的是，Padam Boora 不遺餘力地提供了一個很好的健身分析概念設計，您可以將其快速原型化為功能應用程序。 該概念旨在幫助跟踪步數、距離和攀爬距離。

下載

快訊

Flash 消息是讓您的用戶參與應用活動的好方法。 無論是感謝信息，還是讓他們知道已完成操作的信息，閃現信息總是讓用戶放心，他們的操作已完成，這有助於讓他們安心。 此 UI 元素是一條簡單的 Flash 消息，您可以在現有應用程序中內置該消息，以便在完成操作調用後添加。

下載

產品詳情

對於電子商務應用程序和在線商店，需要出色設計的最重要頁面之一將是產品詳細信息頁面。 這是顯示產品的頁面，並導致購買或關閉的窗口。 產品詳細信息頁面上不允許出現錯誤，因此花時間設計或找到一個很棒的產品詳細信息頁面模型是至關重要的。 我們有一個我們發現並非常喜歡的。 它很簡單，但設法傳達信息，並且不會用垃圾元素使客戶的屏幕過度膨脹。

下載

社交應用 iOS UI 套件草圖

由於如今每個人都能夠創建自己的社交網絡，社交應用程序正在獲得動力。 許多設計師專注於構建圍繞社交媒體領域的模型、概念和模板也就不足為奇了。 在這裡，我們有一個專門用於 iOS 開發人員的社交網絡應用程序的 Sketch UI 套件。 這個強調媒體上傳和即時消息等功能。 各種內容提要可幫助您顯示內容、用戶通知和關注者係統。 當然，這一切都只是設計，所以你需要想出一個計劃，如何通過一些編碼將所有這些功能變為現實。

下載

最小的 Android UI 套件草圖

Android 並沒有成為這次綜述的贏家，但這並不是說 Android 開發人員沒有那麼多資源。 似乎很多設計師都專注於 iOS，除了這個。 這是為 Android 設備構建的最小 UI 套件。 您將獲得為簡單內容/商業網站創建原型所需的所有元素，並提供標準和現代設計選擇。

下載

月亮線框套件草圖

用於 Sketch 的 Moon Wireframe Kit 已被下載超過 3,000 次。 這是因為它讓設計師放心，在構建原型時將有足夠的元素可以使用。 這就是如今很多 UI 套件所缺乏的：更複雜的元素可以幫助將更廣泛的想法付諸實踐。 然而，Moon Wireframe Kit 堅持大砲，並且不迴避提供有趣和多樣的元素。 屏幕分為以下幾類：啟動畫面、登錄、菜單、設置、圖庫、Feed、列表項目、聯繫人、個人資料、通知、評論、統計和購物車。

下載

基本線框套件草圖

在設計機構工作並且沒有合適的工具來創建快速原型可能是一場災難。 這就是為什麼您會注意到我們在網上免費找到的許多 UI 工具包提供了所有基本元素和必需品，這些元素和必需品有助於快速有效地對網站設計示例進行原型設計。 這個 UI 工具包還包括：表單元素、複選框、按鈕、圖像佔位符、地圖佔位符、工具提示按鈕、信息模式——構成內容網站的所有漂亮元素。 開始設計！

下載

珍珠 UI 套件草圖

我們將通過添加一些很酷的 UI 工具包來結束本綜述，我們知道您將立即開始使用這些工具包。 Pearl UI Kit 將其帶到了桌面：帶有項目和搜索欄的導航菜單、個人搜索欄和表單、電子郵件和密碼登錄表單、評論框、國家/地區選擇菜單、具有簡潔個人資料信息的個人個人資料菜單、朋友搜索功能、類別選擇、選項卡式內容選擇、帖子狀態更新表單、視頻表單、按鈕等。 總而言之，它基本上是您開始使用網站所需的一切，該網站將支持內容製作，並以面向社交媒體的方式創建用戶配置文件。

下載

用於 Sketch 的 Bootstrap 4 UI 套件

每天有 4,000 多次下載，而且每天都在增加，這無疑將成為 Sketch 用戶的領先 Bootstrap 4 UI 套件之一。 它的庫也在不斷發展，公司正在開發更多的 Bootstrap 4 功能。 Bootstrap 4 正在開發中，但它的某些方面可用於公開測試。 因此，社區主動發布了 Sketch 格式的 UI Kit，允許其他人使用新的設計框架引導他們的應用程序。

下載

簡單的 UI 草圖生成器

使用 Simple UI Sketch Generator，您可以生成帶有文本樣式、按鈕符號、色板和頭像的 UI 套件。 它也是快速探索藝術方向並確保所有元素的圖形標識一致的絕佳工具。 該套件的作者要求您通過保持水印完好無損來讚美他的工作。 尊重創作者和他們的空閒時間是一件好事，但最終要由你來完成。

下載

Dribbble GUI 草圖

Dribbble 是專業和嚴肅的平面設計師和設計藝術家最廣為人知的設計共享資源。 使用此 GUI，您可以快速加載您正在處理的項目，並在發布後查看它們在 Dribbble 上的外觀。 至少，這就是 GUI 的作者想要這個工具包的目的。 總之，您始終可以根據設計使用 GUI 來構建自己的應用程序或網站。

下載

iOS 照片應用 UI 套件草圖

超過 3,000 次下載和計數，市場上任何推出自己的攝影應用程序的人，無論是供全球還是個人社區使用，都會了解到這是目前適用於 iOS 的最佳照片應用程序 UI 套件之一。 精選的屏幕和大量功能屏幕，展示了設計師的體貼。

下載

靈活的 UI 套件草圖

最後，Sketch 的靈活 UI 套件具有構建登錄頁面和業務頁面所需的屏幕和元素，這些頁面和業務頁面需要定價表、工具提示、視頻播放器、導航菜單和內容區域等元素。 確實是一個非常靈活的 UI 工具包。

下載

草圖設計師的最佳設計資源

嗯，這是探索 Sketch 設計師在最近幾個月所做的工作的好方法。 我們為 Sketch 用戶回顧了一些最好的可用設計作品，最終結果給我們留下了深刻的印象。 在這篇文章中可以找到一些真正壯觀和特殊的圖形設計作品； 我們希望您花時間探索各種可能性，並抓住您認為對您當前的設計工作流程有用的東西。 最後，Sketch 設計師，如果您在網上某處發布了自己的免費贈品，請與我們聯繫。 我們想看看並考慮包含在這篇文章中。 謝謝！