Para alumnos de 8° (15/01/2022)

Materia: Páginas Web

 

Diseño UX y UI





TAREA: 

- Hacer un mapa conceptual donde expliquen qué es el diseño UI y UX, con los puntos que los diferencian, cómo se relacionan y las aplicaciones que tienen (háganlo en corel o illustrator y guárdenlo en pdf).

- Decidir sobre qué harán su página web o app (ya sea para vender algún producto, etc.)






NO OLVIDEN PONER SU ASISTENCIA EN LOS COMENTARIOS

Comentarios

Publicar un comentario

Entradas populares de este blog

Para alumnos de 8° (Uso de figma) 09-03-2024

Imagen
 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
Leer más

Para alumnos de 6° (08/08/2020) PROYECTO

Imagen
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
Leer más

Tutorial figma no 2

Imagen
 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
Leer más