2 Metode rapide pentru crearea de diagrame în schiță

În acest tutorial video vă voi arăta cum să creați diagrame plăcintă folosind Sketch. Aveți posibilitatea să creați diagrame pieptene manual folosind forme, măști și instrumentul stiloului, totuși vă voi arăta două abordări care sunt mult mai rapide și mai precise.

Uita-te la Screencast

Metoda # 1

Aceasta este cea mai ușoară abordare și implică utilizarea unui plugin. Sketchy Pies a fost creat de Aby Nimbalkar și creează diagrame plăcute din straturile dvs. de cerc.

Începeți prin crearea unui cerc. Apoi, cu selectat, du-te la Plugin-uri> Piesele cu capcane> Conversia la diagrama Pie. Veți vedea apoi un prompt în care puteți introduce o listă cu hexagonale colorate separate prin virgulă. Adăugați cât doriți, apoi faceți clic pe O.K; plăcinta ta e gata!

Aceste secțiuni de plăcintă sunt construite inteligent folosind frontierele. Puteți să editați fiecare dintre ele selectându-le, apoi schimbând proprietățile marginilor. Culoarea frontală va schimba culoarea secțiunii și puteți modifica măsurarea bordului pentru a modifica dimensiunea secțiunii.

De asemenea, puteți specifica dimensiunile secțiunilor atunci când creați prima placinta. Acest lucru se face prin adăugarea fiecărei culori cu o valoare, cum ar fi procentele, de exemplu: # 444444: 20%, # 555555: 80% sau valori zecimal, cum ar fi # 444444: .2, # 555555: 0.8.

Metoda # 2

Crearea diagramelor cu gradienți unghiulare este puțin mai implicată, dar asta vom face acum! Începeți cu un obiect de cerc, apoi mergeți la Fill Angular în bara laterală a proprietăților. Adăugați două opriri de culoare pentru fiecare secțiune de care aveți nevoie pentru diagrama:

Puteți să poziționați culorile exact de-a lungul gradientului, utilizând tastele numerice de pe tastatură. lovirea 2, în timp ce opțiunea de oprire a culorii este selectată, aceasta va fi poziționată exact cu 20% de-a lungul gradientului. Începutul fiecărei secțiuni noi va trebui poziționat exact unde este sfârșitul secțiunii anterioare.

Notă: Folosesc versiunea Sketch 41.2, și veți observa că acolo unde secțiunile se alăture, există o linie jagged. Acest lucru nu a fost întotdeauna cazul, așa că sunt destul de sigur că este o problemă Sketch. Dați-mi voie să știu dacă utilizați o versiune diferită și vedeți rezultate mai bune!