De la Idea al Sistema de Diseño - Ep. 1

Más info: franciscoamk.com
0:00 Intro
0:44 ¿De qué se trata la serie?
5:05 Pantallas iniciales
7:37 Creando el flujo de usuario
23:11 Creando la primera pantalla
44:45 Creando un Logo
47:59 ¿Qué sigue?
#FranciscoAMK #Diseño
:::
¡¡¡Nuevos videos todas las semanas!!!
:::
ACERCA DE MÍ
Soy Francisco Aguilera G., creativo enfocado principalmente en el diseño web. Diseño y desarrollo sitios web para clientes y paralelamente me dedico a enseñar sobre diseño web a través de videos en línea.
:::
Suscríbete: franciscoamk.com/newsletter
Diseños: / franciscoamk

[@albertoolivero2396]

Ya hace un año vi este video y aún tengo esperanza de que esta serie continúe, espero que puedas tener un tiempo para continuarla. Gracias a tu contenido comencé en el Diseño UI Saludos desde Vzla

[@FranciscoAMK]

¿Ya pasó un año? Oh shit

[@albertoolivero2396]

@@FranciscoAMK Si! Sin embargo es un contenido genial! Sobretodo para diseñadores como yo que vivimos en Vzla y muchas veces no tenemos taaantas posibilidades para adquirir cursos en sites como Crehana o Domestika.

[@DFAplus]

Es muy bueno ver trabajar a profesional en vivo! Felicitaciones, otro vídeo sin desperdicio!

[@FranciscoAMK]

Muchas gracias :)

[@dayandeveloper]

está muy bueno!! te acabo de encontrar y me gusta mucho como explicas!!

[@FranciscoAMK]

Muchas gracias 😊

[@priscilachandia7116]

Muchas gracias por este contenido! Me encantaría ver más videos de este estilo, escuchar tus ideas en voz alta y cómo las vas desarrollando ha sido de mucha utilidad, muchas veces mis diseños quedan a la mitad por no tener las ideas claras desde el inicio, es una de las cosas que aprendí contigo. Ya he visto este video un par de veces y sigo aprendiendo, pero necesito más, por favor te lo pido jajaja :) Saludos y nuevamente, muchas gracias !!

[@agentsmith2189]

Almorzando y esperando esta joyita ❤️

[@FranciscoAMK]

Buenísimo

[@deeperdigitalec]

sabes que no conocía esta herramienta y me da envidia como la manejas tan bien y rápido, yo pretendo hacer un sistema de facturación electrónica con un grupo de desarrolladores para venderlo y me gusta también la idea de las propuestas, porque las hago todo el tiempo postulando a contrataciones gubernamentales, voy a seguir toda la serie para crear ese sistema para mi, gracias soy de Ecuador me llamo Diana Pujol y me encantó tu video, Salúdame !!! si puedes en alguno de tus videos eso hará que los vea todos jajaja

[@zonney15]

Increíble video! espero con ansias las demás partes! eres el mejor!

[@FranciscoAMK]

Genial, próxima semana :)

[@mercedesanahimoreno2009]

Muchas gracias por compartir tu proceso, esperaba algo asi 😊

[@FranciscoAMK]

Qué genial, ojalá te sirva

[@user-pv1su8ce7t]

Haces muy buen contenido 🔥🔥🔥Espero que sigas creciendo, saludos!

[@FranciscoAMK]

Muchisimas gracias, seguimos en eso

[@morellyae]

Excelente gracias

[@tuprogresohumano]

Me gusta mucho aprender como se crean sistemas y la ingeniería de sistemas el paso a paso. Me ha gustado mucho el diagrama de flujo, para saber que acciones se pueden realizar con lógica. Si puedes generar mas contenido sobre esto creación y mejora de ingeniería de sistemas el paso a paso. Gracias Gracias Gracias.

[@willowytwodesings2005]

Buen video Francisco, me estoy centrando bastante en el diseño de interfaces y tu canal me parece una maravilla, estoy aprendiendo mucho gracias a ti, sigue asi crack c:

