Už ste niekedy boli na vzdialenej schôdzi, aby ste prediskutovali zmeny v dizajne, keď si v polovici cesty uvedomíte, že niekoľko členov vášho tímu pracuje zo starých zastaraných verzií vášho sprievodcu štýlmi? Písmo názvu je odlišné, tlačidlá majú nesprávnu farbu a najnovší dizajn zmenil ikonu košíka pre nákupný košík. Konverzácia sa vykoľajila a namiesto diskusie o novom postupe prihlásenia zabíjate drahocenné minúty a snažíte sa ľudí nasmerovať k správnemu súboru: app_screens_final-Final-FINAL-noreally-v4.sketch .

Takto nemôžeme ďalej žiť.

Spolupráca v tíme - najmä vzdialenom tíme - predstavuje jedinečné výzvy. Postaviť viac návrhárov, vývojárov, správcov a zainteresovaných strán na jednu stránku a hľadať rovnakú verziu súboru náčrtu je boj. A ak chcete vo svojich návrhoch zmeniť jeden zo štýlov písma, je katastrofou zabezpečiť, aby sa všetky aktualizovali súčasne.

InVision LABS Craft je výkonná sada doplnkov pre Sketch a Photoshop, ktoré zjednodušujú pracovný tok a spoluprácu s dizajnérskymi a vývojovými tímami. Aplikácia Craft uľahčuje vytváranie a údržbu spoločnej knižnice podkladov a štýlov, anotovanie a označovanie návrhov v reálnom čase, okamžité nahrávanie do formátu InVision a synchronizácia aktualizácií do cloudu.

I. Nainštalujte Craft na skicovanie a synchronizáciu s cloudom

Začnime inštaláciou aplikácie Craft. Aj keď je Craft výkonnou sadou doplnkov dostupných pre Adobe Photoshop aj Sketch, v tomto článku sa zameriame na ich použitie so Sketch. Najskôr skontrolujte, či je vaša verzia aplikácie Sketch aktuálna a či je nainštalovaná v priečinku Aplikácie vo vyhľadávači. Potom choďte na https://www.invisionapp.com/craft na stiahnutie Craft Plugin Manager.

Craft je sada výkonných doplnkov na optimalizáciu pracovného toku vášho tímu.

Otvorte súbor a podľa pokynov nainštalujte Správcu doplnkov Craft. Po dokončení sa ikona Craft zobrazí medzi ikonami Rýchle spustenie v hlavičke operačného systému. Kliknite na ňu a vyberte inštaláciu každého doplnku pre platformu Sketch. Craft overí, či je vaša verzia aplikácie Sketch aktuálna, a ponúkne možnosť rýchleho reštartovania programu, akonáhle aktivuje požadované doplnky.

Craft Manager sa objaví v hlavičke operačného systému.

Jednou z hlavných atrakcií Craftu je, že tímy môžu synchronizovať štýly a aktíva zdieľané na populárnych cloudových platformách ako Dropbox, Google Drive a Box, čo zaručuje, že každý pracuje s rovnakou knižnicou.

Vy a váš tím budete musieť mať účty v aplikácii InVisionApp. Synchronizáciu nastavíte tak, že sa prihlásite na web InVision, prejdete do svojho používateľského profilu a otvoríte kartu synchronizácie. Tam si môžete zvoliť preferovanú cloudovú platformu, ktorú váš tím používa na zdieľanie súborov. Postupujte podľa pokynov a udeľte povolenie na synchronizáciu InVision do cloudu vášho zariadenia.

Teraz, keď ste nainštalovali a nakonfigurovali Craft so zdieľaným cloudom, môžete pre svoj tím začať nastavovať zdieľané štýly.

Otvorte dokument v aplikácii Skica a pozrite sa na nový panel Remeslo, ktorý sa zobrazil vedľa panela inšpektorov. Tu nájdete nainštalované doplnky, ktoré ste aktivovali v aplikácii Craft Manager: Sync, Library, Data, Duplicate, Freehand a Stock. Na účely tohto článku o tímovej spolupráci sa zaoberáme predovšetkým programami Sync, Library a Freehand.

