Con estas técnicas podrás crear gráficos circulares con Sketch muy fácilmente. Te habrás encontrado muchas veces en tus diseños de aplicaciones con la necesidad de crear gráficos bellos y claros para ilustrar estadísticas y datos diversos. Con estas técnicas podrás crearlos.

Crear gráficos circularse con un poco de matemáticas

El perímetro de una circunferencia es: 2*pi*r

(Dos multiplicado por 3,14 por el radio de la circunferencia).

Queremos hacer una gráfica que sea mitad azul y mitad verde.

Creamos en Sketch una circunferencia cuyo ancho (diámetro) sea 200px (el radio es 100px). Creamos una circunferencia pulsando la tecla “o”.

step1

Le quitamos el relleno y le damos un borde de 40px. Será azul #4A90E2.

step3

Duplicamos la capa y conseguimos una circunferencia igual pero le cambiamos el color del borde a verde #B8E986.
Para duplicar una capa pulsamos a la vez Comando y “d”.

step4

Aplicando la fórmula sabremos que el perímetro total de este círculo sería 628.

Después vamos a opciones de borde “Dash” y “Gap”. La mitad de 628px es 314px. Y ese valor metemos en la casilla de “Dash” y así tenemos media circunferencia.

step5
Jugando con esta fórmula puedes crear las secciones que quieras.

Exportar gráficos desde una hoja de cálculo

¿Sabías que puedes importar los gráficos directamente desde tu hoja de cálculo (Excel, LibreOffice…) y darles efectos posteriormente utilizando Sketch?

Pues sí, es posible.
Creas tu gráfico desde la hoja de cálculo y lo exportas como PDF. Después lo abres en excel y puedes tratar los gráficos como vectores y dar estilos a las fuentes tipográficas.

Plugins para crear gráficos en Sketch

Si lo tuyo son los plugins, puedes encontrar muchos muy útiles para crear gráficos. Yo he seleccionado estos:

Deja un comentario

volver arriba ↑