Bocetos en papel y diseño en Figma

2/17
Recursos

Aportes 31

Preguntas 0

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

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

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

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

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

hice lo mejor que pude:)

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

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

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.

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

Vi varios diseños que me inspiraron:

Les presento mi diseño Figma ☻

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

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

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

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 😎

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

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

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

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

![](https://static.platzi.com/media/user_upload/image-8307c10a-7bd7-40e2-a186-124cab467365.jpg)Completado mi diseño ! :D ![](https://static.platzi.com/media/user_upload/image-27bf657c-2cd7-4220-8986-6253ca9205ba.jpg) Link figma: <https://www.figma.com/design/13oy25lVOHYrnre09Ivb3C/Untitled?node-id=0-1&t=OZ1gd9UDtqpZvxoi-1>
Les comparto mi humilde diseño: [Prototype](https://www.figma.com/proto/KEsrxHvdllmt5Cuw2RQfZT/Flux---Figma-Build-Tutorial-\(Starter\)-\(Community\)-\(Copy\)?node-id=203-44\&t=WzoqbePbIkvbCD7i-1\&scaling=min-zoom\&content-scaling=fixed\&page-id=0%3A1) y [Figma File](https://www.figma.com/design/KEsrxHvdllmt5Cuw2RQfZT/Flux---Figma-Build-Tutorial-\(Starter\)-\(Community\)-\(Copy\)?node-id=203-44\&t=xAgX8UCPpebbcXAr-1) ![](https://static.platzi.com/media/user_upload/Screenshot%202024-08-12%20at%2012.22.34-4aa00b98-29b5-4709-9b70-0f55cc013398.jpg)

Diseño listo! ✅
VIDEOTAPE - Figma

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