No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Curso de Design Sprint

Curso de Design Sprint

Alberto Samaniego

Alberto Samaniego

Proceso de prototipado: Estilo Visual

29/38
Recursos

Aportes 20

Preguntas 3

Ordenar por:

Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Regístrate o inicia sesión para participar.

Día 4 - Prototipar lo definido en el storyboard

Diseñador visual
Prototipo en un día. Ver colores, tipografía, ver los demos.
En general, el prototipo de alta fidelidad lo ve el cliente y si da el ok, va directo al área de desarrollo.

El diseñador vistual toma los ejemplos de demos del día 2 (se copia el link de la website a un costado) lo pueden abrir para inspirarse, las cuales tengan más impacto visual para el prototipo.

Extensión de Google: WhatFont - Para ver tipo de letra y tamaño. Se pueden extraer de GoogleFont

Se pueden copiar algunos elementos desde las plantillas que Figma ofrece gratis.

Desde la opción de Plugins se puede elegir fotos libremente, sin necesidad de referenciar.

El plugin de whatfont es muy interesante

Una buena herramienta que podemos utilizar para obtener buenas convinaciones de fuentes es Font Pair. Nos muestra fuentes que van de la mano en titulo y texto
Font Pair

Regularmente cuando el test es exitoso, el cliente toma ese prototipo para pasarlo a la aplicación real.
Toma los ejemplos de la actividad Demos rápidos del día 2, sobre todo las más visuales. Revisa colores, tipografías, márgenes y demás.
Unsplash: se encuentran fotos de alta calidad que se pueden usar libremente.
La persona encargada del contenido sube lo que se requiere.
El foco son las pantallas del storyboard

Con Design Sprint lo que hacemos es un experimento para validar la parte critica del proyecto, es decir, que la idea sea viable. Es posible que se tome como muestra para desarrollar la aplicación en un futuro, pero no es la finalidad principal.

Proceso de prototipado: ¿Es la base del producto? SI/NO es una experiencia basada en un experimento para validar la parte critica.

¡Qué padre!
Yo no tengo tanto conocimiento en este tema pero este curso me engancho

Considero que es importante saber que las marcas generalmente cuentan con un manual de identidad ya desarrollado y que estas decisiones no son siempre se toman en este punto, o me equivoco?

Si desean una web que les sugiera pares de tipografías, les recomiendo https://fontjoy.com, muchas veces estaremos tentados a usar varias fuentes en el cuerpo de nuestro contenido pero lo recomendado es usar máximo dos fuentes + derivaciones de pesos y al menos en mi caso yo prefiero titulos con tipografía sans serif y párrafos con serif

Me pasa todo el tiempo.
-Inventar algo que salga del flujo del prototipo. Ahora lo tengo todo claro.
¡No lo hagas!

El prototipo debe ser de alta fidelidad y lo más real posible.

Para aquellos que quieran aprender a usar figama
https://platzi.com/clases/figma/

otra opción para las fuentes sin necesidad del plugin es con la consola de google. Con clic derecho inspeccionar la abren y pueden ver el tipo de fuente y el color 😄

Se aconseja no enfocarse demasiado en el prototipo, es decir nunca tomarse días, idealmente es tomarse solo 1 o 2 días como maximo.

Para reconocer tipografías, recomiendo una extensión de Chrome llamada Fonts Ninja.

Gracias

No conocía la extensión de WhatFont. Qué útil! La acabo de instalar!

.