Uso de figma 1.- Una vez ingresamos con nuestra cuenta en figma, para crear un nuevo proyecto, hacemos clic en design file. 2.- Vamos a seleccionar el tamaño que tendrá nuestro proyecto con frame, elegiremos el de desktop en el lado derecho. 3.- Damos click en donde dice untitled para renombrar nuestro proyecto. 4.- Seleccionamos el lienzo que creamos, y del lado derecho vamos a hacer click en el más donde está el layout grid. 5.- Donde dice grid 10px damos click para que se despliegue otra ventana. 6.- En esta nueva ventana vamos a definir el número de columnas con las cuales vamos a trabajar para organizar los elementos de nuestro diseño, en donde dice grid lo cambiamos a columns, donde dice count lo cambiamos a 12 y donde dice margin le ponemos 80. 7.- Usando nuestras columnas podemos empezar a diseñar nuestra página, va a ser algo similar a diseño editorial, para acomodar los elementos dentro de las columnas. 8.- Voy a crear mi texto usando la herramienta de T o presio
Materia: Señalética El Manual Señalético El manual señalético es el documento en el que vamos a plasmar las directrices de diseño que se van a utilizar en el proyecto. Normalmente esta dividido en las siguientes secciones 1.- Presentación: En esta sección se presenta el proyecto, se plantea a quién va dirigido y los alcances del mismo, de igual manera si es un proyecto independiente o parte de un sistema de identidad corporativa. 2.- Elementos gráficos: En esta sección se presentan los elementos gráficos que intervendrán dentro del sistema, así como sus retículas de construcción, esto incluye, iconos, pictogramas, flechas y demás grafismos ornamentales. 3.- Tipografía: En esta área del manual se plantean los criterios en el uso de la tipografía permitida dentro del sistema de señales, tanto en cuanto a tipos como en tamaños y grosores. 4.- Código cromático: Este espacio es en el que se indican los colores que se van a utilizar dentro del sistema señalético y los criteri
TUTORIAL FIGMA NO. 2 Crear componentes y ligar páginas 1. Para crear un botón animado o cualquier otro elemento que requiera una pequeña animación, crearemos una página nueva. 2. La nueva página la renombramos como componentes (hacemos doble click para renombrarla). 3. Con la herramienta de rectángulo creo el botón, redondeo las esquinas, cambio el color y agrego texto. 4. Selecciono el rectángulo y el texto y los agrupo con ctrl+g. 5. Seleccionamos el grupo y hacemos click en create component. 6. Volvemos a hacer click en el mismo botón que ahora dice add variant. 7. Nos creará una copia del botón justo abajo, la copia tiene abajo un signo de más por si necesitamos agregar más copias. 8. En la copia vamos a cambiar un poco los colores para poder crear la animación al dar click sobre el botón. 9. Vamos a crear la animación dando click en prototype. 10. Cuando pasamos el cursor sobre los botones aparece un nuevo nodo con un signo de + en el cual hago click y arrastro ha
Comentarios
Publicar un comentario