Vedľa panela inšpektorov sa zobrazia doplnky Craft.

II. Vytvorte pre svoj tím knižnicu štýlov a zdrojov zdieľania

Jednou z mojich obľúbených vecí na Crafte je jeho knižnica doplnkov, ktorá vám umožňuje vygenerovať si sprievodcu štýlmi pre váš dizajn a zdieľať štýly a podklady so svojím tímom. Keď na vašich vlastných súboroch pracuje veľa členov tímu, môže to byť veľkou starosťou o to, aby ste sa uistili, že zmeny sú súčasne aktualizované v pracovnom prostredí každého. Knižnica robí tento proces dokonalým.

Sprievodca štýlom jedného kliknutia

Vytvorenie sprievodcu štýlom je jedným z nevyhnutných krokov v procese navrhovania a vývoja, ktoré mnohí dizajnéri odkladajú na čo najdlhší čas. V závislosti od zložitosti vášho návrhu, počtu objektov a štýlov textu a rýchlosti zmien návrhu môže byť úloha skľučujúca. Sprievodca štýlmi, ktorý ponúka Craft jedným kliknutím, spočíva v tom, že generuje štýly a farby textu z dokumentu stlačením jediného tlačidla a dokonca ho uloží na svoju vlastnú stránku so symbolmi, čím zbaví vaše výhovorky.

Začnite kliknutím na doplnok Knižnica a prejdite na kartu „Dokument“. Tam uvidíte možnosť vygenerovať stránku sprievodcu štýlmi tých, ktoré už vo vašom dokumente existujú.

Jedným kliknutím vygenerujete sprievodcu štýlom.

Voilà —Craft pre vás vygeneroval sprievodcu štýlmi v jednej jednoduchej akcii, pridal ich do štýlov a farieb textu dokumentu a dokonca vytvoril stránku, na ktorej sú prehľadne usporiadané a rozdávajú ich vývojárom! Aký čas byť nažive!

Rýchlo sa pozrite, či existuje niečo, čo by ste chceli znova označiť, a potľapkajte si chrbát, aby ste si ušetrili hodiny práce, a to tak, že si poriadne vytvoríte sprievodcu štýlom. Všetky zmeny, ktoré vy alebo váš tím musíte urobiť, je možné odoslať a okamžite synchronizovať do vášho zdieľaného cloudu.

Rovnako ako mágia máte aj svojho prehľadného a čitateľného sprievodcu štýlmi a štýly dokumentov, ktoré sú zdieľané v cloude.

Knižnica aktív

Ako dizajnér som veľkým zástancom udržiavania knižnice vzorov pre opakovane použiteľné komponenty a sprievodcu štýlmi, ktorý urýchli proces návrhu a minimalizuje nezrovnalosti. Doplnok Craft Library uľahčuje pridávanie hlavičiek, päty, navigačných ponúk, ikon, tlačidiel a ďalších symbolov do globálnej knižnice aktív. Vykonajte zmenu v jednej, pošlite ju svojmu tímu a všetci budú pracovať s rovnakou sadou symbolov. Pre toho, komu záleží na vzoroch, je Craft zjavením!

Na paneli Doplnky knižnice prepnite na možnosť „Zdieľané“, kde nájdete možnosť importovať knižnicu alebo vytvoriť novú. Po vytvorení aspoň jednej knižnice sa zobrazí rozbaľovací zoznam dostupných kategórií a tiež možnosť pridať vlastnú. Navrhujem vytvoriť samostatné kategórie pre ikony a tlačidlá, jednu pre hlavičky a päty a jednu pre opätovne použité aktíva, ako je napríklad avatar používateľa.

Po zavedení organizácie vyberte v dokumente ľubovoľný symbol, napríklad ikonu, a potom kliknite na medzeru [+] na paneli a pridajte ju do svojej knižnice.

