Tutoriale de schiță

10 sfaturi de schiță pentru diagrame frumoase și de întreținut (avertizare GIF!)

Vedeți toate diagramele din imaginea de mai sus? Ia-le aici sau citește despre ele aici:

Am conceput o mulțime de diagrame. S-a ajuns la punctul în care simt că merit un doctorat onorific pentru știința datelor sau cel puțin un tatuaj pe braț care înfățișa o diagramă de dispersie logaritmică.

Dar am săpat.

Graficele sunt o parte integrantă a produselor de date și o modalitate frumoasă de a vizualiza seturi de informații. Am opinii puternice despre cum și cum ar trebui să fie utilizate, dar asta va fi o postare pentru o altă zi.

Astăzi vorbim despre crearea de diagrame, astfel încât să fie atât plăcute de privit, cât mai important, ușor de întreținut. Graficele dezordonate sunt o vedere totală și nimeni nu dorește vizualizări care arată ca și cum ar fi fost făcute în PowerPoint circa 1995 ... sau cum o numesc eu, „vremurile bune”.

De acum sunt câteva ProTips ™ cu care am venit după ce am conceput un grafic gazillion.

1. Utilizați stiluri pentru axele graficului și liniile de grilă

Dacă lucrați la un produs cu o mulțime de diagrame, veți da lovitura dacă clientul decide că dorește linii de grilă punctate în loc de solide. D'oh. Acum trebuie să merg să le găsesc pe toate.

Nu dacă sunt stiluri! Verifică:

Aceasta arată doar axa principală. Stilurile sunt foarte bune și pentru liniile de grilă (sunt prea estompate pentru a le vedea în GIF).

Ar trebui să menționez faptul că există un mic decalaj în GIF de mai sus, deoarece schimbă stilul axei primare pentru peste 60 de diagrame diferite într-o singură clipă. Stilurile sunt cele mai bune

2. Simbolizați punctele de date

Ținând cont de tema noastră de actualizare a multor diagrame simultan, simbolizarea punctelor de date vă va salva aproximativ nouăsprezece ani și jumătate petrecuți ⌘-Făcând clic pe cercuri minuscule pe tablourile de artă. Configurați un simbol și reutilizați-l ori de câte ori aveți nevoie de un punct de date. Dacă decideți drumul pe care doriți să fie solid în loc să fie gol, schimbați simbolul de bază. Este atât de ușor chiar și bunica ar putea face asta!

Tiny ProTip: nu faceți punctele dvs. de date cercuri. Faceți-le pătrate cu colțuri rotunde (raza) 100%. Pur și simplu face asta mult mai ușor dacă decideți să vă întoarceți în pătrate!

3. Utilizați o convenție de denumire comună pentru a direcționa cu ușurință piesele de diagramă

Dacă aveți 10 puncte de date într-un grafic liniar, utilizați un plugin precum RenameIt pentru a schimba numele stratului pentru toate din „Data Point”. Nici nu pot începe să vă spun cât timp vă va economisi acest lucru.

Iată unul dintre grupurile mele de straturi de diagrame, astfel încât să puteți vedea numele stratului:

Dacă vreodată trebuie să modific lungimea sau poziția tuturor „Gridlinei orizontale”, nu fac decât să căutăm un strat pentru… îl prindeți pe… „Grila orizontală”! Apoi pot schimba + Faceți clic pe partea de sus și de jos a listei pentru a selecta toate liniile de grilă de pe panourile mele de artă și pentru a modifica lungimea / poziția lor. Promit aceste lucruri mărunte.

4. Grupați punctele de date cu etichetele lor pe axe

Acest lucru poate împărți cititorii mei, dar eu personal prefer să grup punctele de date cu etichetele lor de axe, în special dacă lucrez pe o diagramă de bare sau coloane. Pur și simplu, face mult mai ușor să poziționați sau să ștergeți tot ce este asociat cu acea valoare din grafic toate simultan. Vedeți GIF-ul de mai jos pentru a vedea ce vreau să spun.

Notă: folosesc și o casetă de delimitare în jurul întregului grup de date. Vedeți cealaltă postare a mea „5 modalități de a vă păstra curățenia bucătăriei de schiță” pentru a vedea de ce îmi place să folosesc casetele de delimitare.

5. Grupuri de linii și puncte de date pentru repoziționarea ușoară

Vorbind despre grupare (nu, nu căutați), dacă creați grafice linii cu puncte de date, grupați-le astfel încât să le puteți muta și actualiza rapid. Pare banal, dar am văzut zeci de descărcări de diagrame gratuite, cu linii și puncte de date, așezat pur și simplu în voie pe tabloul de artă, ca niște cățeluși pierduți în parc, fără leashes.

6. Folosiți distribuția orizontală / verticală pentru punctele de date spațiate uniform

Să fim reali, graficele liniare sunt atât de dureroase. Dar, când am descoperit că puteți folosi acțiuni de aliniere a distribuției pe vârfuri, mi-am plătit împrumuturile școlare, am dat mâna la bătăușul liceului pentru cafea și am pierdut în cele din urmă ultimele 10 kilograme.

