Skica GUI sady pro Web a mobilní design - Best of

Mnoho návrhářů rychle skáká z Adobe Photoshopu do nádherné oblasti Sketch. Tento digitální design program pro OS X poskytuje lepší nástroje pro UI design, ikony designu, a nabízí podporu pixel + vektor v jednom programu. To vedlo k nárůstu popularity Volby vydané designéry Sketch.

Každý, kdo je obeznámen s tržištěm freebie, ví, že sady uživatelských rozhraní jsou některé z nejpopulárnějších zdrojů pro práci s rozhraním. Tento výběr volných sad Sketch UI jsem sestavil pro webové stránky a mobilní aplikace. Každá sada je volně ke stažení a měla by pracovat s jakoukoliv verzí aplikace Sketch. Nebojte se chytit cokoliv, co vás zaujme, a zjistit, zda můžete tyto sady rozhraní použít k dobrému použití.

Webové sady uživatelských rozhraní

Webové stránky jsou stále životním zdrojem designu uživatelského rozhraní a makety jsou často před kódováním požadavkem. Tyto sady uživatelských rozhraní vám poskytnou zdroje, které potřebujete k vytvoření digitálních rozhraní krásy a účelu, které lze rychle kódovat do skutečných rozvržení webových stránek..

Dark UI Kit

Tato čistě tmavě šedá / modrá sada UI byla vyrobena speciálně pro Náčrt 3+ a zahrnuje společné prvky jako tlačítka, posuvníky, rozevírací seznamy a přepínače. Každý prvek také obsahuje zapnuto / vypnuto takže můžete vytvářet prvky rozhraní s přizpůsobenými interaktivními stavy.

Temné a lehké UI Kit

Zde je unikátní sada, která vyhovuje širšímu publiku s tmavým a světlým stylem pozadí. Tato sada se více zaměřuje na widgety stránek spíše než jednoduché prvky, takže najdete mnoho dalších obskurních položek načítání barů a přehrávačů médií.

Letní sada UI

Tato letní sada UI je plná tlačítka, formuláře, rozevírací seznamy, a další velmi běžné prvky stránky pro zdokonalení digitálních modelů. Navíc je to plně vrstvený Sketch dokument, takže nebudete mít žádné problémy se změnami obsahu podle potřeby.

Pearl UI Kit

Souprava Pearl UI sleduje velmi jednoduchý plochý design se základními prvky stránky. Tlačítka, vstupní pole, harmoniky a karty jsou jen některé z možností, které máte k dispozici. Pokud jste zbrusu nový na skicu pak tato sada může být užitečné, aby vám pomohl dekonstruovat, jak navrhnout vlastní sadu.

Rozvržení vstupní stránky

Toto poněkud temné freebie funguje nejlépe během fáze. Tato rozvržení nejsou plně vykreslena v náčrtu, místo toho nabízí rozvržení s nízkou věrností se statickými prvky bloku. Barvy, tvary a umístění těchto rozvržení by měly pomoci každému UI návrháři lépe porozumět procesu wireframing.

Sada webových aplikací

Velmi jednoduchá UI sada založená na téma Tesly Tato vozidla jsou mnohem podrobnější než ostatní. Máte přístup jednoduchá tlačítka ale také mají složitější položky rozhraní jako podrobný seznam tabulek a widget kalendáře.

Flexibilní UI Kit

To je nepochybně jedna z nejrozsáhlejších sad uživatelských rozhraní, které kdy pro Sketch najdete. Počet živých demo stránek se počítá 25+ různých typů prvků z obrazové jezdce k pokladním formulářům a komentáře uživatelů. Určitě jeden z nejlepších a nejužitečnějších sad náčrtků freebie najdete na webu.

Uživatelské rozhraní Bootsketch

Návrháři uživatelského rozhraní jsou často vynecháni ze smyčky, pokud jde o rámce frontendu, což je důvod, proč je tento soubor užitečný. Tato sada Bootsketch obsahuje vektorové prvky pro každý existující prvek Bootstrap. Díky tomu je velmi snadné vytvořit náčrtky s tématem Bootstrap v aplikaci Sketch, aniž by se dotkl prohlížeče.

