Crear y manipular capas en Sketch
Clase 6 de 22 • Curso de Sketch 2017
Contenido del curso
Edward Fernandez
student•
hace 8 años
Carlos Gómez Mont
student•
hace 7 años
Alejandro Sol Villaseñor
student•
hace 7 años
Clase 6 de 22 • Curso de Sketch 2017
Contenido del curso
Edward Fernandez
Carlos Gómez Mont
Alejandro Sol Villaseñor
Christian Camilo Acevedo Rincon
Alejandro Sol Villaseñor
XSales® Mobility
Kath Sánchez
Mon Avellaneda
Carlos Jimenez
Mon Avellaneda
Alan Mena
Alejandro Sol Villaseñor
Saúl Montaño
Armando Alcantara
David Behar
Alejandro Sol Villaseñor
Carlos Eduardo Mejía Torres
Resumen de la clase
Artboards en Sketch
Los Artboards son mesas de trabajo que permiten crear marcos fijos que sirven de lienzo. Para crear una de estas debemos hacer click en el botón [+] que aparece en la esquina superior izquierda de la interfaz. Cuando se elige la opción podemos seleccionar marcos ya definidos o crear un personalizado (Custom): si deseamos utilizar uno de estos templates, podemos encontrar tamaños para dispositivos Apple, Android y Web Responsive.
Figuras en Sketch
La herramienta nos permite crear una variedad de figuras, todas vectorizadas, entre ellas encontramos: líneas, cuadros, círculos y estrellas. Para crear una nueva figura debemos seleccionar el botón [+] que se encuentra en la esquina superior izquierda de la interfaz.
Alineación de elementos
Sketch nos permite alinear elementos según nuestras necesidades, desde centrar, alinear a la izquierda y al tope. Para ello debemos seleccionar al menos dos elementos y luego seleccionar alguna de las opciones que aparece en el ‘Inspector de elementos’. Existen dos opciones (alienar vertical u horizontalmente) que requiere que se hayan seleccionado al menos tres elementos.
Shortcuts aprendidos
Nota:
Espero que les sirva de ayuda, saludos. 😃
Wow, gracias.
Muchas gracias amigo, el resumen es muy bueno.
En una barra en la parte superior del Inspector hay botones para alinear y distribuir capas. Estos botones se activarán cuando haya seleccionado más de una capa. Más información sobre esta función se puede encontrar en Mover capas.
Gracias por el aporte amigo
Oye que el cuadro de vídeo del instructor debería estar a la izquierda. Tapa información útil de la derecha
Gracias por la observación, vamos a corregirlo 😉
No me queda claro cual de las dos opciones consideras mejor: Distribute unevenly o Place on sub-pixeles o si directamente desaconsejas usarlos e ir a valores numéricos exactos siempre.
Mil gracias
Distribute unevenly redondea a pixeles exactos y es la opción recomendada. Mantener pixeles exactos nos evita problemas a la hora de exportar, medir y desarrollar.
Muchas gracias Carlos
Alt + Drag = Crea figura desde el centro de su tamaño. Shift + Drag = Crea figura con ancho y alto iguales.
Gracias por la información y por el marcador amigo
Pudiera ser mas interesante si no se toman varios minutos en explicar como modificar las formas basicas -.-
Para los que vamos introduciendonos al diseño, es un buen curso para iniciar.
Lo más importante que saqué de esta sesión es siempre trabajar con pixeles exactos
Es una buena practica amigo.
Hasta el momento, todas las herramientas de las que hablan en Sketch, son encontradas fácilmente en Adobe XD, así que para los que no tenemos mac, parace ser un MUY buen sustituto.