Inhoud
- 01. Ontwerpsystemen Repo
- 02. PixelSnap
- 03. Sketch.The.Ripper
- 04. Stackswell
- 05. Variabele lettertypen
- 06. Stripe-facturering
- 07. CreativeGuild
- 08. Mobbin
- 09. HueSnap
- 10. Eggradiënten
- Koop je ticket voor Generate New York
Het thema van onze verzameling deze maand is snelheid en efficiëntie: een paar hiervan webontwerptools zal verbazingwekkende dingen doen voor uw workflow door vervelende, frustrerende taken die niets met ontwerp te maken hebben, weg te laten. Neem Stackswell - het automatiseert alle vervelende dingen van responsief ontwerpen in Sketch. Een andere van onze tools versnelt de zaken voor u door alle middelen uit een .sketch-bestand te extraheren en te ordenen.
Bovendien is er een cool nieuw factureringsproduct van Stripe, een geweldige netwerktool voor creatievelingen door Tina Roth Eisenberg en een fantastische tool om dingen op je scherm in pixels te meten.
01. Ontwerpsystemen Repo
Als je de taak hebt gekregen om aan enkele ingrediënten voor het ontwerpsysteem van je organisatie te werken, of misschien zelfs om het systeem zelf te bouwen of te coderen, wil je graag op de hoogte zijn van de nieuwste bronnen over het onderwerp.
Hiervoor is Design Systems Repo uw vriend. Het is een verzameling boeken, artikelen, lezingen, websites, tools, ontwerpsystemen, patroonbibliotheken en stijlgidsen die u kunt gebruiken om inzicht te krijgen in hoe toporganisaties en toonaangevende denkers dingen doen.
02. PixelSnap
PixelSnap is een zeer handige app die het meten van dingen op je scherm veel, veel minder vervelend maakt. Plaats uw cursor tussen twee elementen, zoals een afbeelding en een kop, en hij vertelt u automatisch het aantal pixels ertussen. Teken een rechthoek rond een element en het klikt er omheen en vertelt je de afmetingen ervan. Ja. Zo snel kun je dingen meten.
Bekijk de video op de homepagina om het idee te krijgen. De app kost $ 15, en het enige nadeel is dat deze voorlopig alleen beschikbaar is als Mac-app. Maar als je een Mac-gebruiker bent, is dat geweldig.
03. Sketch.The.Ripper
Het exporteren en voorbereiden van middelen uit Sketch om aan een ander team over te dragen kan een behoorlijke uitdaging zijn, dus het vooruitzicht van een tool die het met één klik voor je doet, is best spannend. Sketch.The.Ripper extraheert en organiseert de schermen, kopieert en rasterafbeeldingen van alle tekengebieden in een .sketch-bestand en presenteert ze op een handige manier. U kunt hier een voorbeeld van de uitvoer van een geript bestand zien.
Deze tool is webgebaseerd, dus het werkt op elk besturingssysteem, wat enige wrijving uit uw workflow kan halen als mensen verschillende systemen gebruiken. Het is gemaakt door Icons8 en je kunt er hier meer over lezen.
04. Stackswell
Stackswell versnelt uw responsieve ontwerpworkflow door mediaquery's in Sketch op te nemen en het proces van het bijwerken van typestijlen en symbolen voor elk breekpunt te automatiseren. In plaats van dit handmatig te doen, worden de stijlen automatisch bijgewerkt wanneer u de breedte van een tekengebied aanpast.
Stackswell bespaart u ook het werk van het controleren van uw verticale afstand voor elk breekpunt, zodat u een consistente afstand krijgt met minimaal gedoe. In dit artikel leest u er meer over.
05. Variabele lettertypen
Met variabele lettertypen kunt u veel verschillende lettertypegewichten en -breedtes gebruiken zonder dat u voor elk een apart bestand hoeft op te nemen: u voegt één bestand toe en wijzigt het lettertype vervolgens met CSS. Het is een geweldige situatie omdat je zo typografie optimaal kunt gebruiken in je ontwerpen, zonder dat je paginadruk hoeft te verhogen.
Niet alle variabele lettertypen zijn echter gelijk; sommige zijn flexibeler dan andere. Met deze tool kunt u verschillende lettertypen vinden en ermee experimenteren om te zien of ze aan uw behoeften voldoen. Probeer deze demo voor meer informatie over variabele lettertypen en om een idee te krijgen van wat er kan worden bereikt.
06. Stripe-facturering
Het nieuwe factureringsproduct van Stripe voor online bedrijven biedt een derde manier voor bedrijven die het dilemma overwegen om een factureringssysteem te bouwen of te kopen (lees voor meer informatie ons artikel over online winkeloplossingen). De Stripe Billing API kan eenvoudig in een bestaande site worden geïntegreerd en stelt u in staat om bouwstenen te gebruiken om een flexibel systeem te creëren dat is afgestemd op uw behoeften.
Wanneer uw systeem is ingesteld, wordt alles beheerd vanuit een dashboard waar u de abonnementen, facturen en financiële rapporten bijhoudt. U krijgt ook krachtige functies, zoals het wereldwijde betalingssysteem van Stripe, dat verschillende valuta's en creditcards verwerkt, en de flexibele factureringscomponenten waarmee u kunt experimenteren met prijzen.
07. CreativeGuild
CreativeGuild is een spin-off van CreativeMornings, een gratis maandelijkse lezingenreeks die tien jaar geleden werd opgericht door Tina Roth Eisenberg in Brooklyn. Het concept was een hit en er zijn nu CreativeMornings-hoofdstukken in meer dan 185 steden over de hele wereld, elk met zijn eigen levendige gemeenschap die haar leden koestert en inspireert.
CreativeGuild is bedoeld om een deel van het gemeenschapsaspect online te brengen, zodat het voor meer mensen toegankelijk is. Je kunt het zien als een beetje zoals LinkedIn, maar dan voor creatievelingen. Er is een lijst met creatieve bedrijven, individuen en banen, en u kunt op locatie zoeken om kansen in uw stad te vinden.
08. Mobbin
Mobbin is een galerij met ontwerpen voor mobiele apps die u kunt gebruiken om ideeën op te doen voor uw eigen projecten - in plaats van veel apps te installeren, kunt u ze op één plek doorbladeren om te zien hoe anderen ontwerpproblemen oplossen. Er worden zes schermen voor elke app weergegeven, zodat u een idee krijgt van de gebruikersreis en het ontwerppatroon voor elke app. Er is ook een zijbalk met vacatures.
09. HueSnap
Je weet nooit wanneer inspiratie zal toeslaan; misschien zal de inrichting van een hotel of het licht in het park aanvoelen als het juiste kleurenschema voor uw werk. Als dat gebeurt, kun je een foto maken en HueSnap gebruiken om de kleuren uit de afbeelding te extraheren en er een palet van te maken.
De app is gericht op mobiel gebruik en werkt dus het beste op je telefoon, en je kunt je paletten opslaan en delen met anderen. Er zijn verschillende functies waarmee u een palet kunt aanpassen, zoals opties om complementaire en samengestelde kleuren te kiezen. Uw paletten kunnen elk maximaal zes kleuren hebben.
Bekijk voor meer informatie onze verzameling van de beste kleurhulpmiddelen voor webontwerpers.
10. Eggradiënten
Wie deze verzameling prachtige kleurovergangen samenstelt, heeft een groot oog voor kleur en een interessant gevoel voor humor. Elk verloop wordt weergegeven in een eivormige container en krijgt een naam die op de een of andere manier verband houdt met de kleuren. Als er een relatie is, hebben we die niet kunnen ontcijferen.
Voorbeelden van namen zijn onder meer ’Succesvolle immigrant’ voor een turkoois kleurverloop, ’Wozniak’s Broken Heart’ voor een lichtblauwe kleur en ’Genadige vijand’ voor een gele naar groene overgang.
Koop je ticket voor Generate New York
Toonaangevend evenement op het gebied van webdesign Genereer New York is terug. De headline-sprekers vinden plaats tussen 25 en 27 april en omvatten SuperFriendly's Dan Mall, webanimatieadviseur Val Head, full-stack JavaScript-ontwikkelaar Wes Bos en meer. Er is ook een dag vol workshops en uitstekende netwerkmogelijkheden - mis het niet. Koop nu uw Generate-ticket.
