Přechod z Photoshopu na Sketch (Editor pro Mac). Proč specialisté na uživatelské rozhraní opouštějí Photoshop a přecházejí na Sketch

V poslední době je velmi akutní otázka nástrojů pro UI/UX specialisty: jaký software by měl být použit k vývoji rozhraní? I my v naší společnosti o tomto problému horlivě diskutujeme. A diskuse jsou často velmi vyhrocené. Co si vybrat do práce? Který editor je pro konkrétního návrháře funkčnější? Seznam našich úkolů je poměrně široký, od vytvoření firemní identity až po celý cyklus vývoje komplexních digitálních produktů. Například mobilní aplikace pro správu systémů chytré domácnosti, plnohodnotné systémy elektronického obchodování.
Nebudu první, kdo tyto otázky vznese, ale pokusím se na ně stručně odpovědět. Snad můj článek zaujme začínající designéry, kteří se ještě definitivně nerozhodli pro směr své činnosti, nebo designéry, kteří se chtějí přeškolit z jedné specializace na druhou.

Během posledních dvaceti let zůstal Adobe Photoshop nejoblíbenějším grafickým editorem pro designéry. Nicméně nedávno mistrovství společnosti Adobe na trhu nástrojů pro digitální designéry byl otřesen, v roce 2012 spol Bohémské kódování vydal Sketch. Skica je profesionální editor vektorové grafiky určený speciálně pro tvorbu grafických rozhraní: web, mobilní aplikace, desktopové programy a další. V tuto chvíli je aktuální verze Sketch 3. Během těchto 3,5 roku udělal Bohemian Coding spoustu práce na vylepšení svého produktu, opravil mnoho chyb, zvýšil funkčnost a ve skutečnosti se stal vážným konkurentem Photoshopu. Hned bych rád poznamenal důležitou poznámku: Sketch nepovažuji za přímého konkurenta Photoshop. Je zřejmé, že účel těchto programů je zpočátku odlišný, to, co bude pro jednoho výhodou, může být pro jiného vážnou nevýhodou. Proto by bylo správné nedělat srovnávací recenzi, jak to mnozí dělají, ale vyzdvihnout hlavní přednosti a vlastnosti každého z editorů pro konkrétní případ.

Účel

Proto si myslím, že je správné jako první bod ukázat účel každého programu.
Photoshop primárně pracuje s rastrovými obrázky, nicméně má některé vektorové nástroje. Je nepostradatelný pro retušování fotografií a zpracování obrazu. Funkčnost určená pro práci s vektorovou grafikou je však zcela podmíněná. Mnoho fanoušků Adobe mi namítne, ale pak se nabízí logická otázka: proč má Adobe ve svém arzenálu samostatný vektorový editor Illustrator, když Photoshop umí všechno? Právě přítomnost dvou rozhraní komplikuje práci a vyžaduje další čas při řešení problémů s vektorovou grafikou.
Sketch byl původně navržen pro práci s vektory, protože vývoj rozhraní zahrnuje vytváření prototypů, rámců, ikon, prvků uživatelského rozhraní a často musí být tyto prvky vektorové.
Abyste si tedy mohli vybrat, který editor použít, musíte pochopit, jaké úkoly bude třeba vyřešit pomocí této sady nástrojů.

Cena

Druhým nejdůležitějším, ale ne nejdůležitějším parametrem pro výběr konkrétního editoru je cena a způsob platby za tento software. Photoshop si můžete zakoupit exkluzivně prostřednictvím předplatného! Cena měsíčního používání editoru je 20$ a toto číslo se může v různých regionech lišit. Ale podstata zůstává stejná. Na rozdíl od Adobe se Bohemian Coding vydal opačnou cestou: Sketch prodává za 99$ , jedná se o jednorázovou platbu a uživatel dostává všechny aktualizace zdarma. Možná se v budoucnu změní finanční strategie společnosti, ale zatím dobývají trh tímto způsobem. Právě tento faktor bude jistě hrát roli v měřítku firmy. I když finanční plánování jejich zdrojů je důležité i pro freelancery.

Multiplatformní

