
Mockups - Innovación y procesos creativos
Presentation
•
Arts, Business
•
University
•
Easy
Rebeca Alvarado Ramírez
Used 1+ times
FREE Resource
14 Slides • 6 Questions
1
Poll
¿Cómo te sientes hoy?
2
Mockup
Innovación y procesos creativos
3
Open Ended
¿Para qué creen que sirve un Mockup?
(Sin buscar en Google)
4
Los Mockups (Maquetas)
son fotomontajes muy realistas que nos permiten ver el resultado final de una propuesta física o digital.
5
6
7
8
¿Cómo se hace un Mockup?
Existen varias herramientas, sitios, gratuitos y de pago
9
10
EJEMPLOS DE HERRAMIENTAS PARA HACER MOCKUPS
EN CANVAS
11
¿Qué debes tomar en cuenta?
Utiliza imágenes claras hay posibilidades de que se evoquen sentimientos más positivos que con las imágenes oscuras.
Ten la paleta de color de tu proyecto a presentar siempre presente para valorar si el fotomontaje puede combinar de forma armoniosa con la propuesta.
Selecciona imágenes que sean visualmente atractivas, pero que sean coherentes con la propuesta gráfica que queremos presentar.
No utilices tanto los mockups gratuitos, porque están al alcance de todo el mundo.
12

Miro | Online Whiteboard for Visual Collaboration
You can open this webpage in a new tab.
13
Open Ended
¿Qué entiendes por iterar?
14
Iterar es repetir una y otra vez el proceso hasta dar con un resultado óptimo
15
Wireframe Mockup Prototipo
Un wireframe es la primera representación de un diseño. En el caso de un sitio web se muestran una serie de recuadros y líneas que indican qué tipo de contenido irá y donde será localizado. Aunque es usual que los wireframes empiecen en papel, luego se digitalizan para poder trabajar con medidas exactas.
Un prototipo es también un representación de la versión final de un diseño web que, además, simula la interactividad. Un prototipo se suele usar para poner a prueba ciertas funciones del sitio y verificar si la usabilidad es la adecuada.
Representación visual estática, algunos elementos que quieras añadir como videos deberán ser representados mediante una imagen y el icono de reproducción. Asimismo, no existe interacción alguna entre los elementos de menú, botones, enlaces, etc.
16

Prototyping - Google Drive
You can open this webpage in a new tab.
17
Exit Ticket
Revisemos lo que aprendimos hoy
18
Open Ended
Necesito más tiempo para entender.....
19
Open Ended
Tengo algunas preguntas sobre ... (Mencion los conceptos)
20
Open Ended
Lo más interesante en la clase, hasta ahora, ha sido ....
¿Cómo te sientes hoy?
Show answer
Auto Play
Slide 1 / 20
POLL
Similar Resources on Wayground
16 questions
SONCASI/E
Lesson
•
KG - University
12 questions
Ruptura amorosa
Lesson
•
University
15 questions
Estrategia de precios
Lesson
•
University
15 questions
U 3 Suministro transfronterizo
Lesson
•
University
15 questions
El nacimiento del arte
Lesson
•
KG
16 questions
El lienzo del modelo de negocio
Lesson
•
University
15 questions
Tema 1 Impress
Lesson
•
KG - University
16 questions
1110_RA3_Organització de un Sistema d'informaicó
Lesson
•
University
Popular Resources on Wayground
15 questions
Fractions on a Number Line
Quiz
•
3rd Grade
14 questions
Boundaries & Healthy Relationships
Lesson
•
6th - 8th Grade
13 questions
SMS Cafeteria Expectations Quiz
Quiz
•
6th - 8th Grade
20 questions
Equivalent Fractions
Quiz
•
3rd Grade
25 questions
Multiplication Facts
Quiz
•
5th Grade
12 questions
SMS Restroom Expectations Quiz
Quiz
•
6th - 8th Grade
20 questions
Main Idea and Details
Quiz
•
5th Grade
10 questions
Pi Day Trivia!
Quiz
•
6th - 9th Grade
Discover more resources for Arts
20 questions
Disney Trivia
Quiz
•
University
19 questions
8.I_Review_TEACHER
Quiz
•
University
7 questions
Fragments, Run-ons, and Complete Sentences
Interactive video
•
4th Grade - University
39 questions
Unit 7 Key Terms
Quiz
•
11th Grade - University
14 questions
The Cold War
Quiz
•
KG - University
7 questions
Comparing Fractions
Interactive video
•
1st Grade - University
38 questions
Unit 6 Key Terms
Quiz
•
11th Grade - University
40 questions
Famous Logos
Quiz
•
7th Grade - University