Kontrola a hodnotenie náčrtu

Sketch sa rýchlo pohltí svojou konkurenciou a chystá sa predbehnúť Photoshop ako nástroj na prototypovanie rozhrania typu go-to interface, a to až do tej miery, že mnohí vývojári uprednostňujú návrhárov, aby rozdávali súbory Sketch skôr ako vrstvené súbory Photoshopu. Na rozdiel od Photoshopu bol grafický softvér Sketch postavený od základov na navrhovanie interaktívnych rozhraní. Vytvára živé kompakty, aby si klienti mohli zobraziť ukážku toho, čo sa stane, keď kliknú, prejdú prstom alebo klepnú na váš návrh na pracovnej ploche, notebooku, tablete alebo telefóne. Z tohto dôvodu môžu dizajnéri, ktorí používajú Photoshop na vytváranie používateľských rozhraní pre stolové počítače a mobilné zariadenia, chcieť Sketch bližšie pozrieť.

Zdravím z Holandska je program Sketch vektorový dizajnový program zameraný iba na počítače Mac so zameraním na vytváranie interaktívnych prototypov návrhov webových stránok a aplikácií. Druh pracovného dizajnu, ktorý Sketch vytvára, umožňuje vašim klientom získať lepší pocit o tom, ako všetko vyzerá a ako reaguje. To ich zase oprávňuje poskytovať užitočnejšiu spätnú väzbu o funkčnosti (používateľské rozhranie alebo používateľské rozhranie) a používateľskej skúsenosti (UX) a následne umožňuje informované schválenie pred vývojovou fázou - obmedzuje frustráciu a šetrí čas a peniaze.

Pomerne nedávna koncepcia spoločnosti Sketch (2008) bola zameraná na spoluprácu pri návrhu obrazoviek, takže má výhodu pred Photoshopom, ktorý debutoval o 30 rokov skôr, keď sa slovo obrazovka týkalo merania hustoty poltónov. Dizajnéri sa začali opierať o Adobe Photoshop, aby mohli usporiadať a odovzdať súbory dizajnu rozhraní, pretože to bol najlepší nástroj na vykonanie úlohy - nie preto, že to bol nástroj vytvorený špeciálne na tento účel.

Skica však nie je sama o sebe v dizajnovom priestore UX. Adobe XD (XD znamená Experience Design), ktorý bol uvedený na trh v roku 2016 ako súčasť kreatívneho cloudu spoločnosti Adobe pre Windows a Mac, je tiež vektorovým nástrojom na wireframing a výrobu interaktívnych prototypov s preklikom.

Druhým konkurentom založeným na vektoroch, ponúkaným ako „najvýkonnejší nástroj na navrhovanie obrazoviek na svete“, je Studio z platformy pre správu systémov s vysokou hmotnosťou, InVision (zadarmo pre jeden prototyp, 25 dolárov mesačne pre neobmedzené prototypy). Na rozdiel od aplikácií Sketch a XD má Studio vstavaný pokročilý modul animácie. Prácu vykonanú v aplikácii Sketch je možné synchronizovať s platformou InVision pomocou vlastného doplnku aplikácie Craft Manager. Spoločnosť Adobe ponúka bezplatný štartovací plán XD, ktorý má obmedzené (2 GB) úložisko a použitie časti kolekcie Adobe Fonts. Plná verzia XD je k dispozícii ako súčasť predplatného Adobe Creative Cloud (CC), od 20, 99 dolárov mesačne pre jednu aplikáciu alebo od 54, 99 dolárov ročne pre všetky aplikácie Creative Cloud vrátane aplikácií Illustrator, InDesign a Photoshop.

Sketch používa pre jednotlivcov variant predplatného, ​​ktorý stojí 99 dolárov ročne na zariadenie (počítač alebo mobil). Patria sem jednoročné aktualizácie a Sketch Cloud (na zdieľanie online a spoluprácu), po ktorom môžete ponechať a používať svoju aktuálnu verziu navždy alebo obnoviť za 69 dolárov ročne, aby ste znovu získali pravidelné aktualizácie a výhody cloudu. Objemová licencia sa pohybuje od 64 dolárov ročne na zariadenie pre dve až deväť zariadení až po 49 dolárov pre 50 alebo viac zariadení.

