Miks peaksite Photoshopilt üle minema Sketchile?

Viimase aasta või kahe jooksul on Bohemian Coding's Sketch rakendus Photoshopi 'parema' alternatiivina hoogustunud kuulsates internettides. Suurem osa sellest rohkelt kiitust on tulnud veebi- ja liidese kujundamise kogukonnalt. Kui olete minusugune, siis otsite alati uusi tööriistu ja paremaid alternatiive olemasolevale töövoole. Kuid esialgu olin oma 20-aastase Photoshopi teatepulga üleandmise suhtes esialgne.

Enamasti teeb Photoshop selle triki ära ja teeb seda piisavalt hästi. 'Miks vahetada?' Ma mõtlesin. Photoshopi otseteed on minu teine ​​keel. Konkreetse efekti või ülesande täitmine ei nõudnud enam erilist ajujõudu, kuna olin tõenäoliselt juba mitu korda midagi sarnast teinud. See vana koer mõtles, et Sketch on mõeldud uue kooli lahedatele lastele.

Kui Sketchi ümbritsev lobisemine suurenes, sai mu uudishimu lõpuks endast parima. Pidin ise veenduma, miks Sketch minu eakaaslaste seas süttis. Kui olin alustamas uut projekti, otsustasin, et hetk on õige. Kui kavatseksin seda teha, tahtsin nädalaks endast kõik anda.

Panin Photoshopi kinni, laadisin alla Sketchi 30-päevase prooviversiooni ja sukeldusin ujumisseadmeta sügavasse otsa, lootes hoida oma pead vee kohal piisavalt kaua, et aru saada, mis see hüppe endast kujutab. Kui kavatsete Sketchi uurida, soovitaksin seda lähenemist.

Kahe kuni kolme päeva jooksul olin selles veendunud. Taas tundsin entusiasmi tarkvara avamisest ja sain sellest kohe kasu. Tundsin end kiiresti uue liidese õppimisel mugavalt. Kattumine Photoshopiga oli lihtsalt piisav. Ma olin armunud. 'Jah!' Ma mõtlesin.

Selles artiklis käsitlen mõnda Sketchi põhifunktsiooni ja võrdlen neid oma Photoshopi samaväärsusega. Kui olete aia otsas ja otsite Photoshopile paremat (ja palju odavamat) alternatiivi või olete uudishimulik selle kasvava populaarsuse vastu, siis lugege edasi.

Tere sõber

Sketch ehitati ainult Macile. Kui olete kunagi kasutanud Apple

Sketch ehitati ainult Macile. Kui olete kunagi kasutanud Apple'i tarkvara, eriti Keynote'i, märkate selle kasutajaliidese sarnasust

Sketch on eksklusiivne ainult Mac OS X-le ja Bohemian Coding'i KKK jaotise järgi ei kaaluta isegi Windowsi ja Linuxi toetamist. See on hea meie pikaajalistele Maci kasutajatele. Kui olete üldse tuttav OS X-i tootlikkusrakendustega (Pages, Keynote, Numbers) või olete kasutanud mõnda vanemat, Apple'i poolt lõpetatud tarkvara (ma vaatan teid iWebi), tunnete end koheselt, nagu oleksite kokku puutunud vana sõber, kellel on küpsem habe kasvanud.

Täpselt nagu Keynote'is, kui seda kasutama hakkasin, oli Sketchis esimene asi, mida kohendada ülemist tööriistariba. Teete seda lihtsalt hiire parema nupuga klõpsates ja visates sellele võimalikult palju esemeid.

Klaviatuuri otseteed

Kuigi Photoshopil on tööriistariba kogu aeg nähtaval, on mõned Sketchi tööriistad esialgu veidi eemal

Kuigi Photoshopil on tööriistariba kogu aeg nähtaval, on mõned Sketchi tööriistad esialgu veidi eemal

Nõuanne, mille sain arvukatelt sõpradelt ja Twitteri folgilt, oli otseteede õppimine nii kiiresti kui võimalik. Kuid tööriistariba tööriistade visuaalne juhendamine aitas mul Sketchi võimalusi paremini mõista ja kuidas see erinevate ülesannetega toime tuleb. Paljud tööriistad on Photoshopist pooleldi tuttavad, kuid need asuvad nüüd erinevates kohtades. Sketši puhul ühtsem ala.

Photoshopist ülemineku hõlbustamiseks tõin üle mõned sageli kasutatavad kiirklahvid, luues OS X-is kohandatud klaviatuuri otseteed. Kui te pole selle protsessiga tuttav, olge valmis armumiseks. Seda on üsna lihtne teha otse oma Maci süsteemieelistustest. Siin on ka mugav visandite otseteede loend, et end kurssi viia: sketchshortcuts.com .

