25+ čerstvé nástroje pro web design
Poslední měsíce přinesly spoustu skvělých věcí pro designéry na všech úrovních dovedností.
Máme nástroje pro navrhování webových stránek. Někteří z nich se pokoušejí vytvořit nějaký hybridní vizuální / kódový workflow, zatímco jiní skryjí kód úplně pryč pro začátečníky.
Také máme prototypové nástroje pro aplikace i weby a několik testovacích nástrojů. Některé jsou zcela nové. Jiní byli na chvíli, ale nedávno byli aktualizováni s úžasnými novými věcmi.
Zarýt! Discovery je polovina zábavy.
Designové nástroje
Macaw Scarlet
První na seznamu je Macaw Scarlet , nástroj tak čerstvý, že ještě není! Ale pak je to od těch kluků, kteří nám přinesli originální Macaw, a tak je spousta lidí nadšeno.
Samotná fakturace jako "životní prostředí návrhu", Macaw Scarlet bude zaměřena na snadnější tvorbu webových stránek pro každého.
Konipas
Konipas není návrhářský nástroj, je to CMS. A přesto by to mohlo být snadno zahrnuto do návrhového workflow, zejména pokud jde o design obsahu.
Víte, má to fantastický prvek nazvaný Streamfield , který funguje spíše jako editor příspěvků společnosti Medium. Rozdíl je v tom, že je přizpůsobitelný a tím silnější. Díky tomu je uživatelům mnohem jednodušší vytvářet obsah na každé stránce.
Kouzelné zrcadlo pro skicu 3
Tady je jedna pro uživatele služby Sketch. V podstatě to dělá nějaký inteligentní objekt navržený tak, aby vám pomohl dát mockups do fotografie.
Nástroje na rámování drátů
Wire Flow
Toto dostane moje osobní razítko schválení. Rychle běží na tabletech, které nejsou běžně vhodné pro kreslení, a přicházejí s tím, co byste mohli kdykoli potřebovat z aplikace pro vytváření drátu.
Je také navržena tak, aby spolupracovala s zařízeními s velikostí telefonu, což může být skvělý způsob, jak správně vizualizovat rozhraní telefonních aplikací.
Sada hodinky Apple Watch
Rozhraní uživatelského rozhraní prvky pro Apple Watch! Co ještě víte?
PowerMockup
Tam bylo více než jeden drátový nástroj Toolkit pro Apple Keynote software. Bylo jen otázkou času, než se někdo stane pro Powerpoint. A mají. Tady to je.
Nástroje pro prototypování
Origami
Přichází úplně z Facebooku: " Origami je bezplatným nástrojem pro návrh moderních uživatelských rozhraní. Rychle sestavte prototyp, spusťte jej na svém iPhone nebo iPadu, opakujte ho a exportujte úryvky kódu, které mohou inženýři využít. "
Žádné slovo zatím o tom, jak užitečné jsou tyto úryvky kódu skutečně. Ale je to Facebook. Mají dobré inženýry.
Zázrak
S jednoduchými nástroji a bezproblémovým plánem, Zázrak dělá skvělou aplikaci pro tvorbu prototypů. Integruje se s Dropboxem a Diskem Google, importuje jakékoliv obrázky, které určíte, a umožňuje vám je propojit pomocí rychlého modelu aplikace.
Slouží k synchronizaci importovaných snímků. Pokud uložíte nové verze do Dropbox nebo Google Drive, automaticky se aktualizuje vaše prototypová aplikace.
Protosketch
Protosketch je prototypová aplikace (druh) určená pro iPad. Dodává se se sadou UI (včetně tun komponent), základními vektorovými nástroji, zarovnávacími nástroji a mnohem více.
V současné době je v beta verzi a je to pouze pro iPad, ale pokud je to vaše platforma, mohlo by to být pro vás ideální. S ostatními aplikacemi hraje hezky: může exportovat soubory ve formátech rastr, SVG a PDF.
Předvídat
Stejně jako mnoho dalších nástrojů na tomto seznamu, Předvídat dělá prototypování. Nabízí také nástroje, které usnadňují práci na značkách a průvodcích stylu jako skupiny. Vytvořte paletu barev, definujte styl a vytvořte knihovnu prvků uživatelského rozhraní a sdílejte ji se zbytkem týmu.
Atomový
Použití Atomový stáhnout soubory z aplikace Photoshop nebo Sketch a vyrobit z nich prototypy. Ovládání verzí, funkce spolupráce a další to činí vynikajícím nástrojem pro hladký, rychlý, iterativní design.
Formulář
Formulář je pokročilý tvůrce prototypů, který spolupracuje s vaším iPhone. Vytvořte prototyp na ploše nebo notebooku a okamžitě si prohlédněte výsledky v telefonu. Navíc používá zásady návrhu materiálu společnosti Google, aby váš prototyp vypadal skvěle.
Pixetové
Pixetové se specializuje na vysoce-věrné "nativní" prototypy, které jsou zobrazeny na vašem telefonu a pracují hodně jako skutečná věc.
Web stavitelé
Sandvox
Sandvox je aplikace Mac pro nekódovače mezi námi. Je to do značné míry založené na šablonách (stejně jako stále rostoucí část internetu), ale udělá ustanovení pro pokročilejší uživatele, kteří přidávají věci ručně.
To se zdvojnásobuje jako druh CMS pro některé druhy webů, jako jsou blogy, a ačkoli software není "nový", nedávné verze představily Sandvox Hosting. Ruční kadeřníci mezi námi by se mohli odhodlat k nápadu, ale pro začátečníky je dohoda o balíčku skutečně skvělá.
S každým hostitelem však pracuje, takže pokud to chcete zvládnout, můžete.
XPRS
Builder pro začátečníky, XPRS nabízí bezplatné stránky pro osobní potřebu, pro umělce a studenty. K dispozici jsou plány pro podnikání a elektronický obchod.
Stavitelů WordPress
Změnit tok
WordPress může mít své útočníky, ale jiní to berou v překvapivých nových směrech. Kluci z Themify se například rozhodli, že je načase vytvořit návrhový nástroj nad publikační platformou.
Výsledek je Změnit tok který vám umožňuje vytvářet vlastní a reagující témata aplikace WordPress z rozhraní drag-n-drop. Nejlépe je to zdarma a open source.
Základní kámen
Základní kámen je trochu konkurovat Themify Flow, v tom, že nabízí vizuální způsob, jak vytvořit WordPress témata, přímo na vrcholu WordPress sám.
Ovšem funguje odlišně. Například obsahuje editor živých kódů a další funkce, které umožňují vývojářům přístup k návrhům na přední straně. Také, to není zdarma, pokud si koupíte X Téma .
Qards
Quards je další plugin pro vytváření stránek pro WordPress. Většina návrhářské práce se pro vás provádí, ale namísto výběru jediné šablony vytvoříte každou stránku pomocí "karet".
Jedná se v podstatě o předem připravené rozvržení, které lze smíchat a přizpůsobit tak, aby se vytvořila celá stránka. Je to dobré pro vstupní stránky, uspořádání jednotlivých článků novými a originálními způsoby, propagačními místy a takovými věcmi.
Nástroje spolupráce a produktivita
Relé
Rychlé a snadné nástroj pro uživatele Slack, kteří potřebují hodně sdílet svou designovou práci. S rozšířeními / aplikacemi pro aplikace Adobe CC, Sketch, Chrome a OSX zjednodušuje sdílení všech informací, na kterých pracujete.
Náhled Skala
Chcete vidět náhledy toho, na čem pracujete ve Photoshopu nebo Androidu? Stačí nainstalovat Náhled Skala , a budete moci odeslat bezztrátové, barevné perfektní náhledy téměř na libovolné mobilní zařízení.
Dodává se s možností připojit zařízení k počítači přes USB namísto použití wi-fi.
RightFont
RightFont je rychlý, hezký správce písem pro Mac, který se integruje s Adobe CC a Sketch.
Čerstvý kód
jQuery 3
The jQuery 3 alfa byl vydán. Neexistují žádné nové funkce, o kterých mluvit, ale došlo k rozsáhlému přepsání starých funkcí, oprav chyb a vylepšení výkonu.
Jednoduchší postranní panel
Když už mluvíme o jQuery, existuje řada nových pluginů, které by mohly usnadnit designerovu práci, zvláště pokud jste designér, který také trochu kóduje.
Začínáme s tím Jednoduchší postranní panel , který vytváří postranní lišty. Je to malé, je to rychlé, je to hezké. Nepoužívejte a hamburger menu abych ho spustil, myslím.
Labelauty
Označte svůj přepínače a zaškrtávací políčka ve stylu. Skvělé pro návrháře, který prostě nemůže nechat prohlížeče dělat věci vlastním způsobem.
inteligentní zástupný symbol
Při vyplňování formulářů občas kliknu na pole, něco se mi rozptýlí a pak se k němu vrátím. Pokud bylo toto pole označeno atributem zástupného symbolu, musím jej někdy zrušit, aby si pamatoval, co mám psát.
Hloupé, ale lidské.
inteligentní zástupný symbol vyřeší tuto záležitost návrhu tím, že pod zadaným textem zůstane viditelný zástupný symbol. Jistě, že?
Osvěžené nástroje
Byli bychom odvahu, kdybychom nevěnovali pozornost skvělé práci na již známých aplikacích. Zde jsou ty, které v poslední době získaly některé pozoruhodné aktualizace:
Webflow
Webflow byl integrace služeb třetích stran do své funkčnosti (podobně jako na zbytek internetu) v některých nových způsobech. Zatím můžete do svých webových formulářů přidávat funkce přímo z aplikace Webflow.
Na seznamy Mailchimp můžete přidat e-maily, posílat tweety, přidávat data do tabulky Google nebo vytvářet nové poznámky s Evernote. Mimochodem, můžete mít svůj formulář poslat e-mail.
InVision
InVision byl představen nové vlastnosti včetně volných, neomezených testů pro mobilní uživatele, manažera pracovních postupů, integrace Dribbble a emoji. Ano, emoji.
Ohromně
V posledních měsících, Strikingly představil a nový editor stránek , spolupráce , a dokonce přidal RSS kanál pro jeho funkci blogu ... Lepší pozdě než nikdy.
Adobe Muse
Konečně, Adobe Muse je stále věc - hej, ne každý potřebuje sílu DreamWeaveru. Stejně jako jeho silnější starší sourozenci, Muse nyní může používat libovolné písmo od TypeKit.
Může také vytvářet blogy, stránky elektronického obchodu a vylepšené kontaktní formuláře. Navíc, stejně jako některé další aplikace v sadě aplikací CC, může nyní přistupovat k masivním aplikacím Adobe Stock knihovna.