Je potrebné poznamenať, že pri zakúpení licencie máte nárok iba na jedno sedadlo (na použitie iba na jednom počítači). Ak používate viac počítačov Mac, napríklad stolný počítač alebo prenosný počítač, nemáte šťastie a budete si musieť kúpiť dve sedadlá. Mnoho aplikácií založených na predplatnom umožňuje dve miesta na licenciu ako dobrý obrat pre ťažko pracujúcich kreatívcov, ktorí pracujú na pracovnej ploche v kancelárii a na svojom notebooku doma. Súvisiace nepríjemnosti sú také, že ak chcete aplikáciu Sketch používať na novom počítači Mac alebo ak ste museli preformátovať disk, musíte aplikáciu Sketch zo starého počítača / jednotky odregistrovať a potom sa znova zaregistrovať.

Začíname

Sketch je snímka, ktorú si môžete stiahnuť z webu spoločnosti (sketchapp.com); K dispozícii je 30-dňová bezplatná skúšobná verzia bez potreby kreditnej karty. Náčrt vyžaduje MacOS 10.13.4 (High Sierra) alebo novší. Spoločnosť upozorňuje, že ak pracujete so zložitými viacstranovými dokumentmi so stovkami umeleckých plôch, odporúča sa jeden z výkonnejších počítačov Mac s podporou pamäte RAM. Testoval som aplikáciu Sketch 53.2 na počítači MacBook Pro 2018 s procesorom Intel Core i9 2, 9 GHz, 32 GB RAM a grafickou kartou Radeon Pro 560X.

Priamo na stránke sťahovania ponúka Sketch Sprievodcu pre začiatočníkov, rozsiahlu dokumentáciu, návody a tipy a odkazy na sociálne médiá a komunity vývojárov, blog a chaty a funkciu Dribble. Je to príjemné a inšpirujúce vidieť zoznam stretnutí a udalostí v komunite globálneho dizajnu. Stránka navyše ponúka množstvo bezplatných a prémiových zdrojov aplikácie Sketch App UX / UI vrátane súprav drôtových modelov, súprav mobilných používateľských rozhraní, šablón, makiet, dashboardov, konceptov a ikon.

Rozhranie a plátno

Skica vedie príkladom a poskytuje čisté, kontextové rozhranie s tromi hlavnými sekciami - a (podľa návrhu) bez plávajúcich panelov. Ak už používate počítač Mac, zistíte, že používateľské rozhranie aplikácie Sketch je známe, pretože je modelované na rozhraniach aplikácií spoločnosti Apple, ako sú napríklad Stránky, čísla a Keynote. S touto najnovšou verziou je teraz podporovaný režim Dark Mode spoločnosti Apple.

Na ľavej strane obrazovky nájdete zoznam stránok so súpisom vašich vrstiev, jednotlivých položiek obsahu na týchto vrstvách a doskách a pomenovaného obsahu na nich. Napravo je Inšpektor, kde sa môžete pohrávať s vlastnosťami obsahu na ktorejkoľvek vrstve, ktorú ste vybrali. Hore máte Panel s nástrojmi, ktorý obsahuje nástroje a akcie. Stredné javisko je vaše plátno, kde vytvoríte kúzlo.

Zoznam stránok uľahčuje usporiadanie, priradenie alebo zmenu vrstiev a umožňuje vám pomenovať, zoskupiť, vybrať a duplikovať položky obsahu, aby bol pracovný tok efektívny. Keď príde čas odovzdať súbory vývojárovi, budete mať špičkovú podobu.

Skica maže váš pracovný postup uľahčovaním alebo automatizáciou bežných úloh pomocou ľahko vyrobiteľných knižníc, štýlov textu a vrstiev, inštancií symbolov a predvolieb. Ďalej sú k dispozícii stovky časovo úsporných súprav používateľských rozhraní, šablón a doplnkov, ktoré ďalej rozširujú funkčnosť aplikácie Sketch nespočetným spôsobom.

Kreslenie a sadzba v náčrte

