Ilustración basada en componentes usando Sketch, Parte 2: Concepto y diseño

# 2 de 3 de la serie Ilustración basada en componentes usando Sketch:
Resumen | Parte 1 | Parte 2 | Parte 3

En el artículo anterior, hablamos sobre los principios de ilustración, estilo, características y una breve introducción sobre los componentes y usos de la ilustración.

Una vez que estemos de acuerdo con esas cosas, avancemos y profundicemos en el concepto y el proceso de diseño.

Conceptos de ilustración

Antes de decidir qué tipo de ilustración haremos. Aquí hay algunas formas que debemos hacer:

Paso 1: tema

Crea algunas listas de temas. Este paso da una idea general de lo que crearemos y nos ayuda a determinar las historias del tema.

Defina el tema en 1 oración (por ejemplo, algo salió mal).

Paso 2: historia

Crea historias de cada tema. Lluvia de ideas junto con los equipos para encontrar las ideas más innovadoras. Genere tantas ideas únicas y distintas como podamos y convierta las ideas en historias.

Defina la historia en 1 o 2 oraciones (por ejemplo, los expertos de la red están arreglando el servidor).

Paso 3: componente

Encuentre el objeto en la historia de la ilustración y colóquelo en la lista de componentes (por ejemplo, Experto 1 (Hombre), Experto 2 (Hombre), Servidor, Sala de servidores como fondo). Recoge todos los objetos en bibliotecas de componentes.

Este paso nos mantiene enfocados en la consistencia y nos recuerda que nuestras ilustraciones están basadas en componentes.

Paso 4: Especificaciones de diseño

Resumir los temas, historias y componentes. Conviértase en las especificaciones de diseño para que los diseñadores comprendan más fácilmente lo que necesitan hacer. Aquí hay un ejemplo de las especificaciones de diseño:

Especificaciones de diseño

Proceso de diseño

En este caso, tomemos 1 tema e historia de la especificación de Ilustración anterior.

Tema: "Algo salió mal"

Historia:

  1. Los expertos en redes están arreglando el servidor.
  2. Un hombre y su novia están reparando su auto

Componentes:

  1. Experto 1 (hombre), experto 2 (hombre), servidor, sala de servidores como fondo.
  2. Hombre, mujer, coche, ciudad como fondo.

Hagámoslo

Paso 1: dibujar

Toma historias y dibuja ideas en papel. Trabaje con equipos juntos para dibujar y decidir cuáles irán al siguiente proceso.

Proceso de dibujo: Izquierda (Historia 1 - Los expertos de la red están arreglando el servidor), Derecha (Historia 2 - Un hombre y su novia están reparando su automóvil).

Paso 2: diseño de componentes

Diseñe los objetos / ilustraciones requeridos de componentes uno por uno usando Sketch y colóquelos en bibliotecas de componentes.

  1. Componentes para la historia 1
  • Historia: los expertos de la red están arreglando el servidor.
  • Componentes: Experto 1 (Hombre), Experto 2 (Hombre), Servidor, Sala de servidores como fondo.
Objetos / Componentes para la historia 1

2. Componentes para la historia 2

  • Historia: Un hombre y su novia están reparando su auto.
  • Componentes: Hombre, Mujer, Coche, Ciudad como fondo.
Objetos / Componentes para la historia 2

Paso 3: terminando

Use y combine cada componente en una obra de arte impresionante usando Sketch basado en la historia de cada tema.

Ilustración final para la historia 1Ilustración final para la historia 2

Cuando hayamos completado todos los pasos anteriores. Hagamos la tarea . Actualice y mantenga todos los componentes regularmente. Mantenga sus bibliotecas de componentes fáciles de administrar y mejore su vida .

‍ Siguiente artículo →

Ilustración basada en componentes usando Sketch, Parte 3: Actualizar y mantener la biblioteca de componentes.

Artículo anterior ←

  • Ilustración basada en componentes usando Sketch, Parte 1: principios, estilos y características