Rozdíl, který rozhoduje o všem ostatním
Photoshop pracuje s pixely. Obrázek má pevný počet bodů a každá úprava je přepočítává. Proto umí retušovat, prolínat, pracovat se světlem a texturou — a proto se zvětšený výřez rozpadne.
Figma pracuje s vektory a pravidly. Tlačítko není obrázek tlačítka; je to tvar s rozměry, odsazením a chováním, který se dá použít stokrát a změnit na jednom místě. Proto umí rozhraní a neumí fotku.
Celý zbytek článku vychází jen z tohohle.
| Práce | Nástroj | Proč |
|---|---|---|
| Návrh webu nebo aplikace | Figma | Komponenty, stavy, proklikatelný prototyp, odkaz místo souboru. |
| Retuš a úprava fotek | Photoshop | Práce s pixely, maskami a světlem. Figma to neumí. |
| Koláž, montáž, textura | Photoshop | Prolínání vrstev je jeho doména. |
| Logo a vizuální identita | Illustrator | Musí jít zvětšit na billboard. Ani jeden z těch dvou to nedělá dobře. |
| Grafika na tisk | Photoshop / InDesign | CMYK, spadávka, rozlišení. Figma je nástroj pro obrazovku. |
| Předání vývojáři | Figma | Rozměry, barvy a odsazení si vývojář přečte sám. |
| Příprava obrázků na web | Photoshop | Zmenšení na skutečnou velikost, export, komprese. |
Co ztratíte, když sáhnete po tom druhém
- Web navržený v Photoshopu
Dostanete obrázek, jak má web vypadat. Co nedostanete: proklikatelný prototyp, komponenty, které jdou změnit na jednom místě, a odkaz, který pošlete klientovi. Každá změna tlačítka znamená projít všechny obrazovky ručně — a na tom projekty reálně váznou.
- Fotka upravovaná ve Figmě
Nejde to. Figma rastr zobrazí, ořízne a dá mu filtr, ale neretušuje. Když potřebujete odstranit stín, srovnat pleť nebo vyčistit pozadí, musíte ven.
- Tisk připravený ve Figmě
Tohle končí nejhůř, protože se na to přijde až u tiskaře. Figma pracuje v RGB a s rozlišením obrazovky; tisk chce CMYK, spadávku a 300 DPI. Rozebírám to u Canvy, ale platí to stejně.
Co si vybrat, když chcete jen jeden
- Děláte weby a rozhraní? Figma, a k ní něco rastrového na obrázky. Bez toho druhého se neobejdete, ale nemusí to být zrovna Photoshop.
- Děláte fotky, grafiku, tisk? Photoshop. Figmu nepotřebujete vůbec.
- Jste klient, ne designér? Ani jeden. Dostanete odkaz na návrh, který si otevřete v prohlížeči.
Když se mě někdo ptá, který z nich se má naučit, ptám se zpátky, co chce dělat. Nástroj se vybírá podle práce, ne naopak — a největší ztráty času jsem viděl u lidí, co si vybrali nástroj dřív než obor.
Marian Bendák
Dvě věci, které se nemění
Tenhle článek schválně neobsahuje ceny ani názvy tarifů. Obojí se mění častěji, než se čtou články, a zastaralá cena je horší než žádná — aktuální si ověřte u výrobce.
Co se nemění: nástroj nerozhoduje o kvalitě návrhu. Rozhodnutí, co na stránce být nemá, se dělá stejně dobře v obou a stejně špatně v obou. Jak to vypadá, když se rozhoduje dobře, je v portfoliu.
Co s tím dál
Jestli řešíte, v čem dostanete návrh vy jako klient: ode mě přijde odkaz, který otevřete v prohlížeči na svém telefonu. Co je v tom návrhu a kdy se platí, rozebírám u ceny. Pro konkrétní projekt napište.