Vodiči za skice

10 savjeta za skicu lijepih i održivih ljestvica (GIF upozorenje!)

Vidite li sve one ljestvice na slici gore? Dovedite ih ovdje ili pročitajte o njima ovdje:

Dizajnirao sam puno ljestvica. Došlo je do točke kad osjećam kao da zaslužujem počasni doktorat znanosti o podacima ili barem tetovažu na ruci koja prikazuje logaritamsku zavjeru.

Ali odstupam.

Grafikoni su sastavni dio podataka i prekrasan način vizualizacije skupova informacija. Imam snažna mišljenja o tome kada i kako ih treba koristiti, ali to će biti post za drugi dan.

Danas govorimo o dizajniranju grafikona tako da su oboje ugodni za pregled, i što je najvažnije, jednostavan za održavanje. Neuredni grafikoni su totalno zasjenjeni, a nitko ne želi vizualizacije koje izgledaju kao da su rađene u PowerPointu oko 1995. godine ... ili kako ga ja zovem, "dobri stari dani".

Od sada su neki ProTips ™ koje sam osmislio nakon dizajniranja gazlijumskih grafikona.

1. Koristite stilove za osi grafikona i mrežne linije

Ako radite na proizvodu s tonom grafikona, počet ćete se šutnuti ako klijent odluči da želi isprekidane linije umjesto čvrstih. D'oh. Sada moram pronaći sve to.

Ne ako su stilovi! Pogledajte:

To je samo prikaz primarne osi. Stilovi su također sjajni za mrežne linije (previše su izblijedjeli da bi ih vidjeli u GIF-u).

Treba napomenuti da gore postoji mali zaostatak u GIF-u, jer mijenja stil primarne osi za 60+ različitih grafikona jednim potezom. Stilovi su najbolji

2. Simbolizirajte podatkovne točke

Ako zadržite našu temu ažuriranja puno ljestvica odjednom, simboliziranje podataka će vam uštedjeti otprilike devetnaest i pol godina provedenih ⌘ -Klikom malenih krugova po vašim umjetničkim pločama. Postavite simbol i ponovo ga koristite kad god vam treba podatkovna točka. Ako odlučite niz cestu da želite da bude čvrsta umjesto šuplja, samo promijenite osnovni simbol. Tako je lako da je to mogla učiniti i baka!

Tiny ProTip: Ne postavljajte krugove podataka. Napravite ih kvadratiće sa 100% zaobljenim uglovima (radijus). Jednostavno to olakšava ako se odlučite vratiti na trgove!

3. Koristite uobičajeni način imenovanja kako biste lako ciljali dijelove grafikona

Ako na linijskom grafikonu imate 10 podatkovnih točaka, upotrijebite dodatak poput RenameIt da biste promijenili naziv sloja za sve njih u „Data Point“. Ne mogu vam niti reći koliko će vam to vremena uštedjeti.

Evo jedne od mojih grupa slojeva grafikona kako biste mogli vidjeti nazive slojeva:

Ako ikad trebam promijeniti duljinu ili položaj svih "horizontalnih rešetki", samo pretražujem sloj za ... vi ćete uhvatiti ... "horizontalnu mrežu"! Tada mogu Shift + kliknuti na vrhu i na dnu popisa kako bih odabrao sve linije mreže na mojim umjetničkim pločama i promijenio njihovu dužinu / položaj. Te se sitnice zbrajaju, obećavam.

4. Grupirajte podatkovne točke sa svojim osovinama

To može podijeliti moje čitatelje, ali osobno preferiram grupiranje podataka s oznakama osi, posebno ako radim na traci ili grafikonu stupaca. Jednostavno čini sve lakše odjednom pozicionirati ili izbrisati sve što je povezano s tom vrijednošću u grafikonu. Pogledajte donji GIF da biste vidjeli što mislim.

Napomena: Također koristim ograničavajući okvir oko čitave grupe podataka. Provjerite moj drugi post "5 načina za održavanje kuhinje skice" da biste vidjeli zašto volim koristiti ograničene kutije.

5. Grupne linije i podatkovne točke za jednostavno premještanje

Kada govorimo o grupiranju (ne, ne groping), ako izrađujete crteže s podatkovnim točkama, grupirajte ih tako da ih možete brzo premjestiti i ažurirati. Čini se trivijalno, ali vidio sam na desetke besplatnih preuzimanja grafikona s linijama i podatkovnim točkama kako samo sjede voljno na nišanu kao ploča izgubljenih štenaca u parku bez povodca.

6. Koristite vodoravno / okomito raspoređivanje za ravnomjerno raspoređene podatkovne točke

Budimo stvarni, linijski grafovi su takva bol. Ali kad sam otkrio da možete upotrijebiti akcije usklađivanja raspodjele vrhova, otplatio sam školske zajmove, posegnuo srednjoškolcu nasilniku za kavu i konačno izgubio tih posljednjih 10 kilograma.