Dalším výrazným argumentem při výběru nástrojů pro designéry bude platforma, na které ten či onen software běží. V naší společnosti návrháři pracují výhradně na zařízeních Mac a většina front-endových vývojářů dělá totéž. Proto skutečnost, že Sketch je exkluzivní pro OS X, se pro nás nestal problém. Pro designéry, kteří mají k dispozici zařízení s Windows, to ale zjevně není řešitelná záležitost. Samozřejmě se můžete splést a nainstalovat emulátor OS X na Windows, ale nic dobrého z toho nevzejde, maximálně zatížíte procesor a operační systém zpracováním zbytečných procesů. Na rozdíl od Sketch, Photoshop má samostatné verze pro Windows a OS X. V otázce multiplatformnosti proto zůstává stálým lídrem Adobe Photoshop. Ale opět, co se na první pohled zdá jako nevýhoda, je ve specifických podmínkách velká výhoda. Protože Sketch existuje pouze pro Mac, veškerý vytvořený obsah se vykresluje pomocí osy Mac pomocí standardního grafického enginu Apple. Vývojáři tak dosáhli maximální produktivity a rychlosti práce.

Rychlost a velikost stahovaného souboru

Jako nativní aplikace Cocoa využívá Sketch nestandardní prvky rozhraní na minimum, takže má malou velikost. Soubor ke stažení váží pouze cca. 22 MB. Je celkem dobře optimalizovaný, na rozdíl od Photoshopu je velikost instalačního souboru cca 1 GB.

Integrace

Důležitým bodem každé sady nástrojů je její schopnost integrace s jiným softwarem. Například poté, co je rozvržení webu plně vyvinuto a připraveno k převedení do front-end vývojového oddělení, vyvstává otázka přímého přenosu zdrojového kódu pro další vývoj projektu. Dnes mají Sketch i Photoshop seriózní integrační nástroje. Oba editory umí exportovat materiály v softwaru pro komunikaci mezi vývojáři a designéry, jako jsou Avocode, Zeplin a další. Pokud vezmeme v úvahu tento případ pro společnost, pak je toto řešení nesmírně důležité, pomáhá ušetřit peníze za další kopie grafických editorů pro front-end vývojáře.

Školství

Pokud se rozhodnete zvládnout Photoshop nebo rozšířit své znalosti o tomto grafickém editoru, pak je vám k dispozici spoustu vzdělávacích zdrojů. Existují školicí zdroje, placené i bezplatné. Kvalita materiálů se také velmi liší: od primitivních článků od neautoritativních autorů až po dokonale strukturované sekvenční videolekce od kvalifikovaných profesionálních trenérů. Vzhledem k tomu, že Sketch je relativně mladý software, to počet tréninkových prostředků je nesrovnatelně menší než Photoshop. A zpravidla se jedná o placené materiály. Například známý vzdělávací zdroj Udemi má méně než 40 kurzů Sketch. Nicméně již existují recenze od praktiků Sketch. Doufám, že postupem času se počet školicích materiálů na síti bude zvyšovat úměrně s rostoucí oblibou grafického editoru Sketch.

Konkurence je motorem pokroku

Existuje spousta dalších parametrů a charakteristik Photoshopu a Sketch, je docela těžké je všechny obsáhnout, ale závěr je jasný: každý z mnou recenzovaných grafických editorů je dobrý pro řešení konkrétního úkolu. Pokud uvažujeme o vývoji rozhraní, pak jsme v naší společnosti zvolili jasnou volbu ve prospěch Sketch. To bylo usnadněno komplexem faktorů uvedených v tomto článku. Photoshop je stále lídrem v práci s rastrovou grafikou, ale nemůžeme pominout skutečnost, že vznik Sketch dal silný impuls k vývoji Photoshopu. Nejvýraznějším důkazem toho je vzhled mnoha uměleckých nástěnek a možnost zobrazení náhledů na mobilním zařízení. Vskutku: konkurence je motorem pokroku.

Google SketchUp je snadno použitelná aplikace, která vám pomůže naučit se vytvářet 3D modely obytných budov, hangárů, garáží, střech, různých domácích přístaveb a dokonce i vesmírných lodí.

Pomocí aplikace SketchUp můžete snadno přidávat detaily, měnit textury, měnit velikost svých modelů, průmyslových objektů s velkou přesností a také umísťovat hotové modely na Google Earth, sdílet je s ostatními lidmi tím, že je zveřejníte na webu Galerie 3D objektů nebo vytisknete kopie. . Google SketchUp je skvělý způsob, jak zjistit, zda máte rádi 3D modelování.

SketchUp obsahuje následující nástroje:

• kreslení a geometrické modelování: Polygon (Polygon), FollowMe (nástroj pro vytváření jednoduchých i složitých tvarů - kruhy, ovály, čtverce), Offset (nástroj pro vytváření proporcionálně zmenšených kopií objektu) a Intersect with Model;
• design: Rozměr, Svinovací metr, Úhloměr, Řez řezu, Vrstvy, Výpočet plochy a délky.