Tiny Flat UI Kit

Tato elegantní sada UI se pohybuje od plochého designu k zahrnují estetiku přechodu a hloubky v prvcích stránky. Je to zábavná sada pro použití v jakémkoliv projektu a ukazuje, že vše, co můžete udělat ve Photoshopu, je stejně možné v náčrtu.

Více

Pokud hledáte více alternativ, podívejte se na tento malý seznam sad webových uživatelských rozhraní níže.

Marble UI Kit
Prvky knihovny UI Kit
Sada čerstvého UI
Souprava Dink UI (Ukázka)
UI Kit pro Web a mobilní telefony

Sada mobilních uživatelských rozhraní

Láska k nativním mobilním aplikacím stále roste s tím, jak se více lidí přesouvá do mobilní ekonomiky. Přestože stahování aplikací upouští, stále existuje potřeba kvalitních rozhraní pro nativní aplikace, které doplní aplikace pro stolní počítače. Tyto sady náčrtek UI vám pomohou navrhnout kvalitní mobilní aplikace pro všechna zařízení a zároveň udržet krok s rozdíly mezi rozlišeními a obrazovkami sítnice.

iOS 9.3 UI Kit

Pokračující tlak společnosti Apple na větší inovace čerpá nový mobilní operační systém téměř každý rok. Současný trend je iOS 9 a tato sada obsahuje vše, co potřebujete pro nativní aplikace iOS.

Sada pro drátěný model Salesforce1

Salesforce1 je populární aplikace řídicího panelu pro správu klientů a zákazníků. Tato sada Salesforce1 UI nabízí všechny společné prvky jejich iPhone aplikace pro drotování a opakované použití jejich estetického designu..

Mobilní UX šablony

Jste v současné době prototyp mobilního UX pro iPhone nebo Android aplikaci? Pak tento Skica freebie jistě pomůže dokončit tento drátový model s lehkostí. Je to svobodná cesta zahájit fázi wireframing / prototyping na digitální obrazovce.

Sociální aplikace iOS UI Kit

Od Snapchatu po Pinteresty se v posledních letech v populacích objevily desítky sociálních sítí. Tato sociální sada UI by mohla pomoci spuštění další hlavní sociální aplikace a rychle široké veřejnosti uživatelů iPhone.

Měsíční drátový model

Tato sada Moon wireframing je skvělá směs vytvořené rozhraní se šikmým směrem k wireframingu. Sada obsahuje 50 unikátních obrazovek pro mobilní aplikace, které lze upravit a přeskupit pro jakýkoli projekt. Můžete použít soupravu Moon UI pro základní wireframing, nebo pro kompletní UI makety.

Cestovní aplikace UI Kit

Tady je temná, ale krásná sada UI založená na a cestovní aplikace pro uživatele Sketch 3+. Je vyroben pro každého, kdo chce hrát s letadlem nebo koncept mobilní mobilní aplikace.

Instagram UI Kit

Mobilní aplikace pro sdílení fotografií nasycují trh a některé aplikace dokonce zahrnují funkce pro sdílení fotografií doplňující hlavní účel aplikace. Je tedy skvělé mít k dispozici bezplatnou sadu Instagram UI pro designéry Sketch pro replikaci funkčnosti fotografií ve vlastních návrzích. Jedná se o základní iOS foto app UI koncept pack.

Více

V tomto příspěvku je příliš mnoho sad grafického uživatelského rozhraní, ale za sebou nemůžu nechat žádné dobré. Pokud tedy potřebujete ještě více mobilních zdrojů Sketch UI, podívejte se na tyto alternativy.

Rout UI Kit
iOS 7 UI Kit Light
Uber iOS Wireframe Kit
Photo Splash iOS UI Kit
Souprava Phoenix UI - Vol