{"id":3253,"date":"2021-10-13T15:44:40","date_gmt":"2021-10-13T13:44:40","guid":{"rendered":"https:\/\/visionslabs.io\/navrh-webu-ci-aplikacie-sketch-figma-a-adobe-xd\/"},"modified":"2021-10-13T15:44:43","modified_gmt":"2021-10-13T13:44:43","slug":"navrh-webu-ci-aplikacie-sketch-figma-a-adobe-xd","status":"publish","type":"post","link":"https:\/\/visionslabs.io\/sk\/navrh-webu-ci-aplikacie-sketch-figma-a-adobe-xd\/","title":{"rendered":"N\u00e1vrh webu \u010di aplik\u00e1cie (Sketch, Figma a Adobe Xd)"},"content":{"rendered":"\n

V dne\u0161nom \u010dl\u00e1nku si zhrnieme ak\u00e9 s\u00fa v dne\u0161nej dobe mo\u017enosti v r\u00e1mci navrhovania webov\u00fd str\u00e1nok <\/a> <\/strong>, webov\u00fdch aplik\u00e1ci\u00ed <\/a> <\/strong> a alebo mobiln\u00edch aplik\u00e1ci\u00ed <\/a> <\/strong>. Kde je doba, kedy sa tieto n\u00e1vrhy robili v  Adobe Photoshop <\/strong>, preto\u017ee jednoducho moc in\u00fdch mo\u017enosti nebolo. Dnes sme u\u017e v \u010faleko lep\u0161ej situ\u00e1cii a to v\u010faka n\u00e1strojom ako je Sketch <\/strong>, Figma <\/strong> a Adobe Xd <\/strong>. Preva\u017ene o t\u00fdchto aplik\u00e1ci\u00e1ch to dnes bude. Aj ke\u010f samozrejme by \u0161lo zahrn\u00fa\u0165 viacero aplik\u00e1ci\u00ed \/ n\u00e1strojov – napr. Pre \u0161peci\u00e1lne pre wireframe <\/em> alebo pre prototypovania <\/em>.<\/p>\n\n

\"Návrh<\/figure><\/div>\n\n

Pre\u010do zrovna Sketch, Figma a Adobe Xd?<\/h2>\n\n

T\u00e1to ot\u00e1zka musela pr\u00eds\u0165 myse\u013e sn\u00e1\u010f ka\u017ed\u00e9mu, kto uva\u017eoval o navrhovan\u00ed jakk\u00e9koliv aplik\u00e1cie od webov\u00fdch str\u00e1nok, webov\u00fdch aplik\u00e1ci\u00ed a\u017e po mobiln\u00e9 aplik\u00e1cie. Po\u010fme si najsk\u00f4r pop\u00edsa\u0165 jednoliv\u00e9 n\u00e1stroja.<\/p>\n\n

Sketch<\/a><\/h3>\n\n
\"\"<\/a>
https:\/\/www.sketch.com\/<\/a><\/figcaption><\/figure><\/div>\n\n

Jedn\u00e1 sa pravdepodobne o prv\u00fd n\u00e1stroj, ktor\u00fd bol \u0161pecializovan\u00fd pre tvorcov UI <\/strong> ( user interface – u\u017e\u00edvate\u013esk\u00e9ho prostredia <\/em>) pr\u00edpadne UX <\/strong> ( user experience – „u\u017e\u00edvate\u013esk\u00e1 sk\u00fasenos\u0165“ <\/em>). Sketch <\/strong> vznikol u\u017e v roku 2010 <\/strong> a tento rok dosiahol verzia 70 <\/strong>. Tak\u017ee sa jedn\u00e1 o n\u00e1stroj, ktor\u00fd u\u017e m\u00e1 nejak\u00fa hist\u00f3riu, ale S\u00fa\u010dasn\u00fd je st\u00e1le ve\u013emi aktu\u00e1lna. Dalo by sa tie\u017e poveda\u0165, \u017ee sa jedn\u00e1 o tak\u00e9ho prv\u00e9ho pioniera, ktor\u00fd otvoril cestu \u010fal\u0161\u00edm n\u00e1strojom. D\u00f4le\u017eitou vlastnos\u0165ou je, \u017ee je ur\u010den\u00fd len pre opera\u010dn\u00fd syst\u00e9m MacOS <\/strong> – tak\u017ee v podstate iba na po\u010d\u00edta\u010doch \/ notebookoch od spolo\u010dnosti Apple <\/strong>. Autori na tom rozhodne nehodlaj\u00fa ni\u010d meni\u0165. – tzn. aby ste mohli vytv\u00e1ra\u0165 n\u00e1vrhy, tak mus\u00edte pou\u017ei\u0165 Apple produkt.<\/p>\n\n

Figma<\/a><\/h3>\n\n
\"Figma\"<\/a>
https:\/\/www.figma.com\/<\/a><\/figcaption><\/figure><\/div>\n\n

\u010eal\u0161\u00edm ve\u013emi popul\u00e1rnym n\u00e1strojom je Figma <\/strong>, ktor\u00e1 bola vydan\u00e1 v roku 2016 <\/strong>, ale trochu inak ako Sketch <\/strong>. Ako sme si pop\u00edsali vy\u0161\u0161ie, tak Sketch <\/strong> si vybral, \u017ee bude nat\u00edvne aplik\u00e1ci\u00ed pre opera\u010dn\u00fd syst\u00e9m MacOS <\/strong>, naopak Figma <\/strong> i\u0161la cestou webov\u00fdch technol\u00f3gi\u00ed <\/strong>, tak\u017ee nie je viazan\u00e1 na konkr\u00e9tny opera\u010dn\u00fd syst\u00e9m. Tak\u017ee p\u00f4vodn\u00e1 my\u0161lienka bola „kolaborat\u00edvne spolupr\u00e1ca“ – \u010di\u017ee, \u017ee nad jedn\u00fdm n\u00e1vrhom m\u00f4\u017ee realtime spolupracova\u0165 viac dizajn\u00e9rov. T\u00fdm, \u017ee je Figma <\/strong> funguje ako webov\u00e1 aplik\u00e1cia, tak to bola v podstate prv\u00e1 alternat\u00edva pre t\u00fdch, ktor\u00ed nemali zariadenie od Apple <\/strong> s  MacOS <\/strong>, aby mohli pou\u017e\u00edva\u0165 Sketch <\/strong>, tak\u017ee ve\u013emi skoro si tento n\u00e1stroj z\u00edskal ob\u013eubu medzi u\u017e\u00edvate\u013emi. Nielen samozrejme t\u00fdm, \u017ee je webov\u00fd, ale predov\u0161etk\u00fdm t\u00fdm, \u017ee je dostupnej\u0161ie, tak k nemu aj niektor\u00ed u\u017e\u00edvatelia mali bli\u017e\u0161ie.<\/p>\n\n

Adobe Xd<\/a><\/h3>\n\n
\"Adobe<\/a>
https:\/\/www.adobe.com\/cz\/products\/xd.html<\/a><\/figcaption><\/figure><\/div>\n\n

Spolo\u010dnos\u0165 Adobe musela nejako zareagova\u0165 na to, \u017ee sa u\u017e nebral Adobe Photoshop <\/strong> ako „hlavn\u00fd“ n\u00e1stroj pre n\u00e1vrh webov. A tak v roku 2017 vydala svoju aplik\u00e1ciu Adobe Xd <\/strong>. ktor\u00e1 je multiplatformov\u00fd ( \u010do znamen\u00e1, \u017ee je mo\u017en\u00e9 ich spusti\u0165 tak na Windows tak na MacOS <\/em>). A rozhodne ju ocenili „fan\u00fa\u0161ikovia“ produktu od spolo\u010dnosti Adobe, preto\u017ee v\u017edy ide c\u00edti\u0165 v aplikac\u00edh od Adobe <\/strong>, \u017ee sa jedn\u00e1 o ich produkt. Tak\u00fdto ich „podpis“. A naviac pre Adobe <\/strong> nezvyklou cenovou politikou (\u010do znamen\u00e1, \u017ee Adobe Xd je zadarmo <\/strong> pre osobn\u00fa potrebu) si z\u00edskali nemal\u00fd po\u010det u\u017e\u00edvate\u013eov a fan\u00fa\u0161ikov. Predov\u0161etk\u00fdm t\u00ed, ktor\u00ed boli zvyknut\u00ed na Adobe Photoshop <\/strong>, mohli plynule prejs\u0165 na Adobe Xd <\/strong> a pokra\u010dova\u0165.<\/p>\n\n

Ko\u013eko to stoj\u00ed?<\/h2>\n\n

Toto je asi hne\u010f druh\u00e1 ot\u00e1zka, ktor\u00e1 v\u00e1s napadne, ke\u010f sa rozhodujete, ak\u00e9mu n\u00e1strojmi sa budete venova\u0165.<\/p>\n\n

<\/td>Sketch<\/strong><\/td>Figma<\/strong><\/td>Adobe Xd<\/strong><\/td><\/tr>
Z\u00e1kladn\u00e1 cena pre jednotlivca<\/td>$99 1.rok \nobnovenia je za $79<\/td>zadarmo<\/td>zadarmo pre osobn\u00fa potrebu<\/td><\/tr>
Cena pre t\u00edm<\/td>$9\/mesiac\/\u010dlen<\/a><\/td>$12\/mesiac\/editor<\/a><\/td>12,09 \u20ac\/mesiac\/\u010dlen<\/a><\/td><\/tr><\/tbody><\/table>
Z\u00e1kladn\u00e9 porovnanie ceny Sketch, Figma a Adobe Xd.<\/figcaption><\/figure>\n\n

Tak\u017ee ak niekto chce za\u010da\u0165, potom jednoduch\u0161ie cesta je cez Figmu <\/strong> a Adobe Xd <\/strong>, kedy m\u00e1te na neobmedzen\u00fa cestu mo\u017enos\u0165 sa u\u010di\u0165, sk\u00fa\u0161a\u0165 a tvori\u0165 pod\u013ea podmienok, ktor\u00e9 m\u00e1 ka\u017ed\u00e1 platforma. U Sketch <\/strong> je mo\u017enos\u0165 30-d\u0148ov\u00fd trial.<\/p>\n\n

Ako na n\u00e1vrh?<\/h2>\n\n

Na t\u00fato ot\u00e1zku rozhodne nie je jednoduch\u00e1 odpove\u010f, preto\u017ee sa jedn\u00e1 jedn\u00e1 o kreat\u00edvnu \u010dinnos\u0165, ktor\u00e1 sa hodnot\u00ed ve\u013emi subjekt\u00edvne. A za \u010fal\u0161ie je to ve\u013emi \u0161irok\u00e9 t\u00e9ma, ktor\u00e1 by sa nezmestilo ani na nieko\u013eko \u010dl\u00e1nkov. Sk\u00f4r si m\u00f4\u017eeme pop\u00edsa\u0165 princ\u00edpy, ktor\u00e9 s\u00fa v\u00e4\u010d\u0161inou rovnak\u00e9.<\/p>\n\n