Inhalt
- 01. Design Systemer Repo
- 02. PixelSnap
- 03. Skizz.The.Ripper
- 04. Stackswell
- 05. Variabel Schrëften
- 06. Sträif Billing
- 07. CreativeGuild
- 08. Mobbin
- 09. HueSnap
- 10. Eggradienten
- Kritt Ären Ticket fir Generéiere New York
D'Thema vun eisem Roundup dëse Mount ass Geschwindegkeet an Effizienz: e puer dovun Web Design Tools wäert erstaunlech Saache fir Äre Workflow maachen andeems se langweileg, frustréierend Aufgaben ausgeschnidden hunn, déi näischt mam Design ze dinn hunn. Huelt Stackswell - et automatiséiert all déi lästeg Bits fir responsive Design a Sketch ze maachen. En anert vun eisen Tools beschleunegt d'Saache fir Iech andeems Dir all d'Verméigen aus enger .sketch Datei extrahéiert an organiséiert.
Donieft gëtt et e coolt neit Rechnungsprodukt vu Stripe, e super Netzwierk-Tool fir Kreativer vum Tina Roth Eisenberg an e fantastescht Instrument fir Saachen op Ärem Bildschierm a Pixel ze moossen.
01. Design Systemer Repo
Wann Dir d'Aufgab kritt un e puer vun den Zutaten fir den Design System vun Ärer Organisatioun ze schaffen, oder vläicht souguer de System selwer ze bauen oder ze kodéieren, wëllt Dir mat de leschten Ressourcen zum Thema upaken.
Dofir ass Design Systems Repo Äre Frënd. Et ass eng Sammlung vu Bicher, Artikelen, Gespréicher, Websäiten, Tools, Designsystemer, Musterbibliothéiken a Stilguiden déi Dir benotze kënnt fir ze verstoen wéi Top Organisatiounen a féierend Denker Saachen maachen.
02. PixelSnap
PixelSnap ass eng ganz frëndlech App déi d'Saachen op Ärem Écran moosst, vill manner lästeg. Setzt Äre Cursor tëscht zwee Elementer wéi e Bild an eng Iwwerschrëft, an et seet Iech automatesch d'Zuel vu Pixel tëscht hinnen. Zeechent e Rechteck ronderëm en Element an et klëmmt ronderëm et a seet Iech seng Dimensiounen. Jo. Dir kënnt Saache séier moossen.
Kuckt de Video op der Homepage fir d'Iddi ze kréien. D'App gëtt op $ 15 geprägt, an deen eenzegen Nodeel ass datt se nëmmen elo als Mac App verfügbar ass. Awer wann Dir e Mac User sidd, ass et eng super Saach.
03. Skizz.The.Ripper
Exportéieren a Preparéiere vu Verméigen vu Sketch fir un en anert Team ze iwwerginn kann e richtege Drag sinn, sou datt d'Perspektiv vun engem Tool dat et mat engem Klick fir Iech mécht éischter spannend ass. Sketch.The.Ripper extrahéiert an organiséiert d'Bildschirmer, kopéiert a raster Biller vun allen Artboards an enger .sketch Datei a presentéiert se op eng praktesch Manéier. Dir kënnt e Beispill vun der Ausgab vun enger gerappter Datei hei gesinn.
Dëst Tool ass webbaséiert sou datt et op all OS funktionnéiert, wat e puer Reibung aus Ärem Workflow kann entfernen wann d'Leit verschidde Systemer benotzen. Et gëtt vun Icons8 gemaach, an Dir kënnt méi doriwwer liesen hei.
04. Stackswell
Stackswell beschleunegt Äre reaktiounsfäegen Design Workflow andeems Dir Medienufroen a Sketch bréngt, an de Prozess vun der Aktualiséierung vun Type Stiler a Symboler fir all Breakpoint automatiséiert. Amplaz dës Aarbecht manuell ze maachen, wann Dir d'Breet vun engem Artboard upasst, ginn d'Stiler automatesch aktualiséiert.
Stackswell erspuert Iech och d'Aarbecht fir Äre vertikalen Abstand fir all Breakpoint ze kontrolléieren, sou datt Dir konsequent Abstand mat minimalem Ierger kritt. Dir kënnt méi iwwer dëst an dësem Artikel liesen.
05. Variabel Schrëften
Variabel Schrëften erlaaben Iech vill verschidde Schrëftgewiichter a Breet ze benotzen ouni eng separat Datei fir all matzemaachen: Dir enthält eng Datei an da ännert d'Schrëft mat CSS. Et ass eng super Situatioun well et Iech erméiglecht Typografie fir säi bescht Effekt an Ären Design ze benotzen, ouni Äert Säitewiicht ze erhéijen.
Net all Variabelfonts sinn awer gläich; déi eng si méi flexibel wéi anerer. Dëst Tool erlaabt Iech verschidde Schrëften ze fannen an mat hinnen ze experimentéieren fir ze kucken ob se Äre Besoinen entspriechen. Fir weider Informatioun iwwer variabelen Schrëften a fir eng Iddi ze kréien, wat erreecht ka ginn, probéiert dës Demo.
06. Sträif Billing
Dem Stripe säin neie Rechnungsprodukt fir Online Geschäfter bitt en drëtte Wee fir Firmen déi den Dilemma berécksiichtegen ob se e Rechnungssystem bauen oder kafen (fir méi iwwer dëst, kuckt an eisem Artikel iwwer Online Shop Léisungen). D'Stripe Billing API integréiert einfach an e existente Site an erlaabt Iech Bausteng ze benotzen fir e flexiblen System ze kreéieren deen op Är Besoinen ugepasst ass.
Wann Äre System ageriicht ass, gëtt alles vun engem Dashboard geréiert, wou Dir uewen op Abonnementer, Rechnungen a Finanzberichter hale kënnt. Dir kritt och mächteg Funktiounen wéi Stripe säi globaalt Bezuelsystem, dat verschidde Währungen a Kreditkaarte behandelt, an déi flexibel Rechnungskomponenten, déi Iech mat Präisser experimentéiere loossen.
07. CreativeGuild
CreativeGuild ass e Spin-Off vu CreativeMornings, eng gratis monatlech Virliesungsserie gegrënnt vum Tina Roth Eisenberg zu Brooklyn virun engem Jorzéngt. D'Konzept war en Hit an et ginn elo CreativeMornings Kapitelen an iwwer 185 Stied weltwäit, jidd mat senger eegener lieweger Gemeinschaft déi seng Memberen erzitt an inspiréiert.
CreativeGuild soll e puer vum Gemeinschaftsaspekt online bréngen, sou datt et fir méi Leit zougänglech ass. Dir kënnt et als e bësse wéi LinkedIn denken, awer fir Kreativitéiten. Et gëtt e Verzeechnes vu kreative Firmen, Eenzelpersounen an Aarbechtsplazen, an Dir kënnt no Standuert sichen fir Méiglechkeeten an Ärer Stad ze fannen.
08. Mobbin
Mobbin ass eng Galerie vu mobilen App Designen déi Dir benotze kënnt fir Iddien fir Är eege Projeten ze kréien - amplaz vill Apps z'installéieren, kënnt Dir se op enger Plaz duerchsiche fir ze kucken wéi anerer Designprobleemer léisen. Sechs Bildschirmer fir all App ginn ugewisen sou datt Dir eng Iddi kritt iwwer d'Benotzerrees an d'Designmuster fir all eenzel. Et gëtt och eng Sidebar mat Joblëschten.
09. HueSnap
Dir wësst ni wéini d'Inspiratioun schloe wäert; vläicht fillt den Dekor vun engem Hotel oder d'Luucht am Park wéi de richtege Faarfschema fir Är Aarbecht. Wann dat passéiert, kënnt Dir eng Foto knipsen an HueSnap benotze fir d'Faarwen aus dem Bild ze extrahieren an zu enger Palette ze maachen.
D'App riicht sech un de mobilen Asaz sou funktionnéiert am beschten op Ärem Handy, an Dir kënnt Är Paletten mat aneren späicheren an deelen. Et gi verschidde Funktiounen fir Iech ze hëllefen eng Palette z'änneren, wéi zum Beispill Optiounen fir ergänzend a verbonne Faarwen ze wielen. Är Palette kënne bis zu sechs Faarwen hunn.
Fir méi, kuckt eis Roundup vun de beschte Faarfinstrumenter fir Webdesigner.
10. Eggradienten
Wien dës Sammlung vu schéine Gradienten zesummesetzt, huet e grousst A fir Faarf an en interessanten Humor. All Gradient gëtt an engem Eeërfërmege Container ugewisen an en Numm kritt deen op iergend eng Manéier mat de Faarwen ze dinn huet oder net. Wann et eng Bezéiung ass, hu mir et net fäerdeg bruecht se ze entzifferen.
Beispiller Nimm enthalen 'Erfollegräich Immigrant' fir en türkisgradient, 'Wozniak's Broken Heart' fir e hellbloen a 'Merciful Enemy' fir e giel bis gréngen Iwwergank.
Kritt Ären Ticket fir Generéiere New York
Leading Web Design Event Generéiere New York ass zréck. Stattfonnt tëscht 25-27 Abrëll, Iwwerschrëft Spriecher och SuperFriendly d'Dan Mall, Web Animatioun Beroder Val Head, voll Stack JavaScript Entwéckler Wes Bos a méi. Et gëtt och een Dag vu Workshops an Top Netzwierkméiglechkeeten - verpasst et net. Kritt elo Ären Generate Ticket.