SketchUp vám umožňuje:

• kreslit, upravovat, měřit, otáčet a měnit měřítko geometrických tvarů;
• rozdělte 3D model na části pro zobrazení a dokončení vnitřních částí;
• aplikujte na model hotové textury nebo vytvořte nové;
• přidejte do svého modelu hotové komponenty, jako jsou stromy, auta, okna, dveře, lidé, nebo vytvořte nové;
• retušovat, zjemňovat rysy obličeje;
• simulovat stíny z objektů v reálném čase pro jakýkoli bod na zeměkouli;
• simulovat umístění videokamer;
• podnikat webové prohlídky;
• vytvářet exkurze - prezentace;
• export dvourozměrných grafických souborů (.JPG, .PNG, .TIF. TGA. BMP) do 3D modelů (0.3 DS. Dem. DDF. DWG. DXF. UPC);
• export dvourozměrných obrázků vašich modelů (.JPG, .BMP, .PNG, .TIF);
• tisk obrázků modelů;
• vyvíjet další aplikace pro program pomocí jazyka Ruby.

SketchUp je 3D modelovací nástroj pro profesionální designéry: Profesionální verze SketchUpu dává profesionálním designérům možnost vyvíjet a analyzovat vysoce komplexní designové objekty.

Uživatelé aplikace SketchUp mohou:

• export modelů ve formátech 3DS, DWG, DXF, OBJ, XSI, VRML a FBX;
• exportovat animace a návody v souborech MOV a AVI;
• používat organické objektové modelování (Sandbox) a nástroje Film & Stage;
• import a export dat GIS;
• tisknout a exportovat rastrové obrázky ve vyšším rozlišení než na displeji;
• získat bezplatnou technickou podporu po dobu dvou let po zakoupení programu;
• používat software pro komerční účely (bezplatná verze - pouze pro osobní použití).

Modelujte vše, co si dokážete představit: renovaci vašeho obývacího pokoje, vymýšlení nových kusů nábytku, vytváření 3D modelů města pro Google Earth. Možnosti aplikace SketchUp jsou nekonečné.

Díky aplikaci SketchUp je 3D modelování zábavné: Používání výkonného a vysoce kvalitního softwaru může být také zábavné – tajemstvím je, že nástroje a funkce aplikace SketchUp jsou intuitivní a fungují tak, jak byste očekávali. S tím budou souhlasit miliony našich uživatelů.

Získejte modely online zcela zdarma: můžete stavět modely od začátku nebo si stáhnout, co potřebujete hotové. Lidé z celého světa sdílejí své modely na webu Galerie 3D objektů Google.

Začněte hned: desítky videolekcí, rozsáhlé referenční materiály, uživatelé z celého světa. Pokud chcete vytvářet 3D modely pomocí SketchUp, prostě to udělejte!

POZNÁMKA: Google SketchUp je bezplatný software pouze pro osobní použití.

Klíčové vlastnosti a funkce

