¿Qué hace el diseño gráfico de UI?
1. UI de la aplicación móvil
Interfaz de la aplicación
Definición: de acuerdo con los requisitos del producto, los elementos visuales e interactivos correspondientes se diseñan y componen en la interfaz.
Requisitos: ser capaz de cumplir con la exactitud de los cuatro elementos gráficos; saber cómo aplicar kits de sistemas estándar; ser capaz de definir fuentes y tamaños de elementos de manera razonable y ser capaz de diseñar tipos de componentes convencionales; .
Software: Sketch, XD
Iconos de interfaz
Definición: incluye iconos de inicio de APP e iconos de herramientas generales dentro de la aplicación
Requisitos: Comprenda las especificaciones básicas de los íconos, comprenda los tipos de íconos principales y los escenarios de uso, y sea capaz de mantener un estilo básico consistente al dibujar todo el conjunto de íconos, con formas simples y hermosas.
Software: Ai, PS
Prototipo interactivo
Definición: se utiliza para mostrar archivos de prototipo interactivos en los que se puede hacer clic y saltar.
Requisito: la lógica de salto de página se puede expresar claramente
Software: Sketch, XD, Blue Lake, Ink Knife
Efectos de movimiento básicos
Definición: puede expresar animaciones que activan efectos de interacción de la interfaz
Requisitos : Comprenda el alcance de la animación que se puede lograr y comprenda cómo escribir documentos que expresen animación específicamente.
Software: AE
Anotación y corte
Definición: Anotar el contenido del borrador del diseño y exportar los gráficos necesarios durante el proceso de desarrollo
Requisitos: comprender los parámetros que los desarrolladores deben conocer durante la restauración del diseño, comprender las funciones y diferencias de los diferentes formatos de imagen y poder exportar imágenes cortadas que cumplan con las especificaciones.
Software: Blue Lake, Sketch, XD, Markman
Especificaciones de diseño
Definición: Documentos de especificaciones relevantes a seguir desde el diseño hasta el desarrollo
Requisitos: Las especificaciones para el uso de los colores y elementos más importantes son concisas, claras y fáciles de implementar
Software: cualquier software de diseño u oficina
2. interfaz web
Interfaz web
Definición: principalmente el sitio web oficial de la empresa o la página de presentación del producto, colocando razonablemente el contenido requerido en el lienzo y realizando el diseño.
Requisitos: comprender las configuraciones y especificaciones básicas del lienzo web, la estructura principal y los métodos de interacción de las páginas web, poder diseñar diseños simples, hermosos y claros
Interfaz de administración
Definición: diseño para operar en la página web según las necesidades comerciales Sistema de gestión, una herramienta utilizada para gestionar finanzas, inventario, información de clientes, etc.
Requisitos: ser capaz de comprender las funciones básicas de los componentes de la interfaz de gestión y las reglas de interacción, extensión de la página web métodos de adaptación y aplicaciones de texto y color
p>Software: XD, Sketc
Anotar recortes
Definición: descripción del borrador del diseño y exportación de imágenes para desarrollo.
Requisito: ser capaz de exportar el diagrama de corte correcto y explicar las áreas necesarias.
Software: Sketch, XD, Blue Lake, Ink Knife
3 Diseño operativo (fotos publicitarias)
Diseño de banners
Definición. : Diseñar imágenes publicitarias mostradas en espacios publicitarios de productos de acuerdo con las necesidades de operaciones y actividades de marketing
Requisitos: Ser capaz de dominar el método básico de mezcla de imágenes y texto, ser capaz de realizar expresiones de texto simples y efectivas. y poseer habilidades de síntesis introductorias
Página de eventos H5
Definición: diseñar una página de eventos que se muestra en una página web de acuerdo con las necesidades de operaciones y actividades de marketing.
Requisitos: comprender la estructura básica de las páginas de actividades, las especificaciones del diseño web móvil y tener capacidades básicas de diseño visual.