Obsah
- 01. Design Systems Repo
- 02. PixelSnap
- 03. Sketch.The.Ripper
- 04. Stackswell
- 05. Variabilní písma
- 06. Stripe Billing
- 07. CreativeGuild
- 08. Mobbin
- 09. HueSnap
- 10. Eggradienti
- Získejte lístek do Generate New York
Tématem tohoto měsíce je rychlost a efektivita: několik z nich nástroje pro webový design udělá pro váš pracovní postup úžasné věci tím, že odstraní nudné a frustrující úkoly, které nemají nic společného s designem. Take Stackswell - automatizuje všechny nepříjemné kousky provádění responzivního designu v aplikaci Sketch. Další z našich nástrojů vám věci urychlí extrahováním a uspořádáním všech aktiv ze souboru .sketch.
Kromě toho existuje skvělý nový fakturační produkt Stripe, skvělý síťový nástroj pro kreativy od Tiny Roth Eisenbergové a fantastický nástroj pro měření věcí na obrazovce v pixelech.
01. Design Systems Repo
Pokud jste dostali za úkol pracovat na některých ingrediencích pro návrhový systém vaší organizace, nebo dokonce vytvořit nebo kodifikovat samotný systém, budete se chtít dostat do tempa s nejnovějšími zdroji k danému tématu.
Za tímto účelem je Design Systems Repo vaším přítelem. Je to sbírka knih, článků, přednášek, webů, nástrojů, designových systémů, knihoven vzorů a průvodců stylem, pomocí kterých můžete porozumět tomu, jak věci dělají špičkové organizace a přední myslitelé.
02. PixelSnap
PixelSnap je velmi šikovná aplikace, díky níž je měření věcí na obrazovce mnohem, mnohem méně otravné. Umístěte kurzor mezi dva prvky, jako je obrázek a nadpis, a automaticky vám řekne počet pixelů mezi nimi. Nakreslete obdélník kolem prvku, ten se kolem něj přichytí a řekne vám jeho rozměry. Ano. Můžete měřit věci tak rychle.
Podívejte se na video na domovské stránce a získejte nápad. Cena této aplikace je 15 USD a jedinou nevýhodou je, že je zatím k dispozici pouze jako aplikace pro Mac. Pokud ale používáte Mac, je to skvělá věc.
03. Sketch.The.Ripper
Export a příprava podkladů z aplikace Sketch k předání jinému týmu může být skutečným tahem, takže vyhlídka na nástroj, který to za vás provede jedním kliknutím, je docela vzrušující. Sketch.The.Ripper extrahuje a organizuje obrazovky, kopíruje a rastruje obrázky ze všech návrhových ploch v souboru .sketch a pohodlně je prezentuje. Zde vidíte příklad výstupu z rozbaleného souboru.
Tento nástroj je založený na webu, takže funguje na jakémkoli operačním systému, který může z pracovního postupu odstranit určité tření, pokud lidé používají různé systémy. Vyrábí ji Icons8 a můžete si o ní přečíst více zde.
04. Stackswell
Stackswell zrychluje váš citlivý pracovní postup návrhu tím, že přináší do aplikace Sketch dotazy na média a automatizuje proces aktualizace stylů a symbolů pro každý zarážku. Místo ruční práce, když upravíte šířku kreslicí plochy, se styly automaticky aktualizují.
Stackswell vás také ušetří tím, že budete muset zkontrolovat svislé rozestupy pro každý bod zlomu, abyste získali konzistentní rozteč s minimálními potížemi. Více se o tom dočtete v tomto článku.
05. Variabilní písma
Variabilní písma vám umožňují používat mnoho různých vah a šířek písem, aniž byste museli pro každý zahrnout samostatný soubor: zahrnete jeden soubor a poté upravíte písmo pomocí CSS. Je to skvělá situace, protože vám umožňuje používat typografii v jejích návrzích co nejlépe, aniž byste museli zvyšovat váhu stránky.
Ne všechna variabilní písma jsou však stejná; některé jsou pružnější než jiné. Tento nástroj vám umožňuje najít různá písma a experimentovat s nimi, abyste zjistili, zda vyhovují vašim potřebám. Chcete-li získat další informace o variabilních písmech a získat představu o tom, čeho lze dosáhnout, vyzkoušejte tuto ukázku.
06. Stripe Billing
Nový fakturační produkt Stripe pro online podniky nabízí třetím způsobem pro společnosti, které zvažují dilema, zda vybudovat nebo koupit fakturační systém (další informace najdete v našem článku o řešeních online obchodů). Stripe Billing API se snadno integruje do existujícího webu a umožňuje vám pomocí stavebních bloků vytvořit flexibilní systém přizpůsobený vašim potřebám.
Když je váš systém nastaven, vše se spravuje z řídicího panelu, kde můžete mít přehled o předplatných, fakturách a finančních zprávách. Získáte také výkonné funkce, jako je globální platební systém Stripe, který zpracovává různé měny a kreditní karty, a flexibilní komponenty fakturace, které vám umožní experimentovat s tvorbou cen.
07. CreativeGuild
CreativeGuild je odštěpením CreativeMornings, bezplatné měsíční přednáškové série, kterou před deseti lety založila Tina Roth Eisenberg v Brooklynu. Koncept byl hitem a nyní jsou ve více než 185 městech po celém světě k dispozici kapitoly CreativeMornings, každé s vlastní živou komunitou, která podporuje a inspiruje její členy.
CreativeGuild má přinést část komunitního aspektu online, aby byla přístupná více lidem. Můžete si to představit jako něco jako LinkedIn, ale pro kreativy. K dispozici je adresář kreativních společností, jednotlivců a pracovních míst. Můžete hledat podle místa a hledat příležitosti ve svém městě.
08. Mobbin
Mobbin je galerie návrhů mobilních aplikací, které můžete použít k získání nápadů pro vlastní projekty - místo instalace mnoha aplikací je můžete procházet na jednom místě a zjistit, jak ostatní řeší problémy s designem. Pro každou aplikaci je zobrazeno šest obrazovek, abyste si mohli udělat představu o cestě uživatele a návrhovém vzoru pro každou z nich. K dispozici je také postranní panel zobrazující seznamy úloh.
09. HueSnap
Nikdy nevíte, kdy udeří inspirace; možná bude výzdoba hotelu nebo světlo v parku vypadat jako správné barevné schéma pro vaši práci. Pokud k tomu dojde, můžete pořídit fotografii a pomocí HueSnap extrahovat barvy z obrázku a vytvořit z nich paletu.
Aplikace je zaměřena na používání mobilních telefonů, takže funguje nejlépe na vašem telefonu, a vy můžete své palety ukládat a sdílet s ostatními. Existují různé funkce, které vám pomohou upravit paletu, například možnosti výběru doplňkových a složených barev. Vaše palety mohou mít až šest barev.
Další informace najdete v našem přehledu nejlepších barevných nástrojů pro webové designéry.
10. Eggradienti
Každý, kdo sestavil tuto kolekci krásných přechodů, má skvělé oko pro barvy a zajímavý smysl pro humor. Každý přechod je zobrazen v kontejneru ve tvaru vejce a je mu přidělen název, který může, ale nemusí nějak souviset s barvami. Pokud existuje vztah, nebyli jsme schopni ho dešifrovat.
Mezi příklady jmen patří „Successful Immigrant“ pro tyrkysový přechod, „Wozniak’s Broken Heart“ pro bledě modrou a „Merciful Enemy“ pro přechod ze žluté na zelenou.
Získejte lístek do Generate New York
Přední událost v oblasti webdesignu Generovat New York je zpět. Mezi hlavními řečníky, kteří se konají ve dnech 25. – 27. Dubna, jsou Dan Mall ze SuperFriendly, konzultant webové animace Val Head, vývojář JavaScriptu s plným zásobníkem Wes Bos a další. K dispozici je také den workshopů a nejlepších příležitostí k vytváření sítí - nenechte si to ujít. Získejte lístek Generate hned teď.