• Hrany a plochy: Každý model SketchUp se skládá pouze ze dvou věcí: hran a ploch. Hrany jsou rovné čáry, plochy jsou jednoduché dvourozměrné tvary, které jsou vytvořeny z průsečíku čar. Například obdélníková plocha má čtyři hrany, které jsou vzájemně spojeny v pravém úhlu. Pro vytváření modelů ve SketchUp existuje několik jednoduchých nástrojů, se kterými se během krátké doby seznámíte;
• Push/Pull: Rychlý přechod z 2D do 3D: Pomocí nástroje Push/Pull můžete rychle přeměnit jakýkoli plochý povrch na 3D obraz. Toto je možnost pro vytváření trojrozměrných tvarů a úpravu tloušťky objektu. Stačí kliknout na tlačítko, najet myší a kliknutím na tlačítko zastavit. Můžete tak nakreslením pouhého obrysu schodiště přenést jej do 3D. Stejně tak se ve zdi objeví okno. Push/Pull je důvodem, proč je SketchUp považován za snadno použitelný;
• Přesná měření: Protože pracujete na počítači, vše, co vytvoříte ve SketchUp, lze přesně změřit. Na to existují designové nástroje. Modely v měřítku lze navíc tisknout na papír nebo exportovat do jiných programů, jako je AutoCAD a 3ds MAX;
• Následuj mě: Pomocí nástroje Následuj mě se vytvářejí 3D tvary vytažením 2D povrchu podél zadané cesty. Můžete vytvořit 3D obrázek láhve z poloviny jejího designu, můžete zaoblit hrany na uspořádáních, jako jsou madla, nábytek a elektronické pomůcky;
• Plechovka barvy: Při vytváření svých modelů můžete použít potřebné barvy k vyplnění jednotlivých částí nebo celého rozvržení, kreslit modely pomocí potřebných barev a textur;
• Skupiny a součásti: Chcete-li upřesnit vzhled jednotlivých částí objemových objektů, můžete použít nástroj Skupiny k vytvoření dílčích objektů, které lze snadněji přesouvat, kopírovat a skrývat. Komponenty jsou v mnoha ohledech podobné Skupinám, ale s jedním obratem: zkopírované prvky jsou propojeny, takže změny, které provedete v jedné komponentě, se projeví ve všech ostatních. Okna, dveře, židle a miliony dalších součástí ve vašem modelu lze upravit změnou jediné;
• Shadow: Kreslení stínů ve SketchUp se stalo jednoduchým a přesným: nyní budou vaše objekty vrhat správné stíny v reálném čase kdekoli na světě pomocí Shadow Engine;
• Sekce: Nástroj Sekce vám umožňuje dočasně „odříznout“ části vašeho projektu a podívat se dovnitř. Tuto funkci můžete použít k vytváření výkresů, exportu tvarů do programů CAD, které používají SketchUp Pro, nebo k lepšímu pochopení vašeho modelu při práci na něm. Funkce Roviny řezu umožňuje přesouvat, otáčet a dokonce animovat vytvořené projekty;
• Scény: Vytvořili jsme scény, abychom vám usnadnili uložení přesného vzhledu vašeho modelu, abyste se k němu mohli později vrátit. Potřebujete vytvořit animaci? Stačí vytvořit několik těchto epizod a kliknout na tlačítko;
• Rozhlédněte se a projděte se: SketchUp obsahuje sadu jednoduchých navigačních nástrojů navržených tak, aby vám poskytly pohled z první osoby. Kliknutím na pozici kamery „stojíte“ kdekoli na vašem modelu. Použití nástroje Rozhlédnout se vám umožňuje „pohybovat hlavou“. Funkce Walk vám umožňuje prozkoumávat své výtvory při „chůzi“, dokonce i při chůzi po schodech, rampách a dalších architektonických prvcích stejně jako ve videohrách;
• Rozměry a štítky: Pomocí intuitivních nástrojů můžete do svého modelu přidat kóty, poznámky a různá označení;
• Instruktor: Instruktor je dialogové okno, kde můžete získat nápovědu v kontextu vaší práce;
• Vrstvy a obrys: Při sestavování velkého a složitého modelu může být snadné se zmást. SketchUp poskytuje dva jednoduché způsoby, jak si udržet kontrolu nad svou prací – Vrstvy a vložky;
• Google Earth: SketchUp a Google Earth jsou součástí stejné rodiny produktů, což umožňuje sdílení informací mezi nimi. Potřebujete pro svůj projekt staveniště? Importujte zoomovatelné letecké fotografie, včetně topografie, přímo z Google Earth do aplikace SketchUp jediným kliknutím. Chcete vidět své modely SketchUp v kontextu v Google Earth? Stačí stisknout jiné tlačítko. Kdokoli může použít SketchUp k vytvoření modelů, které pak každý uvidí v aplikaci Google Earth;
• Nástroje karantény: Nástroje karantény umožňují vytvářet, optimalizovat a upravovat 3D terén. Můžete vytvářet hladké krajiny z mnoha vrstevnic, přidávat náspy, údolí, vytvářet platformy pro budovy a silnice;
• Web Galerie 3D: Web Galerie 3D je obrovské online úložiště 3D modelů. Proč něco stavět, když si to můžete stáhnout zdarma;
• Import 3DS: Soubory 3DS můžete importovat přímo do modelů SketchUp. Pokud existuje vzorek ve formátu 3DS, který byste chtěli použít, stačí jej importovat a poté uložit;
• Import obrázků: Pomocí aplikace SketchUp můžete importovat soubory obrázků ve formátech JPG, TIFF, PNG a PDF. Můžete je použít samostatně nebo je překrýt na povrch a vytvořit fotorealistické modely budov, návrhy obalů a další;
• Export TIFF, JPEG a PNG: SketchUp umožňuje exportovat rastrové obrázky až do velikosti 10 000 čtverečních pixelů, generovat obrázky pro e-mail a publikovat do dokumentů a dalších projektů.