[@FranciscoAMK]

Excelente, muchas gracias

[@agustinchinchilla7561]

Como siempre! Excelente video voy a ir haciendo a tu par mi pc ☺☺ gracias

[@FranciscoAMK]

Excelente :)

[@glorialopezllebot]

Esta va a ser una serie interesantísima Gracias por tu trabajo!

[@FranciscoAMK]

Gracias ✌️

[@tuprogresohumano]

Me parece muy interesante. ProPosal

[@jonathancarrera6678]

Excelente fran! ya domino bien las herramientas de adobe, en especial XD ya que practico siempre y ver tus videos y las ganas de enseñar me motivan a dentro de poco empezar a subir contenido de Adobe XD y querer enseñar tambien! Asique gracias por la motivación y a seguir sumando contenido latinoamericano! hay pocos usuarios de chile y argentina que compartan sus ideas.

[@FranciscoAMK]

Mucho éxito master :)

[@chicacomun10]

Es mucho tiempo de espera.

[@FranciscoAMK]

La paciencia es la madre de todas las ciencias...

[@fyeXfrost]

pero que buena Joya! te sacaste !!

[@FranciscoAMK]

hay que musicalizar con esto: kzbin.info/www/bejne/g6OWhmtqZ9SEfbs

[@nicollep.4165]

Me encantó

[@FranciscoAMK]

Genial :)

[@KILLEAARRR]

Buenisma la idea de hacer esta serie de videos! 👏👏

[@FranciscoAMK]

🙌

[@cristiancuevas9887]

Como siempre, un excelente video, tu calidad de diseño es muy buena, me gusta mucho por que a la vez lo haces entretenido, no se si hubiera sido buena idea abarcar un poco de teoría como en otros videos acerca de las fases de este sistema de diseño o si lo tienes contemplado.

[@FranciscoAMK]

Sip, vamos a ir hablando de teoría conforme los temas vayan saliendo

[@JesusLopez-zy2sn]

o.O este video me vino como anillo al dedo pq desde hace dos dias ando buscando información al respecto y hay solamente en inglés, muchas gracias!

[@FranciscoAMK]

Genial, estamos en sintonía

[@CarolinaMunoz-vy3ni]

No se por que no vi esto antes!! Gracias por tanto 🙏

[@FranciscoAMK]

Perdón por tan poco

[@CarolinaMunoz-vy3ni]

@@FranciscoAMK Na que ver...

[@JeraMK8]

😎🤙

[@FranciscoAMK]

🤘😎🤘

[@christian9553]

Francisco muchas gracias por compartir tus conocimientos de esta forma tan amena! Sé que ya eres un referente y cada vez más tendrás el reconocimiento que te mereces. Tip: Verlo en velocidad 1.8 para optimizar el tiempo (se sigue entendiendo y se pueden ver más vídeos para seguir aprendiendo)

[@FranciscoAMK]

O verlo en velocidad 0.5, para escucharme hablar como borracho 😅

[@christian9553]

@@FranciscoAMK sería la técnica del borracho de kung fUx 😄

[@FranciscoAMK]

@@christian9553 jajaja yo sería el So Hi del diseño

[@christian9553]

@@FranciscoAMK jajaj serías Sho HaUI

[@marcom.3107]

gracias francisco por compartir tus conocimientos!!!!!...será posible una masterclass de Figma ???

[@FranciscoAMK]

Todavía estoy en aprndizaje de figma, quizás en un tiempito más

[@amr12537]

Excelente video, es de los pocos canales en español que tiene contenido super bueno relacionado a este mundo de ux/ui design... Gracias 👏🙌🤩

[@FranciscoAMK]

Muchas gracias Angélica :)

[@luisdavidmoreno7510]

Crack

[@FranciscoAMK]

😎

[@matiascanepa1433]

excelente! que te parece si en lugar de colocar las palabras Accepted Declined o Pendent para los estatus utilizas un circulo con codigos de color verde rojo y amarillo o algo similar que luego se adecue a la identidad visual del sitio?

