I denne videoopplæringen vil jeg vise deg hvordan du designer kakediagrammer ved hjelp av Sketch. Du kan lage kakediagrammer manuelt ved hjelp av figurer, masker og pennverktøyet, men jeg skal vise deg to tilnærminger som er langt raskere og mer presise.
Dette er den enkleste tilnærmingen, og innebærer bruk av et plugin. Sketchy Pies ble skapt av Aby Nimbalkar og lager kakediagrammer fra sirkelagene dine.
Begynn med å lage en sirkel. Deretter, med det valgte, gå til Plugins> Sketchy Pies> Konverter til Pie Chart. Deretter ser du en melding der du kan legge inn en kommaseparert liste over fargeheksekoder. Legg til så mange du vil, og klikk deretter OK; kaken din er klar!
Disse tverrsnittene er klokt konstruert ved hjelp av grenser. Du kan redigere hver enkelt ved å velge dem, og deretter endre grenseegenskapene. Grensefargen endrer delfarge, og du kan endre dashmåling for å endre størrelsen på seksjonen.
Du kan også spesifisere seksjonsstørrelsene når du først lager kaken. Dette gjøres ved å legge til hver farge med en verdi, for eksempel prosenter for eksempel: # 444444: 20%, # 555555: 80%
eller desimalverdier som # 444444: 0,2, # 555555: 0,8
.
Å lage kakediagrammer med vinkelgradienter er litt mer involvert, men det er det vi skal gjøre nå! Begynn med et sirkelobjekt, og gå til vinkel~~POS=TRUNC Fill i egenskapene sidefeltet. Legg til to fargestopp for hver seksjon du trenger for kakediagrammet:
Du kan plassere fargen stopper langs gradienten nøyaktig, ved å bruke talltastene på tastaturet. treffer 2, mens fargestopp er valgt, plasserer den nøyaktig 20% langs gradienten. Begynnelsen til hver ny seksjon må plasseres nøyaktig hvor slutten av forrige seksjon er.
Merk: Jeg bruker Sketch versjon 41.2, og du vil legge merke til at hvor seksjonene går med er det en skrå linje. Dette har ikke alltid vært tilfelle, så jeg er ganske sikker på at det er en Sketch bug. Gi meg beskjed hvis du bruker en annen versjon og ser bedre resultater!