Share
En este rápido consejo, te mostraré una forma realmente fácil de agregar relleno y espacio a tus diseños en Sketch.
Permítame comenzar mostrándole un problema que podría haber enfrentado muchas veces al trabajar en Sketch. Digamos que quieres crear un botón simple; comenzaría con una forma de rectángulo en la mesa de trabajo, le asignaría un color apropiado y luego le agregaría texto en otra capa. Por último, alinearías los objetos, los agruparías y terminarías..
Ahora imaginemos que quieres crear otro botón; Similar, pero con texto diferente. Es probable que dupliques el ya hecho y luego cambies el texto..
Suponiendo que desea mantener el mismo acolchado lateral en cada uno, alterará los anchos de los rectángulos en función de cómo desee que aparezcan. Un proceso manual:
Esto puede parecer una tarea simple, pero si tiene que hacer esto una y otra vez puede llevar mucho tiempo..
Así que permítanme presentarles a Paddy; Un plugin para Sketch que te ahorrará mucho tiempo..
Comience por instalar el complemento, luego, con un texto seleccionado en su mesa de trabajo, vaya a Complementos> Paddy> Introducir relleno para selección. En el cuadro de diálogo que aparece, puede configurar el relleno tal como lo haría en CSS. Por ejemplo, introduciendo un valor de 10 20 Te dará 10px de relleno en la parte superior e inferior, con 20px a la derecha e izquierda.
Paddy creará automáticamente un rectángulo de fondo, dimensionado exactamente como usted desea. Pero aquí está la parte interesante: cuando cambia el texto, el rectángulo de fondo retendrá las medidas de relleno que estableció previamente.
Editando el nombre de la capa desde Fondo (10 20) decir, Fondo (20 20) Cambiará el relleno para reflejar los nuevos valores..
Esto también funciona cuando se agrega espacio entre los objetos. Imagina que tenemos dos botones y queremos agregar 50px de espacio entre ellos. Seleccionamos ambos botones, luego vamos a Complementos> Paddy> Espaciado para selección y luego podemos ingresar el valor que queramos. Nosotros usaríamos v unidades para definir el espaciado vertical, o h unidades para horizontal.
En este caso hemos utilizado. 50v con el fin de espaciar nuestros dos botones exactamente 50px aparte, verticalmente.
Como puede ver, los grupos de botones se han envuelto en otro grupo, que contiene el valor de espaciado. Si tuviéramos que agregar otro botón dentro de este grupo, también heredaría el mismo espacio. Y si tuviéramos que alterar los valores de relleno, o la longitud del texto dentro de uno de estos botones, todo se recalcularía y reposicionaría para nosotros.
Paddy es un gran complemento; Te recomiendo que lo descargues y eches un vistazo a algunas de las otras cosas que puede hacer. Definitivamente te ahorrará tiempo!
Accentsconagua