Keskendumine fookusele

Ärge saage valesti aru: Photoshop saab veebisaidi ja kasutajaliidese maketitöö tehtud ning teeb seda hästi. See teeb ka tonni muud kraami hästi. See peaks olema kõigi tööriist. Ja tead mida? See on OK. Üks probleem on siiski see, et sellel puudub veebi- ja kasutajaliidese kujunduse rakenduse fookus.

Sketch keskendub konkreetselt veebisaitide, liideste ja ikoonide kujundamisele. Võrreldes Photoshopiga näevad Sketchi menüüd ribadena välja. Mõnus värske õhu hingus. Enam ei pea võitlema selle segaduse kaudu, mis ei pruugi veebi tõlkida. Sketchi tööriistad ja väärtused peituvad selles, mida saab hõlpsasti tõlkida CSS-i ja üldiselt brauseritena.

Näiteks: küljendusseadete tegemine ja kohandamine (st ruudustiku loomine). Sketchis võimaldavad eelmääratud väljad kohandada ruudustiku kogulaiust, vihmaveerenne, veerge ja ridu. Nagu inimene, kes töötab alati tundlike võrkudega, olen enne uue projekti alustamist pidevalt nendes seadetes.

Artboardi eelseadistused

Teine funktsioon, mis näitab Sketchi rõhku veebile ja kasutajaliidesele, on selle eelseadistatud mallid ja tahvli eelseadistused. Ja selle eest olen tänulik.

Oletame, et alustate uut iOS-i rakenduse projekti. Võite kas luua uue projekti, nagu olete Photoshopis harjunud, või valige faili> Uus mallilt jaotise Sketch pakutav malli 'iOS kasutajaliidese kujundus'. Eeliseks on see, et Sketch esitab teile kõigepealt iOS-i kasutajaliidese komplekti iPhone'i rakenduste kiireks mõnitamiseks ja ütleme näiteks iOS-i klaviatuuri maketti.

Hiljuti pilkasin kaardivaadet broneerimisrakenduse jaoks, mille kallal töötasin. Ma ei pidanud eraldi faili avama ega iOS-i kaardimudelit otsima. Lülitasin lihtsalt minu Elementide lehele ja kopeerisin ja kleepisin.

Suuruse järgi täiuslik

Kas peate sellele 180px-nupule lisama veel 20 pikslit? Sisestage lihtsalt 180 + 20

Kas peate sellele 180px-nupule lisama veel 20 pikslit? Sisestage lihtsalt 180 + 20

Nii nagu Photoshop, võimaldab Sketchi inspektor määratleda täpsed suurused ja asukohad tahvlil. Sketchil on aga oma suuruse ja positsiooni inspektori jaoks saladus. See saab matemaatikast aru! Mitte ainult liitmine, lahutamine, korrutamine ja jagamine, vaid ka protsendid.

Kas soovite nuppu nihutada vasakule 20 pikslit? Lisage väljale lihtsalt '-20'. Kas soovite, et pilt täidaks poole kogu tahvlist? Sisestage laiuse väljale lihtsalt '50%'. Geniaalne!

Üks projekt, üks fail

Ehkki Sketch erineb Photoshopist selle poolest, et see salvestab kõik oma lehed ühte dokumenti, tegelevad mõlemad kihistamise, rühmitamise ja korraldamisega sarnaselt

Ehkki Sketch erineb Photoshopist selle poolest, et see salvestab kõik oma lehed ühte dokumenti, tegelevad mõlemad kihistamise, rühmitamise ja korraldamisega sarnaselt

Photoshopiga nägi minu projekt ja failistruktuur välja umbes selline:

Kaust BigTimeClient
- BigTimeClient_landing-page.psd
- BigTimeClient_about-page.psd
- BigTimeClient_contact-page.psd

Sketch tegeleb asjadega natuke teisiti. Ühes Sketch-failis on kõik lehed ja tabelid ühes dokumendis. Alguses tundsin muret, et see purustab minu Maci jõudluse, kuid olen sellest ajast alates kujundanud umbes 30 ekraaniga iOS-i rakendusi ega kogenud märkimisväärseid jõudlusprobleeme.

Selle lähenemise peamine eelis on see, et saate kõikidele ekraanidele kõrvuti juurde pääseda ja neid vaadata, nii et muudatuste tegemine ja asjade võrdlemine on palju lihtsam. Kui te pilgate erinevaid reageerivaid murdepunkte, siis meeldib see teile täiesti.