Selectați linia pentru care doriți vârfuri spațiate uniform, faceți clic pe Editare în bara de instrumente (sau apăsați Enter pe tastatura), selectați toate punctele cu ⌘ + A, apoi faceți clic pe acțiunea de distribuție orizontală din partea superioară a panoului din dreapta. Tada! Toate vârfurile dvs. sunt acum distanțate perfect și sunt aliniate la etichetele lor de axe X potrivite (asigurați-vă că acestea sunt distribuite orizontal folosind aceeași metodă).

pe

7. Alocați fiecărui obiect o regulă de redimensionare

Schița 39 livrată cu o caracteristică pe care așteptam cu toții: Reguli de redimensionare. Consultați Chea de înșelăciune a redimensionării lui Peter Nowell pentru a vă ridica la viteză.

În mod implicit, Sketch stabilește fiecare obiect pe Stretch, dar acest lucru va face unele lucruri urâte în graficul dvs. dacă încercați să redimensionați lucrurile direct din poartă.

Iată câteva reguli de bază, dar va trebui doar să vă jucați cu voi înșivă pentru a obține un grafic care se redimensionează corect fără a denatura graficul în sine:

  • Obiectele Edge trebuie fixate pe Edge. Aceasta include întreaga axă Y, stânga și dreapta cele mai multe etichete pentru axa X și cele două puncte de stânga și dreapta cele mai multe date dacă efectuați un grafic liniar. Acest lucru vă va asigura că marginile rămân fixate, în timp ce orice alt lucru din interior se redimensionează și plutește.
  • Orice date din zona de mijloc a graficului va trebui probabil să plutească în loc. Acest lucru va asigura că își menține distanțele relative față de punctele de date înconjurătoare și le protejează de întindere / denaturare.
  • Grilele trebuie setate pe Redimensionare obiect sau întindere. Nu pot articula de ce, dar personal prefer Redimensionarea obiectului.
Uite, Ma! Fără denaturare! Mergeți să puneți Chart Wizard ™ în profilul Tinder.

8. Graficele de scară folosind ⌘K pentru a menține raporturile de aspect

Regulile de redimensionare funcționează cel mai bine pentru redimensionarea orizontală, dar vor funcționa ocazional și pentru redimensionarea verticală. Totuși, de obicei, este unul sau altul.

În cazul în care doriți doar să faceți un grafic mai mic, cel mai bine este să utilizați ⌘ + K pentru a redimensiona graficul, în loc să selectați graficul și să-l redimensionați din colțul transformați lucrurile captive (orice s-au numit…). Acest lucru va asigura că totul este scalat, inclusiv textul. Vezi mai jos:

9. Setați punctele de date la „oglindă” pentru curbele liniei linii

Cum fac curbele atât de netede și chiar ?! - Eu, acum trei luni

În loc să mă bat cu instrumentul pentru stilou pentru a desena o curbă lină, distanțată uniform, consider că este cel mai ușor să-mi desenez vertexurile cu mânere oglindite. Urmăriți GIF-ul de mai jos și observați că fac clic și țin apăsat Shift în timp ce glisez deschide mânerul vertexului. Păstrarea mânerului orizontal va menține tranzițiile între vârfurile frumoase și cele netede. După plasarea unui vertex și deschiderea mânerelor, eliberați Shift, apoi Faceți clic-Glisați următorul vertex în timp ce țineți din nou Shift.

10. Folosiți metoda „scribble” pentru a genera rapid o diagramă de împrăștiere

Acesta este favoritul meu absolut și abia acum am descoperit această metodă.

Notă: Dacă încercați să vizualizați date reale în modelele dvs., această metodă nu vă va ajuta.

Lucram la proiectarea unui grafic de împrăștiere și m-am săturat cu adevărat să reproduc punctele de date și să le trag în jurul pentru a forma „scatterul”. Dacă, totuși, doriți doar să creați un grafic care arată ca un complot de dispersie pentru a oferi lui dev ceva de referință, această metodă a fost creată pentru dvs.

Bine, du-te la Instrumentul de creion în Schiță. Doar apăsați litera „P” de pe tastatură.

Ce dracu este instrumentul pentru creion ?! Nici nu știam că există. Nu am idee când sau de ce aș folosi vreodată așa ceva. - Eu, săptămâna trecută

Acum scrie pe pânză. Da, într-adevăr. Pentru date dense, scrieți în jurul aceleiași zone o grămadă întreagă. Nu uitați să ocoliți ocazional în jurul graficului pentru a crea unele valori mai vechi.

Bine, iată partea de geniu: dați liniei dvs. un chenar, apoi setați o liniuță super largă în setările de graniță. Boom. Parcela de împrăștiere instantanee. Sunteți ca Michael Phelps din topuri dacă a intrat în știința datelor în loc să înoate. Referință olimpică la timp. Hot dog!

Pleacă de aici, Clippy! Nu, nu am nevoie de ajutorul tău pentru crearea de comploturi!

Dacă acest mic truc de Schiță este tot ce îmi amintesc când am praf în vânt, voi muri un om fericit.

Acolo îl ai. Acum sunteți un statisticist certificat, matematician, om de știință de date și grafician. Mergi să ceri o creștere. O meriți.

Te iubesc pe oameni. Sketching fericit!