Před 25 lety, 19. února 1990, spustili bratři John a Thomas Knollovi malý program, který propojil počítač se skenerem. Projekt se jmenoval Photoshop. Po dvě desetiletí měl monopol na trhu s grafickým softwarem a slovo „Photoshop“ se stalo pojmem.

Prvenství Photoshopu však může být nahlodáno. V současné době mnoho webových designérů přechází na Sketch, produkt vytvořený speciálně pro specialisty na UI. Šéfredaktor webu hovořil s vývojáři rozhraní a zjišťoval, zda je průmysl připraven změnit poskytovatele softwaru.

„Pro mě byl přechod z Photoshopu na Sketch extrémně bolestivý,“ říká Artur Kasimov, produktový designér ve společnosti Yandex. - Jsem, jak se říká, muž ze staré školy. Stále si pamatuji rané verze Photoshopu.“ Photoshop se stal na 25 let standardem pro webdesignérský průmysl, a to i přes „váhu“ (program zabírá více než 1 GB místa na disku), nevyžádané funkce v rozhraní a extrémně matoucí nákupní proceduru, kterou i tvůrce ze sociální sítě VKontakte si stěžoval Pavel Durov.

Adobe také vyrábí vektorový Illustrator, což často znamenalo, že front-endoví vývojáři museli mít neustále otevřené dva editory. „Někteří lidé se z této situace dostanou volbou Illustratoru, ale kvůli zavedeným zvyklostem tím ztráceli čas,“ říká specialista na uživatelské rozhraní Anton Frolov.

„Photoshop byl vytvořen a vyvinut jako software pro fotografy. Pak do něj nacpali všechno, co je napadlo. Díky tomu editor vypadal jako nemotorný hroch,“ říká produktový designér Yandex Artur Kasimov. Potíže nastaly jak s rychlostí, tak s produktivitou. Například rozvržení obsahující velké množství vrstev výrazně zpomalila procesy ve Photoshopu. „Brzdy“ byly zvláště patrné při práci na několika rozvrženích současně.

Navíc k vytvoření standardních prvků rozhraní – jako je tlačítko Mac OS, rozevírací seznam v prohlížeči nebo obdélník se zaoblenými hranami – bylo někdy nutné udělat tucet kroků. To vše se odrazilo v rychlosti práce designéra. „Photoshop a Illustrator nejsou určeny pro webdesign. Design rozhraní a jakékoli pokusy udělat něco srozumitelného proto nelze nazvat jinak než berličkami,“ říká Dmitry Novikov, specialista na uživatelské rozhraní ve společnosti MacPaw.

Na trhu se však objevily alternativy k Photoshopu: GIMP, Krita, Paint.NET a další. Podle specialistů na uživatelské rozhraní však nedokázali poskytnout ani zdaleka potřebnou sadu nástrojů pro navrhování rozhraní.

Vznik Sketch

Před pár lety vývojáři z Bohemian Coding vydali program pro Mac OS s názvem Sketch. První rozdíl, který hned zaujal, byl ten, že aplikace byla alternativou k Photoshopu, ale její rozhraní bylo více podobné programu z balíku iWork – nativní ikony z Cocoa, minimální počet nástrojů na panelu, jediný blok nastavení, které se přizpůsobí akcím uživatele.

Na rozdíl od Photoshopu Sketch nepoužívá vlastní nástroje pro vykreslování vytvořeného obsahu – tyto funkce jsou přiřazeny vestavěným nástrojům Mac OS X: QuickTime, Quartz Extreme, Core Image, Core Animation, OpenGL a ColorSync. Díky tomu i nejnovější verze programu zabere pouze 42 MB místa na disku.

Ne vše však dopadlo s prvními verzemi tak hladce. Mnoho designérů si nového produktu všimlo, ale báli se vzdát Photoshopu. Tehdy se vývojáři Sketch nemohli rozhodnout, pro koho produkt vydávají – některé funkce proto připomínaly grafický editor a další část připomínala aplikaci pro tvorbu webových stránek. Sketch 2 kladl potřebný důraz – program byl zaměřen na specialisty na UI. Jeho problémem bylo ale velké množství chyb.

„Zkoušeli jsme přejít na Sketch zpět na konci roku 2013. Ale toto byla jeho druhá verze – byla velmi zabugovaná. Zabili jsme spoustu času a pak jsme se museli vrátit k Photoshopu,“ řekl Yuri Vetrov, vedoucí oddělení designu a designu rozhraní Mail.Ru Group.