Pretože gepard má bežať, Sketch predstavuje prototypovanie. Gepard je určite schopný chôdze, ale na čo sa vyvinula, beží. Rovnako tak môžete v aplikácii Sketch úplne nakresliť, a to je v poriadku, ale na aplikácii Sketch je mimoriadne prototypovanie. Napriek tomu stojí za to získať prehľad o tom, čo sa dá urobiť pomocou nástrojov na kreslenie Sketch.

Celá tvorba, import a montáž všetkého obsahu sa začína kliknutím na rozbaľovaciu ponuku Vložiť. Tam nájdete očakávané nástroje na tvarovanie, kreslenie a text. Pohodlne napravo sú operácie usporiadania, ako je posunutie dopredu, zarovnanie a rozmiestnenie; a nedeštruktívne základné booleovské nástroje ako Union, Subtract, Intersect a Difference. Intuitívne a efektívne vektorové nástroje umožňujú vytváranie a úpravy tvarov, ich bodov a Bezierových kriviek. Aj keď aplikácia Sketch zvláda základné úlohy kreslenia, nie je to Illustrator - a ani by sa to nemalo stať.

Základná typografia v aplikácii Sketch je priama, so známymi funkciami podobnými aplikácii Microsoft Word a dekoratívnymi možnosťami pre tiene, výplne a hranice. Formátovanie blokov typu môže vyžadovať určité úsilie v aplikácii Sketch, ktoré napríklad nepodporuje vytváranie tabuliek - na simuláciu požadovaného efektu musíte použiť medzerník. To je v poriadku, pretože pri navrhovaní responzívnych rozložení je akékoľvek zložité sadzenie zbytočné: Pri prezeraní na rôznych zariadeniach rôznych veľkostí sa všetko typografické (veľkosť, zalomenie riadkov, delenie slov atď.) Mení.

Prototypovanie a responzívny dizajn

Na rozdiel od iných kresliacich programov (ale veľmi podobne ako Adobe XD), Sketch umožňuje vytvorenie interaktívneho prototypu. Ak chcete simulovať cestu na vašom webe alebo v aplikácii (UI) a aký bude zážitok (UX), môžete priradiť určité oblasti, ako sú rolovanie alebo nevy rolovanie, ponuky prepojení a krížových odkazov, symboly, sekcie, stránky a inštancie a definujte hotspoty (oblasti, na ktoré je možné kliknúť). Nielenže si môžete prezrieť svoje úsilie v rámci aplikácie, ale môžete tiež použiť aplikáciu Sketch Mirror (viac o tejto funkcii nižšie).

Novinkou v aplikácii Sketch je, že do textových a tvarových polí prototypu môžete napĺňať dynamické realistické údaje, namiesto toho, aby ste sa pripútali na zvyčajné tedium Lorum Ipsum. Do vybratých textových alebo tvarových vrstiev môžete priradiť zdrojový súbor, z ktorého importujete text alebo obrázky.

Načrtnite si náčrt celkom dobre s ostatnými - a to nielen v rámci aplikácie. Bolo potešením zistiť, že môžem skopírovať a vložiť ikonu vytvorenú v aplikácii Illustrator. Po importe vytvoril program Sketch zoskupenú vrstvu pre moje umenie a odtiaľ by som mohol použiť ikonu tak, ako je, pridať ju do knižnice alebo vytvoriť symbol - rovnako ako to môžete s akýmkoľvek umením vytvoreným v aplikácii.

Na dnešnom trhu musí každý dobre koncipovaný dizajn určený pre obrazovku reagovať. To znamená, že obsah na obrazovke aplikácie alebo na webovej stránke sa automaticky zmení a zmení v závislosti od zobrazovacieho zariadenia (stolný počítač, prenosný počítač, mobil, tablet). Zmena veľkosti textu, zalomenia riadkov a zmenšovanie, rozširovanie alebo skrytie obrázkov v závislosti od toho, čo bude najlepšie vyzerať na každom zariadení.

