Share
In deze video-zelfstudie laat ik je zien hoe je cirkeldiagrammen ontwerpt met Sketch. U kunt taartdiagrammen handmatig maken met behulp van vormen, maskers en de pen, maar ik zal u twee benaderingen laten zien die veel sneller en preciezer zijn.
Dit is de gemakkelijkste aanpak en het gebruik van een plug-in. Sketchy Pies is gemaakt door Aby Nimbalkar en maakt cirkeldiagrammen vanuit uw cirkellagen.
Begin met het maken van een cirkel. Ga vervolgens met het geselecteerd naar Plug-ins> Schetsmatige taarten> Omzetten in cirkeldiagram. U ziet dan een prompt waarin u een door komma's gescheiden lijst met hex-kleurcodes kunt invoeren. Voeg zoveel toe als u wilt en klik vervolgens op OK; je taart is klaar!
Deze taartsecties zijn slim geconstrueerd met behulp van randen. U kunt ze allemaal bewerken door ze te selecteren en vervolgens de randeigenschappen te wijzigen. De randkleur verandert de sectiekleur en u kunt de streepjesmeting wijzigen om de grootte van de sectie te wijzigen.
U kunt ook de sectieformaten opgeven wanneer u de taart voor het eerst maakt. Dit gebeurt door elke kleur een waarde toe te voegen, zoals percentages bijvoorbeeld: # 444444: 20%, # 555555: 80% of decimale waarden zoals # 444444: 0,2, # 555555: 0,8.
Het maken van cirkeldiagrammen met hoekige hellingen is iets meer betrokken, maar dat is wat we nu gaan doen! Begin met een cirkelobject en ga dan naar hoekige Fill in de eigenschappenzijbalk. Voeg twee kleurstops toe voor elke sectie die u nodig hebt voor het cirkeldiagram:
U kunt de kleurstops langs het verloop precies positioneren met behulp van de cijfertoetsen op uw toetsenbord. Slaan 2, terwijl je kleurstop is geselecteerd, positioneert deze exact 20% langs het verloop. Het begin van elke nieuwe sectie moet worden gepositioneerd precies waar het einde van het vorige gedeelte is.
Notitie: Ik gebruik Sketch-versie 41.2 en je zult zien dat waar de secties samenkomen er een grillige lijn is. Dit is niet altijd zo geweest, dus ik ben er vrij zeker van dat het een Sketch-bug is. Laat het me weten als je een andere versie gebruikt en betere resultaten ziet!
Accentsconagua