Vzhled dobře odladěné třetí verze Sketch vedl k začátku popularizace programu mezi specialisty.

Skica

„Sketch je velmi optimalizovaný – v jednom dokumentu lze nakreslit desítky obrazovek aplikace, které lze upravovat bez zbytečných akcí a bez snížení výkonu,“ říká Anton Frolov, „Kromě toho velmi dobře promyšlené rozhraní, pocit že toto je software od těch, kteří To je to, co potřebujeme – rychlé zobrazení odsazení, pohodlná práce se symboly a styly, parametry prvků, intuitivní zkratky a tak dále.“

Například ve Photoshopu museli designéři neustále upravovat mřížku pixelů, aby se zbavili rozmazaných okrajů objektů. Vývojáři Sketch přidali automatické přichytávání obsahu k mřížce, což pomáhá vyhnout se rozmazaným okrajům a dalším nepravidelnostem.

Dalším příkladem jsou zaoblené hrany na obdélníkových objektech. Ve Photoshopu bylo možné nastavit zaoblení pouze před kreslením objektu – v případě potřeby museli designéři měnit polohu křivek ručně pixel po pixelu. Skica poskytuje možnost kdykoli přizpůsobit zaoblení vrstvy prostřednictvím panelu nastavení.

Nejnovější verze Sketch má ještě hlubší integraci s nativními nástroji Mac OS X: podpora pro iCloud, Time Machine, automatické ukládání, nativní vykreslování písem a vysílání rozložení do mobilního zařízení.

„Nejdůležitější je podle mého názoru promyšlené rozhraní pro vyřezávání grafiky, které vám na pár kliknutí umožní určit, které složky, s jakými názvy a velikostmi se má grafika vyřezávat. Ve výchozím nastavení je podporováno řezání pro iOS a Android, ale můžete přidat své vlastní formáty,“ sdílí své zkušenosti Anton Frolov.

Některé práce v Sketch lze navíc automatizovat pomocí pluginů. Například Measure a InVision, které umožňují rychle a pohodlně připravit specifikace pro vývojáře. „Se Sketchem jsem se začal více zajímat o automatizaci práce. Nyní dělám mnoho věcí, kterým jsem dříve věnoval spoustu času a pozornosti používání pluginů, a snažím se najít jednodušší a rychlejší způsob, jak problém vyřešit,“ říká Artur Kasimov.

Přepněte na Sketch

„Výhodou aplikace Sketch je její nízká bariéra vstupu na trh, doslova každý se v ní může naučit pracovat za pár dní,“ říká Dmitry Novikov, specialista na uživatelské rozhraní ve společnosti MacPaw. "Je důležité, abyste se zde přímo podíleli na designu a nepracovali v editoru - to znamená, že samotný program se stane neviditelným a vy se můžete soustředit na produkt, který vytváříte."

Přechod z Photoshopu na Sketch však může být zvláštní zážitek. „Byl jsem tak zvyklý na Photoshop, že pouhá myšlenka na jiné grafické editory mě zneklidňovala,“ říká Kasimov. - Situaci komplikoval fakt, že moji kolegové designéři, se kterými jsem tehdy spolupracoval, už přešli na Sketch a všemožně si to pochvalovali. Škádlili mě a smáli se. Ale pokračoval jsem ve vymýšlení výmluv (především pro sebe). Nejprve jsem řekl, že přepnu, když udělají „zoom“ kolečkem myši, pak jsem se ujistil, že na konci projektu skončím s Photoshopem. Sám jsem viděl, že rychlost práce mých kolegů v aplikaci Sketch se zvýšila.“

Novikov říká, že byl schopen rychle přejít na nový nástroj díky radikálnímu rozhodnutí – ze svého Macu vše vymazal a nechal pouze Sketch: „Jen týden a je to, jako bych v něm pracoval celý život.“

Jednou z obtíží byly podle produktového designéra Yandex Artura Kasimova neobvyklé „zkratky“ Photoshopu - ve Sketch byly ve výchozím nastavení jiné: „Nenapadlo mě hned vše ručně upravovat pro sebe. Ale když jsem to udělal, rychlost práce se znatelně zvýšila.“

Také uživatelům Photoshopu bude neznámý princip práce s vektorovými objekty – ve Sketch se podobá spíše Illustratoru: „Trvalo mi docela dlouho, než jsem si na to zvykl. Ale teď chápu, že tento princip je lepší. Mnohem lepší,“ říká Kasimov.

