Indhold
- 01. Design Systems Repo
- 02. PixelSnap
- 03. Skitse. Ripper
- 04. Stackswell
- 05. Variable skrifttyper
- 06. Stripe Fakturering
- 07. CreativeGuild
- 08. Mobbin
- 09. HueSnap
- 10. Eggradienter
- Få din billet til Generate New York
Temaet for vores roundup i denne måned er hastighed og effektivitet: et par af disse værktøjer til webdesign vil gøre fantastiske ting for din arbejdsgang ved at skære kedelige, frustrerende opgaver, der ikke har noget med design at gøre. Tag Stackswell - det automatiserer alle de irriterende dele af at lave responsivt design i Sketch. Et andet af vores værktøjer fremskynder tingene for dig ved at udtrække og organisere alle aktiver fra en .sketch-fil.
Derudover er der et køligt nyt faktureringsprodukt fra Stripe, et fantastisk netværksværktøj til reklamer af Tina Roth Eisenberg og et fantastisk værktøj til at måle ting på din skærm i pixels.
01. Design Systems Repo
Hvis du har fået til opgave at arbejde på nogle af ingredienserne til din organisations designsystem eller måske endda opbygge eller kodificere selve systemet, vil du gerne komme i gang med de nyeste ressourcer om emnet.
Til dette er Design Systems Repo din ven. Det er en samling af bøger, artikler, foredrag, hjemmesider, værktøjer, designsystemer, mønsterbiblioteker og stilguider, som du kan bruge til at få en forståelse af, hvordan toporganisationer og førende tænkere gør tingene.
02. PixelSnap
PixelSnap er en meget smidig app, der gør måling af ting på din skærm meget, meget mindre irriterende. Placer din markør mellem to elementer såsom et billede og en overskrift, og den fortæller dig automatisk antallet af pixels mellem dem. Tegn et rektangel omkring et element, og det klikker rundt om det og fortæller dig dets dimensioner. Ja. Du kan måle ting så hurtigt.
Tjek videoen på hjemmesiden for at få ideen. Appen er prissat til $ 15, og den eneste ulempe er, at den kun er tilgængelig som en Mac-app indtil videre. Men hvis du er en Mac-bruger, er det en god ting.
03. Skitse. Ripper
Eksport og klargøring af aktiver fra Sketch til overdragelse til et andet hold kan være en reel træk, så udsigten til et værktøj, der gør det for dig med et enkelt klik, er ret spændende. Sketch.The.Ripper udtrækker og organiserer skærmene, kopierer og raster billeder fra alle tegnebrættene i en .sketch-fil og præsenterer dem på en bekvem måde. Du kan se et eksempel på output fra en flået fil her.
Dette værktøj er webbaseret, så det fungerer på ethvert operativsystem, som kan fjerne noget friktion fra din arbejdsgang, hvis folk bruger forskellige systemer. Det er lavet af Icons8, og du kan læse mere om det her.
04. Stackswell
Stackswell fremskynder din responsive designworkflow ved at bringe medieforespørgsler til Sketch og automatisere processen med at opdatere typografier og symboler for hvert breakpoint. I stedet for at udføre dette arbejde manuelt, opdateres typografierne automatisk, når du justerer bredden på et tegnebræt.
Stackswell sparer dig også for arbejdet med at skulle kontrollere din lodrette afstand for hvert brudpunkt, så du får ensartet afstand med minimalt besvær. Du kan læse mere om det i denne artikel.
05. Variable skrifttyper
Variable skrifttyper giver dig mulighed for at bruge mange forskellige fontvægte og bredder uden at skulle medtage en separat fil for hver: du inkluderer en fil og derefter ændre skrifttypen ved hjælp af CSS. Det er en fantastisk situation, fordi det giver dig mulighed for at bruge typografi til den bedste effekt i dine designs uden at skulle øge din sidevægt.
Ikke alle variable skrifttyper er ens; nogle er mere fleksible end andre. Dette værktøj giver dig mulighed for at finde forskellige skrifttyper og eksperimentere med dem for at se, om de passer til dine behov. For yderligere information om variable skrifttyper og for at få en idé om, hvad der kan opnås, prøv denne demo.
06. Stripe Fakturering
Stripes nye faktureringsprodukt til online-virksomheder tilbyder en tredje måde for virksomheder, der overvejer dilemmaet om, hvorvidt de skal bygge eller købe et faktureringssystem (for mere om dette, se vores artikel om onlinebutikløsninger). Stripe Billing API integreres let i et eksisterende sted og giver dig mulighed for at bruge byggesten til at oprette et fleksibelt system, der er skræddersyet til dine behov.
Når dit system er konfigureret, styres alt fra et dashboard, hvor du kan holde styr på abonnementer, fakturaer og økonomiske rapporter. Du får også kraftfulde funktioner såsom Stripes globale betalingssystem, der håndterer forskellige valutaer og kreditkort og de fleksible faktureringskomponenter, der giver dig mulighed for at eksperimentere med prissætning.
07. CreativeGuild
CreativeGuild er en spin-off af CreativeMornings, en gratis månedlig forelæsningsserie grundlagt af Tina Roth Eisenberg i Brooklyn for et årti siden. Konceptet var et hit, og der er nu CreativeMornings kapitler i over 185 byer over hele verden, hver med sit eget levende samfund, der plejer og inspirerer sine medlemmer.
CreativeGuild er beregnet til at bringe noget af fællesskabsaspektet online, så det er tilgængeligt for flere mennesker. Du kan tænke på det som at være lidt som LinkedIn, men for reklamer. Der er et bibliotek med kreative virksomheder, enkeltpersoner og job, og du kan søge efter sted for at finde muligheder i din by.
08. Mobbin
Mobbin er et galleri med design af mobilapps, som du kan bruge til at få ideer til dine egne projekter - i stedet for at installere masser af apps kan du gennemse dem ét sted for at se, hvordan andre løser designproblemer. Seks skærme for hver app vises, så du kan få en idé om brugerens rejse og designmønster for hver enkelt. Der er også et sidebjælke, der viser joboversigter.
09. HueSnap
Du ved aldrig, hvornår inspiration vil ramme; måske vil indretningen af et hotel eller lyset i parken føles som det rigtige farveskema til dit arbejde. Hvis det sker, kan du tage et billede og bruge HueSnap til at udtrække farverne fra billedet og gøre dem til en palet.
Appen er rettet mod mobilbrug, så den fungerer bedst på din telefon, og du kan gemme og dele dine paletter med andre. Der er forskellige funktioner, der hjælper dig med at ændre en palet, såsom muligheder for at vælge komplementære farver og sammensatte farver. Dine paletter kan have op til seks farver hver.
For mere, se på vores opsamling af de bedste farveværktøjer til webdesignere.
10. Eggradienter
Den, der sammensætter denne samling af smukke gradienter, har et stort øje for farve og en interessant sans for humor. Hver gradient vises i en ægformet beholder og får et navn, der måske eller måske ikke relaterer til farverne på en eller anden måde. Hvis der er en relation, har vi ikke været i stand til at dechifrere den.
Eksempler på navne inkluderer 'Succesfuld immigrant' for en turkis gradient, 'Wozniaks brudte hjerte' for en lyseblå og 'Barmhjertig fjende' for en gul til grøn overgang.
Få din billet til Generate New York
Førende webdesign begivenhed Generer New York er tilbage. Afholdes mellem den 25. og den 27. april og inkluderer overordnede højttalere SuperFriendly's Dan Mall, webanimationskonsulent Val Head, JavaScript-udvikler Wes Bos med fuld stak og mere. Der er også en dag med workshops og de mest populære netværksmuligheder - gå ikke glip af det. Få din Generate-billet nu.