Odaberite liniju za koju želite ravnomjerno raspoređene vrhove, kliknite Uredi na alatnoj traci (ili pritisnite Enter na tipkovnici), odaberite sve točke pomoću ⌘ + A, a zatim kliknite radnju horizontalne raspodjele na vrhu desnog okna. Tada! Sve vaše vrhove sada su savršeno raspoređene i poravnane s njihovim odgovarajućim X-Axis oznakama (pazite da su vodoravno raspoređene istom metodom).

na

7. Dodijelite svakom objektu pravilo mijenjanja veličine

Skica 39 isporučena je sa značajkom koju smo svi čekali: Promjena veličine pravila. Provjerite veličinu varalice Petera Nowella kako biste se ubrzali.

Prema zadanom, Sketch postavlja svaki objekt na Stretch, ali ovo će učiniti neke gadne stvari na vašem grafikonu ako pokušate promijeniti veličinu stvari izravno iz vrata.

Evo nekih osnovnih pravila, ali stvarno ćete se morati sami igrati s njim da biste dobili grafikon koji ispravno mijenja veličinu, a da ne iskrivljuje sam grafikon:

  • Predmeti ruba trebaju biti prikovani za rub. To uključuje cijeli Y-Axis, najviše X-Axis oznake lijevo i desno, te dvije podatkovne točke s najviše lijeve i desne strane, ako radite linijski grafikon. Na taj ćete način osigurati da rubovi ostanu fiksni, dok se sve ostalo unutar promijeni i promijeni.
  • Svi podaci u sredini područja grafikona vjerojatno će morati lebdjeti na mjestu. Ovo će osigurati da održi relativne udaljenosti do okolnih točaka podataka i zaštititi ih od istezanja / izobličenja.
  • Gridlines treba postaviti za promjenu veličine objekta ili rastezanja. Ne mogu artikulirati zašto, ali osobno preferiram Resize Object.
Gledaj, mama! Nema izobličenja! Idite stavite Chart Wizard ™ u svoj Tinder profil.

8. Ljestvice pomoću ⌘K za održavanje proporcija

Pravila za promjenu veličine najbolje rade za horizontalno mijenjanje veličine, ali povremeno će raditi i za vertikalno mijenjanje veličine. No, obično je to jedno ili drugo.

U slučaju da samo želite smanjiti grafikon, najbolje je upotrijebiti ⌘ + K kako biste promijenili veličinu grafikona, umjesto da odaberete grafikon i promijenite mu veličinu na kutnoj pretvorbi grabby-stvari (kako god se oni zvali ...). To će osigurati da se sve promijeni, uključujući i tekst. Pogledaj ispod:

9. Podesite podatkovne točke na "ogledalo" za krivulje glatke linije

Kako prave tako glatke, ujednačene krivulje ?! - Ja, prije tri mjeseca

Umjesto da se borim s alatom za olovku kako bi nacrtao glatku, ravnomjerno raspoređenu krivulju, smatram da je najlakše crtati moje vrhove zrcalnim ručkama. Pogledajte GIF dolje i primijetite da klikom i držim Shift dok povlačim ručicu vrhova. Ako držite držač vodoravnim, održavat će prijelaze između vrhova lijepim i podložnim glatkim. Nakon što stavite verteks i otvorite ručke, otpustite Shift, a zatim kliknite-Povucite sljedeću vršku dok ponovo držite Shift.

10. Pomoću metode "scribble" brzo generirajte zacrtan raspored

Ovaj mi je apsolutni favorit, a tek sam otkrio ovu metodu prije tjedan dana.

Napomena: Ako pokušavate vizualizirati stvarne podatke u svojim maketama, ova metoda vam neće pomoći.

Radila sam na dizajniranju skretnice i rastužila sam se od umnožavanja podataka i povlačila ih oko sebe kako bi stvorila "rasipanje". Ako, ipak, želite samo kreirati grafikon koji izgleda kao crtež rasipanja kako biste dali dev-u nešto za referencu, ova metoda je napravljena za vas.

Ok, uzmi alat Pencil u skici. Samo pritisnite slovo "P" na tipkovnici.

Što je dovraga Pencil Tool ?! Nisam ni znao da postoji. Nemam pojma kada bih i zašto uopće koristio takvo što. - Ja, prošli tjedan

Sada crtajte po svom platnu. Da stvarno. Za guste podatke, istrljajte po istom području čitavu gomilu. Ne zaboravite da povremeno lutate po području grafikona kako biste stvorili neke vanjske vrijednosti.

U redu, evo genijalnog dijela: dodajte liniji obrub, a zatim postavite super široku crticu u postavkama obruba. Bum. Rasplet trenutnog razbacivanja. Vi ste poput ljestvice Michaela Phelpsa ako je ušao u podatkovnu znanost umjesto da pliva. Pravovremena olimpijska referenca. Hot dog!

Izlazi odavde, Clippy! Ne, ne treba mi vaša pomoć u kreiranju parcela!

Ako je ovaj mali trik Sketch sve čega se pamtim kada budem prah na vjetru, umrijet ću sretan čovjek.

Eno ga. Sada ste certificirani statističar, matematičar, istraživač podataka i grafičar. Idi tražiti povišicu. Zaslužuješ to.

Volim te ljudi. Sretno skiciranje!