Hvad er nyt for designere, januar 2017
Nye designværktøjer er som nye legetøj. Du søger sandsynligvis altid elementer til at gøre dit liv lettere. Her har vi dem. Fra nye udgivelser til opdateret dokumentation til open source kode fra Kickstarter til et par funky skrifttyper, er denne roundup pakket med design godbidder.
Næsten alt på listen i denne måned er gratis, med nogle få betalte apps og værktøjer. De er sikker på at være nyttige for designere og udviklere, fra begyndere til eksperter.
Hvis vi har savnet noget, som du mener burde have været på listen, så lad os vide i kommentarerne. Og hvis du kender til en ny app eller ressource, der skal vises i næste måned, tweet det til @carriecousins tages op til overvejelse!
Bulma
Bulma er en moderne CSS ramme baseret på Flexbox. Det giver dig hele hastigheden af en ramme, mens du stadig gør brug af det nyeste opdateringsværktøj, der findes i CSS. Responsive, modulære og gratis, det er kraftigt og letvægtigt.
Flawless Typography Checklist
Typewolf s Flawless Typography Checklist er et omfattende sæt regler for webtypografi. 100 elementer på premiumlisten indeholder alle en detaljeret forklaring og en nyttig visuel vejledning, så du ved præcis, hvordan du designer stor typografi.
Figma
Figma hævder at være det første UI designværktøj med real-time samarbejde. Hele dit team kan arbejde på samme projektfil på én gang. Det kan måske virke forvirrende, men det er en fantastisk tidsbesparende, den importerer fra Sketch og fungerer på Mac og Windows.
Kickstarter App Code
Vil du opbygge en iOS eller Android app som Kickstarter? Det er muligt nu, da koden til den velkendte platform er open source . Du kan finde skærmbilleder, legepladser og masser af andre godbidder på GitHub. Der er masser af kode, der hjælper dig med at komme i gang med en app eller tænke på udvikling. Brug det som grundlag for at komme i gang eller lære eksempel for at hjælpe med bedre at forstå, hvordan denne type app kommer sammen.
Rellax
Rellax er et letvægts, vanille JavaScript-bibliotek til parallax scrolling. Gennemfør parallaxrulning med en enkelt linje, og tweak hastighed med en enkelt attribut. Den selvudslettende beskrivelse af denne "quirky" JS kode belyser, hvor nyttig det faktisk er.
MusicForProgramming
Har du brug for hjælp til at arbejde igennem grejenheden i januar? musicForProgramming s fik din ryg. Det er en blanding af blandinger for at hjælpe produktiviteten og hjælpe dig med at koncentrere dig om kodning. Plus det har en glædeligt brutalistisk hjemmeside.
Material.io
Google har oprettet en helhed ny hjemmeside med alle de ressourcer du har brug for til et materiale design projekt. Det nye hjem for alle ting Material Design omfatter systemet et overblik, stilregler, branding, interaktion og bevægelsesprincipper. Der er også et galleri af eksempler og et scenariemiljø, der åbnes snart.
Patterninja
Patterninja er et værktøj, der kombinerer billeder for at skabe mønstre. Brug dit billede eller det medfølgende bibliotek til at oprette en række mønstertyper, der kan bruges til webprojekter eller downloades som højopløsningsversioner til offlinearbejde. Værktøjet er super nemt at bruge og sjovt at lege med.
Atomisk Design
Brad Frosts bog Atomisk Design er nu tilgængelig som trykt bog og online. Det beskriver Frosts teorier om design af grænsefladesystemer og giver alt hvad du behøver at vide for at være en effektiv UI-designer i 2017.
Protopie
Protopie er et nyt værktøj til design af mobile interaktioner uden nogen kode. Flere gestus understøttes, samt smartphone accelerometre og mikrofoner. En tidslinje er inkluderet til finjusterende interaktioner, og scener kan anvendes til at organisere dine designs.
Smadre
Smadre er et værktøj, der giver dig mulighed for at se billeder og billeder, videoer og dokumenter fra enhver enhed uden at skulle downloade noget. Det bedste ved tjenesten er, at det ikke kommer med de samme filstørrelsesrestriktioner for e-mail eller andre leveringstjenester.
Skriv Nugget
Skriv Nugget er et godt projekt, der giver dig mulighed for visuelt at designe en typografi og derefter eksportere den til CSS. Det genererer ryddelige, brugbare CSS fra en live browser preview, men vær opmærksom på, at den stadig er i beta, så nogle funktioner, som f.eks. Breakpoints og brugeroprettede gallerier, skal stadig tilføjes.
Prospero
Prospero er et simpelt redskab til at hjælpe designere med at oprette projektforslag. Værktøjet, som stadig er i beta, blev lavet for at hjælpe dig med at holde styr på forslagene med lethed. De banker også på dig, der vinder bud; Du skal kun betale for tjenesten, hvis et forslag accepteres og returneres.
Anime.js
anime.js er et letvægts JavaScript-bibliotek til moderne web-animation. Det virker med CSS, transformer, SVG objekter og DOM attributter. Enkel at lære og nem at bruge, det er en måde bedre mulighed end CSS eller JavaScript standardindstillinger.
Yoga
Yoga er en platform-layoutmaskine, der muliggør samarbejde mellem holdmedlemmer. Værktøjet bruges internt på Facebook, som har udgivet CSS-layoutet til offentligheden. Layoutbiblioteket er designet til at fungere som en selvstændig motor. Den bedste del? Hvis du allerede har en forståelse af Flexbox, vil Yoga være en leg. Du skriver kode i Java, C #, Objective-C og C.
Coggle
Coggle tillader designere eller teams hurtigt og nemt at dele noter på en visuel måde. Værktøjet "mindmap" lever i skyen, så du kan visualisere real-time ideer i browser fra ethvert sted.
@colorschemez
Colorschemer er en dejlig twitter bot, der udsender tilsyneladende tilfældige farvepaletkombinationer, såsom ukoncerted dyb sølv, hårdeste ultramarineblå og pyrheliometrisk periwinkle. Foderet har eksisteret i et stykke tid, men med alt fokus på bots lige nu er dette et godt eksempel på bedste praksis. Derudover kan du finde en forbløffende uventet farvegruppering.
Tegning Udfordring
Tag en tegning udfordring. Smashing magazine har en god tutorial til det nye år for at hjælpe dig med at komme i gang med skitsering. Udfordringen vil hjælpe dig til bedre at tænke på problemer og løsninger ud fra et designsynspunkt. Endvidere er øvelsen designet til at hjælpe dig med at forbedre dine færdigheder i Adobe Photoshop, Illustrator og After Effects. Opdatering eller opdatering af dine færdigheder i denne software er altid en god ting.
Onde ikoner
Onde ikoner er et gratis sæt SVG ikoner i en simpel linjestil. Kodestøtte til Rails, Sprockets, Node.js, Gulp, Grunt og CDN er inkluderet. Udgivet under MIT-licensen er vi ikke sikre på, hvad der er så ondt om dem.
Barking Cat
Barking Cat er et sjovt novelty skrifttype, som designeren kalder "3D crunchy." De små bogstaver har fem forskellige versioner, der cykler, mens du skriver, så designet ser mere håndtegnet ud.
Nunito Sans
Nunito Sans er en meget læsbar, afbalanceret sans serif, der er tilgængelig via Google Fonts. Karaktererne har tynde, ensartede slagbredder, der kan fungere til krops- eller skærmkopiering.
Merthy
Merthy er et uddybet script skrifttype med masser af blomstrer. Skriften har en ret feminin følelse, men kan påtage sig yderligere mening baseret på resten af dit design. Demosættet af tegn er gratis, med en tilgængelig download med flere muligheder.
Abhaya Libre
Abhaya Libre er et simpelt sæt serif-tegn, der er Unicode-kompatible. Den er tilgængelig via Google Fonts. Du kan muligvis genkende tegnsættet; Det er afledt af FM Abhaya, som blev designet langt tilbage i 1996.
Maler
Maler replikerer old-school baseball jersey stil skrifttype med swashy brevformer og masser af alternativer. Den tykke bogstaver kan gøre en fin skærmtype stil, der kan fungere i en række projekttyper.
Culrs
Culrs er et kureret sæt farver til brug på projekter, der er kureret i bestemte kategorier. Du kan vælge håbfulde farver, minimalistiske farver, japanske farver og meget mere. Tilmeld dig en konto, og du kan gemme de sæt, du bedst kan lide.