Opuštění Photoshopu

Sketch není dokonalý produkt, podle mnoha specialistů na UI dotazovaných CPU. V programu je stále mnoho chyb. Na internetu dokonce existují samostatné zdroje, které shromažďují chyby a sledují jejich nápravu.

„Neexistuje dostatek nástrojů pro týmovou práci, což je velmi důležité pro studia a společnosti s oddělenými týmy designérů,“ stěžuje si Frolov. V Sketch navíc prakticky neexistuje žádná práce s rastry, což nám v některých úlohách neumožňuje zcela opustit produkty Adobe.

"Věřím, že není třeba se vzdát dobrého nástroje," odpovídá Dmitrij Novikov na otázku, zda se vzdát Photoshopu. "Sketch nenahrazuje úplně Photoshop, je skvělý pro vytváření webových stránek a rozhraní, ale to neznamená, že nemohu použít produkt Adobe pro přípravu fotografií nebo 3D editor pro modelování a vykreslování."

Vzhledem k nízkým nákladům na pořízení Sketch (99,99 USD) ve srovnání s Photoshopem však může Adobe ztratit velkou část svých běžných zákazníků v podobě specialistů na uživatelské rozhraní, říkají návrháři.

Ahoj všichni, jsem Anton Oleynik - designér rozhraní, fanoušek Sketch a jeden z autorů tematického projektu sketchapp.me. V dnešním příspěvku pro hosty vám podrobně povím o tomto grafickém editoru pro Mac OS.

Přestože je Sketch již pevně zakořeněn v mnoha známých týmech, často se setkávám s designéry (zejména se zkušenostmi), kteří jsou tak pevně svázáni mnohaletými návyky se svými starými nástroji, že dokonce negativně diskutují o alternativních možnostech (a o používání je v pracovním postupu a není pochyb). Pokud patříte k těm pochybovačům, vítejte.

Zde je tedy několik nejdůležitějších důvodů, proč vyzkoušet i ne úplně novou aplikaci Sketch.

Sketch - grafický editor pro Mac OS

Ano, to se většinou uvádí jako velké mínus. Ve skutečnosti je to velké plus aplikace, protože plně využívá systémové nástroje OS X (automatické ukládání, kreslení, vykreslování textu). Ve Windows byste se Sketchem museli trpět stejně jako s jakýmkoli velkým grafickým programem.

Nefunguje s rastrem

Vše je také zapsáno jako mínus. Samozřejmě je to úplně naopak. Skica - vektor a pro návrh rozhraní. Toto není program na retušování fotografií. No, myslím, že už sto let nikdo nekreslí rozhraní v rastru.

Malé soubory

Dokumenty v editoru Sketch váží výrazně méně než soubory ai nebo psd (opět díky použití prostředků systémového softwaru na Macu).

Například soubor btn.sketch s jedním tlačítkem váží 33KB, stejný btn.ai váží 194KB, stejný btn.psd váží 91KB. Tyto doklady jsou malé, ale poměr již zhruba odhadnete.

Jednoduché rozhraní Sketch

Na první pohled si budete myslet, že jste otevřeli něco jako Keynote. Ano, takto čistý vzhled profesionálního (!) programu je pro chlapy, kteří jsou zvyklí dlouze mířit myší na zaškrtávací políčka na bezpočtu softwarových panelů od Adobe, trochu matoucí. To je ovšem přesně ten případ, kdy méně = více. Toto jednoduché rozhraní vám dává čas přemýšlet o své práci, ne o nástroji.

Něco málo o rozhraní

Vlevo je panel vrstev. Po Photoshopu je to trochu neobvyklé, ale rychle si na to zvyknete. V horní části tohoto panelu je seznam stránek. Lze jej přepnout do stavu „otevřeno“ – vhodné, pokud v souboru není mnoho stránek.

[Panel vrstev aplikace Sketch]

V horní části je panel nástrojů („panel nástrojů“). Stejně jako ostatní programy na Macu jej lze upravit podle vašich představ. Nástrojů není mnoho a většinu z nich si zapamatujete na klaviatuře.

Vpravo je kontextový panel (říkejme tomu tak). Velmi podobný, jen horizontální, byl v pozdním Ohňostroji. Panel se mění v závislosti na tom, co na plátně děláte. Existují tři režimy – vlastnosti skupiny, vlastnosti tvaru, vlastnosti textu.