Hiljuti tutvustas Photoshop oma versiooni mitmest tahvlist. Sketchis on aga võimalik kõik tahvlid ühe dokumendi lehtedeks korraldada, muutes selle funktsiooni palju võimsamaks. Vastasel juhul töötavad mõlema rakenduse mitmed joonelauad väga sarnaselt.

Sketchi kihipalett tõi rakenduse esmakordsel avamisel mugavuse, kuna see jäljendab Photoshopi mitmel viisil. Sarnaselt Photoshopiga saate siin kogu projekti vaadata, ümber nimetada, gruppe (kaustu) ja elemente otsida.

Üks fail sobib kõigile

Photoshopis loon tavaliselt kolm (või enam) failivarad. Üks @ 1x ja teine ​​@ 2x ja teine ​​@ 3x. Nende eraldi välja päästmine oli tüütu. Kui te ei töötanud vektorobjektide ja elementidega 100 protsenti ajast, muutus see valusaks. Sketchi rakenduses pole isegi üht rasterdatud tööriista ega elementi. Noh, kui te muidugi ühte sisse ei lohista.

Photoshopis iOS-i rakenduse kujundusprojekti loomisel kujundaksin oma ekraanil palju suurema suuruse ja testiksin oma iPhone'is peegelrakendust Skala Preview.

Sketchi kasutamisel on minu töövoog Retina seadmete ja varadega töötamisel dramaatiliselt muutunud ja paranenud. Kujundan nüüd seadme standardsuuruses. Kuna Sketchis on kõik vaikimisi vektor, ei pea ma muretsema selle pärast, et oma tahvlit töölaual ebanormaalselt suureks muudaksin, et saaksin tööd eelvaadata peegeldamise kaudu (nüüd Sketch Mirrori kaudu). Töö lauaarvutist mobiilini tundub nüüd loomulikum.

Veelgi enam, eri suuruses elementide välja salvestamine on sama lihtne kui ekspordinupul klõpsamine, nii palju suurusi ja failivorminguid lisades kui soovite, ja ... noh, see selleks. Asjade salvestamiseks võite kihte ja rühmi isegi töölauale lohistada - kuigi nupp Eksport annab teile suurema kontrolli. See on ülekaalukalt üks minu lemmik Sketchi funktsioone ja ka üks suurimaid aja kokkuhoidjaid.

Nutikast sümboolseni

Photoshopi nutikad objektid ja lingitud nutikad objektid on äärmiselt käepärased ja võimsad. Ma kasutasin neid sageli, eriti selliste rakenduste ja liideste kujundamisel, mis kasutasid palju korduvaid elemente.

Kui te pole harjunud, siis siin on kiire kasutamise juhtum. Kujundate mobiilsete murdepunktide navigeerimist ja olete juba 15 ekraani sügaval töövoos, kui mõistate, et midagi peab muutma. Kui te ei töötanud lingitud nutikate objektidega, peate kõik failid käsitsi avama ja nendes muudatused tegema. Lingitud nutikate objektide abil saate muuta ühte elementi ja kõik selle analoogid muutuvad automaatselt. Tohutu aja kokkuhoid!

Loovad pilveraamatukogud

Creative Cloud Libraries on minu isiklik lemmik. Objektidele või kihtidele pääsete hõlpsalt juurde, lohistage neid ühest Photoshopi dokumendist teise

Creative Cloud Libraries on minu isiklik lemmik. Objektidele või kihtidele pääsete hõlpsalt juurde, lohistage neid ühest Photoshopi dokumendist teise

Teine minu lemmikfunktsioon Photoshopis, mis on ka programmi jaoks üsna uus, on Creative Cloud Libraries. Lohistage lihtsalt kasutatavad varad lihtsalt oma raamatukogude paneelile, et hõlpsasti juurde pääseda, kui soovite need projekti muudesse piirkondadesse lohistada. Kui soovite CC-raamatukogude kohta põhjalikumalt lugeda, minge siin .

Sümbolid

Visandisümbolid sarnanevad Photoshopi lingitud nutikate objektidega, kuid on natuke kohandatavamad ja võimsamad

Visandisümbolid sarnanevad Photoshopi lingitud nutikate objektidega, kuid on natuke kohandatavamad ja võimsamad

Mis on Photoshopi lingitud nutikatel objektidel ja raamatukogudel pistmist Sketchiga, küsite? Noh, Sketchil on see väike ja suur asi nimega sümbolid. Ma arvan, et see on lingitud nutikate esemete ja raamatukogude armulaps, kellel on lisalöögiks kriips kuuma kastme.

Sümbolite abil saate varasid või rühmi lehtedel ja joonelaudadel taaskasutada. Tehke sümbolis muudatus ja kuum kaevukas koer, see muutub kõikjal! See mäletab isegi ruumilisi joondusi, kui korrigeerite näiteks varade ja / või teksti loendis. Isegi teksti sõnad muutuvad.

