Proceso de prototipado: Estilo Visual

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.

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

El plugin de whatfont es muy interesante

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

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

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.

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?

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

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 😄

Figma resources: https://www.figmaresources.com/

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.

En comunidad Figma encontré la barra para copiar y pegar (la que tiene la hora, la batería y la señal) , puse “ui kit android”

Bueno la única parte que se me complicó fue en la de material design ui kit que tuve que registrarme y después no encontré nada gratis que me sirva, pero estaba buena la herramienta

Interesante las herramientas compartidas

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!

.