[@FranciscoAMK]

Interesante. Sin duda probaré asignarle color a los estados, pero por usabilidad, es recomendable usar las etiquetas de igual forma, por las personas con dificultad de visión.

[@matiascanepa1433]

@@FranciscoAMK haras un tutorial de como venderlo en ui8 al final? porfis :D

[@berbooo]

Exelente idea hacer una serie de videos creando un proceso completo de diseño!!! me pregunto si la aplicación seria responsive con su versión mobile?

[@FranciscoAMK]

Solo para que la serie no dure 7 años, creo que lo enfocaré únicamente a versión desktop

[@noethoughts5445]

te rifas carnal

[@FranciscoAMK]

Así es ¿Me compras un número? jeje

[@noethoughts5445]

@@FranciscoAMK xd

[@agentsmith2189]

Esperando el video en 8 días 😭

[@FranciscoAMK]

"La paciencia es la madre de todas las ciencias"

[@user-dl4ye1es7l]

es factuible tener un ingreso de hacer este tipo de ui kits? suponiendo que tenga varios arriba?

[@SrPepemza]

Francisco: Una consulta, me puedes orientar si existen kit de diseño orientado a aplicaciones moviles para gestión de servicios en campo?

[@FranciscoAMK]

Es muy específica la pregunta y no tengo idea 😱 Habrá que buscar nomás.

[@Susgameplay]

Escucha no te olvide dejar un me GUSTA en el vídeo, para que Francisco se entere que hace un excelente vídeo y no deje de hacer esto :D

[@FranciscoAMK]

¿Y qué tal si francisco está tan loco que lo entiende todo al revés y mientras más likes, menos quiere seguir haciendo videos? 😱 Nah, mentira, muchas gracias

[@Susgameplay]

​@@FranciscoAMK hahahaha a pasado. creo que es el reto, Gracias mas para ti por no dejar que eso pase, sigue adelante saludos :D

[@pepinogdev]

ttttttttttttte amo

[@FranciscoAMK]

No tengo palabras...

[@lilianar3429]

hola! yo no entiendo para que sirven las plantillas? o sea es mas o menos como los vectores de freepik que le ayudan a uno a componer con la base que uno descarga? o por que uno como diseñador descargaria una plantilla que puede aparecer tal vez en un proyecto de la empresa donde trabaja?..no se si me hago entender 😁

[@FranciscoAMK]

Se trata de una biblioteca de componentes que puede ayudar a hacer más rápido el proceso de diseño de un producto, sobre todo para equipos que no tienen el tiempo de crear algo desde cero o pagar por un diseñador de tiempo completo. Evidentemente el diseñador que crea la plantilla lo hace pensando en que será una plantilla y no lo usa directamente en su trabajo en el cual le pagan para crear algo único.

[@freysersantiago6792]

Hola Buen video, quiero hacer una pagina con una Revista web que pagina me recomiendas para encontrar diseños?

[@FranciscoAMK]

Behance, muzli,

[@luiggi2023]

Donde consigo esos iconos que usas en el user Flow? Plz

[@FranciscoAMK]

Lo puedes bajar de acá: franciscoamk.com/flujos/

[@luiggi2023]

@@FranciscoAMK Gracias capo

[@delete0133]

Señores es hoy es hoy

[@FranciscoAMK]

El futuro es hoy

[@gerardoescobar7121]

"Nadie lo compraría porque está horrible" y mi mente pensó que estaba súper genial😔😂

[@FranciscoAMK]

jajaja

[@morellyae]

Francisco este video queda en KZbin? Es que solo estoy prestando atención no estoy copiando nada?

[@FranciscoAMK]

Sip, queda disponible foreva

[@morellyae]

@@FranciscoAMK Gracias 👍

[@luiggi2023]

No lo puedo ver

[@FranciscoAMK]

Se estrena el 10 minutos más

[@luiggi2023]

Con razón xD