Estados de Componentes - Novedades Adobe XD Noviembre 2019
ฝัง
- เผยแพร่เมื่อ 17 ก.ย. 2024
- En este video conoceremos las nuevas características de AdobeXD presentadas durante Noviembre del 2019. Nos centraremos específicamente en los estados de componente y en las interacciones hover.
💻 franciscoamk.com/
:::
¡¡¡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, artículos, tutoriales y cursos en línea.
:::
Suscríbete: franciscoamk.co...
Cursos: franciscoamk.co...
Diseños: / franciscoamk
Excelente! Una actualización que abre la puerta a la creatividad sin pensar en procedimientos que quitan tiempo. Por cierto, muy buenos tus videos Francisco! Saludos desde el caribe mexicano y una empresa en crecimiento gracias a videos como el tuyo.
Muchas gracias Carlos 🤘
Gracias Pahito excelente explicación, estoy incursionando en el tema de diseño para desarrollar mis propios sitios web para vender y me encanto esta iteracciones, actualmente me solicitaron la creación de una intranet para compartir documentos corporativos y lo que hiciste me facilito la vida... Como dices, ahora el LIMITE es TU CREATIVIDAD. Gracias, gracias y mil gracias
🤘
buena compadre gracias x tus tutoriales un capo en la disciplina
Socio eres un crack! me metí buscando como realizar algunas cosas para un proyecto de la Universidad y te encontré, explicas demasiado bien y te manejas mucho.
Ganaste un seguidor
Muchas gracias :)
Me ayudaste para un examen muchas gracias :)
sos el que mejor explica de todo youtube.
Gracias :)
@@FranciscoAMK tengo una duda, estoy haciendo el ejercicio pero con un desplegable del menu de una web, pero cuando hago el hover sobre una seccion para que deplegue las subpaginas, cuando le pasas por arriba ahi no me hace el hover. solo funciona con el nivel superior. a ver para que se entienda:
tengo tres secciones:
-nosotros
-proyectos (tiene hover, y despliega)
---en curso (cuando hago el hover no sombrea)
---finalizados (cuando hago el hover no sombrea)
-contacto
lo hice como mostraste y no consigo que me ejecute las otras animaciones. de manera independiente los botones correboré que funcionan bien
Francisco que contenido tan maravilloso, muchas gracias por compartir
😎
Hola Francisco, Emanuel desde Rep. Dominicana. Quiero felicitarte por este tutorial me ha servido curiosamente para presentar mi trabajo final de tu curso en domestika jejej #EresUnCrackBro!
tengo ios x 10.11.5 del 2009 y trabajo con XD 2019, estaba trabajando con la versión 2018, y estaba frustrado porque el tema de los componentes, gracias. saludos desde Venezuela
Man gracias por compartir este conocimiento, directo al grano y muy fácil de entender. Saludos!
:)
Muchas gracias por su ayuda con esta excelente explicación!
Muy buen video. Estoy indagando en el mundo del Xd y me estan sirviendo mucho tus tutoriales
¡Excelente!
muy bueno el video, me sirve harto pq justamente trabajo en una app para proyecto de titulo y era muy tedioso tener miles de pantallas para cambiar un solo estado, saludos y muchas gracias.
Siiii, eso era muy tedioso
Excelente clase muchas gracias me fuiste de mucha ayuda :)
Es lo que e estado buscando, muchas gracias Francisco!! ❤
Genial :)
Alfin, estaba esperando esto hace tiempo
🤘
Hola Francisco!! Excelente explicación, justo lo que necesitaba para un trabajo para la U. Una sola duda, yo estoy haciendo un desplegable, pero debe quedar el que se seleccione y los otros desaparecer. Le doy una interacción mas? Saludos
Gracias aun que lo mirare más al rato :) ahora mismo son las 5:00 am xD tenia pendiente ver esas nuevas actualizaciones y ahora con tu video me dio más interés aún , por fin hover fx /o/
Genial, estas novedades están muy buenas
Tienes un tutorial del botón Kittens/Dogs? Estoy intentando reproducirlo sin tener que usar mas de una mesa de trabajo.
Muchas gracias.
Que loco, esta acción de los estados ya lo tenía Fireworks, es programa me gustaba mucho
Tenía sus cosas cool Fireworks
Uy Y tmb Flash nos dieron un súper retroceso y ahora supper agradecemos que lo haga! Jajajaja!
Eres un máster, Paco!
Gracias
Super buena explicación, super buen video
Gracias :)
Hola Francisco! Felicidades por tu videotutorial. Tenia una duda. cuando explicas en el componente "Nombre documento" el 3r estado (activo), esto significa que cuando haces "click" se queda activado en la visualización que desees, en tu caso con fondo azul. Pero, ¿Existe algun modo de que cuando hagas click en cualquier parte o otro componente de la página vuelva al estado predeterminado? Pongo de ejemplo un menú lateral: NOMBRE 1 | NOMBRE 2 | NOMRE 3 | Cuando haces click en | NOMBRE 1| se activa, y cuando haces click en | NOMBRE 2 | Activa este menú sin que se quede activado el | NOMBRE 1|. Buff! no si me he explicado bien. Muchas gracias de antemano. Saludos!
La verdad es que un componente solo puede cambiar de estado en sí mismo, no puede cambiar de estado a otro componente.
Gracias!
Gracias crack!
😎
Te pasaste genial!!!
🤘
gran video, muy bn explicado. una pregunta donde puedo conseguir esa tipografía
Noto que hay una tendencia de Adobe a querer que trabajemos en la nube. Tenes idea si existe un acceso tipo google drive, donde puedo ver todos los elementos de la biblioteca y/o archivos guardados en la nube?
Sipi: assets.adobe.com/
min 10:00
GRACIAS NO ME QUEDABA CLARO COMO HACER CORRECTAMENTE EL CAMBIO DE ESTADO Y LAS INTERACCIONES
Hola Fransisco, te hago una consulta, espero se entienda, estoy trabajando en una app donde podes loguearte o no. Si te logueas podes recorrer la app y reservar un lugar, y si no te logueas podes recorrer la app tambien y reservar , pero a la hora de pagar deberia apareccer el cartel que te indique que aun no te logueaste, como se haria el prototipado en este caso, ya que no puedo sacar dos acciones de un mismo boton, se entiende? Del boton pagar deberia salir (si te logueaste) una pantalla de cargar tarjeta, pero si no te logueaste deberia aparecer la misma pantalla con un POP que te avise y te dirija al logueo. Se entiende? Se puede hacer en XD.... Son muyy buenos tus videos, recien empiezo con esto y me sirve un monton
Son dos casos de uso diferentes, deberías hacer dos protiotipos, uno para el logueado y otro para el no logueado. Mira esto th-cam.com/video/HPpQf5O_4W8/w-d-xo.html
@@FranciscoAMK Hooo! No!!!! Jajja ok. Me volví loca pensando la solución. Como XD hace magia.... Pensé que sería posible.. Mil gracias!
Gracias! Tendrás algún tutorial de cómo hacer funcionar un slider de imágenes? Creo que podría hacerse con componentes pero me estoy haciendo bolas la cabeza hahaha xD Gracias, mil mil gracias, este video me sirvió muchísimo!
Mi compa Vladi hizo un tutorial th-cam.com/video/me_RkDm5tkg/w-d-xo.html
@@FranciscoAMK te agradezco muchísimo!!!
muy bueno!
Gracias!
Si usas una mascara no puedes moverte entre componentes en el mismo plano?
Si entiendo bien lo que quisiste decir: Sí, se puede
Que me gustaría que le agregaran. Que le pongan un botón de compilar. Para que te genera un APK. Para poder subirlo a la Apstore o Playstore.
sergio atanacio claro, una cosa poca
Hola!! gracias por el video :D es posible que de 3 opciones, seleccionar solo 1 y las demás ya no cambien de color?
Sip, quizás puedes usar componentes diferentes o en los que no quieres que cambien, quitarle la interacción hover.
Hola Francisco, agradeciendo tús videos quisiera consultar si tú sabes si ADOBE XD se puede integrar con IONIC?
No que yo sepa :(
@@FranciscoAMK ok, gracias
Hola Francisco. Tengo una consulta para hacerte:
yo tengo un problema con los botones que se redimensionan, al crear un pconente de boton intento cambiarle solo el color de fondo, pero en el estado hover no solo toman el color de fondo, sino que tambien toma el ancho del componente padre, esto no me sirve porque debo redimensionar el ancho de los botones en todos sus estados y uno por uno. Me explico?
Desde ya muchas gracias!
Hoy día, al menos, así es el comportamiento, no siempre hereda los cambios desde el estado inicial.
@@FranciscoAMK Gracias Francisco!
Ya lo probé he hice un menú parecido al tuyo, pero al tener un menú anidado , como es que empuja el siguiente elemento hacia abajo!?
Oh, no entendí, quizás podrías compartir tu prototipo
Hola, ¿me puedes confirmar si es posible hacer una transición a otro Artboard usando el componente de estado?, Resulta que tengo un botón con dos opciones (osea partido a la mitad) , las cuales se marcan si hago clic sobre una mitad u otra, al momento me funciona sin embargo quiero adicionar otra accion para que al hacer clic sobre una de las dos mitades me dirija a otro Artboard, lo he intentado de muchas formas sin éxito.
Dale solo la interacción de ir al otro artboard y en ese artboard ten el componente en el estado esperado. Así solo tienes una interacción.
Francisco Aguilera G. Gracias por responderme, intenté eso pero tampoco funciona ya que en el modo prototipo lo que hago es agregar acción para que pueda ir al siguiente Artboard sin embargo no funciona😖
hola como estas sera posible me pueda ayudar de como quito la selecion de prototipos , por que estuve haciendo las seleciones de prototipos pero luego vi que hice muchas. es que estaba haciendo unas opciones de overlay pero en mi xd no sale y la embarre sera posible me ayude ?
Una forma fácil es seleccionar una patalla y luego seleccionar las líneas de unión de prototipos y borrar.
Hola, como estas tengo algunos inconvenientes con los elementos clickeables dentro del menu, resulta que debo mandaarlos a una pantalla donde tambien esta el menu por tanto debo hacerlo en estado open y los elementos de la otra pantalla me salen encima del menu
Pues en la pantalla de destino pones el menú por sobre los otros elementos desde el panel de capas y modificad el símbolo del item de menú para que se vea activo.
@@FranciscoAMK Y sólo puedo hacerlos clickeables desde open o debería antes de hacer el desplegable hacer los enlaces de mis elementos?
@@kattypineda6094 No lo tengo tan claro, supongo que te toca experimentar.
Disculpa si no tengo la letra ñ como mando las cosas al fondo, hay algún lugar donde se puedan configurar los comando ?
Si estás en mac se puede desde las preferencias de sistema en la sección de teclado. Si estás en PC, no lo sé. Pero siempre puedes hacer click derecho » enviar al fondo.
Yo tengo la ultima actualización de Adobe XD y no puedo ver esas opciones, no sé si es una actualización futura o simplemente necesito cargarlo en algún lado, saludos muy buen video.
Si tienes la última versión deberías tener estas opciones. Chequea que por motivos técnicos de tu compu puede que no se haya actualizado a la mas reciente.
@@FranciscoAMK Hola mil gracias por contestar, al final desinstalé el programa y lo volví a instalar y ya quedó, saludos desde México
Alguien sabe si un componente puede enlazar con estados de otro componente?
Actualmente no se puede 😢
Hola Francisco muchas gracias por tus videos! Estoy diseñando un menú complejo, con varios niveles de anidación, pero me dejan de funcionar cuando pongo uno dentro de otro. Podrías ayudarme? Muchas gracias de nuevo :)
¿Estás haciéndolo en modo hover? A mí me ha resultado más útil prototipar esas cosas con clicks.
Francisco como hago para tener los iconos que usas tú (como el check) y ponerlos tan rápido como haces a través del video?
Se llaman font awesome. Creo que el proximo miércoles subiré un tutorial.
Podrías explicarme como generar un boton en XD para llevarlo a un enlace de youtube?
No se puede hacer, solo se puede crear enlaces internos del prototipo.
Muchas gracias por tus videos.
Tengo una pregunta, para actualizar el XD tengo que desinstalarlo e instalar de nuevo? No me sale la opción de los componentes
Se actualiza desde el creative cloud. Checa los requisitos de la app, quizás haya algo en tu equipo que no sea compatible
Buenas Francisco, no consigo quitar el botón de ajuste de mi app de XD al plegar la barra del menú para que quede un diseño simple, me ayudarias muchisimo, muchas gracias de ante mano.
No entendí a lo que te refieres :(
Hola!, como busco esos logos por ejemplo el de file ?
Hay complementos de XD que sirven para agregar iconos. Yo, por lo general uso fontawesome
Francisco utilizo Adobe xd deseo crear un componente este me sale en el panel izquierdo pero no me aparece en el panel derecho para editar opciones , que estoy haciendo mal? ayuda 😱
No lo sé, tendría que ver lo que hiciste :(
@@FranciscoAMK desearía ser tu alumno si hay alguna forma que me puedas dar un pequeño curso en tiempo real pagaría por ello Ya sé manejar bien las herramientas Adobe pero hay cosas que aún desconozco son pequeñas
Acabo de ver que la mayoría usa Mac como SO yo tengo windows sera por eso que no me aparece?
@@betoabarca1 No debería ser por el uso de windows :(
Si te interesa puedes darle una vuelta a este link: franciscoamk.com/consultoria/
@@FranciscoAMK hace poco he estado siguiendo tus vídeos por el uso de Adobe xd. He estado buscando alguna herramienta para acelerar el tiempo de desarrollo del front-End (puro codigo hasta ahora), ya que trabajo como full stack. Por lo mismo saber si tienes algún curso que recomiendes o asesoría
Menos mal que existe Figma! jaja
Activate Chispeza jajaj
Y los rashos láser