Bocetos en papel y diseño en Figma

Dejo mi diseño realizado en Figma!

Link Figma:
https://www.figma.com/file/QdJvhTOI0od2TbeZ4HJSkd/Project-The-Movie-DB?node-id=72%3A743

Capturas de pantalla:

Hay una pagina muy buena para poder tomar paletas de colores sin necesidad de estar sufriendo. Se las dejo por aqui abajo. Yo siempre la utilizo:D

https://colorhunt.co/

Entre otros aportes. Intentare realizar el diseño de @https://dribbble.com/Karro

Que es como una copia de HBO Max. Publicidad no pagada.

Design

Así quedó el mío, está algo sencillo pero con el transcurso del curso lo iré mejorando conforme a las necesidades que vayan surgiendo.

un poco de lo aprendido en las anteriores clses de la escuela web

Tiene pinta de que es un proyecto al que le voy a dedicar más horas de las necesarias 😅 pero bueno, a diseñar. Nos vemos cuando termine

¿Cómo así ? yo quiero saber lo del huevo y la gallina.

Lo que necesito para mi portfolio el diseño, hice otros cursos de dibujo y animaciones donde se veia teoria del color escalas cromaticas, pero igual se me hace complicado. Me gustaria empezar y aprender UX/UI, despues de React.
Para este curso seguramente use el diseño de juan y quizas cambie algunos colores.

hice lo mejor que pude:)

Una herramienta para complementar su “Design System”.
Material Design

• https://material.io/

Aqui esta mi diseño alguna recomendacion es bienvenida, no conozco mucho de diseño pero estoy trabajando en eso jeje

Vi varios diseños que me inspiraron:

Bueno asi va quedando mi diseño, ahora a ver si me sale la maquetación 😄

Pense que no me iba llevar mucho tiempo pero siempre estaba cambiando algunos elementos para ver como se veria mejor jajaja y asi me entretuve todo un dia
Link de figma: https://www.figma.com/proto/h5TSsb1Picxz3tYxz4Jf2G/Dogption?node-id=29%3A26&scaling=scale-down&page-id=0%3A1&starting-point-node-id=29%3A26

Les presento mi diseño Figma ☻

Yo usaré un modelo de dribble, algo así: https://dribbble.com/shots/19339947-Mobile-App-for-Movies

ya lo diseñé en mi mente no hizo falta ninguna app 😎

Dejo mi diseño. Espero que les guste 😊

Me queda faltando la parte de filtrar por categorías porque aún no sé qué tanto filtros ponerle

Aqui mi diseño en Figma:

Mobile
:
Home

Vista detallada

Búsqueda

Categoría

Desktop:

Home

Vista detallada

Panel de búsqueda

Categoria y Búsqueda

Yo soy pesimo en diseño, puedo crear las aplicaciones con buenos algoritmos pero muy malos diseños, algo en que trabajar.

Malas o buenas noticias, Figma fue comprado y será ahora de Adobe:

Mi aporte.

https://www.figma.com/file/dPvsgqV3rYJTCFaMNt14kp/webpage?node-id=0%3A1

…

Les comparto mi diseño, (super inspirado en netflix 😛 )

Maso menos asi quedo el mio, se que faltan cosas por pulir pero creo que es una buena base

Ahorita vengo, voy al curso de tailwind para poder hacer el modo oscuro de mi aplicacion desde antes de maquetarla

unos cursos que recomiendo son el de prototipos moviles y el de arquitectura de la informacion son muy buenos para guiarte !!

Diseño listo! ✅
VIDEOTAPE - Figma

Me tomó varios días, en total estas horas 👀