Sadržaj
- 01. Vodiči za kopiranje i lijepljenje
- 02. Čistač skica
- 03. Anima
- 04. React Sketch.app
- 05. Dodatak za Git Sketch
- 06. ImageOptim
- 07. Čarobno ogledalo
- 08. Izvoz više
- 11. Marketch
- 12. Segmentirani krugovi
- 13. Sketch Runner
- 14. Krstionica ikone
- 15. Pronađi i zamijeni
Dodaci za Sketch pomažu da Sketch bude još bolji. Sketch je odabrani alat za web dizajn korisničkog sučelja za mnoge, a dio onoga što čini toliko je dobro jest zajednica ljudi koji rade na proširivanju njegove funkcionalnosti i značajki izgradnjom prilagođenih dodataka.
Upravljanje dodacima za Sketch sada je lakše nego ikad. Dodaci se automatski ažuriraju, a zastarjeli se onemogućuju. Ekosustav dodatka čini još korisnijim Sketch Cloud, uslugu dijeljenja datoteka za koju se svatko može prijaviti, a tu možete pregledavati, preuzimati i komentirati Sketch dokumente koji su javno podijeljeni ili privatno izravno iz Sketch-a.
Pa, pogledajmo najbolje Sketch dodatke - one koji bi mogli drastično promijeniti način dizajniranja korisničkog sučelja. Nakon što ste uočili jedan koji želite, pročitajte kako instalirati dodatke za Sketch. Ako volite svoje web alate, ne propustite naše omiljene alate za web dizajn, alat za izradu web stranica i pohranu u oblaku. I ne zaboravite, vaš odabir davatelja web hostinga presudan je za uspjeh vaše web stranice (naš vodič će vam pomoći).
01. Vodiči za kopiranje i lijepljenje
- Preuzmi ovdje
- Cijena: Besplatno
- Sažetak: Kopirajte, zalijepite ili uklonite vodiče sa svojih ploča
Svaki dizajner ima odnos ljubavi / mržnje s vodičima. Ponekad su apsolutno neophodni, a ostatak vremena vam samo postavljaju na put. Ako upotrebljavate vodiče umjesto opcije Sketch-ovog rasporeda, njihova promjena za više umjetničkih ploča može biti noćna mora, ali s ovim dodatkom lako je kopirati, zalijepiti i ukloniti vodiče sa svih svojih umjetničkih ploča.
02. Čistač skica
- Preuzmi ovdje
- Cijena: $2
- Sažetak: Neka vaše datoteke dizajna budu čiste poput zvižduka
Bilo koji dizajn Skice koji je prošao kroz nekoliko ponavljanja, usput će pokupiti malo smeća, poput skrivenih slojeva, nedosljednih položaja obruba i neiskorištenih stilova slojeva.
Iako nije kraj svijeta da imamo neurednu datoteku Sketch, to bi moglo utjecati na primopredaju i olakšat će život svima koji to moraju smisliti. Umjesto da sve prolazite ručno, koristite Sketch Cleaner za automatsko rješavanje svih uobičajenih problema.
03. Anima
- Preuzmi ovdje
- Cijena: Oslobodite prema gore
- Sažetak: Stvorite responzivne prototipove visoke vjernosti
Ranije dostupan kao zasebni besplatni dodaci - Auto Layout i Launchpad - Anima je sada cjeloviti dodatak dizajniran da vam pomogne u stvaranju responzivnih izgleda s iglama, hrpama i podlogama i prototipovima visoke vjernosti koji odgovaraju svim zaslonima. Još uvijek postoji besplatna verzija koja podržava jedan projekt; za neograničene projekte cijena počinje od 25 USD mjesečno.
04. React Sketch.app
- Preuzmi ovdje
- Cijena: Besplatno
- Sažetak: Renderirajte komponente React u Sketch
Upravljanje imovinom dizajna može u Skici biti teško. Ovaj praktični dodatak za Sketch pruža lakši i pouzdaniji način upravljanja imovinom. Implementirajte svoje dizajne u kôd kao React komponente, a zatim upotrijebite ovaj dodatak kako biste ih prikazali u skici. Također olakšava dohvaćanje i implementaciju stvarnih podataka u datoteke skica.
React Sketch.app razvio je Airbnb za uporabu sa svojim dizajnerskim sustavom, s ciljem da pomogne u premošćavanju jaza između dizajnera i programera.
05. Dodatak za Git Sketch
- Preuzmi ovdje
- Cijena: Besplatno
- Sažetak: Git klijent ugrađen u Sketch
Cilj ovog dodatka je uvođenje kontrole verzija u Sketch. Djeluje tako da izvozi sliku za svaki dio dizajna, a zatim generira prilično razlike, tako da je jasno koje su promjene napravljene. Dokumentiranjem svakog koraka procesa dizajniranja, svi u timu mogu vidjeti kako je dizajn napredovao.
Dodatak Git Sketch stvorio je Mathieu Dutour, koji je od tada prešao na stvaranje sveobuhvatnijeg sustava kontrole verzija pod nazivom Kactus.
06. ImageOptim
- Preuzmi ovdje
- Cijena: Besplatno
- Sažetak: Optimizacija slike u Skici
Iako Sketch nudi vlastito rješenje za optimizaciju SVG datoteka, ne postoji niz mogućnosti za komprimiranje JPG i PNG slika. Budući da ImageOptim već nekoliko godina nudi solidnu uslugu, logično je da bi ovu funkcionalnost doveo do Sketcha.
Bilo koji dizajner kojem je stalo do vremena učitavanja i optimizacije slike (što bi trebali biti svi dizajneri) trebao bi dodati ImageOptim u svoj alatni okvir. Napominjemo da će vam, kao i dodatak, trebati i osnovna aplikacija ImageOptim (besplatna) instalirana na vašem macOS sustavu, a slojeve i dalje morate označiti kao izvezive u programu Sketch (za početak idite na „Izvezi i optimiziraj svu imovinu“).
07. Čarobno ogledalo
- Preuzmi ovdje
- Cijena: Od 4 USD mjesečno
- Sažetak: Alat za transformaciju perspektive slike
Ako pokušavate napraviti impresivne makete proizvoda, ali morate stalno uskakati u Photoshop da biste se pozabavili škakljivim stvarima, Magic Mirror mogao bi vam spasiti život. To je alat za transformaciju perspektive slike, koji vam omogućuje stvaranje makete perspektive i drugih iskrivljenih efekata, a da nikada ne napustite Sketch.
08. Izvoz više
- Preuzmi ovdje
- Cijena: Besplatno
- Sažetak: Automatski generira slike rezerviranih mjesta
Dodavanje rezerviranih slika u dizajn nužan je dio izrade prototipa, ali pronalaženje stvarnih slika može biti muka. Stoga, umjesto da gubite vrijeme na to, sve prepustite Day Playeru. To vam omogućuje dodavanje prilagođenih slika rezerviranih mjesta u bilo koji dokument Sketcha, iz niza različitih usluga slika rezerviranih mjesta, pa će najveća odluka koju ćete morati donijeti biti želite li koristiti Billa Murraya, Nicolasa Cagea ili mačiće.
11. Marketch
- Preuzmi ovdje
- Cijena: Besplatno
- Sažetak: Generirajte html stranicu koja može mjeriti i dobiti CSS stilove
Ako želite dohvatiti CSS stilove iz svojih dizajna Sketch-a, dodatak poput Marketch apsolutno je neophodan. Omogućuje vam da izvezite svoje umjetničke ploče Sketch kao zip datoteku punu HTML dokumenata koje zatim možete izvući kako biste izvukli mnoštvo slatkih CSS-a, spremnih za rad.
12. Segmentirani krugovi
- Preuzmi ovdje
- Cijena: Besplatno
- Sažetak: Stvorite precizne kružne grafike
Evo brzog načina za izradu segmentiranih krugova za grafikone i dijagrame. Ovaj dodatak može stvoriti različite stilove kružnog dijagrama, uključujući isprekidane krugove i kvačice, a debljine se kontroliraju pomoću jednostavnog popisa vrijednosti odvojenih zarezom.
13. Sketch Runner
- Preuzmi ovdje
- Cijena: Besplatno
- Sažetak: Reflektor za pretragu
Sketch je voljen zbog minimalističkog tijeka rada na tipkovnici. To je već rečeno, uvijek postoje dvije ili tri tipkovne prečace koje izgledate kao da uvijek zaboravite ili zbunite s drugom dizajnerskom aplikacijom poput Photoshopa - i ne zaboravimo one rjeđe alate i značajke koji nemaju tipkovnu prečicu i skriveni su duboko u Izbornik skica.
Sketch Runner rješava ove probleme i to na način na koji su korisnici macOS-a upoznati - Sketch Runner je macOS Spotlight, ali za Sketch.
14. Krstionica ikone
- Preuzmi ovdje
- Cijena: Besplatno
- Sažetak: Upravljanje fontovima ikona
Fontovi ikona vrlo su učinkovit način korištenja ikona u web dizajnu bez potrebe za izvozom i optimizacijom gomile slikovnih materijala. Uobičajeno se pozivamo na fontove ikona u glava> odjeljak HTML web stranica, kao što to činimo sa CSS-om i JavaScript-om. Međutim, njihova upotreba u programu Skica malo je složenija. Srećom, Icon Font olakšava.
Nakon preuzimanja i instaliranja Sketch IconFont, preuzmite SVG datoteke fontova ili preuzmite ovaj paket fontova, koji uključuje datoteke fontova za FontAwesome, ikone materijalnog dizajna, ikone iona i jednostavne ikone linija. Kada završite, idite na Dodaci> Font ikone> Instaliraj paket fontova, odaberite preuzete fontove iz dijaloškog okvira Otvori datoteku, a zatim idite na Dodaci> Font ikone> Umetanje rešetke> [željeni font ikone] kako biste umetnuli ikonu.
Čak i ako namjeravate dizajnirati prilagođeni set ikona za svoj dizajn, raspoloživost gotovih ikona može vam pomoći u brzom prototipiranju u ranim fazama dizajna, dodajući malo više jasnoće / vjernosti vašim maketama s niskom vjernošću. .
15. Pronađi i zamijeni
- Preuzmi ovdje
- Cijena: Besplatno
- Sažetak: Pronađite i zamijenite tekst u odabranim slojevima
Uređivači teksta nisu jedino mjesto koje trebate pronaći i zamijeniti - korisno je i u programu Sketch. Ovaj dodatak ima puno naprednih opcija i omogućuje vam traženje primjeraka određenih riječi ili fraza u tekstu u odabranim slojevima (i svega što se nalazi u njemu), a zatim ga jednostavno zamijenite.
Sljedeća stranica: Dodatci za skicu koji štede vrijeme