Stránky a plátna

Dokument náčrtu je rozdělen na stránky. Stránky jsou zase rozděleny na plátna. Díky tomu je organizování obrazovek aplikací mimořádně pohodlné. Například vytvoříte stránku „Přihlášení“ a uvnitř je několik pláten s různými stavy obrazovky „Přihlášení“.

Photoshop a Illustrator již v zásadě dokážou uložit několik pláten do jednoho dokumentu, ale stále jim chybí další úroveň (stránky, tj.)

Totální vazba na pixely všeho a všech

Sketch je velmi pečlivý, aby se ujistil, že vše sedí v dokonalých pixelech. Pokud je někde něco rozmazané, existuje snadný způsob, jak to opravit.

Styly

Aplikace Sketch má samozřejmě jak grafické styly, tak styly textu. Fungují, opět, zpočátku trochu navykle: když někde aktualizujete styl objektu (změníte tah, barvu, písmo), styl se automaticky aktualizuje všude. Neexistují žádná tlačítka "Aktualizovat styl".

Symboly editoru skic jsou velmi podobné symbolům Photoshopu a trochu jako symboly Illustratoru. Symbolem je zde složka (pouze jiné barvy), ve které může být cokoli, jen ne jiný symbol. Funguje to stejně jako styly: aktualizuje se na jednom místě, automaticky se aktualizuje všude.

Existuje trochu matoucí a formálně nezdokumentovaná technika vnořování některých znaků do jiných, ale o tom jindy.

Pohodlný export

Export grafiky je velmi jednoduchý a pohodlný. Každý prvek má akci „Make Exportable“, kde můžete vybrat požadované formáty a velikosti konečných souborů. K dispozici jsou také známé řezy pro ruční výběr oblasti pro export.

Velmi výhodným bodem při exportu je výběr z několika formátů a velikostí najednou.

Síť

Grafický editor Sketch má vestavěnou a flexibilní mřížku. Rozvržení nemusíte označovat ručně nebo pomocí pluginů třetích stran. Vše je podporováno ihned po vybalení a lze jej kdykoli přizpůsobit jakýmkoli potřebám.

Systémové vykreslování textu

Vzhledem k tomu, že aplikace Sketch používá k vykreslování grafiky systémové prostředky, text v ní vypadá úplně stejně, jako by vypadal v prohlížeči v živém produktu.

Zásuvné moduly pro skici pro všechny příležitosti

Jako všechny dobré aplikace má i Sketch rozšíření. Akce se pohybují od jednoduchých (uspořádání vybraných objektů v krocích po 10 pixelech) až po složité (najděte všechny textové vrstvy v dokumentu se slovem „Adobe“ a nahraďte jej slovem „Adobe“, bez rozlišení velkých a malých písmen). Pokud program nemůže udělat něco velmi potřebného, ​​pak s největší pravděpodobností na to existuje plugin.

Chcete-li plugin nainstalovat do Sketch, stáhněte si jej (obvykle z vývojářského GitHubu) a jednoduše na něj dvakrát klikněte nebo jej přesuňte do složky Plugins. Otevřete složku: menu Plugins->Reveal Plugins Folder…

[Zobrazit složku plugins ve Sketch]

Poté v nabídce Pluginy budete mít položku odpovídající nejnovějšímu pluginu

Seznam rozšíření pro začátek:

• Sketch Commands – velký balík rozšíření, užitečných v mnoha situacích;
• Přejmenovat - pro pohodlné a rychlé pojmenování a přejmenování vrstev;
• Content Generator - generátor fotografií, textů, jmen, zeměpisných názvů.

Možná se vám bude hodit malá aplikace s názvem Toolbox, která vám usnadní instalaci/odinstalaci zásuvných modulů Sketch.

Krátká doba školení

Samozřejmě existují online kurzy tohoto grafického editoru pro Mac OS (zdá se, že existují i ​​placené kurzy), ale v zásadě vám bude stačit jen pár hodin, abyste sami přišli na všechny nejdůležitější detaily. Zpočátku to bude neobvyklé, ale jen proto, že to budete porovnávat s Photoshopem.

Doslov

Co můžeme říci na závěr recenze Sketch? - Samozřejmě, není ideální. Občas jsou tam brzdy, chybí některé funkce (žádný rastr), ale i v tomto stavu vám to může značně usnadnit a urychlit vývoj designu.

Na webu si můžete stáhnout program Sketch a také se dozvědět vše o editoru Sketch