Obsah
- 01. Repos
- 02. PixelSnap
- 03. Skica. The.Ripper
- 04. Stackswell
- 05. Variabilné písma
- 06. Stripe Billing
- 07. CreativeGuild
- 08. Mobbin
- 09. HueSnap
- 10. Eggradienti
- Získajte lístok do Generate New York
Témou tohto mesiaca je rýchlosť a efektívnosť: niekoľko z nich nástroje na návrh webu urobí úžasné veci pre váš pracovný tok tým, že odstráni nudné a frustrujúce úlohy, ktoré nemajú nič spoločné s dizajnom. Take Stackswell - automatizuje všetky nepríjemné kroky pri tvorbe responzívneho dizajnu v aplikácii Sketch. Ďalší z našich nástrojov vám veci urýchli extrahovaním a usporiadaním všetkých prvkov zo súboru .sketch.
Navyše je tu skvelý nový fakturačný produkt od Stripe, skvelý sieťový nástroj pre kreatívy od Tiny Roth Eisenberg a fantastický nástroj na meranie vecí na obrazovke v pixeloch.
01. Repos
Ak ste dostali za úlohu pracovať na niektorých zložkách návrhového systému vašej organizácie alebo dokonca budovať alebo kodifikovať samotný systém, mali by ste tempo dosiahnuť pomocou najnovších zdrojov venovaných tejto téme.
Za týmto účelom je Design Systems Repo vašim priateľom. Je to zbierka kníh, článkov, besied, webových stránok, nástrojov, dizajnových systémov, knižníc vzorov a príručiek štýlov, pomocou ktorých môžete pochopiť, ako veci robia špičkové organizácie a poprední myslitelia.
02. PixelSnap
PixelSnap je veľmi šikovná aplikácia, vďaka ktorej je meranie vecí na obrazovke oveľa nepríjemnejšie. Umiestnite kurzor medzi dva prvky, ako napríklad obrázok a nadpis, a automaticky vám povie počet pixelov medzi nimi. Nakreslite obdĺžnik okolo prvku, ten sa okolo neho zacvakne a oznámi vám jeho rozmery. Áno. Môžete merať veci tak rýchlo.
Nápad nájdete na videu na domovskej stránke. Cena aplikácie je 15 dolárov a jedinou nevýhodou je, že je zatiaľ k dispozícii iba ako aplikácia pre Mac. Ale ak ste používateľom počítačov Mac, je to skvelá vec.
03. Skica. The.Ripper
Export a príprava podkladov zo Skice na odovzdanie inému tímu môže byť skutočným ťahom, takže perspektíva nástroja, ktorý to urobí za vás jedným kliknutím, je dosť vzrušujúca. Sketch.The.Ripper extrahuje a organizuje obrazovky, kopíruje a rastruje obrázky zo všetkých kresliacich panelov v súbore .sketch a pohodlne ich prezentuje. Tu si môžete pozrieť príklad výstupu z konvertovaného súboru.
Tento nástroj je založený na webe, takže funguje na akomkoľvek operačnom systéme, ktorý dokáže z vášho pracovného toku odstrániť určité trenie, ak ľudia používajú rôzne systémy. Vyrába ju spoločnosť Icons8 a viac si o nej môžete prečítať tu.
04. Stackswell
Stackswell urýchľuje váš responzívny pracovný postup návrhu tým, že do aplikácie Sketch vnáša mediálne dotazy a automatizuje proces aktualizácie štýlov a symbolov pre každý bod prerušenia. Namiesto toho, aby ste túto prácu robili ručne, sa štýly automaticky aktualizujú, keď upravíte šírku kresliacej plochy.
Stackswell vás tiež ušetrí tým, že budete musieť skontrolovať svoje zvislé rozstupy pre každý bod zlomu, takže získate konzistentné rozostupy s minimálnymi problémami. Viac sa o ňom dočítate v tomto článku.
05. Variabilné písma
Variabilné písma vám umožňujú používať veľa rôznych váh a šírok písma bez toho, aby ste pre každú museli zahrnúť samostatný súbor: zahrniete jeden súbor a potom upravíte písmo pomocou CSS. Je to vynikajúca situácia, pretože vám umožňuje v návrhoch čo najlepšie využiť typografiu bez toho, aby ste museli zvyšovať váhu svojej stránky.
Nie všetky variabilné typy písma sú však rovnaké; niektoré sú flexibilnejšie ako iné. Tento nástroj umožňuje vyhľadávať rôzne písma a experimentovať s nimi, aby zistili, či vyhovujú vašim potrebám. Ak chcete získať ďalšie informácie o variabilných písmach a získať predstavu o tom, čo je možné dosiahnuť, vyskúšajte túto ukážku.
06. Stripe Billing
Nový fakturačný produkt Stripe pre online podniky ponúka tretiu cestu pre spoločnosti, ktoré zvažujú dilemu, či vybudovať alebo kúpiť fakturačný systém (ďalšie informácie nájdete v našom článku o riešeniach online obchodov). Stripe Billing API sa ľahko integruje do existujúceho webu a umožňuje vám pomocou stavebných blokov vytvoriť flexibilný systém šitý na mieru vašim potrebám.
Keď je váš systém nastavený, všetko sa spravuje z informačného panela, kde môžete mať prehľad o predplatných, faktúrach a finančných správach. Získate tiež výkonné funkcie, ako napríklad globálny platobný systém Stripe, ktorý pracuje s rôznymi menami a kreditnými kartami, a flexibilné komponenty fakturácie, ktoré vám umožňujú experimentovať s určovaním cien.
07. CreativeGuild
CreativeGuild je spin-off spoločnosti CreativeMornings, bezplatnej mesačnej prednáškovej série, ktorú pred desiatimi rokmi založila Tina Roth Eisenberg v Brooklyne. Koncept bol hitom a v súčasnosti sú kapitoly CreativeMornings vo viac ako 185 mestách po celom svete, každé s vlastnou živou komunitou, ktorá podporuje a inšpiruje jej členov.
CreativeGuild má za cieľ priniesť časť komunitného aspektu online, aby bola prístupná pre viac ľudí. Môžete to považovať za niečo podobné ako LinkedIn, ale pre kreatívcov. Existuje adresár kreatívnych spoločností, jednotlivcov a pracovných miest. Môžete vyhľadávať podľa miesta a hľadať príležitosti vo svojom meste.
08. Mobbin
Mobbin je galéria návrhov mobilných aplikácií, pomocou ktorej môžete získať nápady na svoje vlastné projekty - namiesto inštalácie mnohých aplikácií ich môžete prehľadávať na jednom mieste a zistiť, ako iní riešia problémy s dizajnom. Pre každú aplikáciu je zobrazených šesť obrazoviek, aby ste mohli získať predstavu o ceste používateľa a návrhovom vzore každej z nich. K dispozícii je tiež bočný panel zobrazujúci zoznamy úloh.
09. HueSnap
Nikdy neviete, kedy udrie inšpirácia; možno bude výzdoba hotela alebo svetlo v parku pôsobiť ako správna farebná schéma pre vašu prácu. Ak sa to stane, môžete fotografiu vyfotografovať a pomocou HueSnap extrahovať farby z obrázka a vytvoriť z nich paletu.
Aplikácia je zameraná na mobilné použitie, takže funguje najlepšie na vašom telefóne, a vy môžete svoje palety ukladať a zdieľať s ostatnými. Existuje niekoľko funkcií, ktoré vám pomôžu upraviť paletu, napríklad možnosti výberu doplnkových a zložených farieb. Každá vaša paleta môže mať až šesť farieb.
Ak sa chcete dozvedieť viac, pozrite si našu zbierku najlepších farebných nástrojov pre webových dizajnérov.
10. Eggradienti
Kto zostavil túto kolekciu nádherných prechodov, má veľké oko pre farbu a zaujímavý zmysel pre humor. Každý gradient je zobrazený v nádobe v tvare vajca a má pomenovanie, ktoré nejakým spôsobom môže alebo nemusí súvisieť s farbami. Ak existuje vzťah, nedokázali sme ho dešifrovať.
Medzi príklady patria názvy „Successful Immigrant“ pre tyrkysový gradient, „Wozniak’s Broken Heart“ pre bledomodrú farbu a „Merciful Enemy“ pre prechod zo žltej na zelenú.
Získajte lístok do Generate New York
Predná udalosť v oblasti webdizajnu Vytvorte New York je späť. Medzi hlavnými rečníkmi, ktorí sa konajú medzi 25. a 27. aprílom, sú Dan Mall zo SuperFriendly, konzultant pre webové animácie Val Head, vývojár JavaScriptu s plným zásobníkom Wes Bos a ďalší. Je tu tiež deň workshopov a najlepších príležitostí na vytváranie sietí - nenechajte si to ujsť. Získajte lístok Generate hneď.