Usporiadajte globálne prvky, ako sú hlavičky, ikony a tlačidlá, a potom pusťte aktualizácie do zdieľanej knižnice.

Keď vy a váš tím budete pracovať na svojom dizajne, pravdepodobne urobíte zmeny v týchto zdieľaniach. Po aktualizácii podkladov jednoducho stlačte tlačidlo „odoslať zmeny“ a každý, kto je v tíme prepojený, dostane okamžité upozornenie na aktualizáciu so správou „vyvolať zmeny“.

Remeslo vás upozorní, keď sa aktualizujú zdroje knižnice, takže každý člen môže dostávať zmeny a zostať v synchronizácii.

III. Na zdieľanie návrhov a získanie spätnej väzby použite synchronizáciu a voľnú ruku

Okamžite synchronizujte plátna s InVision

Dni nekonečných cyklov dokumentov PDF prostredníctvom e-mailu sú preč - InVision uľahčuje vytváranie klikateľných prototypov a ich zdieľanie s celým tímom. Štandardným pracovným tokom pre InVision je export obrazových súborov z vášho dizajnu a ich nahranie do prototypu na webe. Väčšina z týchto krokov eliminuje doplnok Sync v balíku Craft.

Pomocou aplikácie Sync môžete pridávať a aktualizovať návrhové plochy priamo na prototyp vo svojom tímovom účte. Stačí prejsť na funkciu Sync na paneli Craft a zvoliť cieľ z obrazovky. Odtiaľto môžete dokonca začať nový prototyp a zdieľať ho so svojím tímom kvôli spätnej väzbe.

Vďaka synchronizácii je všetko neuveriteľne ľahké, pokiaľ ide o aktualizáciu vašich prototypov InVision.

Zdieľajte svoje prototypy prostredníctvom pozvánky alebo odkazu a pre vašich spoluhráčov je ľahké kliknúť na váš prototyp a pridať komentáre. Vývojári môžu preskúmať dizajnové detaily v režime kontroly, čo šetrí hodiny práce so špecifikami a potrebu aktualizovať súbory pri zmene dizajnu.

Inšpekčný režim uľahčuje vašim spoluhráčom vidieť štýly vo vašich dizajnoch a dokonca chytiť kód CSS.

Pozvite svoj tím na komentovanie, komentovanie a kreslenie vašich návrhov

Craft rieši ďalší problémový bod pre tímy vzdialenej spolupráce, ktoré nemajú luxus stretávať sa v jednej miestnosti s tabuľou. Pomocou nástroja Freehand môžu dizajnéri zachytiť časti alebo celý ich návrhový dokument a okamžite ich synchronizovať so zdieľaným projektom v InVision, kde môžu všetci členovia tímu komentovať, komentovať a dokonca aj kresliť.

V dokumente prejdite na panel Od ruky a vyberte vytvorenie projektu Od ruky od svojho dokumentu alebo vybratých kresliacich ploch.

Vytvorte priestor od ruky pre spoluprácu vo voľnom formáte.

Keď doplnok vygeneruje priestor od ruky, môžete odkaz zdieľať s kýmkoľvek a začať spolupracovať. Nástroje sú celkom jednoduché a program Freehand sleduje, kto čo hovorí, čo uľahčuje bezproblémovú spoluprácu. Pri aktualizácii návrhov môžete pomocou panela okamžite aktualizovať priestor od ruky. Nikto z toho nie je zmätený ktoré z pätnástich ikon presne o ktorých šéf hovorí.

Je to skoro ako byť tam.

IV. Extra funkcie pre váš vlastný pracovný tok

Aj keď som bol veľmi nadšený z potenciálu spoločnosti Craft pre tímovú spoluprácu, videl som, že sada prichádza s ďalšími doplnkami, ktoré sú veľmi presvedčivé pri zjednodušovaní jednotlivých pracovných postupov pri návrhu.

Rýchlo pridajte fiktívny obsah z webu

