Process Book
Bernal Galicia Regina
Introducción
El presente process book tiene como fin recopilar todos los elementos del proceso de construcción de la aplicación Q'Diseño. Esta app principalmente va dirigida a los estudiantes de diseño y/o externos para que puedan saber qué obra pertenece a qué autor, ya que normalmente vemos obras y no sabemos de quién es. Q' Diseño es un juego de memoria sobre diseño y arte. Incluye diferentes categorías como fotografía, diseño, ilustración y tipografía. Mientras juegas descubriras trabajos de diseñadores, ilustradores, fotográfos, etc. que podrán gustarte y nunca olvidarás sus nombres gracias al memorama.
Índice
Desarrollo de la idea
8
Bocetos
9
Variantes de la app
16
Ícono Color Tipografía Logotipo
16 17 18 19
Desarrollo de la app
20
Paleta de color Íconos Animación Páginas de la app
21 22 23 25
Mock up
32
Desarrollo de la idea
La idea para la app originalmente fue que sirviera para el estudio de temas de diseño pero como los temas son bastante extensos se convertiría en algo muy aburrido, por lo que se optó por hacer un memorama de diseño, en el cual habría diferentes categorías en donde deberías encontrar los pares conforme obra-autor o autor-obra. Con la finalidad de que estudiantes de diseño conocieran a más diseñadores, fotógrafos, ilustradores, etc. y el trabajo que realizan. Para darle nombre a la aplicación se separaron los conceptos de memorama y diseño. Se quería desde un principio dejar como tal la palabra diseño, sí que se empezó a buscar alguna relción con memorama.
Busca Recuerda Memoria Memodi Memodiseño Después se pensó que cuando uno juega memorama suele hacer preguntas como ¿Dónde la vi? ¿Dónde está? ¿Cuál era? ¿Qué era? por lo que se empezó a jugar con el inicio de cada una de estas preguntas para hacer una combinación con Diseño. CualDiseño QueDiseño EsDiseño El nombre final que se eligió para la app fue Q'Diseño, se contrajo el "Que" para hacer el nombre un poco más corto y dar un estilo más moderno. 8
Bocetos
- Bocetos del nombre de la app 9
Bocetos
- Bocetos del Ăcono - Bocetos del nombre 10
Bocetos
- Bocetos del Ăcono 11
Bocetos
- Boceto de la pantalla principal
- Boceto de la pantalla de categorĂas 12
Bocetos
13
Bocetos
- Ă?onos para las categorĂas
- Boceto de la pantalla del juego
14
Bocetos
15
- Bocetos de los Ăconos
Variantes de la app
Variantes del Ăcono definitivo
16
Variantes de la app
Variantes de Color 17
Variantes de TipografĂŹa
Variantes de la app
Fredericka the Great Mermaid Mermaid Swash Caps
Lemon 18
Variantes de la app
19
Variantes de Logotipo
Desarrollo de la app
Después de bocetar y tener ya definido los íconos que se utilizaron, la paleta de colores y los modelos finales de las páginas, botones e ícono, se empezó a vectorizar y a aplicarles color. Ya teniendo todos los elementos vectorizados con su color correspondiente, se empezó a diagramar cada página de la aplicación para que posteriormente se hiciera una pequeña simulación en la aplicación Marvel.
20
Desarrollo de la app
21
Paleta de colores
R: 255 B: 191 G: 0
R: 255 B: 128 G: 0
R: 255 B: 153 G: 0
R: 255 B: 0 G: 0
ĂŒconos de la aplicaciĂłn
Desarrollo de la app
22
Desarrollo de la app
23
Animaciรณn
- Story board
Animaciรณn
Desarrollo de la app
24
Desarrollo de la app
MenĂş
25
PĂĄginas de la app
Instrucciones
Ajutes
Páginas de la app
Música ON
Desarrollo de la app
Música Off
26
Desarrollo de la app
27
Color de tarjetas
Pรกginas de la app
Dificultad
Selecciรณn
PĂĄginas de la app
NĂşmero de jugadores
Desarrollo de la app
SelecciĂłn
28
Desarrollo de la app
29
Fácil
Páginas de la app
Normal
Difícil
Páginas de la app
Categorías
Desarrollo de la app
Categorías de diseño
30
Desarrollo de la app
Pรกginas de la app
Pรกgina de ganador
Juego contrareloj
31
Juego normal
Pรกgina de perdedor
Mock up
32