Bocetos en papel y diseño en Figma

Me niego a aceptar…

Terminado! Me llevó un tiempo, así que apreciaría si lo ven 🥰

Figma file: https://www.figma.com/file/lH4SrSCUtvTxUG3JIcLWDm/movies-website?node-id=27%3A298
Prototype: https://www.figma.com/proto/lH4SrSCUtvTxUG3JIcLWDm/movies-website?page-id=6%3A223&node-id=6%3A393&viewport=-281%2C81%2C0.24&scaling=scale-down&starting-point-node-id=6%3A393

Algunas imágenes:

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

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:

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

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

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

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:

hice lo mejor que pude:)

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.

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

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

Les presento mi diseño Figma ☻

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

…

Me voy a robar el diseño del profe xd

le quedo bonito

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 !!