Skitse freebies

Nyttig samling af Sketch UI freebies

Sæt brugervenlige ressourcer, der er lavet til at vise frem praktisk designteknikker og spare din tid

Hej venner! Det er denne specielle tid på året, som vi alle elsker, jeg besluttede at gøre min smule og dele nogle gode ting med dig.

Gennem min producent's rejse har jeg udviklet forskellige filer til at vise funktionalitet, der hjælper andre med at slette unødvendig rutine og lette dagen. Hver af disse filer indeholder værdifuld information om, hvordan man bygger bedre komponenter, håndterer symboler, stilarter og faktisk bruger dit foretrukne designværktøj på sit bedste.

Sketch fortsætter med at holde opdateringstoget op, hvilket gør gamle filer uforenelige, hvilket bringer konstant arbejde for producenterne at holde trit. Derfor har jeg opdateret alle de gratis ressourcer med den nyeste support på 52+ og tilføjet yderligere funktionalitet for bedre at kontrollere indholdet. Skål!

Alle ressourcer bringes til dig af Buninux.com, tjek de bedste Sketch-brugergrænsefladebiblioteker, og støtt din lokale designforhandler.

96 ikoner

Et gratis ikonsæt, en forhåndsvisning fra Super Basic Icons. Dens kernefunktion er muligheden for at manipulere ikonlinjebredde ved hjælp af delte stilarter.

Download - https://gumroad.com/l/lfdy

Tabelskabelon

En responsiv regnearkskabelon, lavet ved hjælp af en kombination af symboler og stilarter for at gøre det lettere at arbejde med celler, du kan bruge dem til hurtigt at oprette tabelrækker og kolonner ved hjælp af Duplicator-plugin.

Installer plugin, og vælg blot en enkelt celle eller en gruppe, og tryk på
[⇧⌘ + en vilkårlig piletast] for at kopiere valg i den ønskede retning. ️
Download - https://gumroad.com/l/xbMHl

Dynamiske knapper

Filen indeholder 2 typer knapper, med og uden et ikon. Komponenter er forhåndsindlagt i 4 almindelige brugergrænsefladestater (Normal, Hover, Pressed, Disabled).

Designet til at hjælpe andre med at opdage, hvordan man korrekt indlejrer symboler og anvender stilarter til at oprette knapkomponenter i flere tilstande og have fuld tilpasningskontrol over form, tekst og skala.
Download - https://gumroad.com/l/GwCUY

Smart Mockup

En cool freebie, der demonstrerer en stærk iPhone X-komponent med udskiftelige enheder og rammestilarter. Den præsenterede metode til håndtering af symboler løser problemet med konstant manuel billedjustering, mens du giver dig mulighed for at skabe bedre brandaktiver på kortere tid.

Pro tip: hold altid Skift nede, mens du ændrer størrelse.

En anden god måde at håndtere mockups på er Artboard framer-plugin, den eneste nedskiftning af det, at det muligvis kan fryse Sketch og kræver, at du deaktiverer det.
Download - https://gumroad.com/l/PHJf

Materielle symboler

Lille, men meget gavnlige symboler, der letter det samlede arbejde med tilsidesættelser, ved at gøre dem forudsigelige og konsistente, ved at dele de samme universelle egenskaber for Shadow, Fill og Border gennem alle dine bibliotekskomponenter. Her er en nem installationsproces:

  1. Kopier indholdet på siden Symboler
  2. Indsæt det i et eksisterende bibliotek, eller tilføj denne fil som et bibliotek
  3. Tilføj materialesymboler i eksisterende komponenter ved at indlejre dem på bunden og danne kælderen
Download - https://gumroad.com/l/OhuQo

Fleksibelt diagram

En simpel linjediagramskabelon, der indeholder opsætningen af ​​ændring af størrelsesbegrænsninger for et responsivt diagramstrækning. Du er velkommen til at bruge foruddefinerede lagstilarter til hurtigt at manipulere det samlede udseende på diagrammet, inklusive gitterlinjer, akse og datapunkter.

Download - https://gumroad.com/l/bDGcP

Tekstformat bundt

Skabeloner til opsætning af typografiregler og menustruktur for tekstformater. Freebie indeholder 2 typer skabeloner, til en enkelt og flere brug af skrifttyper. Du kan importere og eksportere stilarter fra en fil til en anden eller integrere dem i et eksisterende projekt ved hjælp af plug-in Shared Text Styles.

Find ud af flere detaljer om, hvordan du sparer din tid og automatiserer oprettelsen af ​​adskillige tekstformater i den forrige artikel.
Download - https://gumroad.com/l/AVHth

Responsive Grids

Denne sketch-fil er super lige, den gemmer gitterskabeloner med foruddefinerede layoutindstillinger og linealguider til mest populære skærmopløsninger. En simpel kedelplade til hurtig start af et nyt projekt med en solid designkælder.

Inkl. Skabeloner til skrivebord, tablet og mobil.
Download - https://gumroad.com/l/bwuFP

Frames Demo

Filen viser, hvordan man opretter en login-skærm ved hjælp af almindelige komponenter som formularer og knapper, og demonstrerer det høje niveau af symboler og stilarterorganisation i Frames, et populært web-dedikeret designbibliotek.

Download - https://gumroad.com/l/zqKE

Pudsedemonstration

Fil viser konstruktionen af ​​en Brugerprofilskærm ved hjælp af en komponentbaseret designtilgang til at bygge applikationer. Samt demoer Gips, et specielt indstillet bibliotek til mobil-app design og udvikling.

Download - https://gumroad.com/l/hgsau

Alle ressourcer er tilgængelige online på buninux.com/freebies

Del, og lignende, hvis du finder dette indlæg nyttigt og vil se flere UI / UX-ressourcer i fremtiden. Tjek både rammer og gipsdesignsystemer for at fremskynde din arbejdsgang og holde øje med hver Sketch-funktion i 2019. ♥ ️

Følg mig på Twitter og Dribbble for flere nyheder og opdateringer,
Glade ferier, og tak for et fantastisk år.