V aplikácii Skica musíte manuálne vytvoriť rôzne rozloženia a zjednodušenia rôznych pomerov strán pomocou kopírovania a prilepenia každého prvku alebo skupiny. Prial by som si však, aby existovali možnosti inteligentného prispôsobenia pre responzívne úpravy rozloženia, ktoré sa podobajú responzívnej zmene veľkosti v XD alebo dokonca k funkcii úpravy rozloženia InDesignu. Aj keď funkcia Adjust Layout takmer nikdy neposkytuje dokonalé riešenie, určite šetrí čas a poskytuje lepšie miesto na štart ako prázdna stránka.

Na zobrazenie ukážok návrhov aplikácie Skica v reálnom čase na vašich zariadeniach existuje bezplatné zariadenie Sketch Mirror pre iOS a niekoľko aplikácií, ktoré to umožňujú na zariadeniach Android. Vo všetkých prípadoch budú zariadenia potrebovať pripojenie Wi-Fi alebo USB. Vytváranie informovaných rozhodnutí o návrhu prospieva pracovným tokom kohokoľvek a za týmto účelom je skutočné videnie vašich úprav, orezania a veľkosti textu pomocou aplikácie Sketch Mirror na skutočnom zariadení veľmi náročné.

Výstup a spolupráca

Keď je vaša práca pripravená na spätnú väzbu od klienta alebo tímovú spoluprácu, existuje niekoľko spôsobov zdieľania. Primárnou metódou je odovzdanie dokumentu do aplikácie Sketch Cloud. Po odovzdaní získate webovú adresu a môžete si vybrať, koho chcete pozvať na zobrazenie dokumentu, a nastaviť jednu z troch úrovní prístupu: Komentár, Stiahnuť alebo Použiť ako knižnicu. Vstavaný nástroj na pridávanie komentárov môže použiť ktokoľvek s odkazom. Ak otvoria stránku v tablete alebo telefóne, budú si môcť zobraziť ukážku umeleckých plôch v plnom rozlíšení, pokiaľ existuje rozloženie pre dané zariadenie.

Knižnice spájajú vás a váš tím s prostriedkami a predvoľbami projektu. Vytvorenie týchto položiek v aplikácii Sketch je hračka a je to jedna z chytrých metód ukladania flexibilných prvkov značky na jednom globálne dostupnom mieste - či už je to lokálne na vašom pevnom disku, na serveri alebo dokonca v skladoch tretích strán, ako je Dropbox. Knižnica je iba ďalšou stránkou Skica v dokumente, ktorú označíte ako Knižnicu, ktorá ju sprístupňuje a hodí na pridávanie alebo revíziu diel.

Ak upravíte symbol, ktorý ste vytvorili, keď sa vy (alebo ktokoľvek iný, kto na tomto dokumente spolupracuje) vráti do svojho návrhu dokumentu, v pravom hornom rohu obrazovky sa zobrazí správa s upozornením na aktualizáciu. Potom môžete kliknúť na aktualizáciu alebo sa môžete rozhodnúť odpojiť umelecké diela z knižnice. Náčrt je veľký, pokiaľ ide o poriadok a organizáciu, takže po kliknutí na toto upozornenie sa zobrazí dialógové okno so zoznamom komponentov knižnice, ktoré zobrazuje zastaraný symbol aj aktualizovaný symbol vedľa seba. Je skvelé mať úplné informácie na dosah ruky.

Obrázky môžete exportovať aj ako stránky PDF, ktoré je možné označiť komentármi v aplikáciách Apple Preview, Adobe Acrobat alebo v akomkoľvek inom softvéri na prehliadanie PDF. Skica tiež exportuje grafiku, plátky a stránky ako súbory JPG, PNG a SVG. A čo viac, môže exportovať kód pre SVG a CSS atribúty.

O tejto aplikácii nie je nič útržkovité

Skica je plnohodnotný nástroj, ktorý sa rodí pre dizajnérov, ktorí vytvárajú zážitky z dizajnu na obrazovke, a to majstrovsky. Vďaka svojej známej (pre používateľov počítačov Mac), intuitívnemu rozhraniu a ľahkej vzájomnej spolupráci medzi dizajnérmi a ich klientmi si Sketch získal dobrú povesť ako nástroja na prototypovanie, pretože uľahčuje a urýchľuje proces overovania a schvaľovania návrhov. Najlepšie možnosti vektorové ilustrácie nájdete v našej ponuke editorov, Adobe Illustrator.