2. ADOBE XD 2021: Mesas de TRABAJO

2. ADOBE XD 2021: Mesas de TRABAJO

[Música] hola soy bea' serrano bienvenido a este nuevo vídeo sobre adobe ext y donde vamos a hablar sobre mesas de trabajo las mesas de trabajo son la pieza angular sobre la que se sustenta el lema de los xxi que vemos aquí diseño prototipo compartir vamos a diseñar mesas de trabajo que luego convertiremos en prototipos de nuestra web de apps y las compartiremos con otro usuario o compañero pues vamos a empezar creando una mesa de trabajo como vimos el otro día nos ofrece estas posibilidades podemos hacerlo en un tamaño para un diseño móvil una web tenemos aquí distintas publicidades y terán youtube etcétera o personalizado en mi caso voy a elegir uno de tamaño de móvil ese sería mi primer mesa de trabajo para iphone 12 max una app normalmente está compuesta de diversas mesas de trabajo incluso puede ser que no estén encadenadas la podemos hacer hasta todo un proyecto podemos incluir la web podemos incluir la visión en app podemos incluir la visión estable todo en el mismo proyecto porque las mesas de trabajo pueden ser de distintos tamaños no tienen por qué ser de la misma vamos a ir viendo esas cosas lo primero que vamos a ver en una cosa muy interesante ya que yo puedo seleccionar también para mi diseño si quiero que tenga una cuadrícula o unas columnas que bien por ejemplo el diseño web es muy conocido él el framework bus trap y me marca 12 columnas para hacer diseño en full hd y luego en cómo nosotros diseñamos vamos a empezar pero yo quisiera crear un nuevo mesa de trabajo selecciono mesa de trabajo y aquí voy a poder seleccionar si toco me crearía una nueva automáticamente pero aquí puedo seleccionar si en vez de crear una igual y seleccionar cualquier en este caso voy a hacer una web 1920 y tenemos los dos mesas de trabajo recordamos con la tecla espacio y con el ratón puedo mover podemos si la vamos a poner con la herramienta seleccionar yo puedo renombrar el móvil indica que sería la primera pantalla de trabajo incluso yo podría mover situarlas donde yo quiera control cero y veo la visión de todas las mesas trabajo una visión general puedo incluso si esa pista lo quiero esos distintas mesa trabajos quiero verlas más fácilmente podría seleccionarla y aquí le podría dar por ejemplo las dos en la misma esto es muy útil para luego ordenar todas las mesas de trabajo móvil de tener mucho lo que iba es que yo tengo seleccionada y en este caso las mesas de trabajo web por si yo quisiera ayudarme de una cuadrícula o de una columna para el diseño lo tengo muy fácil simplemente selección me voy aquí el detalle y beige que puedo poner aquí activo en la zona de cuadrícula el diseño cuando activó diseño me permite elegir el número de columnas con el espacio con la anchura del mediano y las alturas de las columnas también puedo poner si quiero que los márgenes sean iguales el lado izquierdo el derecho aunque sean desigual entonces pues yo lo específica vía aquí tenemos 12 columnas este es el aspecto es muy similar a lo que decía antes al framework bus atrás que es un clásico de los frameworks de diseño web que divide la pantalla en 12 columnas recuerdo entonces yo ya podría y ahora en el diseño y situando los elementos que veremos en el próximo vídeo en las columnas para que guardase una cierta coherencia bueno sería mi primera la primera cosa que veremos la primera característica que vemos de las mesas de trabajo otra manera de crear masa de trabajo simplemente duplicar o simplemente control o comando y aquí tengo una copia pero ahora la utilidad de control cero muy importante hay que aprenderse estos atajos de teclado porque nos nos ayudan muchísimo ahora tengo aquí las distintas masas de trabajo control z voy a darle a seleccionar y podría mover está por ejemplo aquí y esta marca ahora selecciona todo que existen a la misma altura entonces este tipo de ordenación de las mesas de trabajo previo a ponernos a trabajar con los elementos es la base de nuestro trabajo siempre debe trabajar con el típico diseño de columnas y además podría haber elegido cuadrícula entonces aquí en el panel en cuadrícula en vez de elegir diseño y empezaría a ponerse está muy pequeño podría subir el tamaño de la cuadrícula para que sea mejor 20 en la cuadrícula incluso podría subirlo un poco más para que aquí en el vídeo no podréis y la cuadrícula de 80 píxeles que me permitiría situando cada uno de los elementos que posteriormente m y ya estás esto ha sido todo porque vídeo ha sido un vídeo corto pero que va a ser la base para empezar a diseñar en el próximo hay incluyendo elementos cuadrados rectángulos círculos elipses etcétera que nos vamos a aprender en el próximo vídeo y lo vamos a ver su gran utilidad así que nos vemos en nuestro próximo vídeo hasta luego y si te gusta ya sabéis darle a like y darle a suscribirse [Música]

Noticias relacionadas