Saate eri lehtedel olevaid varasid taaskasutada ja muudatused tõlgitakse läbi

Saate eri lehtedel olevaid varasid taaskasutada ja muudatused tõlgitakse läbi

Ja siin on see lisakriips kuuma kastme, millest ma rääkisin: 'Jätke sümbolist välja teksti väärtus'. Võtame näiteks nuputüübi, mis kordub, kuid erineva tekstiga. Kas soovite nupu stiili muuta, kuid jätate teksti alles? Pole probleemi. Lisavõimalust „Muuda kõiki eksemplare” pole. Maagia!

Lisaks automaatselt värskendatavate elementide rühmale leiate rõõmu ka kihtide ja teksti stiilide määratlemisest. Määratlege näiteks GT Walsheimis H1-märgendid - suurus 48 ja varju - ning kõiki eksemplare värskendatakse kogu plaanis. Jällegi nagu maagia!

Asjade kujundamine

Photoshopis kasutajaliideste, rakenduste ja veebisaitide kujundamisel kasutasin tavaliselt kujundeid mitmesuguste elementide loomiseks. Sketchi abil leiate sarnase maa. Kujundid on see koht, kus veedan suurema osa ajast, ristkülikutest nuppude loomisel, suurte ristkülikute täitmisel või maskeerimisel pilditäidetega, eraldusjoonte joonistamisega jne.

Photoshop pakub teile erinevaid võimalusi vektor- ja mitte-vektorkujude ning -radade loomiseks. Sketch on aga üles ehitatud mastaapsuse ümber. Kõik on vektoripõhine ja kujundeid saab hõlpsasti reguleerida käigu pealt.

Näiteks võite minna tagasi ja lisada ristkülikukujulisele nupule nurga raadius, valides lihtsalt valiku „Raadius”. Samuti võite täita mis tahes kuju fotoga ja muuta selle suurust mittepurustaval viisil. See on suurepärane, kui testida, kuidas tundlikud pildid suurust ja suurust muudavad.

Kuju kujundi maskeerimisel ei tohi isiklik nõuanne kasutada valikut „Kasuta maskina”. Selle asemel annab „Pildiga täitmine” suurema osa ajast palju rohkem paindlikkust.

Kujundkombinatsioonide vahel on Photoshopis ja Sketchis ka ühisosa. Kuigi ma ei loo Sketchis isiklikult kohandatud ikoone (või mõnda muud tarkvara), leian, et vajan siin ja seal ainulaadseid kujundeid. Kujutaksin siiski ette, et ikoonidisainerid kasutavad seda funktsiooni üsna sageli.

Visandist kaugemale

Kui otsite Photoshopi jaoks odavamat alternatiivi graafilisema disaini jaoks, proovige Affinity Designerit proovida

Kui otsite Photoshopi jaoks odavamat alternatiivi graafilisema disaini jaoks, proovige Affinity Designerit proovida

Siin olen Photoshopist üle minnes lihtsalt puudutanud mõningaid funktsioone, erinevusi ja tuttavaid asju. Sketch tundub suur hüpe parema ja täpsema töövoo suunas kasutajaliideste ja saitide kujundamisel. See ei kaota vajadust fotopoe rakenduse järele, näiteks Photoshop või Affinity Designer. Sketchi jõud seisneb selles, et see on veebi- ja kasutajaliidese kujunduse rakendus. Ei rohkem ega vähem.

Õppimiskõver Photoshopist Sketchini oli piisavalt kiire. Mul kulus kolm ja pool päeva, et saaksin rakenduses umbes 90 protsenti mugavaks, ja möödus kolm nädalat, enne kui tundsin, et mul on asjadest 99 protsenti aru. Minu saidi kohta saate rohkem lugeda minu saidilt, kus ma oma teekonda elasin-blogisin .

Sketchi kasutajaskond kasvab kiiresti. Selle pistikprogrammide kogukond on muljetavaldav ja laiendab Sketchi võimalusi tõhusalt. Kui otsite uut tööriista ja äärmiselt mõistliku hinnaga, on Sketch suurepärane võimalus. Minu arvates on see praegu parim valik kasutajaliidese töö jaoks. Olen põnevil selle tuleviku pärast.

Sõnad : Brian Hoff

Brian Hoff on Philadelphias asuva digitaalse butiikbüroo Brian Hoff Design asutaja ja loovjuht, kes keskendub veebi- ja mobiiliplatvormidele ning toodetele. See artikkel avaldati algselt 2007. Aasta väljaandes 273 netiajakiri .

Meeldis see? Loe neid!