Descripción:
¿Quizás eres el diseñador web que busca una herramienta para diseñar sitios web personalizados? ¿O quizás eres un programador que quiere crear prototipos de interfaces rápidamente? ¿Eres un diseñador de UX / UI que intenta iterar a través de múltiples interfaces de producción? Tal vez sea un diseñador experimentado de aplicaciones móviles que busca una alternativa ligera a Photoshop. ¿Quizás solo quieras aprender a diseñar prototipos de la manera correcta? Cualquiera sea su razón, este es el momento de aprender el kit de herramientas de diseño digital Sketch. A diferencia de otros productos, el software Sketch está diseñado para salirse de su camino y permitirle crear grandes prototipos de sitios web, aplicaciones móviles, aplicaciones de software, aplicaciones para tabletas y mucho más.
Objetivo:
Después de completar este Curso de UX/UI – Prototyping with Sketch, entre otras cosas, los alumnos serán capaces de: Diseñar interfaces de usuario con Sketch. Diseñar la experiencia del usuario con Sketch. Manipular la tipografía con Sketch. Crear esquemas de color para tus diseños de Sketch. Posicionar todos los elementos dentro de un diseño. Usar Pages y mesas de trabajo. Exportar activos desde Sketch. Optimizar un activo para una rápida visualización web. Agregar y editar formas a su diseño de prototipo. Utilizar las características de enmascaramiento de Sketch.
Temario:
Parte 1. Introducción a Sketch
Introducción a Sketch | Instalar Sketch | Interfaz de Sketch | Páginas genéricas de nivel superior | Plugins y su poder | Solidifique su comprensión de la interfaz de Sketch
Parte 2. Lista de capas de Sketch
La Lista de capas es cómo organizar su archivo de diseño | Comprender la interfaz de usuario de la lista de capas | ¿Para qué son las mesas de trabajo? El | Capas: seleccionar, mover, eliminar, bloquear y agrupar. El | Usar mesas de trabajo, páginas y capas juntas | Pruébelo usted mismo: cree un entorno para comenzar un sitio web utilizando la capa de
Parte 3. Panel del Inspector de Sketch
El poder del Panel de Inspectores | Opciones de alineación | Propiedades de capa + Restricciones de cambio de tamaño | Campos de texto, teclas de mouse y matemáticas | Ecuaciones | Estilos de capa | Exportando | Conozca su nuevo cinturón de herramientas
Parte 4. Crear elementos en Sketch
Cómo administrar y agregar elementos a su diseño | Agregar y editar formas | Operaciones booleanas | Tipografía | Usar enmascaramiento en Sketch
Agrupación de elementos juntos | Vamos a intentarlo
Parte 5. Organización y coherencia: estilos de capa, estilos de texto y símbolos en Sketch
La organización es importante, la consistencia es | Aún más | Estilos de capa | Estilos de texto | Símbolos | Convenciones de nomenclatura | Diseño y cuadrícula | Uso de estilos de capa, estilos de texto y | Símbolos en su diseño de interfaz de usuario
¿Por qué no lo intentas?
Parte 6. Exportación de activos desde Sketch
Qué sucede después de crear su diseño | Cómo exportar y qué extensiones están permitidas »Wiki Ùtil Crear capas exportables | Vista previa de diseño en Sketch Mirror | Pon a prueba tu prototipo con InVision | Convenciones de nomenclatura adecuadas y optimización de sus activos
Parte 7. Construyendo una interfaz móvil con Sketch
Cree una interfaz de usuario móvil con las habilidades básicas que ha aprendido | Crear una mesa de trabajo y establecer el diseño | Creación de una estructura alámbrica + estructura alámbrica de alta fidelidad | Capa + estilo de texto | Diseño de pantallas múltiples con componentes similares | Exportar elementos + traducir a una guía de estilo para desarrolladores | Wrap-up
Parte 8. Uso del complemento Craft de la aplicación InVision en Sketch
Usar el complemento de la aplicación InVision Craft ahorra tiempo | Cómo conseguir artesanía | Craft Sync | Biblioteca de artesanía | Datos artesanales | Craft Duplicate | Craft Freehand & Stock | Resumen del curso