Len niekoľko príkladov „počkajte, čo znamená ten text lorem ipsum?“ Počas stretnutí skôr, ako pripustíte, že vo svojich posledných modeloch musíte použiť skutočný obsah. Kto však chce, aby sa na svoje návrhy a makety musel obrátiť na internet, aby získal fotografie, nadpisy, príspevky a iný vymyslený obsah? Po treťom alebo štvrtom mene môže byť ťažké vytvoriť falošných používateľov s vlastnou fantáziou.

Dáta sú krásnym doplnkom v balíku Craft, vďaka ktorému je nahradenie obsahu hračkou na čerstvom vzduchu. Vyberte tvar vo svojom rozložení a prejdite na dátový doplnok, kde môžete ukladať fotografie z vlastných priečinkov alebo okamžite pridávať náhodné obrázky z akejkoľvek kategórie. Môžete si dokonca vytvoriť svoje vlastné dotazy, ktoré budete používať znova a znova.

Okamžite vezmite fiktívny obsah a vložte ho do svojich návrhov bez toho, aby ste opustili Skicu.

Pridávanie textu, ako sú nadpisy a obsah tela, je také ľahké - stačí vybrať požadované textové pole a vybrať si z mnohých kategórií na karte „Typ“. Môj tím rád ako obsah testov používa najmä nadpisy z kategórie „Motivácia“.

Váš život bude mať s Craftom oveľa väčší zmysel.

Údaje tiež umožňujú pridať obsah z ľubovoľného webu, pre prípad, že by ste potrebovali niečo menej náhodné. Proces je v podstate rovnaký a vaše návrhy môžete mať okamžite zabalené so skutočnými a relevantnými údajmi.

Generujte stĺpce a riadky obsahu s rovnomerným rozstupom

Ďalším dôvodom, ktorý vo svojom živote potrebujete, je to, že umožňuje duplikovanie objektov a skupín objektov do perfektne usporiadaných, rovnomerne rozmiestnených riadkov a stĺpcov neuveriteľne rýchlo. Zabudnite na zdĺhavé kopírovanie + vkladanie. Stačí vybrať objekt alebo skupinu a potom určiť počet stĺpcov a riadkov, ako aj medzery.

Určuje počet stĺpcov a riadkov, ako aj medzery.

Obzvlášť ma teší spôsob jeho integrácie s dátovým doplnkom - duplikovanie fiktívneho obsahu generovaného údajmi vám za chvíľu poskytne čerstvé vygenerované kúsky obsahu. Potrebujete obrovskú mriežku plnú fotografií používateľov? Považujte to za vybavené. Mali by ste vytvoriť zoznam obsahu pre stránku článku s fotografiami, nadpismi a ukážkou? Žiaden problém.

Po vložení fiktívneho obsahu z aplikácie Data si okamžite urobte kompletný zoznam.

Pridajte súbory priamo z iStock a Getty Images

Prešli ste fázou obsahu výplne a potrebujete obrázok pre hrdina vysoká kvalita pre maketu? Najnovším prírastkom do sady Craft Suite je doplnok Stock, ktorý vám umožní prepojiť váš návrh Sketch s vašim účtom pomocou iStock alebo Getty Images. Vyhľadajte na paneli príslušné obrázky a jedným kliknutím ich pridajte do svojho dizajnu. O jedno menšie narušenie vášho pracovného toku pri návrhu!

Vložte obrázky s vysokým rozlíšením zo svojho účtu do svojho dizajnu bez toho, aby ste museli otvárať prehliadač.

záver

Dizajnérske tímy neustále hľadajú spôsoby, ako vylepšiť svoj spoločný pracovný tok a zabezpečiť synchronizáciu všetkých. Skice a InVision zmenili prostredie pre návrhárov interakcií. Craft zvyšuje potenciál týchto nástrojov pre váš tím, zjednodušuje a prepája všetky procesy bez ohľadu na vzdialenosť. So sadou doplnkov Craft for Sketch môžete ušetriť hodiny práce na dizajne.