Creación de esquema de página para diseñadores | Aleksandar Cucukovic | Skillshare
Buscar

Velocidad de reproducción


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Creación de esquema de página para diseñadores

teacher avatar Aleksandar Cucukovic, Improving lives, one pixel at a time.

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

    • 1.

      Introducción

      1:00

    • 2.

      Qué es el esquema de alambre

      2:15

    • 3.

      Recursos para el esquema de alambre en papel

      3:31

    • 4.

      elementos de esqueje de wifi

      2:52

    • 5.

      Estilos de alambre en papel

      8:51

    • 6.

      Plantillas Printable

      12:08

    • 7.

      Dibuja tu wireframe de

      12:38

    • 8.

      Herramientas de conexión digital

      1:28

    • 9.

      Herramienta 1 1

      7:14

    • 10.

      Herramienta 2 2

      10:28

    • 11.

      Herramienta 3 3

      16:05

    • 12.

      Herramienta 4 4

      10:55

    • 13.

      Wireframing de Adobe Photoshop

      16:16

    • 14.

      Wireframing de Adobe Xd

      24:01

    • 15.

      Llevar más planos de alambre más allá

      17:08

    • 16.

      Exportación de recursos de Adobe Xd

      2:50

    • 17.

      Trabajar con plantillas

      7:22

    • 18.

      Conclusión

      1:59

    • 19.

      Tu proyecto de clase

      0:50

    • 20.

      Canal de YouTube que más tiene contenido

      0:49

    • 21.

      Únete Acompañar en mi grupo de Facebook gratuito

      2:16

  • --
  • Nivel principiante
  • Nivel intermedio
  • Nivel avanzado
  • Todos los niveles

Generado por la comunidad

El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.

632

Estudiantes

1

Proyecto

Acerca de esta clase

Los Wireframes son parte importante de cualquier proceso de diseño porque son el puente entre la idea y la ejecución.

.

Son geniales porque son lo simple por lo que todo que todo todo los involucrados puedan entenderlos y también barato porque puedes crearlos en la obra de papel o la mayoría de los software de diseño.

.

Hola, mi nombre es Alex y en este curso aprenderás:

  • Qué son los esquemas de alambre
  • Cómo dibujar esquemas sobre papel y utilizar las plantillas que me proporciono
  • Cómo crear esquemas de alambre en diferentes herramientas en línea
  • Cómo crearlos en Photoshop
  • Y, por último, cómo crearlos en Adobe Xd y luego pasar a los esquemas de alambre y protos de alta fidelidad.

.

Este curso es para cualquiera interesante a los esquemas de alambre y no tienes que saber cómo utilizar estas herramientas, vamos a abarcarlas en este curso.

.

Así que, si quieres mejorar la productividad, ahorra mucho tiempo y dinero en las iteraciones y crear productos más rápidamente, haz clic en inscribir, y te verte en el curso en el curso.

.

¡Tienes un día creativo!

Alex

Conoce a tu profesor(a)

Teacher Profile Image

Aleksandar Cucukovic

Improving lives, one pixel at a time.

Profesor(a)

For the last 10 years i have designed websites, products and apps for different companies, big and small.

With my wife i have started 3 startup companies and through the process met some amazing people from all over the world.

For the last five years i have created over 500 design products, improved the lives and workflows of over 100.000 designers from around the world.

Now my mission is to improve the lives of others, and to pass on my knowledge back to the community and to all those who want to learn about the amazing worlds of design and business.

Thank you for reading and have a creative day!

Alex

Ver perfil completo

Habilidades relacionadas

Adobe XD Diseño Diseño UX/UI Wireframing
Level: Beginner

Valoración de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.

Transcripciones

1. Introducción: son la parte importante de cualquier proceso de diseño porque son el puente entre la ideación y la ejecución. Son geniales porque son lo suficientemente simples para que todos los involucrados puedan entenderlos y también lo suficientemente baratos porque puedes crearlos en el pedazo de papel o mayoritariamente fuera del software de diseño Hey there. Mi nombre es Alex, y en Discurso aprenderás qué son marcos de alambre, cómo dibujar marcos de alambre en papel y usar las plantillas que proporcioné cómo crear marcos de alambre en diferentes online hace cómo crearlos en cuatro tienda y, finalmente, cómo crearlos en Adobe X'd y luego pasar a marcos de alambre de alta fidelidad y prototipos. Este curso es para cualquier persona interesada en marcos de alambre, y no tienes que saber usar estas herramientas. vamos a cubrir en este curso. Entonces si quieres mejorar tu productividad, ahorra mucho tiempo y dinero en iteraciones y crea los productos más rápido que hacer click roll y te veré en el curso 2. Qué es el esquema de alambre: los marcos de alambre son la parte esencial de cada creación de producto. Entonces donde estás creando una aplicación móvil o sitio web, marcos de alambre son la parte esencial de la creación fuera de ese producto, porque son esencialmente un puente entre la idea detrás de ese producto y la ejecución en frío más tarde, Los marcos de alambre son súper fáciles de crear porque puedes crearlos con diferente variedad de elementos fuera . Podrás probar diferentes ideas porque son súper rápidas y súper baratas. Por lo tanto, son perfectos para encajar entre la parte idea y la parte de ejecución porque puedes saltar dentro y cambiar las cosas realmente fácilmente, muy rápidamente. Y luego, por ejemplo, si el elemento no funciona, es mucho más barato crearlo en encuadre de alambre, luego en código, por ejemplo. Por lo tanto, el diseño no se hace dentro del código. El diseño no se hace dentro de la U. Y. Y. Parte del proceso de diseño. Se hace dentro de de vire enmarcando parte fuera del proceso de diseño, porque una vez más es realmente rápido de ejecutar. Es extremadamente barato porque puedes hacerlo en un trozo de papel. Es extremadamente fácil para todos entrar en chip con sus ideas, y puedes probar todo tipo de ideas ahí fuera en un pedazo de papel antes de saltar a la producción fuera de tu tú trabajo y más tarde en Cote. Por lo tanto, es realmente recomendable para proyectos o tamaños de caída, por ejemplo, desde proyectos más pequeños. Cuando estás trabajando con tu negocio local todo el camino hacia arriba empresas extremadamente grandes como Google, por ejemplo, para hacer este marco de alambre, en parte porque es extremadamente fácil de ejecutar. Y es extremadamente rentable porque no estás invirtiendo tiempo y dinero en frío y luego iterando dentro del abrigo, porque sin duda habrá mucho de eso más adelante cuando llegues a la muerte parte del proceso de diseño. Pero cuando apenas estás empezando con tu diseño y tienes todas estas ideas saltando en la cabeza, sobre todo si estás trabajando como parte de un equipo pequeño o grande, realmente no importa mientras estés haciendo esto marco de alambre en parte fuera del proceso de diseño, es extremadamente fácil para todos los involucrados dedo del pie entender la idea y más adelante la ejecución 3. Recursos para el esquema de alambre en papel: cuando se trata de recurso es para su esposa de papel proceso de timbre. De verdad depende de ti lo que vas a usar para crear esos marcos de alambre. Puedes usar de forma sencilla una hoja de papel en blanco como esta. Este es solo un papel de impresión simple, y se puede utilizar líneas de trigo o sin líneas. Realmente no importa. Te voy a mostrar. Puedes usar un bonito libro de dibujo rápido como este, éste, éste de mi Kia. Pero puedes usar cualquier libro de dibujo que quieras. Como se puede ver en el interior. Estos son solo papel de hoja en blanco y estás obteniendo estas alianza, por ejemplo, y estás obteniendo estos puntos si quieres usarlos para una especie de grandioso. Pero como decían, realmente no importa. De verdad depende de ti lo que vas a crear, porque mis amigos son extremadamente simples de crear que se puede crear con freak y o puedes usar una regla. Por ejemplo. Pueden ser extremadamente fáciles a la vista o extremadamente complicadas, Y en el video posterior te voy a mostrar algunos ejemplos de Web y algunos productos que creé dentro de mi empresa off. Qué donut con la ayuda de algunas personas, claro, y te voy a mostrar diferente. El recurso es que puedes ver inspirado a Toby y utilizar en tus proyectos particulares para ver las diferencias entre todos estos diferentes marcos de alambre. Además, cuando se trata de dibujar realmente, puedes usar un simple doblado de madera como este, por lo que es un simple lápiz. Puedes usar diferentes tonos de lápices si quieres. También puedes usar un bolígrafo como este. Esto es simple ikey un bolígrafo, pero puedes usar un bolígrafo que quieras. En realidad, también puedes usar diferentes marcadores de colores si quieres darle acentos a algo en tu marco de alambre. Entonces, por ejemplo, se quiere dar diferentes acentos a los fondos. Digamos que tu cliente tiene botones azules en su página web. A lo mejor quieres usar un marcador azul. Quizás puedas usar un marcador verde para imágenes y así sucesivamente. Es realmente importante entender que no tienes que invertir ningún dinero en este proceso de anillo de esposa de papel porque realmente puedes usar lo que tengas alrededor de tu casa si quieres ser elegante más adelante en el proceso, entonces puedes realmente explorar y gastó infinitas cantidades de dinero básicamente en otros ricos. Una vez fuera de estos diferentes papeles que quieras, tienes diferentes grados de papeles. Tienes diferentes lápices de sombreado. Por ejemplo, tienes todo tipo de marcadores diferentes desde gris claro, Digamos dedo del pie 30% genial, 50% grado. Pero la clave principal para entender aquí es todo eso no importa. Puedes usar lo que tengas alrededor de tu casa para crear estos amigos de alambre porque, como decían en la introducción de video fuera de este curso, son solo un punto de partida de tu proceso de diseño. Porque muchas de las veces en las que estás trabajando en grandes empresas, vas a desechar marcos de alambre muy fácilmente porque tal vez no se ajustan a la U ex parte del proceso de diseño. A lo mejor esta posición fuera de los botones no funciona. A lo mejor tienes que probar diferentes deslizadores. Digamos que tal vez esta forma no necesita tener tres campos. Sólo tiene que tener dos campos y así sucesivamente. Por lo que te vas a encontrar todos estos cambios diferentes durante tu proceso de diseño, por lo que es realmente importante poder iterar rápidamente antes de que realmente saltes al software y comiences a diseñar. Entonces por eso digo que realmente no importa qué tipo de grosor de papel vas a usar o la clasificación del papel. De verdad todo depende de ti y de lo que tengas alrededor de tu casa para empezar. El papel Weibring. 4. elementos de esqueje de wifi: Existen muchos elementos diferentes que puedes usar en tu proceso de creación de encuadre de alambre. Pero algunos de los elementos más importantes son básicamente imágenes de texto, fondos y formas o campos. Entonces esos cuatro son básicamente los elementos principales que vas a usar en tu crema blanca en proceso de creación y luego más adelante abajo de la línea, los vas a combinar. Entonces, por ejemplo, estás creando un post de tipo o estás creando un auto fuera de algún tipo, así que básicamente siempre vas de dedo del pie intercambiando estos cuatro, y para incluirlos en tu proceso de diseño. Entonces vas a expandirte a partir de esos cuatro y crear algo así como un slider, por ejemplo, que se forma off, Digamos texto de imagen y alguna paginación, así que vas a usar los puntos para la paginación. Vas a incluir botones quizá diferentes. A lo mejor vas a incluir diferentes iconos dentro, pero realmente sí depende de tu esposa desde en proceso de creación. Además, se preocupa por el presupuesto de tu cliente, así que si el presupuesto es pequeño y la fecha límite es realmente apretada, no vas a ir del dedo del pie a explorar marcos de alambre con profundo detalle, pero solo vas a poner algunos bocetos rápidos bonitos para transmitir tus son tus ideas a tus clientes para que puedan entender lo que tienes en tu cabeza un poco mejor antes de saltar al software y empezar a diseñar en el siguiente video, te voy a mostrar algunos diferentes estilos de encuadre de alambre de papel, y te voy a mostrar lo que realmente puedes hacer con tus marcos de alambre de papel. Te voy a mostrar algunas formas más fáciles y métodos fáciles y también algunas extremadamente complejas y algunas extremadamente elaboradas, que también incluye ilustraciones, porque realmente depende de ti si tienes talento con eso tipo de cosas, si se van a incluir las ilustraciones, si se van a incluir, pero no se sabe dibujar, no se preocupe. Simplemente puedes garabatear algo para indicar que la ilustración va a ir allí. Además, cuando se trata de encuadre de alambre, puedes usar texto real para indicar qué es todo, o simplemente puedes crear algunas cajas, y vamos a llegar a ello un poco más tarde. En este curso, te vamos a mostrar algunas herramientas de software diferentes las cuales están utilizando diferentes elementos, y básicamente puedes tener una creatividad infinita. Pero es realmente importante entender, no empantanarse con su parte de encuadre de alambre porque, como dije varias veces a lo largo de este curso, realmente es un puente entre la idea y la ejecución. Entonces ahí es donde entra la parte de encuadre de alambre, y ahí es donde vas a empezar a pensar en esta parte de enmarcado de alambre. Es sólo el puente entre la idea y la ejecución. Así que ahora saltemos al siguiente video, donde les voy a mostrar algunos ejemplos de Web sobre cómo diferentes diseñadores están usando los marcos de alambre de papel de la's , y son ideas y ejecuciones diferentes. 5. Estilos de alambre en papel: Si vas a Google y simplemente escribes papel de marco de alambre, vas a conseguir toda esta variedad diferente fuera de los marcos de alambre de papel, y van de realmente, realmente, extremadamente fácil quiere dedo del pie extremadamente complejos. Y yo voy a cocinar para mostrarles estos ejemplos. Pero también puedes explorar lo que quieras de estos amigos de alambre porque literalmente hay miles de ejemplos diferentes. Entonces desde esta primera aplicación móvil, por ejemplo, se puede ver que tienen todas estas ideas diferentes básicamente marcadas hacia abajo a un costado con flechas apuntando. Y esto es realmente útil cuando estás enviando este dedo diseñado a otros miembros de tu equipo , por ejemplo, o si solo quieres recordar algo tú mismo, tal vez tengas esta idea en este momento, pero quieres Kuwait más adelante abajo de la línea con tu cliente, así que eso es extremadamente útil de hacer. Y como puedes ver, están usando texto para literalmente todo. Otras partes del proceso de encuadre de alambre es éste. Como pueden ver, quizá vayan a usar títulos aquí mismo. Van a usar párrafo aquí mismo, así que un texto un poco más pequeño y están usando esta bonita y sencilla caja para las imágenes que puedes ver aquí mismo. Están usando icono de juego. Por lo que quizá esto vaya a ser un video. Por lo que también existe este estilo para marcos Vier, y esto se suele usar como decían en el video anterior. Cuando no tienes mucho tiempo en tus manos cuando el presupuesto es quizás de dedo corto en pequeño. Entonces te vas del dedo del pie, tienes que usar algo que sea agradable y fácil de entender tanto para ti como para tu cliente. A lo mejor tendrás que hacerle un poco más de explicación a tu cliente. Entonces si solo estás usando algo como esto porque puedes ver justo aquí que no hay nada ahí. Entonces tal vez cliente se va a confundir sobre lo que es esto. A lo mejor tienes remolque, diles. Bueno, esta es la imagen. Este es el párrafo. Este es el título. Entonces tal vez en realidad vas a perder un poco de tiempo ahí. Entonces si solo estás usando esto desde el principio, puedes ver un buen ejemplo como este. Entonces tal vez vayan a usar algunas ilustraciones diferentes, diferentes menús desplegables, tal vez migas de pan. A lo mejor van a usar el sitio web aquí mismo, Así que realmente depende de ti. Se puede ver este ejemplo aquí mismo. Van a utilizar el texto en este ejemplo y también algunos garabatos. Entonces si el texto se está repitiendo, no vas a perder el tiempo. Simplemente vas a garabatear algo hacia abajo, va a indicar que ese es el texto también, y puedes ver aquí mismo y la frustración de este tipo. Entonces está usando muchas pantallas diferentes, muchos elementos diferentes, y esa es realmente la clave. Llévate aquí de este proceso de intemperie. Vas a hacer esto mucho, sobre todo si estás dibujando en el pedazo de papel porque vas a cometer errores a lo largo de este proceso. Vas a hacer algunas alteraciones y cambios. Entonces esto es lo que vas a esperar de la mayoría de tus proyectos. Además, muchas de las veces que los clientes no entienden que realmente necesitan algunas páginas web adicionales , tres pantallas móviles adicionales. Entonces ahí es donde entra esto y vas a tener que crear múltiples iteraciones fuera cada pantalla en nuevas pantallas y páginas nuevas. Entonces ahí es donde entra esto, y al final tienes todos estos papeles diferentes. Fuera de este proceso, se puede ver algo como esto para el sitio web y esta persona en realidad incluyó algunas sombras de gota y algunas líneas de cruceros de diferencia y se puede ver sí una vez más están usando algún texto. Entonces, por ejemplo, se pueden ver productos aquí mismo, pero para el párrafo allá, sólo garabatear algo como esto también para los fondos. Pero tienen sus notas aquí mismo. Y esto es lo que estaba diciendo sobre lo que necesitas usar para tus marcos de alambre y lo que quieres usar uno de nuestros trae. Básicamente, en función de tus habilidades y de tu presupuesto, están usando diferentes colores upend para indicar lo que necesitan hacer. Por lo que puedes hacer esto. Por ejemplo, si recuerdas cuando estabas en la escuela, tal vez tu profesor usó algo así como un color rojo para indicar algunos errores y algo como un color verde para indicar algo que has hecho bien para que puedas usar exactamente el mismo principio y exactamente el mismo estilo. Pero se puede hacer eso en variedad de diferentes colores. Puedes usar golpe. Puedes usar el color que quieras. Pero básicamente el rojo, verde y el azul son los colores principales que usan los diseñadores porque son realmente simples y fáciles transmitir a otros miembros del equipo fuera de tu equipo de diseño o de tu cliente de diseño. Si nos desplazamos todo el camino hacia abajo, puedes ver unos marcos de alambre un poco más avanzados justo aquí para que veas que esta persona sabe claramente dibujar. Para que puedas ver todo tipo fuera de diferentes iconos, diferentes personas. Puedes ver un mapa aquí mismo. Se puede ver claramente una buena letra aquí. Están dibujando diferentes iconos, así que puedes hacer esto también. Pero solo ten en cuenta, si estás en un plazo ajustado y en el presupuesto tipo cliente, quizás no tengas tiempo suficiente para crear algo como esto. Aquí también hay un buen ejemplo, así como éste. Para que veas que están dibujando un auto. Están dibujando el proceso. Están dibujando diferentes iconos aquí mismo a un costado. Entonces puedes hacer eso tan bien como decía en, uh, uh, parte de equipo. Básicamente, como puedes ver, están usando un gobernante aquí mismo. Por lo que todo es agradable y uniformemente espaciado. Se puede ver que estos diferentes patrones están incluso a cada lado se puede ver una gran justo aquí. Se puede ver el ícono aquí mismo. Entonces, como dije, tú también puedes hacer eso. Pero como puedes ver, están usando exactamente lo mismo. Entonces solo están escribiendo descripción y luego solo algunas líneas de scribbler para indicar que eso va a ser, Ah, párrafo en esa página. Ahora puedes ver este ejemplo y lo están usando para las imágenes. Este va a ser el texto. Como estaba explicando sobre la imaginación, simplemente hay puntos justo aquí, y tú también puedes hacer esto. Entonces como puedes ver solo por estos pocos ejemplos y realmente te animo a explorar tanto como quieras ver cuál de estos estilos te queda realmente a ti y a tus proyectos, y realmente puedes hacerlo tan complejo o tan fácil como quieras, o si el proyecto requiere algo un poco más complicado, tal vez puedas involucrar en tu proceso de diseño algo como esto. Tan extremadamente fácil, extremadamente simple, o tal vez algo así donde tal vez vas a incluir un poco más colores y un poco más sombras de gota o algo así puedes usar marcadores, como dije y tú aquí mismo puedo ver y voy a incluir estas plantillas de impresión, que les voy a dar para el discurso. Y voy a incluir diferentes dispositivos móviles y diferentes formas, y también voy a incluir uno para el navegador Web. Entonces si quieres usarlos, siéntete libre de imprimirlos y usar su Tal vez se vaya a acelerar un poco tu proceso , sobre todo cuando tienes que dibujar todas estas diferentes cajas. Realmente te va a llevar mucho tiempo para hacer este espaciado perfecto y para medir todo Así que no perder tiempo en tu proceso de diseño y esposa Remi. Te voy a dar estas plantillas, que puedes imprimir libremente, y luego podrás utilizarlas en tus proyectos. Van a lucir algo parecido a esto. Pero como vas a poder embotar y ver que van a acelerar tu proceso inmensamente y más adelante, cuando realmente empecemos con el proceso de diseño de enmarcado de alambre, te voy a mostrar cómo puedes imprimirlos y también cómo puedes usarlos en tu proceso de via framing, así que básicamente eso es todo para este video. Como puedes ver, solo desplazarte hacia abajo, puedes ver todos estos diferentes ejemplos, diferentes complejidades, diferentes ideas, diferentes colores, formas y demás. Pero básicamente todo se reduce a estas cuatro formas, que yo estaba diciendo imágenes, fondos, texto y campos para que puedas ver diferentes categorías aquí mismo puedes explorar y entrar en muchos detalles. Mucha gente está haciendo esto, así que básicamente están cortando todos sus marcos correctos y luego pegándolos a una pared o fijándolos a algunas tablas, por ejemplo, y básicamente terminas con algo como esto. Por lo que una vez más, dependiendo de su presupuesto de cliente dependiendo. O si estás haciendo esto por ti mismo en solo para ti, en tu cliente, o si estás haciendo esto como parte del gran equipo. Por lo que todo el mundo tiene que estar involucrado dentro de ese proceso de diseño. De verdad depende de ti cómo vas a transmitir tus ideas y cómo las vas a presentar a tus clientes. 6. Plantillas Printable: Está bien, así que quiero mostrarles cómo funciona todo esto. Básicamente, te voy a dar estas cuatro plantillas diferentes, que puedes imprimir por tu cuenta. O si no tienes impresora, puedes ir fácilmente a una imprenta y simplemente imprimir todas estas plantillas, cuántas de ellas necesitas o concebiblemente usar una hoja en blanco de personas como hablamos en los videos anteriores. Entonces lo que tenemos aquí son plantillas de iPhone, y puedes ver las plantillas de iPhone con espaciado alrededor de estas plantillas para que puedas agregar rápidamente tus marcas o algo que quieras decir, o para recordarte más adelante manera tener fuera Samsung Plantilla Galaxy. Tenemos una plantilla congelada, que se parece a Google home con estas barras apuestas top para que puedas usar este espacio por debajo de sus dos simplemente lo dibujaron. O, como dije, si no quieres, puedes simplemente usar Thetis o incluso simplemente usar a gente así y luego hundirte. Dibujas en tu diseño Web, pues tengo justo aquí y porque el Apple Watch es demasiado pequeño, simplemente usé muchos de ellos como ves aquí mismo para corresponderme con el espacio restante en mi página. Y todos estos son un cuatro, pero simplemente puedes ajustarlos dentro de tu programa favorito, o básicamente los imprime dedo del pie sea tamaño de letra de Estados Unidos si quieres dentro de tu software de impresión . Entonces, ¿cómo puedes usar realmente alguno de estos? ¿ Este? Parece que tienes que empezar a dibujar. Y como dije, puedes usar cualquier bolígrafo o papel que quieras o necesites thes para que no nos distraigan. Entonces, como dije, simplemente puedes usar cualquier trozo de papel y un bolígrafo que quieras o que te guste. Y como vio un zoológico en el video, que se muestra previamente con todos estos diferentes ejemplos de cómo la gente está usando estos marcos de alambre y dibujando en ellos, yo sería que una vez más, puede hacer esto tan simple o como complejo como quieras, y es realmente fácil. De verdad depende de ti hasta tus talentos, hasta tu tiempo, hasta clientes, tiempo y, por supuesto, presupuesto de clientes, porque solo quiero mencionar eso rápidamente una vez más. No quieres perder demasiado tiempo en esta parte del proceso porque la parte de diseño real del proceso, una vez que consigues tu más suave favorito es lo que va a llevar mucho tiempo. Por lo que los ings de marco de alambre son sólo ese puente entre la parte de ideación y la parte de ejecución. Entonces les voy a mostrar aquí algunos métodos diferentes. Por lo que para la imagen, simplemente puedes dibujar un bonito rectángulo como este. Yo diría que usted tiene un poco de texto para que podamos, tal vez en algo como esto. Y quizá podamos mostrar algo como ¿Apoyas un título y unos cuantos fuera de los más pequeños para el patrón de abajo Y por último, para el botón, tal vez podamos agregar alrededor de un botón. Entonces algo así, tal vez, y esa es básicamente tu tarjeta. Vamos a llamarlo así, entonces siguiente nivel puedes hacer exactamente lo mismo. Pero, por ejemplo, tal vez puedas agregar una bonita ilustración. Digamos que una montaña al sol o algo así, y tal vez la gente pueda entonces entender un poco mejor que esta es la imagen real. Entonces tal vez podamos agregar un título como así tal vez podamos agregar un párrafo como ese y tal vez podamos agregar un botón aquí mismo. Entonces exactamente lo mismo que hicimos aquí mismo. Pero vamos a teclear, por ejemplo, Bt. Y así la gente realmente sabe que es un botón en cuestión. Entonces después de eso, quizá puedas agregar uno. Pero para éste, tal vez si quieres agregar imagen de una montaña aquí, puedes, quizá, quizá, y los euros atrapar. Entonces tal vez puedas dibujar algo como esto. A lo mejor centralmente, esto. A lo mejor podemos tener un hijo aquí. A lo mejor podemos añadir algunos árboles. Entonces, como dije, todo esto requiere de su tiempo porque vio a Hamas. Cuánto más rápido dibujamos. Este dicho es con este todo. Pero éste nos está llevando mucho tiempo. Entonces, como dije, realmente depende de ti y hasta el presupuesto de los clientes. A lo mejor no sabes dibujar. A lo mejor no quieres dibujar. Entonces tal vez puedas ajustar todos estos diferentes estilos del dedo del pie lo que mejor te convenga así como a tu cliente y tu proyecto. Entonces aquí, tal vez podamos agregar, digamos, yo, yo, parque de piedra. Y aquí vamos a la derecha todo el párrafo. Entonces no voy a hacer eso. Y finalmente, aquí mismo. A lo mejor podemos poner mucho más. Y tal vez incluso pueda agregar una sombra de gota detrás de este botón para que sepa más adelante en el diseño que van a usar esta sombra de gota para que puedas ver justo con estos tres estilos diferentes que son, cuánto fomentan es esto como así como esto. Si bien este lleva mucho tiempo y mucha exploración, sobre todo si estás dibujando personajes, por ejemplo. Entonces necesitas crear, digamos, digamos masculino y un personaje femenino, tal vez tu personaje infantil, así que eso se va dedo del pie toma mucho tiempo, no simplemente puso un ícono como este. Como puedes ver, es mucho más rápido. Es mucho más sencillo, y todos ustedes en el equipo van a entender que en realidad se trata de una persona a la que llamo. En cuanto a todo el diseño, fantasma rápidamente para este discurso. Entonces tal vez puedas usar algo como esto, así que tal vez podamos ir con primero. Stalin debería hacer, Cuál es éste, que es el más fácil de entender Así que digamos que vamos a crear una página Web y necesitamos algo como esto. Entonces vamos a crear imagen de héroe aquí y dentro de la imagen del héroe. Pongamos un bonito título grande aquí mismo. Pongamos un párrafo aquí mismo. Pongamos un fondo aquí mismo. Y tal vez podamos poner aquí una bonita imagen grande para que sepamos que esta es la imagen. A lo mejor podemos añadir una navegación aquí mismo. que usualmente me gusta poner en un círculo, tal vez poniendo algunos de estos alianza así. Y tal vez pueda poner en una búsqueda justo aquí en la parte superior, y puedo llamarlo ingenio de héroe. A ver, llamante Benji, que es una imagen de héroe con el fondo de color o es muerte debajo de la muerte. A lo mejor podemos poner un bonito título grande. Entonces algo así tal vez con un párrafo debajo de él. Y tal vez pueda incluir algunas características aquí mismo. A lo mejor puedo añadir el nombre del futuro así. Y tal vez pueda incluir algún tipo de icono apagado aquí mismo. Entonces tal vez pueda simplemente poner una estrella por ahora para que sepa que estos son los iconos que van a venir aquí y abajo. Aquí. A lo mejor podemos incluir algo primordial, para que veas lo fácil que es esto. Y simplemente puedo poner futuros aquí. Y tal vez quiero agregar algún tipo de forma de fondo o un color de fondo o algo así. Puedes dibujarlo en. Entonces digamos la forma que va así y simplemente puedo incluir otra flecha aquí mismo , otra nota y me voy a escribir Digamos forma como así entonces abajo que tal vez podamos incluir un video. Entonces tal vez pueda simplemente incluir a un jefe como este con un icono de placa dentro. Entonces todo el mundo sabe que la muerte es un video como Así que tal vez este video muestra futuros fuera de este sitio web, luego debajo de eso, tal vez queremos incluir una bonita acción de gran falla. Digamos que queremos incluir un texto, luego párrafo a continuación. A lo mejor queremos incluir el formulario aquí mismo para que incluso pueda escribir en la comida y luego dtn esto va a ser un llamado a la acción y tal vez esto se va dedo del pie contener una imagen de fondo . Entonces sé Jeep. I m G s una imagen de fondo para que sepa que este es un fondo con una imagen. Y quiero incluir, por ejemplo, por ejemplo, un bonito título grande aquí, descripción o el servicio y luego correo electrónico y una belleza luego abajo. Papá, quizá queremos incluir canción. Digamos testimonios. Entonces tal vez podamos incluir una bonita imagen grande aquí mismo. A lo mejor podemos incluir un párrafo de título. Entonces voy a incluir algunas flechas aquí mismo. Y si quieres, puedes agregar una paginación justo aquí solo para que el visitante sepa cuántos fuera de estos son izquierda, izquierda, derecha, y podemos llamarla testimonial. lo mejor esta siguiente sección va a ser una sección de equipo. Entonces tal vez podamos dividirlo en tres cartas. Digamos y tal vez también podamos incluir la paginación Ah aquí mismo. Entonces quizá podamos agregar un título y un bonito párrafo B. Esto va a contener imágenes fuera de la gente, entonces título que nombro que su posición y tal vez su icono de redes sociales. simplemente puedas replicar lo que hiciste aquí mismo. Y si quieres recordarte un poco más tarde cuando estás debes empezar a diseñar esto dentro del salter. Si pasa con tu cliente, entonces tal vez puedas dibujar un bonito barril grande aquí mismo y decir que estos son iconos de las redes sociales solo para que sepas, un poco más tarde lo que son en estas secciones enteras. Sección de equipo de dos b. Entonces, por fin, tal vez podamos incluir más aquí mismo. Por lo que esto va a contener un local. Digamos aquí mismo. A lo mejor puedo incluso incluir. Y tal vez alguna navegación del menú va a venir aquí mismo. Y luego veremos cooperación orginal y tal vez 2000 y 21. Digamos que ese es el año. Entonces, básicamente, se puede ver lo fácil que es crear estos marcos de alambre y lo fácil que es navegar básicamente entre todas estas diferentes secciones. Para que puedas ver, uh, con un poco de trabajo y un poco de tiempo, puedes crearlos fácilmente de manera extremadamente, simplemente extremadamente fácil. Pero justo lo suficiente. Así que tú en tus clientes o 30 miembros sabías qué son, qué hacen y qué deben representar dentro del proceso de diseño. Entonces en el siguiente video, fuimos a empezar realmente a crear nuestro marco de alambre en un pedazo de papel. Vamos a usar plantillas de iPhone, que emitieron en este video porque vamos a crear un marco de alambre de iPhone para lo imaginario y más tarde dentro de fuera mi más suave favorito No seas XY. Te voy a mostrar cómo puedes agregarle algo de especia y cómo puedes agregar imágenes quizá, um, um, colorista y texto tan real que se van a generar para crear aplicación de aspecto agradable, que es básicamente un puente muerto entre el marco de alambre y la parte fría fuera del proceso de diseño. Entonces, como dije en el siguiente video, vamos a echar un vistazo a cómo podemos realmente empezar a crear marcos de fuego, que en realidad significa algo? Porque todo esto hecho desde mi cabeza solo para mostrarte algunos ejemplos sobre cómo construccionas fuera de mi amigo así. Entonces los veré en el próximo recinto 7. Dibuja tu wireframe de: Muy bien, empecemos ahora dibujando un marco de alambre en un conjunto. En años anteriores, vamos a crear un anillo esposa 40 I teléfono para que puedas imprimir y usar esta plantilla, que proporcioné para el iPhone. No tiene justo aquí en la parte superior, por lo que puede acomodar todos los requisitos de dominio para el diseño de aplicaciones de iPhone profundo. Entonces ahora empecemos, y sólo voy a usar estas tres pantallas. Y obviamente puedes imprimir tantos de estos como quieras porque tu proyecto podría requerir, digamos, 20 pantallas. Algunos proyectos requieren 200 pantallas y así sucesivamente, y también puedes usar el pdf, que se proporciona, y adaptarlo a tantas pantallas como necesites. Por lo que podrías tener, por ejemplo, cinco o 10 pantallas así. Pero realmente recomiendo tres, porque me pareció que era una especie de valor óptimo y número óptimo, porque realmente puedes saltar a los detalles y ver tantos detalles grandes y pequeños detalles como quieras. Entonces, no empecemos con esta pantalla de la izquierda derecha aquí, y voy a crear una simple pantalla de inicio. Entonces lo que yo haría es dibujar una bonita barra del dedo gordo aquí mismo, por ejemplo. Voy a ir en local en el medio. Voy a usar el icono de búsqueda aquí mismo, y voy a usar el menú Icono aquí de la izquierda porque la gente va a poder golpear, buscar y buscar, obviamente. Y esto va a ser ordenamiento cronológico o una página de redes sociales o algo así. Por lo que los posts de tus amigos van a aparecer aquí mismo. Entonces ahora empecemos con el Post y voy a dibujar un bonito, ser agrietado Ingle así, Y va a ir todo el camino hasta aquí hasta la barra superior. Entonces primero a la izquierda, voy a dibujar un icono de persona. Entonces va a ser la imagen de una persona nombre de la persona y obviamente el tiempo, por ejemplo, cuando las palabras dispuestas hechas y voy a hacer los tres puntos justo aquí a la derecha, por ejemplo, para indicar que tú podemos decir, abrir eso para más información ahora, debajo de eso, vamos a incluir, digamos, un texto de línea fuera, un texto de línea fuera, igual que tal vez una descripción para la imagen y debajo de eso, el imagen misma. Entonces se va a ir así, por ejemplo. Y digamos si vas a dibujar estas montañas que estaban dibujando previamente para indicar que esta es la imagen misma. Debajo de que vas a tener tres iconos. Entonces vamos a tener ciclo cardíaco con el contador. A ver, 125. Vamos a tener al magnate común, Digamos 36 vamos a tener que compartir ícono aquí mismo. Puedes usar cualquier ícono de eso que quieras, y yo simplemente voy a escribir share aquí mismo. No, sólo vamos a cortar nuestro rectángulo como así para indicar que ese es el propio post ahora leído y crear el segundo rector será bajo. Voy a usar la barra de TEP aquí mismo y dibujar un bonito grande están aquí primero. No puedo. Voy a dibujar su casa, así que voy a dibujar una casa bonita, sencilla me tengo que gustar así entonces vamos a usar el tipo común on. Entonces tal vez esta va a ser la porción comprobada. A lo mejor esta siguiente porción puede ser una porción miembro así que ¿dónde estaban tus ubicaciones? Dondequiera que te mudes y finalmente perfiles justo aquí a la derecha. Ahora dibujemos. Segunda carta aquí va a ser exactamente la misma que la primera carta para que podamos ir a aquí. Por lo que tenemos una persona aquí mismo su nombre, Time on post. Como puedes ver, es mucho sencillo cuando creaste uno tan duplicado, básicamente y crear otros que se corta esto con imagen aquí abajo. Por lo que no vamos a necesitar soltar estos iconos para compartir a continuación porque no tenemos espacio. Pero puedes simplemente indicar que van justo aquí, por ejemplo, como así como en proteger compartir aquí, no para la siguiente pantalla. Vamos a usar exactamente el mismo set up so search logo y menu Michael y es, como dije en videos anteriores, y se puede ver aquí mismo esto no tiene por qué ser perfecto. Puede ser realmente garabatos, pero necesita transmitir el mensaje para tu equipo y cuando estás enviando esto a tu cliente, así que básicamente lo que va a pasar en esta siguiente pantalla es que la persona va a estar tocando esta tarjeta o esta imagen, y la imagen se va a expandir un poco en esta siguiente pantalla, dándonos los más inmuebles en esta pantalla, para mostrar la imagen un poco mejor para que quizá podamos dejar un comentario o algo así como eso. Entonces no vamos a tener a este amigo en la pantalla porque, como dijiste, está expandido. Por lo que tenemos el mismo preparado para aquí diciendo para aquí. Pero aquí mismo tenemos la imagen más grande. Ya sabes, antes de ir todo el camino hacia abajo, simplemente voy a soltar esa barra una vez más solo para que pueda limitarme con el espacio que tengo y una vez más, estos porque no tengo que ser perfecto si quieres para ahorrar un poco de tiempo. Como pueden ver, cometí un error aquí mismo, pero lo habla. Si quieres ahorrar un poco de tiempo, simplemente les condujo Aziz mejor como sabes, pero básicamente todo lo que tienen que hacer es transmitir el mismo mensaje aquí mismo. Entonces vamos a extender esta imagen todo el camino hasta aquí. Digamos que creo que eso está bien a su alrededor y simplemente dibujar unas formas más grandes. Entonces lo hiciste aquí mismo para indicar que es una imagen más grande. Obviamente, no, hagamos estos iconos. Por lo que 1 25 este es para un comentario 36. Y por último, estas flecha para la acción y abajo. Aquí vamos a estar dibujando en un campo para el comentario en sí. Entonces voy a un bonito rectángulo grande como Así, por ejemplo, vamos a poner una cara sonriente sólo para indicar que esa persona puede agregar estos emojis, por ejemplo, por ejemplo, hasta que los derechos bien, uh, El de Colman, por ejemplo, y finalmente este ícono, que indica enviar o publicar Hari una vez, y es básicamente nuestra pantalla. A lo mejor, fuera de esta búsqueda Mike on, tal vez podamos incluir un icono de espalda. Digamos que sí. Es por ello que los marcos de alambre son geniales, porque simplemente puedes entrar y quitar cualquier cosa que no te guste. Tenías esa cosa blanca que comprar en cada librería o lo que sea. Estás encontrando tus suministros para cubrirlo si quieres. Si no quieres, o si vas con un lápiz, simplemente puedes quitar la maquinilla de afeitar y luego simplemente creer el espacio para tu flecha. Pero también puedes hacerlo así porque todo el punto de los marcos de alambre, como decían varias veces a lo largo de estas lecciones, es asegurarse de que sean rápidos. Asegúrate de que puedes generar con rapidez y asegúrate de que puedes ir atrás y adelante entre tus ideas y rebotar tus ideas entre tú y tu cliente. Ahora, finalmente, en esta última, vamos a mostrar la pantalla del perfil. Por lo que una vez más voy a soltar esta barra con logo de búsqueda y menú y este hombre se puede, por ejemplo, expandir a algunas cosas diferentes porque, por ejemplo, aquí mismo en la parte inferior allá, nosotros no tienen ajustes. No tenemos pago. No tenemos ninguna de esas cosas. Entonces ahí es donde entra el menú. No, dibujemos una bonita imagen grande aquí mismo, así que este puede ser el nombre. Esta podría ser la ubicación, por ejemplo. No, vamos a dibujar en tres pestañas como Así que tal vez quieras incluir diferentes imágenes. Digamos de diferentes álbumes, y esta va a ser nuestra puñalada seleccionada, así que tal vez podamos rellenarla también para indicar que está seleccionada como se puede ver aquí mismo . Y por último, dibujemos unas cuantas imágenes aquí mismo. Entonces tal vez podamos crear un gran para tres imágenes puede ser creativo hasta que pueda ser genial, ya que realmente depende de ti. Puedes usar esto, Mansour genial. Lo que indica que estos dos son así. Y entonces esta es una imagen importante y luego cambiarlos. Entonces de verdad, puedes hacer lo que quieras aquí mismo. De verdad depende de ti. Quizás puedas agregar en una descripción. A lo mejor puedes agregar en un párrafo sobre la persona aquí mismo. Pero no voy a hacer eso. Simplemente voy a dibujar en un bonito bar grande justo aquí en la parte inferior una vez más. Por lo que fui en comentarios, icono, mapa de pago. Y por último, porque estamos en el perfil, vamos a rellenar el icono del perfil, que una vez más indica que este es el estado clicado fuera de este perfil. Yo llamo para que puedas hacer algo como esto. Ahora se puede ver la diferencia entre éste y éste porque éste está lleno . Y eso es lo que estamos tratando de transmitir. Por último, quiero decir, podemos sumar tres imágenes más aquí mismo para que tengamos unas imágenes bonitas, grandes, geniales. O simplemente puedes dibujar una bonita imagen grande como esta que la segunda imagen debajo de 30 abajo parece como lo hicimos aquí mismo, solo sin todos estos marcos e información. Ahora bien, si no quieres perder tiempo retirando esto, entonces simplemente puedes hacerlo. Haz indicar que estas son las imágenes porque, como puedes ver es mucho fomentado. Y debido a que estas formas se están repitiendo, tal vez puedas simplemente hacer esto por la imagen. Entonces tu cliente o tus compañeros de equipo, por ejemplo, o tú mismo sabes un poco más tarde qué es esto. Entonces eso es básicamente es Este es el diseño que vamos a usar para crearlo en todos estos otros Softwares. A lo mejor no vamos a hacer los tres. A lo mejor puedo hacer solo esta vez para agilizar un poco el proceso, porque en algunos de esos no puedo importar estos iconos. A lo mejor puedo usar algunos otros iconos y vendidos, y te voy a mostrar eso un poco más tarde en el curso. Pero básicamente así es como va a quedar nuestro marco de alambre y más adelante, Cuando lleguemos a Adobe Xdd, voy a mostrar cómo puedes adaptar fácilmente estos marcos de alambre y cómo puedes incluir algunos colores adicionales. A lo mejor puedes incluir algunos iconos adicionales. A lo mejor que no lo incluimos aquí mismo. Voy a incluir algunas imágenes, obviamente y así sucesivamente. Entonces eso es lo que les voy a mostrar cuando lleguemos a Adobe X'd parte ahora cuando se trata de esta parte. Una vez más, realmente te animo a tratar de transmitir tus imágenes lo mejor que puedas. Pero como viste con esta flecha hacia atrás, a veces vas a recordar las cosas como tu dibujo. Y ese es el principal punto fuera proceso de marco de alambre es explorar. Nada de esto es definitivo. Nada de esto es perfecto porque no necesita ser perfecto. Y realmente se trata de exploración y de encontrar las formas y métodos donde puedes incorporar estos elementos Así se ven muy bien en la página, y funcionan lógicamente básicamente, que sean fáciles de entender su fácil de usar, y se ven muy bien en la página. Básicamente lo hay para este marco de alambre, en parte en el papel, realmente animado a empezar a explorarlo. Puede ser muy divertido, y puede ser proceso realmente rápido para aprender más sobre su diseño y todo el proceso fuera de su aplicación antes de incluso saltar a un software favorito. Hablando de software, en la siguiente lección, nos fuimos a empezar a explorar algunas de estas opciones gratuitas y de pago, y más tarde te voy a mostrar cómo puedes hacer esto en adobe eggs deep e incluir diferentes imágenes e incluyen diferentes colores, tal vez incluso algunos bordes de sombras de fondo. Y vamos a explorar esa parte más adelante en el curso, así que los veré en la siguiente lección. 8. Herramientas de conexión digital: en esta sección del curso, vamos a explorar las herramientas de encuadre de alambre digital y cuáles son nuestras opciones de encuadre de alambre digital que podrías tener ahora. Hay muchas opciones diferentes por ahí, pero solo te voy a dar cuatro herramientas diferentes para tienda, y luego vamos a terminar en un Toby X'd. También puedes usar la mente de figura. También puedes usar boceto, y hay muchas, muchas, muchas otras herramientas como Illustrator, por ejemplo, y así sucesivamente para que puedas usar cualquier herramienta que puedas encontrar adecuada para tus necesidades, sus proyectos y su negocio, como dijeron varias veces en un alambre de papel enmarcando parte de este curso. Realmente adoro Adobe X'd porque fuera de su versatilidad y su funcionalidad. Y eso es lo que elijo para mi encuadre de alambre y para mi trabajo, um y UX. Pero puedes elegir lo que puedas encontrar adecuado para ti ahora herramientas vamos a explorar aparte de cuatro tienda y adobe ex d r wire frame dot cc solo en mente, Mark plus y balsámico al final. Entonces, básicamente vamos a explorar todas estas herramientas, y les voy a mostrar que todas tienen versiones gratuitas, y algunas de ellas tienen versiones premium. Pero creo que todos tienen versiones rezando, pero puedes empezar con todas de forma gratuita. Podrás explorarlos y ver si hay ajuste adecuado para ti. O si no, simplemente puedes explorar algunos de estos taburetes de adobe, fig, MMA o sketch, Así que empecemos. 9. Herramienta 1 1: primero. Aún así, vamos a explorar su marco de alambre CC y su primera porque es el más limitado todos ellos. Ahora, cuando se trata de lejos de CC, puedes elegir tu dispositivo aquí mismo. Voy a elegir la web porque es sólo la más fácil y la más blanca fuera del centro comercial. Simplemente puedes extenderlo hacia abajo si quieres incluir varios dispositivos, y tu dispositivo puede ser tan blanco o tan estrecho como quieras. Entonces como puedes ver, puedes hacer esto e incluso puedes hacerlo desde el sitio ahora controla. Eso debería hacer deshacer. Pero si no, simplemente puedes extenderlo hacia atrás así, y se encajará en posición y en su lugar. Tienes algunos comandos aquí mismo, como deshacer o radio, y tienes algunas opciones más aquí mismo. Tienes estos ajustes aquí mismo, y cuando se trata de ahorrar al hacer clic, guárdelo te llevará aquí para que tengas un urinario público, cual podrás copiar y compartir con tu equipo. Pueden creer comentarios, como puedes ver aquí mismo, y es gratis para proyectos privados. Malta empaquetador marcos de alambre clickable, páginas maestras reutilizables. Exportaciones PDF y B N G. Entonces si este es el ajuste adecuado para ti, entonces adelante y elige esto y empieza de forma gratuita ahora para empezar con nuestros marcos de alambre. Como se dijo, es extremadamente limitada como herramienta. Entonces lo que tienes que hacer, básicamente es que tienes que dibujar estas opciones, y yo voy a hacer esto por nuestros iconos que me voy de pie. Dibuja algo como esto. Y como puedes ver, puedes elegir la opción de texto, y yo simplemente voy a subir siendo logo. Si recuerdas lo que hicimos antes, y yo voy a dar click en este hit control C y luego controlar V para copiar y pegar. Y voy a usar esto para nuestras opciones de menú para que veas lo limitado que es. Básicamente, no tienes ninguna opción, al menos no en las que fundé que quizá puedas posicionar iconos dentro las imágenes de posición y así sucesivamente. Pero como decían, algunas personas pueden encontrar fácil de entender y fácil de usar, por lo que básicamente es para lo que puedes usarlo. Entonces, no simplemente alineemos esto y no perdamos más tiempo. Esta codicia es una gran opción. Pero puedes hacer esto, por ejemplo, y hagámoslo. Incluyamos una imagen porque esa va a ser la imagen de una persona. Y vamos a duplicar tal vez este texto en. A lo mejor podemos posicionarlo aquí. Llámalo un nombre y podrás reducir el tamaño de este texto así. Y quizá podamos hacer otro y llamar a este tiempo fuera de los puestos, tal vez, o algo así, y tal vez podamos incluso reducirlo aún más y posicionarlo aquí mismo. Ahora tenemos un ícono más aquí mismo. Simplemente voy a dibujar un bonito rectángulo grande. A lo mejor puedo incluirlo para que sea un círculo o algo así. Yo lo voy a posicionar aquí, entonces, debajo de eso, tenemos la descripción de nuestra imagen, así que simplemente voy a dibujar un bonito rectángulo grande como este, incluir un texto, y eso va para ser la descripción fuera de nuestra imagen, básicamente, entonces debajo de eso, tal vez pueda incluir la imagen en sí. Entonces algo como esto simplemente haga clic en la imagen es que puedes ver algunas de estas herramientas son realmente fáciles de usar. Mientras que otros son realmente complicados ahora para los iconos. A lo mejor podemos usar esta forma. Quizás posicione esto para estar aquí mismo. A lo mejor puedo llamar a mi tecla de turno o algo así y posicionarla aquí. Entonces tal vez pueda copiarlo. Escucha políticamente acorralado. Si quiere hacer click, su excede extremadamente molesto. Entonces tal vez pueda seleccionarlo así Control C control V Para hacer un duplicado del mismo, lo voy a posicionar justo por aquí, Entonces controle la una vez más para otro duplicado. Y esto va a ser básicamente corazón. Esto va a ser comentario, y esto va a ser compartido. Ahora puedes usar el texto que viste, pero no te voy a molestar con eso. Y una última cosa que quiero hacerlo simplemente dibuja un bonito rectángulo grande alrededor de todo. Entonces algo como esto y puedo posicionar este rectángulo para estar en algún lugar por aquí. A lo mejor así, y puedes dar click aquí mismo. Dice alrededor organizar elementos y puedes enviar este elemento dedo del pie hacia atrás, y luego puedes jugar con todos estos elementos adicionales y puedes muy posicionado, y sin embargo quieras asegurarte de que todo esté en el centro así, puedes hacer click aquí dedo del pie, quitar esta línea de texto para que encaje y vamos a posicionar tal vez invitados como así tal vez podamos mover esto. Puedo hacer click justo aquí, posicionar esto justo aquí, por ejemplo. Y eso es básicamente todo para en esta forma. Ahora puedes simplemente seleccionar todos estos, como así hit control C Control V para tener un duplicado sobre como así Porque si te acuerdas de nuestro papel vía marco, eso es lo que hicimos. Y tal vez podamos seleccionar todos estos. A ver si funciona. No lo hace. Por lo que hay que básicamente seleccionarlos todos dedo del pie, moverlos. Como dije varias veces, es realmente complicado, innecesario, y es realmente aburrido hacer todas estas cosas. Pero básicamente, si quieres algo que es extremadamente simple, ya que esto todavía realmente es que puedes hacer salirte con la tuya con estas cosas. Una última cosa que quiero mostrarles aquí es ¿cómo podemos agregar nuestros iconos justo aquí en la parte inferior? Como puedes ver, aquí está pasando algo raro. Pero déjame ajustarlo rápidamente así tal vez pueda llevar esto aún más lejos así y para los iconos en la parte inferior. A lo mejor sólo puedo usar algunos de estos círculos. A lo mejor puedo posicionarlo todo por aquí. Golpe control C Control V Unas cuantas veces más como esta, y puedo tener mis cuatro. Yo construyo el fondo algo así. Entonces tal vez pueda seleccionarlos todos, y se puede ver que quiere crear una nueva forma. No deja contigo seleccionar esas formas, dijo Aziz. Es extremadamente complicado navegar, pero una vez más es gratis. Y como pueden ver, hemos hecho y completado nuestro simulacro arriba. Entonces básicamente, tendrás que hacer mucho explicando aquí porque, como dije, no puedes incluir ningún íconos o imágenes o algo así. Pero como puedes ver, hace el trabajo. Entonces si quieres explorar algo como este alambre frame dot cc y pondré el link en el dedo del pie pdf. Todas estas herramientas, todos los recursos que voy a utilizar en el discurso por lo que simplemente pueden acceder a ellas con un clic. Entonces, ¿por qué Frame CC es un primer peaje? Y en el siguiente video, vamos a pasar a la siguiente herramienta para que podamos explorar algunas herramientas adicionales que podemos usar para el encuadre de alambre en línea, así que nos vemos allí. 10. Herramienta 2 2: siguiente herramienta que vamos a utilizar es Mach plus, y puedes ver que puedes usarla de forma gratuita durante 15 días antes de tu compra. Entonces si no te interesa esto, tal vez deberías encontrar algunas versiones gratuitas adicionales o otro software libre. Pero dejar que te muestre rápidamente lo que ofrece para que puedas ver tiene una integración rápida. Se puede utilizar para la creación de prototipos. Puedes usarlo para incluir imágenes, por lo que es mucho más elaborado que la herramienta anterior, que te mostré. Entonces cuando descargues e instalas esto en tu máquina, esto es lo que vas a conseguir para que puedas elegir el dispositivo que quieras. Puntera crea tus marcos de alambre para que simplemente puedas crear rápidamente. Y esto es lo que vas a conseguir detrás de esto. Entonces aquí es lo que parece. Entonces aquí mismo a la izquierda, puedes elegir estos bonitos componentes, y puedes hacer clic aquí mismo en estas extensiones. Puedes elegir el diseño que quieras. Entonces como puedes ver, es extremadamente complejo, extremadamente complicado, pero no necesita serlo. Simplemente puedes dibujar como quieras. Por lo que aquí tenemos una barra de navegación. Entonces tal vez pueda arrastrarlo y soltarlo aquí mismo. Pero me está mostrando la barra de navegación android y quiero yo barra de navegación de EU. Entonces si no quieres usarlo, entonces no tienes que hacerlo. Pero como pueden ver, tenemos la barra de acción aquí mismo, y esto es lo que vamos a usar. Entonces en lugar de barra de acción, tal vez la perspectiva EC siendo un local aquí mismo, presione enter o return. Y esto es lo que vamos a conseguir. Y si tienes algún ícono adicional que puedes usar ya sea PNG o SPG, puedes arrastrar y soltar tu icono aquí mismo. Por lo que simplemente puedes hacer doble clic aquí y abrir esto. También puedes hacer clic aquí para ver estas capas adicionales y así sucesivamente. Pero puedes ver que tenemos la barra de acción justo aquí, y tenemos todos estos ajustes adicionales para que incluso puedas cambiar tu nombre de texto justo aquí para que puedas cambiar el color de los iconos aquí mismo. Puedes elegir los teléfonos. Puedes elegir el color fuera del fondo y así sucesivamente. Por lo que tienes todos estos estilos diferentes para que puedas hacer click en estos estilos adicionales para ver que quieras usar. Fue, puede ver justo aquí. Sigamos explorando y encontraremos algunas cosas adicionales que podemos incluir. Por lo que tenemos todos estos elementos estáticos. Como puedes ver aquí mismo tenemos los gráficos. Tenemos la marca arriba. Entonces si quieres dibujar algo y luego compartir con tu equipo, puedes hacerlo también. simplemente puedas arrastrar y soltar lo que quieras dentro. Y aquí tenemos el ícono, y quizá pueda posicionarme. Está en algún lugar por aquí, pero no quiero el ícono así que simplemente puedo golpear. Eliminar. Lo que quiero es la imagen para poder arrastrarla y soltarla dentro. Puedes sostener tu tecla de turno y colocarla justo por aquí porque esa va a ser una imagen de persona. Entonces vamos a arrastrar y soltar algo de texto aquí mismo y para la elaboración de etiquetas. A lo mejor podemos incluir nombre fuera de persona. En algún lugar por aquí, puedes golpear el control. Control C una vez más. Parecen como la otra herramienta. A lo mejor tiempo libre, publica algo así, y puedes sostener tu dedo clave de turno, reposicionarlos por lo que ya el taburete es mucho mejor que la herramienta anterior porque tienes mucho más control sobre estas características. Entonces esta va a ser una descripción de nuestra imagen justo por aquí y por debajo de que va dedo del pie contener la imagen misma. Así que simplemente arrastra y suelta tu imagen aquí mismo. Y quizá pueda volver a posicionarlo para que esté en algún lugar por aquí. Vamos a ver así. Y ahora tenemos que incluir algunos iconos adicionales. Entonces cuando hago clic justo aquí ya ves, tenemos todos estos iconos. Entonces si recuerdas, teníamos el corazón, teníamos el comentario y tenemos el icono de compartir. Entonces busquemos el corazón. Aquí está, y siempre se pobló a la vista. Ahora lo que necesitamos es un texto. Pero antes de pasar a la deuda, vamos a incluir otros o comentarios. Casilla de verificación. Aquí está. Pero no me vuelvas a preguntar sobre esto. Entonces aquí está el comentario justo aquí. Y necesitamos incluir adicional yo consulado busco el corazón. Como viste, vas a conseguir que todos estos popups adicionales molestos para mostrarte que realmente necesitas que Teoh compre este todavia. Pero si no quieres. Simplemente puedes continuar durante 15 días como te muestran en su página web. Entonces vamos a duplicar esto así Y ahora vamos a tratar de comentar así. Y ahora se duplica una vez más y vamos a escribir en share como así. Y ahora saltemos al texto para que puedas hacer clic aquí y arrastrar y soltar el subtexto. Entonces para el corazón, veamos 125 así y puedes duplicarlo. Por lo que control C control re posicionamiento aquí. A lo mejor podemos teclear No. 86 digamos y para este texto, tal vez podamos teclear compartir como es. Entonces algo como esto haciendo que s mayúscula así y puedes mantener presionada la tecla de turno para seleccionarlos a ambos y darles un poco más de espacio. Y esto es genial porque puedes ver todo este espaciado sucediendo, y simplemente puedes seleccionarlos todos y simplemente ajustarlos a los dedos como quieras. Entonces, como dije esto ya es mejor dedo del pie que el anterior, que te mostré. Pero si tú no quiero pagarlo, simplemente puedes usar la anterior o encontrar herramientas adicionales que quieras usar. Ahora necesitamos una Nikon como esta aquí mismo. A lo mejor podemos usar este, pero no para molestarte y desperdiciar más fuera de tu tiempo que simplemente seleccionamos todos estos y ver si podemos agruparlos así. Así que simplemente golpea el control G. Y va a agruparlos. Y puedes cambiar el nombre de tu grupo así y por el nombre fuera del grupo. A lo mejor podemos escribir, por ejemplo, en tu vida así. Y tal vez podamos duplicar esa para poder copiar. Y quizá podamos pegar aquí mismo. O tal vez incluso puedas hacerlo desde aquí. Por lo que el control C control V así. Y esto va a ser una imagen para, por ejemplo, así y muy lastimada. Tenemos nuestro layout listo para ir, y puedes compartirlo con personas de tu equipo o con algunos otros diseñadores. Y puedes guardarlo desde aquí. Puedes exportarlo, por ejemplo, como ser G, y puedes compartirlo con tus clientes. Pero una última cosa que necesitamos aquí en la parte inferior son nuestras opciones. Por lo que vamos a incluir eso. Por lo que ahora vamos a incluir nuestros iconos. Y desde aquí voy a buscar casa. Aquí está. Voy a dar click y lo voy a posicionar aquí mismo, Abajo en la parte inferior Hit Control C Control Veto. Hacer un duplicado de la misma. Y aquí mismo vamos a usar ese comentario uno como Así que se va a poblar y se puede alinear así. Golpear control C Control V y usemos mapa. Quizás eso incluso tiene el dolor Lo hace y finalmente controla C Control Re para el perfil. Aquí está, y tal vez podamos usar la muerte uno. Entonces, como puedes ver, este taburete es realmente fácil de usar una vez que obtienes el glitz hang. Y esta versión gratuita realmente te puede llevar ahí. Y realmente puede ayudarte a explorar este proceso de encuadre de alambre en la forma digital ya que tal vez no te des cuenta. O si lo hizo. No creé el marco a su alrededor porque creo que no lo necesita porque muestra esta luz genial, um, um, bar a su alrededor. Entonces creo que se va a ver el dedo del pie realmente desordenados aquí mismo. Entonces, como puedes ver Es extremadamente fácil usar estos, y es extremadamente fácil trabajar en simulacro plus. Entonces, una vez más, si te gusta este tipo de cosas, si quieres explorar este taburete un poco más, puedes. Y si volvemos a saltar aquí, déjame revisar los precios. Estoy usando este one mark plus B r, que es lo que lo descargo, y se puede ver lo caro que es, básicamente, es de 200 dólares al año. Entonces es mucho más caro, en mi opinión, en mi opinión, que las taburetes de adobe, por ejemplo, así que puedes usar un dulce off a Jules, creo, por 19 dólares al mes, así que eso es ya casi mucho más barato. 10. Esto. Pero puedes salirte con la tuya con la versión profesional fuera de Adobe Exit, por ejemplo, porque el adobe suite completo es mucho más caro, obviamente, pero una vez más, te da muchas más opciones. Pero tampoco tienes que pagar por Adobe X T. Puedes usar la planta libre para siempre. Básicamente, solo estás limitado con pocos fuera de las opciones, pero solo quería mostrarte que también tienes esta opción, Así que si quieres explorarla. Y si quieres profundizar en Mark plus, ahí lo tienes, ahí lo tienes, puedes descargarlo y creo que el link en un archivo pdf, cual puedes descargar y dar click en el link y luego simplemente visitar esta web y descargar Moke plus y pruébalo por ti mismo una vez más. Como dije, son 15 días de prueba gratis, así que echa un vistazo. No tienes nada que perder porque es una prueba gratuita. Y tal vez hasta te guste. Entonces eso fue lo que fue para la marca plus y te veré en el siguiente video. 11. Herramienta 3 3: Al lado, voy a mostrar. Se llama justo en mente, y tienen este marco de alambre gratuito hasta que para proyectos Web y móviles, se puede ver que funciona en Mac es Bella en Windows, y se puede dar clic aquí para descargarlo gratis. Te pedirán una cuenta gratuita, y una vez que tengas 15 días de prueba gratuita se acabe, tu ritmo continuó con el Plan Free Forever y Free Forever. Planta apenas cubre este encuadre de alambre al que básicamente es lo que nos interesa, pero tienen todas estas otras herramientas. Entonces te tienen a ti. Yo niños que tienen. Se pueden ver requisitos de colaboración móvil privada, integraciones con otras herramientas y así sucesivamente. Entonces por todo eso, tendrás que pagar. Pero para el encuadre básico de alambre a usted son capaces de usar eso de forma gratuita. Entonces si me desplazo aquí abajo, se puede ver que se pueden crear prototipos de alta fidelidad. Se puede ver para qué sirve. Se pueden incluir imágenes, y de esto es de lo que es genial. Es que puedes agregar estos campos interactivos, por ejemplo, formas interactivas, y tienes todos estos elementos prepreparados que simplemente puedes arrastrar y soltar incluir en tus propios diseños. Se pueden ver algunas empresas que lo están utilizando. Se puede ver cómo se ve una vez que emulaste, por lo que básicamente puedes previsualizar tu prototipo y ver cómo funciona. Y es para todas esas cosas básicas, como como puedes ver justo aquí llenando los formularios, llenando algunos de estos calendarios, por ejemplo, así que en adelante puedes arrastrar y soltar imágenes dentro puedes recortar imágenes incluyen diferentes fondos, diferentes estilos, colores y demás. Y puedes ver que puedes integrarlo con todas estas herramientas, incluyendo Adobe X'd, y puedes ver que puedes probar todas las funciones durante 15 días, y luego podrás cambiarte a la adición gratuita para siempre. Y se puede ver la diferencia entre libre y profesional aquí también. Yo estaba de permiso. Voy a dejar el enlace en el archivo pdf, y simplemente puedes acceder a él y luego leer todas estas cosas. Entonces para empezar, así es como podría verse Justin. Y como dije, se puede importar nuevo desde estos archivos, o se puede empezar con el nuevo prototipo. Podrías simplemente rápido ahí, y luego puedes elegir entre todos estos diferentes dispositivos. Puedes ir de izquierda a derecha para cambiar entre los dispositivos porque te estoy mostrando ejemplo de iPhone X . Con esto aún no en lo alto. Simplemente seleccionemos eso y puedes empezar con todas estas diferentes personas elementos loro . Pero simplemente vamos a empezar con orientación vacía en Portrait Click Finalizar. Se va a empezar a cargar estos widgets y Justin mind prototype er y todo esto te estoy mostrando en este video es una aplicación de escritorio, así que tienes que instalarla en tu computadora. Pero el problema es que está quitando todos los activos del interior del software de Internet. Entonces como puedes ver se está tomando. Es hora de cargar cuando te voy a mostrar. Cuando empezamos a crear nuestro layout y empezamos a importar nuestros iconos, va a llevar mucho tiempo. Y eso es en mi opinión. Lo peor posible de este software es que se está tomando mucho tiempo libre así que de inmediato se puede ver que se ve mucho más limpio y mucho más bonito que el ejemplo anterior que te mostré en el video anterior, pero aún así, no parece tan complicado. Se ve familiar de alguna manera, porque puedes encontrar todas estas herramientas en todos estos otros Softwares. Entonces, para empezar, corremos rápidamente y veamos qué hace todo. Entonces tienes tus herramientas básicas aquí mismo, y si pasas por alto, no puedes ver lo que hace todo. Entonces básicamente tienes que hacer clic y puedes ver que es un inconveniente importante, en mi opinión. Pero básicamente se puede ir archivo y se puede exportar a documento, y se puede exportar a perros o documento personalizado, y se puede. Después puedes guardarnos imágenes, y luego puedes compartirlas con tu cliente y así sucesivamente. Y básicamente lo que sientes aquí mismo es ver en dispositivo. Por lo que tienes que instalar la app en tu teléfono móvil, y luego podrás conectar este software con tu APP en tu teléfono móvil. Segundo, directamente, previsualizarlo en forma móvil y también puedes simular, Así que cuando hagas clic justo ahí, se abrirá la asimilación. Y eso es lo que les mostré en su ejemplo. Entonces déjame encontrarlo rápidamente. Aquí está. Este es el simulador. Entonces una vez que hayas terminado con tu diseño. Y mientras estás diseñando, siempre puedes volver aquí y comprobarlo dentro del simulador y ver lo que has hecho. Entonces básicamente justo aquí en la parte superior, tienes tu barra de herramientas básica. Tiene comentarios de interfaz de usuario, escenarios de mapas laterales y requisitos. Como dije, esta es solo la versión gratuita, y todos estos vienen unas versiones de pala. Por lo que tienes que pagar los comentarios de acceso del dedo desde el sitio de tu cliente, mapas en áreas y tanto tiempo aquí mismo, vas a ver los elementos, y este es básicamente el panel de capas. Pero sólo su propia mala versión en podría decir así aquí tienes estos regentes, y este es el tema principal que tengo con esta app es todos estos widgets son una carga desde Internet. Básicamente, si bien eso podría ser algo bueno para todos ustedes con velocidades de conexión a Internet más lentas, será terrible porque va a empezar a llevarles mucho tiempo haciendo todas estas cosas básicas. Pero creo que es genial tener esta opción solo me pareció extremadamente lenta y extremadamente TD's, así que aquí mismo están algunos de estos elementos básicos. Tenemos componentes IOS, y se pueden ver todos estos allá abajo y se pueden ver algunos iconos básicos de iris aquí mismo. Entonces lo que necesitamos aquí mismo es que vamos a necesitar algunos. Veamos formularios y controles. A lo mejor está ahí. No lo es. Entonces tal vez sean barras, menús y pestañas porque necesitamos la barra stop aquí mismo y básicamente solo tienes que hacer clic en ella, arrastrarla y soltarla como un show te En el ejemplo anterior, vamos a escribir local aquí mismo. Si recuerdas de un ejemplo anterior y un buen, simple del click justo aquí y borra esto. Y en lugar de buscar un icono de búsqueda, tal vez incluso pueda hacer eso. Vamos todo el camino hacia abajo. Aquí está la búsqueda. Simplemente puedes arrastrarlo y soltarlo en posición aquí mismo. Voy a empujar en su lugar sólo un poquito, y voy a simplemente en borrar este icono. Simplemente haga clic, elimine y luego simplemente, puede mantener presionada su tecla de mayúsculas y simplemente no esto, y puede ver que está fuera de la parte superior de la barra para que simplemente pueda arrastrarla dentro de la parte superior son. Y ahora sigamos creando nuestro layout. Entonces lo primero que necesitamos es una imagen, así que me desplazaré hasta aquí. Goto básico. Aquí está la imagen que simplemente puedes arrastrarla y soltarla dentro de la posición justo aquí para que puedas ver inmediato. Esta es una herramienta mucho más fácil de usar que la anterior que te mostré. Vamos a arrastrar en el texto. Voy a escribir nombre, por ejemplo, por ejemplo, o nombre de persona nombrada. Vamos a llamarlo así. Y lo que es genial es que simplemente puedes aumentar o disminuir el tamaño. Entonces, por ejemplo, usemos 18. Pero creo que es demasiado grande. Vamos con 14 puedes ir control C Control V para hacer un duplicarlo. Colóquelo aquí mismo. A lo mejor hacer esto más pequeño. A mí me importa. Por lo que tiempo fuera post. Digamos solo para que sepamos lo que es, y puedes seleccionar y audaz manteniendo el turno y simplemente posicionarlos en el medio así que incluso puedas ir más allá y reducir esto aún más a algo como esto. Entonces colóquelos justo por aquí. Cualquier cosa que sea buena. Lo que necesitamos ahora mismo es ese ícono del menú. Entonces vayamos todo el camino hasta que lo vea aquí mismo y déjame mostrarte rápidamente. Entonces si vas aquí mismo, tienes esta búsqueda. Da clic ahí y solo echa un vistazo al tiempo que tarda en encontrarlo. Entonces simplemente voy a escribir en el menú. Ya he terminado de escribir, y se puede ver cuánto tiempo se tarda en encontrarlo. Y este no es el hi corn, que estaba buscando. Entonces cuando hago clic aquí, haga clic en mi tecla de retroceso. Se puede ver cuánto tiempo se tarda en volver atrás. También puedes hacer clic en esta X, pero puedes ver que va a empezar a cargarse. Se va a empezar a borrar. Entonces básicamente, toda la vuelta va a manchar el dedo del pie hacia arriba, llevando a pausar el video hasta que se limpia. Entonces una vez que lo haga, simplemente tienes que desplazarte aquí. Entonces encuentra el ícono que estás buscando. Entonces déjame ver cuál es. Es éste. Entonces básicamente, queremos incluir esto más. Aquí no puedo. Voy a ponerlo en posición. Voy a duplicar este texto. Colóquelo justo por aquí. bueno llamarlo descripción de ti, Mitch, que se publica, por ejemplo, algo así. Entonces lo que necesitamos es una imagen. Entonces simplemente voy a arrastrarlo y dejarlo en posición en algún lugar por aquí. Ampliado hasta aquí para que puedas ver de inmediato. Este es un ejemplo mucho mejor que un video anterior que te mostré, pero sigue siendo extremadamente lento y extremadamente tedioso para hacer todas estas cosas. Por eso adoro a Adobe X'd. Pero vamos a llegar a ella en el video posterior. Entonces voy a arrastrar y soltar mi icono de corazón. Colóquelo justo por aquí. Voy a desplazarme hacia abajo para ver si puedo encontrar un icono de chat. Usemos este para la acción y cobertizo está en algún lugar por aquí, creo que aquí es tan arrastrarlo y dejarlo en posición. Voy a dar click del dedo del pie aquí mismo, duplicar este post y vamos a usar 1 25 para esto. A lo mejor moverlo un poco por aquí. Usemos vamos a ver 84 para esto, tal vez, y vamos a duplicar una vez más para esto. Llama a este share como así, y simplemente puedes posicionarlo donde quieras. Y ese es otro tema que tengo con estos Softwares es que no se puede estar completamente seguro dónde están estas pautas. Y por eso me encantan los productos de Adobe X'd y Adobe en general, porque es extremadamente sencillo encontrarlos. Eso es simplemente seleccionar todos de estos. Vámonos a aquí. Vamos a alinear centro Lo sentimos, no todos en centro, sino alinear medio así y ahora están alineados en el medio. Entonces una vez terminamos que lo que necesitamos es una forma básica. Entonces voy a elegir mi arrastre de rectángulo. Estaban por aquí, digamos Y aquí está. Voy a hacer doble click aquí mismo. Llámalo G. Simplemente así sabía lo que es. Voy a arrastrarlo todo el camino hacia abajo justo debajo de mi imagen y luego seleccionar todos estos elementos como así manteniendo presionada la tecla Mayús, clic derecho y luego agrupar en panel dinámico porque si tu grupo en master, creará un maestro componente. Básicamente, a partir de esto que no queremos. Simplemente queremos a este grupo y lo vamos a llamar imagen uno. Otro inconveniente del software es una vez que hace doble clic aquí, no se puede comando A ni controlar A. Como puede ver, no hace nada para seleccionar este texto. Básicamente tienes que hacer esto y luego teclear tu nombre, click derecho sobre él, duplicar, o puedes golpear control o comando D, y vamos a posicionarte. Está en algún lugar por aquí diciéndome, quítalo un poco hasta aquí hasta que se alinea, y eso es básicamente todo para nuestro prototipo. Todo lo que tenemos que hacer aquí mismo es crear una pestaña son así que voy a ir justo aquí a bares, menús y pestañas. Localice mi bar. A lo mejor éste. Creo que va a funcionar bien, posicionándose a algún lugar por aquí. Y como sólo necesitamos cuatro, no necesitamos cinco. Se puede hacer doble clic en el interior. Por ejemplo, Sólo tienes que ir a la opción C donde se golpea? Elimine y luego haga clic aquí y luego simplemente amplíelo para llenar así Una vez que lo haya escuchado, simplemente puede cambiar el nombre de estos. Entonces esto va a ser perfil. Esto van a ser localizaciones. Esto va a ser, veamos cállate. Y finalmente, esto va a ser en casa. Por lo que necesitamos remplazar estos. Considero que básicamente significa que volvamos atrás y encontremos estos iconos para que podamos usar este para nuestro perfil o hielo. Creo que vi mejor uno todo el camino hacia abajo, pero desplázate hacia abajo y mira qué es para que puedas ver esto te está tomando mucho tiempo libre. Básicamente, en cualquier otro software, simplemente puedes integrar iconos y hay en el arrastre y soltarlos en su posición. O si has comprado, por ejemplo, y vuelvo, entonces simplemente puedes arrastrar y soltar eso en posición y usar eso. Pero con todos estos Softwares simplemente demasiado limitados para mi gusto y están tomando demasiado tiempo, veamos molestias, Seiken, Seiken, tal vez para localizaciones. Sí, como así lo que necesitamos para el chat. Vamos a encontrarlo. Creo que está en algún lugar justo aquí. Veamos aquí lo ISS secando y dejarlo caer. Y como no tenemos casa, no puedo simplemente dejar esto aquí mismo. Entonces una última cosa que quiero mostrarte con este software es cuando haces click. Simular va a mostrar esto en proceso y abrir una nueva ventana. Y así es como se ve esa ventana. Entonces Básicamente, puedes hacer clic y arrastrar puedes ver. Por ejemplo, si tienes múltiples fuera de estos, veamos si podemos hacer que eso funcione. Está cerrado. Esto es Palumbo a duplicados. Vamos a posicionarlo más o menos por aquí, por ejemplo, sólo para ver si puedo mostrarte la deuda como un ejemplo real como ese. Pero lo que necesitamos es posicionar la barra de remolque en la parte superior, así para que esto pueda ir por debajo de ella. Y si saltamos dentro de fondo de BG y si veo justo aquí la transparencia está en 0% así lo hizo se queda plana. Y una vez que simulemos rápido una vez más, lo va a abrir aquí mismo. Y como puedes ver, puedes desplazarte hacia abajo y ver a dónde te va a llevar porque esto no está arreglado, y puedes ver algunos problemas de alineación aquí mismo en estos iconos. Pero como esto no está arreglado, por ejemplo, no puedo arreglarlo en este momento aquí mismo, o no puedo desplazarme más allá de esta barra de pasos. Entonces como puedes ver, hay muchas, muchas, muchas limitaciones con el software. Pero si solo quieres algo que puedas probar, por ejemplo de jugar con él entonces puedes explorar justo en mente. De verdad te recomiendo que pruebes todas estas herramientas y solo veas por ti mismo si tienes tiempo, qué mejores son los productos de Adobe, X'd y Adobe en general. Y también boceto y producto. Si te gusta usar esas herramientas en el siguiente video, te voy a mostrar Final One de estas herramientas online. Y luego vamos a pasar a por tienda y finalmente a Adobe es donde vamos a explorar múltiples herramientas que Adobe X'd te ofrece. Y te voy a mostrar lo fácil que es usar y básicamente dominar el juego de encuadre de tu esposa . Entonces te veré en el siguiente video. 12. Herramienta 4 4: el último de estas herramientas en línea, que quiero mostrarles una escuela balsámica e islámica, es quizás el dedo más conocido en línea para marcos de alambre porque es extremadamente fácil de usar . Es extremadamente fácil comunicar tus ideas con los diseñadores, y básicamente es una herramienta que tus clientes podrían usar para enviarte sus ideas. Entonces tal vez tengan algunas ideas. Los ponen a papel, pero lo están moviendo un paso más allá con balsámico para crear estos lindos marcos de alambre de aspecto , que todos pueden entender. Y si te desplazas hacia abajo en su página web y qué es otra vez, dejaré el enlace en un archivo pdf para que puedas comprobarlo tú mismo. Así es como se ven los marcos de alambre. Básicamente, son como bocetos, y es extremadamente fácil de entender para todos. puede ver que son un poco divertidos y extremadamente fáciles de comunicar tus ideas, y puedes ver algunos ejemplos básicos aquí mismo. Entonces lo que necesitas hacer es crear una cuenta gratuita, y te van a dar, creo, creo, 30 días de prueba gratis, y después de eso puedes empezar con 9 dólares al mes. Esto es útil parece islámico. Entonces una vez más, es extremadamente colorido y extremadamente especie de caricatura como así básicamente aquí tienes a tu esposa marcos que puedes crear es muchos de ellos. Como quieras. Aquí van a ver las notas. Versiones alternas. Se pueden ver todas estas herramientas aquí mismo en la parte superior. Tienes el taburete bar donde puedes elegir todas las diferentes opciones, que puedes arrastrar y soltar en el marco de alambre. Entonces, básicamente, lo que vamos a hacer es arrastrar y soltar. iPhone en el interior. Puedes ver con muesca justo aquí, y puedes posicionarla donde quieras. Al igual que lo que voy a hacer a continuación es simplemente elegir un rectángulo arrastrar y soltarlo en posición, como así se va a chasquear por todos lados, y me va a mostrar el medio. A continuación, voy a poner un texto tan completo aquí mismo, y tengo texto frijol y veamos qué podemos hacer, tal vez entradas de texto. Entonces básicamente, basta con hacer click lo va a posicionar aquí mismo. Voy a hacer doble clic dentro y llamarlo centro de prensa de logotipos, y puedes posicionar tu texto aquí mismo. A continuación, lo que vas a hacer es usar, um, Michael. Entonces voy a empezar a escribir la búsqueda, hacer clic, y simplemente colocarlo todo aquí mismo. Al igual que después de eso, podemos usar el menú, y tenemos estas barras para que simplemente haga clic y arrastre a su posición. Y se puede ver de inmediato lo fácil que es distal usar la imagen mecanografiada. Y se puede ver esquema de archivo de imagen. Cuadro delineado. Simplemente voy a usar esta imagen. Colóquelo aquí mismo. Y una vez más, puedes reducir el tamaño si quieres. Se puede mantener presionada la tecla de turno en su posición como. Entonces voy a añadir un texto una vez más. Y no necesito esto. A ver, ¿qué otras opciones tenemos? Vamos a ver una línea de texto, tal vez Like this. Usted Condell haga clic aquí y lo llaman centro de persona. Y puedo controlar el control C. Sé una vez más y tiempo fuera post como so centro de prensa. Se puede ver lo extremadamente fácil y sencillo que es usar esto. Y vamos a ver. Ah, a tamaño, color del texto. Podemos reducirlo para escuchar tal vez 16. Sí, creo que eso se ve bien después de eso lo que podemos hacer es más dejar así que tal vez la corriente hacia abajo. Podemos usar eso. O veamos si tienen esos puntos que tienen, podemos usar los de thes posicionarlos aquí y se puede ver de inmediato. ¿ Cómo es el taburete es de dos años? Creo que esta es la herramienta más fácil de usar fuera de todas estas, que te mostré. A continuación, necesitamos una línea de texto. Entonces veamos una línea de posición de texto para escuchar un pequeño clic en el interior. Y esto va a ser descripción fuera de la imagen publicada, tal vez para un centro, y vamos a reducir el tamaño a tal vez 16 para que coincida con este texto. Incluso puedes subirlo un poco. Entonces podemos usar una imagen. Entonces tal vez este. Colóquelo justo aquí, y luego lo voy a extender un poco. A lo mejor así voy a usar corazón. Aquí está. Usemos delineado como lo siguiente Chet o comentario. Como puedes ver, tienen este ícono pero no importa. Esa es posición para aquí y tal vez compartir como ésta. Colóquelo aquí y veamos, tal vez podamos duplicar este en él. Yo comparto, así tal vez pueda moverlo a algún lugar por aquí. Hagamos control. C controlamos una vez más. Esto se va a escribir en un antes, por ejemplo, y veamos uno más. Y esto va a ser Vamos a ver 125 así, Y se puede ver sólo en unos minutos. Ya creé lo que nos llevó, Digamos, 10 o 15 minutos crear en estos otros Softwares. Entonces esta es básicamente la clave. Necesitas gustarte esto para crear estos marcos de alambre de forma rápida, fácil y para hacerlos que todos entiendan dentro de tu equipo cómo se va a ver esto . Entonces vamos a ver. A lo mejor podemos usar una barra de tap o una barra de botones de botón. Veamos ese bar. Es trabajo de fondo. Creo que esto podría funcionar, pero creo que necesitamos crear uno nuevo. Entonces usemos un rectángulo arrastrar y soltarlo en su posición. Entonces está bien, aquí, así. Entonces usemos estos iconos a casa. Aquí está. Yo lo voy a colocar aquí mismo. Lo que necesitamos después es Chet. Usemos exactamente el mismo icono que éste. Una posición justo aquí, luego mapa. A ver. Mapa en mapa Maker funciona bien. Al igual que así y finalmente perfil. A ver, el usuario lo posiciona aquí y entonces tal vez simplemente empujó estos iconos a la izquierda y a la derecha, y eso es básicamente todo. puede ver cómo se ve, y básicamente hemos terminado nuestro marco de alambre. Lo que puedo hacer es simplemente seleccionar todos estos y luego hacer un duplicado de ellos y luego hacer otro abajo. Soto Agrupa tus capas. Tienes que seleccionarlos porque, como puedes ver, tenemos cualquier panel de capas. Entonces como decían, Um, veces te vas a encontrar algunas de estas cosas, por lo que es mucho más importante lidiar con ellas a medida que trabajas. Entonces tal vez no debería haber creado esto así. Entonces tal vez pueda simplemente reducir el ingenio de esta entrada de texto, así Así es más fácil para mí seleccionarla, que luego pueda mantener presionada su tecla de Mayús y simplemente seleccionar todos estos iconos y todos estos elementos así, y lo que tienes que hacer es simplemente ir justo aquí donde dice grupo o puedes usar el control G, Entonces tienes que duplicarlo, que es Control D, y luego simplemente puedes posicionarlo justo por aquí. Y si me desplaza hacia abajo va tapa del dedo sobre mi barra de pestañas. Entonces básicamente puedes hacer clic aquí y enviarlo a atrás y luego simplemente traerlo adelante . Y eso es básicamente todo. Ese es nuestro marco de alambre hecho. Y como puedes ver, nos llevó menos de 10 minutos crear la pantalla, lo cual es extremadamente útil cuando estás creando muchas pantallas y puedes ver que es divertido porque todos pueden entender dentro de tu equipo o de tu cliente lo que todos estos elementos son lo que significan. Pero esto todavía no es lo que yo elegiría. Te voy a mostrar para la tienda siguiente, que es la mayor, y siempre ha sido un gran dedo del pie. Pero todavía no es la herramienta que utilizaría para marcos de alambre que seguirá siendo Adobe X'd porque fuera de su versatilidad, y básicamente está hecha para este material. Entonces eso es todo para balsámico. De verdad espero que te guste. Puedes comprobarlo. Como dije, una prueba gratuita de 30 días. Puedes probarlo y simplemente jugar con él y ver qué se puede llegar con estos marcos de alambre de fondo. Y una cosa más que quiero mostrarte es cuando haces clic en más controles aquí mismo se va a abrir esto y puedes elegir entre todas estas diferentes plantillas. Se puede ver lo que otras personas han creado. Puedes incluir diferentes colores, diferentes formas, etcétera, y simplemente puedes elegir entre diseño, plantillas, tutoriales, etcétera. Por lo que es extremadamente útil. Este taburete es realmente genial y un comando de agente inmobiliario que al menos lo revisas y veas por ti mismo si te gusta o no. Y una última cosa que quiero mostrar antes de que terminemos. Tienes este botón de compartir aquí mismo, y puedes compartirlo con tus clientes que podrían enviarles el enlace, y ellos pueden comprobarlo. Pero obviamente tienes que pagar para poder hacer eso, y finalmente, puedes dar click aquí mismo donde dice proyecto. Se puede tomar una instantánea. Si tienes múltiples fuera estos Oregon hover por aquí dedo del pie exportar y luego marco de alambre actual para estar en G o puedes usar un fondo transparente. También puedes usar marco de alambre a Jason apareciendo a codificar, lo cual es genial en trabajar con desarrolladores. Pero eso es básicamente todo. Eso es balsámico para ti. De verdad espero que te guste. Adelante, echa un vistazo. Diviértete un poco al menos hasta que se acabe tu juicio porque tienen muchos de estos diferentes elementos. Y también te pueden dar algo por dentro sobre cómo puede ser una herramienta profesional. Debido a que todos estos elementos puedes usarlos tú mismo dentro de otro software que estás usando. Entonces, por ejemplo, podría no considerar todas estas formas diferentes. Entonces cuando haces clic aquí mismo, puedes ver todas estas diferentes formas, y tal vez puedas ver algunos elementos que no usaste antes, y te pueden dar inspiración para usarlos en tus proyectos. 13. Wireframing de Adobe Photoshop: en este video, voy a mostrar cómo puedes crear ese mismo simulacro de marco de alambre que creamos en todos estos otros Softwares en Adobe para una tienda. Y en este video estoy usando para Shop CC 2000 y 14. Pero puedes usar básicamente cualquier otra versión. No estoy actualizando a las versiones más nuevas porque no uso para una tienda para mi trabajo principal. Simplemente lo uso dedo del pie, edite fotos y para manipular fotos y en algún texto cuando no hay otras herramientas disponibles para hacer tal cosa. Porque para tienda sigue siendo el rey fuera manipulando tus imágenes. Básicamente, lo que tenemos aquí mismo es nuestro archivo, y puedes saltar aquí mismo para archivar nuevo y esta ventana va a aparecer. Y estoy usando 1920 con 10 80 a las siete a la resolución. Porque estamos trabajando para la Web, simplemente puedes hacer clic en Aceptar, y va a crear eso para ti. Esto es lo que ves aquí mismo. También estoy usando esta pantalla, y si salto aquí mismo, se puede ver que es 375 con 8 12 que es básicamente el tamaño del iPhone 10 y 11 para las pantallas . Y también estoy usando estos iconos Big I constante, y voy a dejar el enlace en la descripción si quieres usar estos iconos en particular , cuales estoy usando sus iconos premium. Pero también vincularé algunos iconos gratuitos que puedes encontrar y utilizar en tus proyectos. Pero se puede ver una real como ésta porque es extremadamente versátil. Está extremadamente bien hecho. Es extremadamente coherente, y también es que también tiene muchas de estas categorías, y básicamente puedes usar estos mismos iconos para una variedad de proyectos diferentes, y siempre funcionarán sin importar lo que estés haciendo de vuelta a nuestro trabajo. Seleccioné estos iconos de esta espalda. Simplemente los arrastro y los suelto aquí mismo usando el dedo del pie de movimiento, y voy a usar estos iconos en nuestro proyecto. Fui a reducir un poco el tamaño, así que déjame seleccionarlo rápidamente manteniendo presionada la tecla Mayús y luego manteniendo nuevamente mi tecla Mayús porque quiero hacerlos agradables y pequeños porque realmente no hay necesidad que sean así de grandes. Granna fue puesto similar y en inconformista como Así, no, lo que vamos a hacer es que vamos a empezar con Top Bar. Parece que lo hicimos con todos los ejemplos anteriores. Puedes dar click aquí mismo, pero voy a dar click afuera y tipo simple de logo podemos usar más adelante. Es frente frecuente. Creo que eso está bien. Simplemente puedes usar tu herramienta de movimiento. Colóquelo aquí mismo. Voy a hacer click en T y reducir el tamaño. A ver, tal vez 24. Creo que eso está bien. Haciendo centro alineado control más viejo Haz clic aquí, mueve el dedo del pie y luego simplemente colócala donde quieras en el campus. Voy a dar clic en el icono de mi menú, y no tendría que acercar un poco porque es un poco complicado seleccionar todos estos y me voy de pie, seleccionarlos y luego simplemente posicionarlos todos encima de mi pantalla solo para que pueda ver ellos. Voy a posicionar esto para estar en el centro fuera de mi texto y tal vez, pero ver 20 píxeles está bien desde el borde derecho. Voy a renombrarlo menú porque todos estos iconos vienen sin el nombre, así que eso es un inconveniente. Pero básicamente es cosa mayoritaria con todos estos pactos por venir sin ningún medio. Por lo que tienes que renombrarlos tú mismo. Pero está bien porque para la mayoría fuera de los iconos hay que renombrarlos. De todos modos, voy a seleccionar mi pantalla, posicionarla al turno izquierdo 12 y luego renombrar esto para buscar. Voy a posicionarlo aquí mismo, entrar en posición a menú justo aquí, seleccionarlos todos, clic aquí y luego tal vez apilados en la parte superior y luego tal vez 10 o 20 abajo para que me asegure de que todos sean alineado perfectamente como Así que ahora que tenemos completo eso, puede ver que esto se ve mucho más bonito ya que todos estos ejemplos anteriores, lo cual se les muestra, y ni siquiera hemos empezado todavía. A continuación, vamos a usar ese dedo del pie rectángulo, así que voy de dedo del pie, crear un rectángulo. A ver, tal vez podamos posicionarlo para alinearse con nuestros iconos, algo así, Y dejémoslo aquí por no, lo vamos a llamar públicamente BG. Yo lo voy a posicionar todo el camino hacia abajo, vuelco todo menos por pantalla. Y ahora empecemos a crear nuestros elementos. Entonces vamos a empezar con un círculo. Yo lo voy a llamar Molitor. Perdón, no tendía a cambiar el nombre, así que escucho. Fui a posicionarlo justo por aquí. Voy a hacer doble clic y usar este mismo color, y me voy con el dedo del pie. Asegúrate de que un objeto, por ejemplo, 10 píxeles O podemos usar el color más oscuro. Entonces el DDT, por ejemplo. Y voy a usar el DDT para esto también. Sólo para que puedas ver todos estos iconos un poco mejor. Ahora, simplemente puedo hacer clic aquí. Golpear el control C o el control J o Comandante. Haga clic aquí y tecleando. Nombre apagado. Asegúrate de que quede de la línea y asegúrate de reducir el tamaño. Veamos 14 obras. Bueno, posición. Es más o menos por aquí. Control J una vez más. Esto va a ser puestos de tiempo como así de una manera de seleccionarlos a ambos, cambiar 12 y asegurarse de que estén en el centro así. Tan solo asegúrate de alinearlos correctamente. Y esto soy solo yo siendo un poco molesto con todo esto. Pero puedes si quieres simplemente dejarlos sin alineación. Fuimos a posicionar esto aquí mismo es zoom en un poco y asegurarnos de que sean 10 píxeles. Igual que, nuestra imagen es la siguiente. Vamos a duplicar esta posición por aquí. Esta va a ser la descripción de nuestra imagen Publicar imagen. Sólo para que se sienta más fuera del espacio así. Y voy a posicionar, por ejemplo, 20 píxeles hacia abajo. Creo que eso funciona bien. Al igual que así. Y voy a asegurarme de que esto tal vez podamos mostrarlo, uh, uh, con un esbozo. Entonces tal vez podamos usar el color del trazo para esto, así, pero solo trazo más pequeño. A lo mejor uno que funcione bien. Si esto es algo que quieres porque entonces puedes tener fondo blanco también, como así si quieres y puedes llamarla tu color decidido de BG. Por lo que puedo simplemente lindo. Yo muestro y necesito desbloquearlo primero. Y luego un medallón una vez más. Tan solo para que no lo mueva y luego la pantalla puede ser blanca. Y aquí vamos. Si golpeamos el control cero, se puede ver cómo se ve eso. Ahora volvamos, dedo del pie nuestra imagen. Y en lugar de crear nuevas formas y de ir a golpear el control de Jay en esta, voy a llamarla imagen así. Y vamos a moverlo aquí así que carajo. 12 Lo voy a posicionar justo por aquí, por ejemplo. Y luego fui simplemente posicionando a aquí él control. Da click en mi pantalla Lear Press V. Colóquelo en el centro. Y ahora tengo mi imagen y mi imagen puede ser de este color y simplemente puedo calentar ocho y luego clic aquí para quitar el trazo. Y ahora ya no tengo un derrame cerebral. Y hasta puedo reducir el ingenio un poco más así 3 20 por ejemplo, solo para que puedas verlo un poco mejor y asegurarte de que sea 20 abajo, como así tal vez incluso enviar. A lo mejor no necesitamos 20 como así creo que eso funciona bien. Y por último, vamos a incluir ícono aquí mismo, visualización del dedo del pie. Esta es una imagen. Entonces lo que voy a hacer es localizar mi imagen. No puedo Aquí está. Ella controlaría G y luego simplemente lo colocaría en su lugar así lo voy a agrandar un poco así sólo para que indicara esta es mi imagen en civil y voy a mover estas dos capas o justo aquí, por ejemplo, imagen que veo. Y asegúrate de que esté en el centro así. Si no te gusta que sea así de grande, puedes mantener viejo tu turno y hacer click izquierdo sobre tu ratón para reducir el tamaño. Lo que también necesito es este ícono de avatar, Así que voy a controlar el dedo del pie J una vez más, y luego lo voy a seleccionar y moverlo. Se puede ver que es mucho más difícil hacer clic porque son demasiado pequeños posicionamiento por aquí . Después muévelo dentro de una posición mucho mejor aquí mismo. Voy con el dedo del pie. Copia esto como así me CME para que el ícono sea más corto, asegúrate de que esté en el centro así, y ahí vamos. Siguiente. Tenemos que crear estos tres iconos, pero antes de hacerlo, voy a duplicar esto. Asegúrate de que diga 1 25 control J. Voy dedo del pie. Muévete aquí mismo. Asegúrate de que es 84 y te controló una vez más y asegúrate de que dijo, Claro Como puedes ver, es extremadamente estúpidamente simple crear todo esto en cuatro tienda. Pero va a ser aún más sencillo en adobe enojado. Y sigo diciendo eso, pero lo digo en serio porque creo que básicamente es el estándar dorado. En mi opinión, para este trabajo de encuadre y diseño de alambre, esto va a ser ciclo duro. Entonces CNN y me gusta mucho Teoh Name mis iconos porque realmente creo que una vez que envíes este archivo a tu desarrollador, te van a odiar con la pasión. Si no envías los archivos con los nombres propios, porque más adelante, cuando empiecen a desarrollar tu app o lo que sea, van a tener mucho tiempo libre difícil con renombrar a todos tus jugadores. Entonces, así tal vez 10. Lo que necesitamos a continuación es un comentario. Yo me consola localizada. Muy bien, aquí. Aquí se selecciona Control de calor J una vez más, se fue a la posición. Parecía una cita aquí mismo. Esto van a ser comentarios. Entonces posiciónelo o justo por aquí y su posición justo aquí. Piensa que eso funciona bien. Mismo espaciado que camino a este. Y finalmente compartir. Vamos a moverlo por aquí para que ocho alinea simplemente no lo haga en línea. Por alguna razón. Vamos a intentarlo de nuevo. Aquí está. Y por la acción. Solo incluyamos ese icono de compartir aquí es que lo voy a seleccionar. Posicionarse a aquí y me voy dedo del pie y un grande es sólo un poquito porque se puede ver es un poco más pequeño que estos otros iconos, como así, Y asegúrate de que sean 10 aquí mismo. Ahí lo tenemos y cuándo simplemente reducir la talla del dedo justo por aquí. Y ahí vamos. Hemos creado nuestra imagen. Ahora todo lo que tengo que hacer es simplemente Judios D's, que lo quedan aquí para que ya no necesitamos imagen. De lo que ya no necesitamos. A ver, ya no necesitamos corazón, así que vamos a eliminarlo. Voy a seleccionar todos estos manteniendo presionada mi tecla de turno como así golpea el control G para agruparlos y van a ser nuestros iconos de guerra de Ted o simplemente tap bar. Entonces voy a encontrar mi casa. Aquí simplemente no está justo por aquí. Se va a perfilar aquí mismo. Esto va a ser mapa. Vamos a llamarlo. Esto va a ser chat y esto va a ser en casa. Siguiente. Voy a mover ese bar justo aquí para estar en el centro fuera de mi pantalla. Voy a posicionarme hacia abajo. Así que cambie uno a, por ejemplo, y luego simplemente moveamos alrededor de estos iconos sólo un poquito. A lo mejor así. A lo mejor así. A lo mejor podríamos querer un perfil como este. Después puedes seleccionarlos todos y simplemente hacer clic aquí. Se los va a distribuir uniformemente, luego posicionarlo en el centro y lo tenemos. Hemos terminado esta parte. Ahora la siguiente parte es seleccionar todo, y voy a creer mi búsqueda, mi logotipo y mi menú fuera del camino. Esta va a ser una barra superior, por ejemplo, y voy a agrupar todo lo demás excepto un control de barra lagrimal G va a ser post one. Ella controlaría a J, y vamos a duplicarlo y simplemente moverlo hacia abajo. Estamos justo por ahí para escuchar. Vamos a moverlo. A ver, 26 está abajo, por ejemplo, y va a ser el puesto número dos, como así justo debajo y dentro de una barra estrella. Usemos el color principal. Entonces usemos un color azul tres e c seis ff percenter solo para indicar que este es el icono seleccionado y que el usuario se encuentra en la pantalla de inicio. Entonces eso es básicamente todo para tu esposa enmarcando proceso dentro de la tienda de cuatro, tardó un poco más de lo esperado porque tengo que explicar todos estos diferentes iconos y posiciones es algo, pero puedes ver que es extremadamente simple de hacer. Lo que puedes hacer en este punto es simplemente seleccionar todos estos click derecho convertir a objeto inteligente , luego entrar en objeto inteligente y desde aquí, ir al archivo, ir al archivo, guardarnos y luego guardar esta imagen como un JP Agra PNG en orderto compartirlo con tu cliente o tus compañeros de equipo. Lo que también puedes hacer es empezar con nuestros puertos si estás trabajando en tu original para tiro porque, como dije, se trata de C. C 2000 y 14. Todavía no tenía ninguna de nuestras tablas en el interior, sino de C. C. 2000 y 16 ó 17. Creo que incluyeron a nuestra directiva. Entonces cuando estás trabajando dentro de nuestros puertos. Es extremadamente sencillo. Haga entonces exportar todos sus puertos y compartirlos con su cliente. De verdad te recomiendo que estuvieras trabajando de este tipo de formas para solo imaginar que este es tu número uno. Nuestro puerto número uno Número dos estaría aquí mismo. El número tres estará justo aquí y así sucesivamente porque todos estos proyectos tienden a tener muchas, muchas, muchas imágenes diferentes dentro incluidas y muchos activos diferentes incluidos. Por lo que cuanto más nuestros puertos tengas, más grande será el proyecto. Y cuanto más difícil será controlar lo que tienes dentro de ese proyecto. Por lo que realmente lo recomiendo. Estás trabajando dentro de nuestra fiesta si las tienes. Si no lo haces, puedes hacer algo como esto. Y luego puedes exportarlos todos como objetos inteligentes como se explica de manera sencilla. Agrupar todos ellos, seleccionar cada uno de ellos, luego agruparlo dedo del pie, estar dentro de un objeto inteligente luego exportar cada uno de los objetos inteligentes fuera. También tienes una exportación de lotes de archivos aquí mismo. Creo que está en el guión. Sí, y luego puedes exportar por lotes todo lo que ves en la pantalla. Pero Una vez más, tendrás que crearlos como objetos inteligentes. Entonces eso es básicamente todo para cuatro parte afilada. De verdad espero que hayas entendido lo extremadamente fácil que es usar en cuatro tienda y lo fácil que es trabajar en tienda. Y puedes ver el resultado es mucho mejor que con todas estas diferentes herramientas, porque realmente estás en control de lo que estás haciendo y lo que estás presentando a tus clientes en el siguiente video. Vamos a empezar con Adobe X'd, y les voy a mostrar lo que, en mi opinión, creo y realmente creo que es la mejor herramienta que hay para este tipo de trabajos. 14. Wireframing de Adobe Xd: Y ahora por fin, déjame mostrarte cómo puedes vía frame en Adobe X deep. Así que ten un puerto R abierto aquí mismo, y puedes ir a casa y puedes dar click justo aquí para abrir los mismos son para el iPhone , o puedes dar click justo aquí y puedes elegir lo que sea nuestro puerto que quieras. Y voy a cambiarle el nombre a casa, por ejemplo, y empecemos como lo hicimos anteriormente con Top Bar. Entonces simplemente voy a arrastrar un rectángulo. Voy a usar el color gris claro extremo, por ejemplo. Algo así. Quita la frontera como Así lo voy a posicionar en el centro a la parte superior y extenderla justo aquí y todo bien aquí. Yo lo voy a hacer un toque, y nuestro coraje es para que tú y yo lo veamos. Entonces voy a teclear local, y usemos el mismo frente que usamos en cuatro tiendas. Entonces va a ser más tarde. Voy con el dedo del pie, muéstrale dónde se puede llegar más tarde. Voy a dejar el enlace en el archivo pdf, y es un fondo gratuito de Google, y puedes usarlo como quieras básicamente para proyectos personales y comerciales. Esto va a ser, por ejemplo, barra de remolque G. Llamémoslo así. Entonces lo que necesitamos es un íconos de menú. Voy a usar este va a posicionarlo aquí mismo. Y también necesitamos icono de búsqueda. Entonces voy a posicionar ese aquí mismo. Entonces voy a seleccionar todo así que voy a acercarme un poco más. Posicione esto aquí. Desplazar uno a, por ejemplo, para mover 20 píxeles. Posición es al turno izquierdo uno para básicamente lo mismo. Y luego hacer esto una vez más. Por lo tanto, asegúrate de que todos estén en el centro. Voy a conseguir el control, G y llamar a esta barra de remolque solo para que tengamos todo bonito y organizado fuera de curso porque tienes esa muesca aquí mismo. Vas a mover esto hacia abajo solo para que puedas acomodar el espacio para la información. Estamos aquí en la parte superior izquierda y en la parte superior, a la derecha. Así que el tiempo, mejor indicador así sucesivamente. Pero debido a que estamos creando a través de marcos, realmente no nos importa demasiado eso. Te puede preocupar una vez que muevas el dedo del pie, la parte de prototipado de alta fidelidad. Pero como dije, se puede incluir eso también si se quiere, y se puede descargar un gratis te niño de Apple mismos porque lo crearon. Simplemente puedes usarlo para incluir todo eso dentro del proceso de encuadre de tu esposa. A continuación, vamos a crear un bonito rectángulo grande, algo así. Asegúrate de que esté en el centro. Controlaba profundamente, y voy a llamar a mi llave de turno, y mi vieja llave decía que era del tamaño. Voy a usar esto para la imagen. Un poco más tarde. Usemos este color con borde eliminado. Dejémoslo ahí. Voy a llamarlo imagen así, y tal vez ni siquiera la pueda ocultar sólo para que no nos moleste. Y esto va a ser BG. Asegúrate de que esté en el centro y asegúrate de colocarlo. A ver. 10 píxeles está bien desde arriba. A continuación, voy a usar el círculo. Asegúrate de que sea algo así como no sé 60 60. Vamos a conseguir algunos lindos números parejos. Colóquelo todo aquí. Desplazar uno y uno aquí donde puedas utilizar a si quieres. De verdad depende de ti. Voy a llamar así a este término. Y lo que puedes hacer con todos estos iconos es que puedes encubrirlos a símbolos si lo deseas, o a dos componentes, y luego podrás copiar y pegar esos componentes más adelante. No voy a hacer eso porque tenemos múltiples instancias fuera de ellas. Pero tan directo. ¿ Estás seguro de que puedes golpear el control K y te va a mostrar eso como tecla de control de símbolo? Está bien, está bien. Y una vez que empecé, déjame crear todos ellos s símbolos, y te voy a mostrar cómo puedes usarlos un poco más fácil después. Por lo que tienes el perfil de arrastre sensible y déjalo caer en posición en alguna parte justo aquí. Y déjame reducir rápidamente el tamaño de la misma y colocarla aquí mismo en el centro, fuera de mi círculo, así. Siguiente Necesito el texto de los dientes y mi nombre se llama deudas. Asegúrate de que se quede mintiendo. Asegúrate de que sean 16 por ejemplo, así y fui con mi vieja llave para hacer un duplicado de la misma. Y vamos a dar este 10 por ejemplo, va a ser tiempo libre, publicar algo así y veamos si podemos separarlos. Pero 10 pixeles posición desciende turno central 12 y ahora necesitamos más ese icono. Simplemente puedo arrastrarlo y soltarlo en posición, como así asegurarme de que está en el centro y asegurarme de posicionarlo hasta que se alinea con nuestro fondo así y luego uno, también, para que tengamos incluso espaciado derecho aquí. Si no quieres que esto sea demasiado brillante, puedes usar algo como esto o puedes usar un color un poco más oscuro. A lo mejor algo como esto. Creo que eso funciona bien. Golpe control D. Voy a posicionar esto aquí mismo y descripción fuera de la imagen, y podemos usar este dedo del pie añadido a los estilos de personaje en esto a los estilos de personaje. Y luego simplemente puedes hacer click en este. Haga clic aquí se va a aplicar los mismos estilos de caracteres al texto dis también. Entonces si quieres que se vea exactamente igual que este, asegúrate de que sea una línea a la izquierda. Es ahora vamos a conseguir dedo del pie son capas panel aquí mismo haga clic en nuestra posición de imagen. Es más o menos por aquí, así que vamos a ver. A lo mejor eso es demasiado grande. 20 píxeles hacia abajo. Asegúrate de que Aito líneas aquí. Asegúrate de que se alie aquí como así vamos a ver a casa. Mucho espacio tenemos. A lo mejor eso son bienes. Incluso puedes extenderla hasta aquí para que esta imagen se vea bonita y grande para la altura. Vamos a usar 1 70 Hacer un buen número alrededor. Voy a incluir imagen. No puedo volver a aquí. Mover icono de imagen Justo aquí. Seleccione mi imagen. Asegúrate de que esté en el centro y creo que sí se ve un poco mejor así que al revés. Y también puedo hacer las mismas cosas. Voy a quitar el borde e incluir el mismo color de campo solo para que tengamos algo consistencia aquí también. En el proyecto real organizó estas capas un poco mejor. Entonces tal vez este avatar y este ícono externo irán a la parte superior como entonces nombre, tiempo de publicación y este ícono solo para que podamos ver que el tiempo presume y más irá abajo, como así entonces descripción, luego imagen. Y luego esta Bijie Así que así. A continuación vamos a incluir estos otros iconos para que simplemente puedas hacer click aquí mismo. Y el 1er 1 es corazón. Porque si el arrastrar y soltar en posición como esta siguiente es comentar en posición, tal vez en un centro como este, y finalmente compartir, y finalmente compartir, Simplemente arrástrelo y soltarlo. Voy dedo del pie seleccionar Los tres me voy dedo del pie incluyen, quiero decir, apaga redimensionar responsive. Voy a mantener presionada la tecla Mayús y luego simplemente redimensionarlos a algún lugar por aquí. Entonces son un poco más pequeños que antes, y voy a asegurarme de que sean, por ejemplo, por ejemplo, 20 píxeles de este 20 píxeles hacia abajo. Y luego lo voy a cerrar hasta aquí, luego seleccionar dicho tres y luego simplemente moverlos arriba 20 píxeles una vez más, así y luego voy a hacer. Voy a seleccionar este texto. Controlaba los dos duplicados y luego simplemente le hacían algunos ajustes. Alguna forma de reposicionar esto va a ser como 1 25, así que asegúrate de que esté en el centro fuera de todos estos iconos, pero podemos lidiar con ello un poco más tarde. 10 en adelante y mueve esto aquí mismo, Control De. Esto va a ser 84. Por ejemplo, Control de una vez más. Esto va a escribir un alguacil. Entonces posicionando aquí. Y entonces tal vez 10 píxeles probablemente lo hicieron con todos estos anteriores, así. Y puedes elegir estos iconos así, manteniendo presionada la tecla Mayús, puedes acercar un poco y puedes muestrear decolor, por ejemplo para que sean más consistentes. Al igual que así. Y ahí lo tenemos. Ya terminamos nuestra primera tarjeta para poder saltar dentro y puedo mover mi barra de charla justo aquí en la parte superior. Puedo seleccionar todas estas capas. Una vez más, puedes organizarlos un poco mejor, pero con el fin de ahorrarte algo de tiempo, simplemente lo agruparon. Llama a esta tarjeta una, y lo que puedes hacer es usar una repetición genial, y luego simplemente extiende otra tarjeta aquí mismo. O si no quieres hacer eso, simplemente puedes duplicar esta tarjeta. Así que golpea el control D y luego simplemente muévelo. Todo bien aquí. Hagámoslos sean pixeles de vástago. Creo que eso está bien. Y por el tamaño del nuestro puerto. Déjenme borrar rápidamente. Sigue estos iconos se va a cubrir muy bien aquí en la parte inferior. Entonces no tienes que hacer básicamente nada más. Lo que quiero hacer a continuación es simplemente saltar aquí mismo. Golpea el control de para duplicar esta capa. Arrástrelo afuera por igual. Entonces, ¿no vas a llamar a esto, por ejemplo? Tab Bar, Colócala aquí mismo en la parte inferior de mi pizarra, así y porque no podemos verlo, tal vez pueda hacerlo un poco más oscuro así. Y básicamente va a colorear. Esto porque queríamos desplazarnos y lo que también podemos hacer es extender esto Nuestro dedo del puerto cayó. Pero te voy a mostrar que en el siguiente video vamos a conseguir dedo agregar algunos especiados este diseño . Pero por ahora, podemos dejarlo así. De lo que necesitamos aquí mismo son esos iconos. Por lo tanto, rápidamente arrastrémoslos y soltémoslos dentro. Entonces necesitamos este hogar, Michael. Colócala justo por aquí. Necesitamos un magnate común lugares por aquí. Necesitamos un ícono de indicador miembro y finalmente necesitamos un icono de perfil, algo para posicionar y escritor aquí. Entonces voy a seleccionarlos todos, desactivar el recurso de respuesta para mi tecla de turno, y luego simplemente reducir el tamaño de ellos. Asegúrate de que Darryl en el centro y puedo dar click aquí mismo dedo de manera uniforme. Distribuirlas. Misma liquidez en para una tienda. Si recuerdas, salta de nuevo a capas. Panel, haga clic aquí. Controló G y luego llamar a esta barra de pasos. Eso es básicamente todo. hemos terminado todo. Voy a mover la barra superior aquí mismo. Organizó esto un poco, padre. Y así es como luce nuestra pantalla no voy a seguir adelante y crear mis otras pantallas solo para mostrarte lo fácil que es hacerlo en Adobe X'd. Entonces esta es nuestra pantalla de inicio. Nos vamos a golpear el dedo del pie justo aquí. Control profundo. Esta va a ser nuestra imagen abierta o abierta Galería de imágenes una vez porque la persona puede hacer click. Y eso abrió esta imagen para verla un poco mejor dentro de ella. Vamos a eliminar descarte porque no lo necesitamos. Y esta otra tarjeta, vamos a renombrarla Parte dos. Perdón, y podemos posicionarlo. No sé teclear hoy podemos posicionar debajo de la tarjeta uno, claro. Y vamos a ver, te reduje pague ciudad accidentalmente. Entonces aquí tenemos imagen abierta y lo que realmente vamos a hacer aquí mismo antes de que lo hagamos y semanalmente seleccionamos esto. Y tal vez podamos agregar un toque de color tres D c seis ff Si sí funciona, no lo hace. Eso dijo el color más oscuro solo para indicar esto está seleccionado ahora, aquí mismo puedes agregar lo mismo aquí para que pueda eliminar esta pestaña. Son control C control nosotros e incluimos barras de puñalada facilmente así para esta tarjeta. Lo que vamos a hacer es simplemente hacer clic aquí y ampliarlo. Puedes usar el redimensionamiento responsive si quieres, pero va del dedo Divida todos estos elementos básicamente los cuales no queremos, sobre todo porque para estos iconos, redimensionamiento responsive está apagado. Entonces si lo selecciono así tenemos un compartir comentario corazón. Puedo activar el redimensionamiento responsive y luego tratar de reducir todo un poco hacia abajo por lo que sí funciona así pero para no perder tiempo, simplemente puedes seleccionar thes así Entonces selecciona este texto y simplemente hay moverlo todo el camino abajo o más o menos por aquí, por ejemplo, entonces la posición BG es más o menos dos aquí, luego seleccione todos una vez más. Entonces, así, asegúrate de que estén 20 píxeles arriba, 20 píxeles arriba. Una vez más haga clic en nuestra imagen y extendido. Y ahora los voy a seleccionar una vez más así, pixeles hacia abajo solo para que tengamos espaciado parejo, y luego finalmente haga clic en nuestra imagen y extendida y posicionarla en centro así. Entonces eso es lo que tenemos. Básicamente, puedes ver lo fácil que es hacerlo en Adobe XY. Todo lo que necesitas hacer simplemente cae alguna lógica y siguió nuestros bocetos o ideas que tienes en la cabeza. Y de verdad te recomiendo si estás haciendo esto aquí solo para experimentar lo más posible . Entonces, básicamente, si no estás empezando con papel vía marcos y estás empezando directamente Rita Adobe X'd realmente te recomiendo que experimentes lo más posible y que empieces a sentar unos elementos y ver a dónde te lleva siguiente? Lo que necesitamos aquí mismo es escribir un comentario así que voy dedo del pie duplicar este control de belleza D con exterior. Esto va a ser comentario. Belleza. Definitivamente no puedo deletrear hoy. Voy a moverlo más o menos por aquí, por ejemplo. Y entonces podemos simplemente dejarlo aquí. A lo mejor. Veamos 70 cosa que funciona. Bien. Entonces, hasta las 12 quizá podamos mover todo el dedo del pie de la imagen aquí. 12 y luego finalmente, lo que podemos hacer es dar click a la derecha tu turno 12 y luego ir justo aquí y seleccionar esta guía . Snap it to here y luego simplemente vamos a extender este BG para encajar dedo del pie aquí. Básicamente movió todo 20 píxeles una vez más hacia arriba. Entonces o puedes ir al revés. Si es más fácil para ti, puedes hacer lo mismo. Pero con el de abajo. Déjame mostrarte eso. Por lo que puedes hacer clic aquí, cambiar 12 y luego simplemente extenderlo hasta aquí hasta que encaje. Y luego simplemente selecciona estos en el interior. Por lo que estos tres esto como así sucesivamente a entonces se puede extender esto hacia abajo. Entonces de todos modos, uh, ¿ cuál es más fácil para ti? Funciona bien porque, como dije, este es el proceso fuera de experimentar. No se ha completado nada. Nada es definitivo, así que básicamente todo depende de ti ahora. Lo que vamos a incluir aquí mismo es que necesitamos este texto. Si recuerdas de nuestros bocetos, va a ser básicamente correcto, ¿ verdad? Los Comunes. Al igual que entonces necesitamos nuevo curso yo, sólo voy a saltar dentro de nuestros iconos. Voy a localizar mi icono de cara sonriente. Creo que está justo aquí en la parte superior. Es Aquí está el control. ¿ Ver? Súper salto atrás aquí mismo. Golpe control V. Voy a reducir el tamaño sólo un poquito. Igual que hiciste con todos estos iconos anteriores. Turno 12 y luego ella quiere. Voy a usar este mismo color el cual se usaron para thes iconos anteriores. Entonces simplemente lo recogió, y lo voy a llamar Smiley. Entonces y solo necesitamos el ícono de envío justo aquí, Así que déjenlo localice rápidamente y vea dónde podría estar ubicado. A lo mejor está en algún lugar por aquí. Vamos a ver Aquí es mucho uso este no simplemente saltar dentro, posicionar eso en su lugar Y lo que también puedes hacer es simplemente alinearlo con tu cara sonriente como así que asegúrate de tener redimensionamiento sensible apagado porque no lo necesitamos en el momento. Entonces simplemente colóquelo en su lugar por igual. Así que turno uno, también. Y vamos a probar este color o aquí mismo desde abajo así. Básicamente es eso. Hemos terminado nuestra pantalla. Llamemos a esto enviar. Entonces como esa cara sonriente derecha comin, comin, G. Vamos a llamar a esto comentarios, posicionarlo abajo en la parte inferior, y una última cosa que necesitamos es incluir la flecha hacia atrás justo aquí dentro de un tártaro porque queremos poder volver. Por lo que voy a saltar de nuevo a mis iconos una vez más aliviado el enlace en el archivo pdf. Entonces si quieres echar un vistazo a estos iconos, puedes ver dónde está ese ícono. Aquí está. Eso es simplemente saltar a la vista y ver aquí está, él controla. Ver Control V y voy a alejarlo, arriba así, Ver qué es, Ver qué es, y voy a simplemente posicionarlo como si fuera el comedero responsive redimensionar esto implicando más grande, solo un poquito. Asegúrate de que esté en el centro, así, así y voy a volver a llamarlo así. Voy dedo del pie apagar la búsqueda o simple dilatado como quieras, y eso es básicamente todo para esta pantalla. Ahora la pantalla final va a ser una pantalla de perfil. Entonces voy dedo del pie tal vez duplicar este, por ejemplo. Y lo que necesitamos es eliminar rápidamente todo desde aquí. O tal vez podamos simplemente dejar el texto. Pero como ya lo seleccionamos, podemos seleccionar desde aquí. Entonces voy a simplemente un arrastrar y soltar un icono de perfil aquí mismo. Asegúrate de que sea en inconformes así, o mejor aún, puedo hacer lo mismo desde aquí. Sólo dame un segundo. Puedo saltar dentro. Perfilar un control de avatar. Ver bastante aquí, Control V. Ahí van a simplemente extenderse para ser un poco mejor. 12 Entonces podemos usar estos para controlar el control C. Nos aseguramos de que estén alineados en el centro así, así que asegúrate de que estén en el centro y veamos lo que tenemos aquí es persona, nombre y tal vez ubicación así. Asegúrate de que esté en el centro. Hagámoslo ser. No es No. 10. Creo que eso funciona Bien. Sí. Ahora lo que necesitamos son algunos grifos. Entonces lo que podemos hacer es incluir rápidamente tres líneas como esta. Por ejemplo, tal vez podamos usar este color tal vez sin control fronterizo. De, asegúrate de que esto esté en el control central D. Esto es justo aquí, y si quieres espaciarlos uniformemente, simplemente haz un rectángulo. A continuación, seleccione estos para hacer clic en la posición central. Direccionar aquí mismo los selectos para asegurarse de que esté en el centro. Después borra este rectángulo y ahí vas. Entonces básicamente, esas son tus tres pestañas. Va a ser un 20 porque se selecciona este paso. Vamos a darle un color. Demos el color de estos iconos para que puedas ir justo aquí y puedas saltar por dentro y básicamente añadir tus colores aquí mismo. Añadamos un color para esto como uno también. Y una vez que estemos aquí mismo, elijamos este ícono. Asegúrate de que es de este color Judios hogar. Michael. Asegúrate de que sea de este color porque ahora estamos en pantalla de perfil, y esto es lo que estaba diciendo. puede ver lo fácil que es multiplicar estos, y agregarlos a ellos, y así Así que esto va a ser libre de pestañas. Esto también lo es. Y este es el paso número uno, y es el que se selecciona. Entonces básicamente, eso puede ser tu Es una galería o favoritos o comunicaciones o algo así. Los guardaste en un Twitter o Facebook y alma. Entonces lo que necesitamos a continuación es incluir diferentes imágenes. Entonces simplemente voy a arrastrar un bonito ser rectángulo algo así como en días. Quizás a continuación voy a incluir mi icono de imagen, arrástrelo y soltarlo en su posición. Quizás pueda hacerlo un poco más pequeño. A lo mejor así, elegiré usar esto sin frontera, e incluiré este ícono aquí mismo. Siguiente me voy dedo del pie agruparlo. Entonces esta va a ser imagen Bijie. Puedes usar la otra imagen entre creada antes e incluir eso si quieres. Pero me pareció que esto era una manera mucho más sencilla. Voy a reducir el tamaño sólo un poquito solo para que pudiera estar seguro de que puedo caber tres de ellos. Simplemente agruparlos, llámalo imagen y haga clic, llámalo imagen y haga clic, repita genial y luego simplemente llena tres seguidas así. Asegúrese de reducir el espaciado entre ellos. Haga clic aquí para posicionarlo en el centro y luego simplemente extienda todo el camino hacia abajo. Por mucho que quieras. Y eso es lo genial del dhobi exceed tiene todas estas fantásticas herramientas las cuales te van a ayudar a acelerar el proceso fuera de estas tediosas tareas, sobre todo una vez que comiences a duplicar todas estas cosas diferentes. Esto se va a perfilar, y eso es básicamente todo para nuestra Vía Frame tiene esperanza de que puedas ver lo extremadamente sencillo es crear estos marcos de alambre en Adobe X'd, porque cuenta con todas estas diferentes herramientas las cuales van a te ayudan inmensamente. Una vez que comiences a crear prototipos y comienzas a compartir con tu cliente, puedes agregar algunos puntos calientes. Se pueden incluir diferentes imágenes, sombras sueltas, etcétera. Y eso es lo que les voy a mostrar en el próximo video. Entonces te veré allí 15. Llevar más planos de alambre más allá: belleza fuera de Adobe X'd es. Una vez que hayas terminado de enmarcar a tu esposa, puedes subir eso y pasar a marcos de alambre de alta fidelidad en imágenes como sombras, colores diferentes y así sucesivamente. Y luego encima de eso, incluso puedes incluir algún movimiento agregando prototipos a tus diseños, y luego puedes compartir esos prototipos con tus clientes, y luego ellos pueden dejar retroalimentación para que sepas lo que puedes mejorar. Por eso me encanta Adobe Xdb porque es una herramienta tan completa. No sólo es extremadamente fácil de usar, y espero que lo hayas visto en el video anterior, sino que también puedes hacer todas estas otras cosas sin salir nunca de esta herramienta, pues previamente tienes que usar múltiples herramientas para hacer estas múltiples cosas. Mientras que en Adobe X D. Puedes hacer todas ellas sin salir nunca de la app. Por eso me encanta tanto porque me ahorró tanto tiempo. Y cuando estás trabajando con clientes, sobre todo en un plazo ajustado, puede ser extremadamente importante hacer estas cosas a la vez que se ahorra tanto tiempo como sea posible en un proyecto. Entonces para empezar, simplemente saltaré dentro de aquí. Y este es el marco de alambre que creaste previamente. Fui selecto. Los tres son puertos hit control D para hacer un duplicado de ellos porque me voy de pie. Básicamente añadirles algunas imágenes y algo de color. No, saltemos por dentro y empecemos a añadir algunos elementos. Entonces aquí mismo, vamos a incluir el nombre, por ejemplo. Jason Marcus. Vamos un tiempo libre, presumir 24 de abril. Eso vamos a ver City 45 algo mi deuda y esto también puede ser el 24 de abril. Pero veamos al 48 tal vez algo así. Entonces este es el post fresco. Este es el viejo post, y tal vez esto pueda ser incluso otra persona. Entonces llamémoslo Murray. No conozco a Andrews. Entonces solo algunos nombres aleatorios y también tienes ginebras de sangre para Adobe X'd, y también puedes generar algunas de estas necesidades aleatorias para ahorrarte aún más tiempo ahora para incluir algunas imágenes. Tengo algunas imágenes de stock aquí mismo sacando de en splash, y cuando un dragón dejó caer la imagen, se puede ver que pobla esto, pero tengo que ocultar mi icono de perfil y se puede ver ahí. Ahora está empezando a conseguir la forma. Vamos a incluir lo mismo para esta persona aquí mismo. Entonces voy a seguir adelante y elegir una imagen. Déjame ver. Aquí mismo. Tengo esta carpeta fuera de mis imágenes, las cuales han tomado en línea, y también tienes un tapón para disco. Tienes estos enchufes aquí mismo, así que simplemente puedes hacer click ahí mismo. Y puedes instalar todos estos diferentes enchufes para un chapoteo. Te dará, por ejemplo, imágenes de un splash dot com. Se poblará tus casilleros. Eres Logos son geniales porque puedes incluir todas estas diferentes imágenes en droides. Genial. Porque puedes usar sobre estas diferentes ilustraciones y así sucesivamente. Y para descubrir, enchufa, simplemente haz clic aquí. Podrás descubrir todos estos diferentes enchufes que acumularon y recolectaron para ti. Estos son los esenciales en su opinión. Entonces tú me enfrentas es genial porque puede poblar con estas imágenes. Por lo que realmente te animo a explorar todos estos diferentes enchufes y vamos ahora a volver dedo del pie están diseñados. Entonces necesitamos a la misma persona aquí mismo. Entonces solo voy a saltar dentro de los corporatistas texto y lo basé aquí. También haré doble clic aquí y lo basé aquí y usemos la descripción. Pero primero necesito encontrar la imagen que voy a incluir, Así que no lo sé. A ver. A lo mejor podemos usar algunas imágenes de arquitectura, por ejemplo, o algunas imágenes de viaje. Entonces, vamos a ver. Puedo incluir una imagen aquí mismo. Simplemente puedo arrastrarlo y soltarlo en su lugar. Este en particular es de eso a stock photo dot com, y es genial porque puedes encontrar todas estas diferentes imágenes, que son libres de usar. Pero puedes usar imágenes de on splash, por ejemplo, o, si quieres imágenes premium puedes ir a en elementos volátiles, por ejemplo, e incluir imágenes desde ahí. Por lo que descripción fuera del puente de imagen en el Sen. Francisco. Está bien, así que desde helicóptero, como así y luego para esto son uno. Por ejemplo, aquí la formación Brooke, Sir Francisco, porque es la misma colección para estas imágenes y, por ejemplo, para ésta, tal vez podamos localizar este fondo. A lo mejor puedo incluir algún radio de esquina. Incluyamos el descuento de Corea 10 por ejemplo. Se puede ver cómo se ve eso. Y tal vez incluso pueda incluir alguna sombra de gota y luego seguir adelante y quitar la frontera. Cuando hago clic afuera, puedes ver cómo se ve eso. Por lo que da este bonito pedacito de sombra bajada. Y también puedo saltar justo aquí, clic derecho copiar, luego saltar justo aquí y apariencia simplemente basada. Y me va a dar el mismo look para la tarjeta aquí mismo. Y también quiero hacer eso aquí mismo. Entonces me va a dar la misma mirada fuera de la tarjeta aquí mismo. Y también podemos hacer eso por los comentarios. A simples padres basados y se puede ver cómo se ve eso. Entonces básicamente lo hace parecer como pertenece ahí mismo. Ahora por las imágenes. Démosles el mismo tablero de radio. Por lo que 10 sólo tenía algo de especia a ella. Por ejemplo, esta imagen 10 y necesitamos dedo del pie incluir esa misma imagen aquí mismo. Déjame quitar mi icono de imagen, y puedes ver cómo se ve eso Todo lo que necesitamos aquí mismo es esta descripción como así Y también necesitamos incluir en esta misma imagen fuera de una persona que hicimos antes, tan rápido Encuéntralo. Aquí está. Y simplemente quitar mi perfil. Yo puedo de ello. Y ahí lo tenemos. Básicamente. Ahora tenemos formación de aplicaciones y también podemos seguir adelante e incluir por ejemplo, color aquí mismo. Entonces sigamos adelante y probemos algo de color. Entonces tal vez podamos usar un color de ese ícono. ¿ Al igual que? Ve cómo se ve eso No se ve tan mal, pero necesitamos darle la vuelta a estos íconos de punta blanca, igual que con nuestro logo. Entonces tal vez podamos llamar a esto algo así como socialmente, por ejemplo. Y tal vez pueda incluir alguna forma de forraje para ello. Juega exhibición justa. negrita cursiva. Asegúrate de que sea blanco. A ver cómo eso parece que funciona, will. Entonces esto sólo básicamente un ejemplo apagado. ¿ Qué? Puedes hacerlo y simplemente puedes controlar a los niños. ¿ Ver? Entonces salta aquí mismo. Control de golpe V control, nosotros y yo vamos del dedo del pie Ocultar esto. Detener nuestro diario a este todo uno. Entonces yo voy a hacer lo mismo aquí. Pero antes de eliminar, quiero poder dedo del pie Mueve esta flecha hacia atrás aquí. Como pueden ver, cometí un error e incluí múltiples de estos, pero no importa. Voy a incluir aquí mismo. Entonces borra esta barra abastecida como, así que lo traeré de vuelta. Entonces simplemente gira mi flecha hacia atrás, dedo blanco y simplemente reduce la Ciudad Obey fuera de mi búsqueda. Y ahí lo tenemos. Tenemos nuestra barra superior luciendo bonita y limpia ahora para este. mejor la gente ha hecho clic en esta persona y luego saltaron justo aquí. Por lo que necesitamos otra imagen fuera de ese perfil de persona. Vamos a copiar esto aquí mismo y para la ubicación. A lo mejor se encuentra en San Francisco porque de ahí vienen esas imágenes. Y debido a que voy a copiar y pegar las mismas imágenes, voy a sustituir esta. Por lo que se utiliza la imagen de Londres, por ejemplo, para este. A lo mejor puedo arrastrar y soltar aquí mismo. Y por eso dije, Esto es genial sobre Adobe X'd. Simplemente puedes seguir adelante y cambiar cualquier cosa que quieras y digamos algo así solo para que podamos poblar algún texto aleatorio ahora para esto. Como pueden ver, tenemos una repetición. Genial. Todo lo que tengo que hacer es simplemente pelear en este 1er 1 y luego puedo saltar aquí mismo. Arrastra y suelta mis imágenes en el 1er 1 y se va a poblar del dedo del pie con todas estas diferentes imágenes aquí mismo. Todo lo que tenemos que hacer ahora es simplemente agregar algunas pestañas aquí mismo. Y para hacer eso, todo lo que tengo que hacer simplemente saltan aquí mismo. Y, por ejemplo, copió uno de estos textos. A lo mejor puedo golpear control de posición. Está justo por aquí y asegúrate de que esté en medio fuera de estas líneas, como So y Dent Que pelee rápidamente mis pestañas. Y tal vez podamos escribir en favoritos. Vamos a crear un duplicado. Estos pueden ser, por ejemplo, totalmente nuevos, y vamos a crear otro duplicado. Y esto puede ser, por ejemplo, colecciones. A ver. Y debido a que elegimos favoritos, tal vez podamos saltar aquí mismo y dar click en nuestro color. Eso es básicamente todo. Deja saber, simplemente organízalos. Y si recuerdas la punta, te mostré simplemente seleccionar así. Entonces como estos dos más con justo aquí La imposición. Esta aquí mismo seleccionó estos para moverlo como Así que voy a eliminar este, y quizá pueda bajar el tuyo básicamente de estos. Eso son los judíos cinco, por ejemplo. Y necesito un mejor espaciado para estos. Entonces tal vez pueda ver este es stand quizá 20 N Dent. Vamos a darle lo mismo. Entonces 20 como así ahí lo tenemos. Si quieres traer esas líneas de vuelta, tal vez pueda elegir un tap uno y lo pueda llamar selector, por ejemplo. Ajustado sólo un poquito. A lo mejor solía asegurarme de que esté en medio de mi texto y quizá moverlo solo cinco. A ver. E incluso puedo reducir el ingenio de la misma a aquí, así y luego simplemente seleccionar este color para que sea obvio que este está seleccionado. Eso es todo. Básicamente, para la parte de diseño, se puede ver que en tan solo un par de segundos se puede tener algo que es realmente atractivo y algo que se ve realmente bonito. No me gusta esto porque es de este color gris, así que quizá pueda convertirlo en blanco. Ve cómo se ve bien eso porque ahora tenemos este trasfondo aquí mismo. Pero también puedes agregar una línea aquí mismo separándola así que la línea superior se verá aún mejor Pero por el bien del tiempo y apagado para este video, solo que sea blanco porque tenemos todos estos elementos de fondo cubriendo muy bien. Ahora que no lo hacemos que tal vez es el momento de pasar al prototipado y simplemente agregar un poco fuera de la integración en dirección a la misma. Entonces lo que puedo hacer es simplemente extender esto. Puedo saltar justo aquí y luego simplemente moverlo todo el camino hasta aquí. Haga doble clic aquí hasta que llegue. Entonces vamos a ver hasta aquí. Eso se ve genial. Yo quiero tocar dese dos y quiero hacer esto porque quiero que siga desplazándose. Entonces lo que necesitas hacer en realidad es traer de vuelta hasta que se alinea con esta línea. Porque esta línea es básicamente una línea cortada como así y ahora podemos conseguir el prototipado. Así que simplemente haga clic en prototipo ¿Y qué? Lo que podemos hacer es simplemente hacer click aquí en esta imagen. Entonces cuando el usuario toque, se abrirá esta pantalla por lo que tenemos un toque de gatillo. Entonces una vez más, cuando uses los grifos, se abrirá esta transición de pantalla usaremos también animate Y por eso tuvimos las mismas capas y la misma estructura de nomenclatura porque queremos que Adobe X'd reconozca lo que hicimos. Y comparará estas dos pantallas y luego simplemente encontrará diferenciaciones entre ellas y simplemente integrará una bonita ilustración. Derek, puedes usar la facilidad de las notas y la duración 0.4. Creo que va a funcionar muy bien. Ahora por esta imagen. Podemos dar un paso y podemos transitar. A lo mejor podemos usar disolver fácil y fuera porque una vez que el usuario haga clic ahí mismo, tomará en el perfil de esta persona. Tendremos la misma integración para aquí y también la misma integración para aquí para este icono de perfil. Así que simplemente pasa el cursor sobre él, haz clic en él y luego simplemente arrastra y suelta y Adobe X'd recordará tus últimos ajustes. Y básicamente te mostrará los mismos ajustes que ya elegiste ahora para este simplemente seleccionado aquí. Y si quieres volver a casa desde aquí, simplemente puedes hacer lo mismo y te llevará de vuelta a casa. Y eso es básicamente todo para esto. A lo mejor podemos incluso incluir el mismo pergamino aquí mismo, como hicimos aquí, pero no te voy a molestar. Se te ocurre la idea con una última cosa que quiero mostrarte está aquí. Entonces cuando saltamos aquí mismo, queremos volver de pie a casa. Entonces vincularé esta transición de tap y en lugar de disolverse, usemos sleight left, por ejemplo. Y luego puedo hacer clic aquí y antes de hacerlo, solo quiero la posición de fijación del dedo del pie al desplazarme. Por lo que esto se va a mantener fijo. Y una vez que llegues al fondo de la página, estará ahí mismo. Y una vez que estemos aquí, podemos hacer lo mismo por aquí. Entonces, vamos a saltar al diseño. Puedo extenderlo todo el camino hacia abajo. Y puedo, por ejemplo, moverlo. Veamos 20 píxeles, algo así. Y simplemente puedo rondar aquí mismo, ver qué es. Y tal vez pueda cortarlo aquí mismo, y voy a saltar atrás, traerlo todo el camino para escuchar saltar, prototipar, posición fija y desplazamiento. Y eso es básicamente todo. Entonces ahora vamos a echar un vistazo a nuestro prototipo. Simplemente haga clic aquí. Se abrirá este discurso, y si lo agrando, se puede ver que una vez que empecemos a desplazarnos, puede ver cómo se ve eso para poder desplazarse y se puede ver que esto se queda fijo al fondo. Como puedes ver, puedes desplazarte hacia arriba y hacia abajo, y cuando haces click justo aquí, puedes ver que esta bonita animación se va a mostrar. Y cuando hagas clic aquí, te traerá de vuelta. Si no te gusta la disposición, puedes usar también animates. Y también se animará de nuevo básicamente. Pero creo que esto funciona mucho mejor. Una vez que te desliza a la izquierda y a la derecha, muchos hacen clic aquí. Se disolverá al perfil y se puede desplazar hacia abajo básicamente. Y una vez que hagas clic en el hogar, por ejemplo, te llevará de vuelta a casa. Entonces así de fácil es usar Adobe X'd desde el proceso de ideación del mismo hasta los diseños más complejos y finalmente hasta los prototipos, que luego podrás compartir con tus clientes haciendo clic aquí mismo, puedes crear un enlace, y luego puedes copiar este enlace y enviarlo a tus clientes. Después pueden dejar tus comentarios sobre lo que necesitas cambiar, y ese es básicamente todo tu proceso de diseño dentro de una app. Y por eso adoro tanto a Adobe existir porque te da tantas posibilidades de trabajo con tus clientes y de mantenerte creativo y seguir avanzando con tus proyectos. De verdad espero que lo vayas a probar. un vistazo en la página web de Adobe de También deja el enlace para Adobe X'd en el pdf. Es gratis. Puedes usarlo gratis para siempre, básicamente porque tienen el plan gratuito para siempre. Simplemente tiene algunas limitaciones fuera. ¿ Cuántos productos puedes compartir con tus clientes? Y eso es básicamente todo lo que puedes usar. Comienza hoy. Va a cambiar tu carrera de diseño para siempre como cambió la mía. De verdad lo adoro, y no puedo decirlo demasiadas veces porque es realmente cierto. Así que echa un vistazo. De verdad espero que también te guste . 16. Exportación de recursos de Adobe Xd: una última cosa que quiero mencionar es exportar. Entonces tal vez quieras compartir estas imágenes con tus clientes o con tu equipo fueron correo electrónico vía chats fueron redes sociales. No obstante, quieres compartir con ellos para poder compartirlo con el enlace y ya mencionaste que en el video anterior, simplemente haz click justo aquí para crear un enlace, luego haz clic aquí para copiar el enlace y básicamente enviarles el enlace. Pueden dejar tus comentarios con los comentarios, y pueden señalar detalles específicos de los marcos de alambre que quieres que cambies. Pero ¿y si solo quieres exportar tus imágenes? Simplemente puedes hacer clic aquí mismo en el nombre fuera del nuestro Comando de Control de Puerto Hit E. Estos ahora se mostrarán, y podrás seleccionar los formatos de archivo que controla siendo G SVG para la Web. Pdf y Jay Pek. Básicamente, si quieres compartir imágenes, puedes elegir PNG o JPEG. Si quieres compartir, pdf básicamente da clic aquí, o si quieres compartir SPG para que los desarrolladores usen de esto, por supuesto, tal vez entonces puedas compartirlo así También, puedes exportar partes específicas del diseño basado en cómo los creaste, para que puedas exportar diseño. Se exportará a una X tamaño básicamente original. Puedes hacer clic en Web, y exportará una X y dos x básicamente tamaño original y el doble de ese tamaño, lo cual es ideal para los desarrolladores. Se puede hacer clic en iris. Se va a exportar a tamaño original, duplicar el tamaño y triplicar el tamaño porque fuera de la variedad de diferentes dispositivos. Y por último, al hacer clic en Android, puedes ver que lo estás diseñando, por ejemplo,al por ejemplo, 100% que es tu tamaño original 75% que es un poco más pequeño que el tamaño original y sube de ese . Entonces básicamente estos puntos porcentuales son básicamente deuda tan tamaño original, luego más grande, más grande, más grande y así sucesivamente. Y esto es más pequeño. Eso es básicamente todo para la parte exportadora, todo en ella a una exportación de simplemente clic. Se va a exportar esa imagen, y cuando abro esa imagen, básicamente con mi error de imágenes, es como se ve básicamente como cualquier otra imagen, Y un último consejo que quiero mostrarte es cuando tienes múltiplo apagado. Estos son puertos, y las posibilidades son que los vas a tener en la mayoría de tus proyectos. Simplemente puedes seleccionar todos tus ireports hit control o comando E. Elige estos ajustes, sin embargo los configuras y simplemente haz clic. Exportación se va toe exportar todos esos porque ya tengo casa un paquete J, que exporté previamente. Puedes golpear reemplazos, va a reemplazar esa imagen, y va a exportar todas tus imágenes. Entonces eso es básicamente todo para este curso y básicamente para el exportador. De verdad te animo a jugar con Adobe X'd, y te garantizo que te va a encantar al menos algunas de las características que tiene para ofrecer. 17. Trabajar con plantillas: trabajar con plantillas te permitirá terminar el proyecto, fomentar cobrar más y entregar los archivos a los clientes a los desarrolladores lo más rápido posible . Por eso las plantillas son una solución fantástica. Si tienes un presupuesto ajustado, por ejemplo, si estás en un plazo ajustado o si solo quieres tener más proyectos realizados dentro del año y ganar más dinero. Entonces aquí estamos en una página web donut dot net, y este es mi sitio web en mi empresa y dentro de mi empresa. Estamos creando estas plantillas. Como puedes ver, te tenemos I kids, UX kids, plantillas de redes sociales. Contamos con gráficos de Social Corner, que es plantillas dedicadas a redes sociales. Página. También tenemos los cursos, y ustedes están en lo que nos inscribimos, obviamente, en uno de nuestros cursos en este momento, tenemos imágenes en stock, y tenemos otros productos. Por lo que tenemos todos estos brooks con el fin de ayudar a los diseñadores a evolucionar y ayudarlos a acelerar su proceso y a terminar sus proyectos. Foster. Entonces si salté aquí mismo a los kits U X, que es básicamente la experiencia del usuario obtiene, tenemos todos estos diferentes productos que puedes comprar y usar en tus proyectos. Y vamos a explorar una de ellas. Y solo te voy a mostrar lo fácil que es crear una página cuando estás creando, comer con una plantilla y usemos algo así como huesos esposa de niños, por ejemplo. Entonces aquí estoy en Adobe X'd, y sólo voy a llamar a esto nuestro marco de alambre que rápidamente se extendió todo el camino hacia abajo así , Y saltaré por dentro y escogeré plantilla de nuestros huesos hacia atrás. Simplemente lo copiaba y lo pegaba aquí mismo, Al. Colóquelo en la parte superior y luego simplemente seguiré adelante con algunas otras plantillas. Entonces vamos a ver, Tal vez pueda usar este, por ejemplo, y solo tienes que alinearlo con el anterior, así. Y simplemente se mueven y empiezan a construir tu marco de alambre para que puedas elegir entre la variedad de diferentes elementos y dejar que te muestre rápidamente cómo se ven esos elementos. Entonces, solo sigue adelante y posiciona esto hasta que se alinea con mi anterior. Y aquí está, por ejemplo, esta es la parte de futuros de los huesos. Por qué desde kit y yo acabo de usar este, y puedes ver puedes añadirlo. Cualquiera de estos puedes editar este texto, puedes editar estos iconos, puedes cambiar sus colores y así sucesivamente. Y están disponibles para este producto en particular, por ejemplo, para Photoshopped X'd y sketch, por lo que puedes utilizarlos como quieras. Seleccionemos rápidamente otro de aquí, para que puedas abrir tantos de estos archivos como quieras. Deberías escuchar, por ejemplo, y luego simplemente empezar a construir. Y puedes explorar cuántas fuera de estas plantillas son las que quieres. Se pueden reposicionar algunos de estos elementos. Si no te gusta, simplemente puedes eliminarlo. Permítanme elegir éste para testimonios, por ejemplo. Y creo que tenemos 10 categorías diferentes para este producto, y puedes usar cualquiera de estas categorías obviamente, y reposicionar algunos de estos elementos. Por lo que quieras una posición rápida aquí, y yo puedo simplemente lloró oscurecidamente aquí en mi tablero de arte. Ciérralo en la parte inferior. Entonces estamos por aquí, por ejemplo, y cada hábito, como se puede ver en menos de dos minutos, tener algo que yo pueda mostrar a mis clientes, por ejemplo, por ejemplo, Dales retroalimentación y diles a ellos, De acuerdo, tenemos una navegación agradable, pequeña, pequeña, fácil de usar justo aquí en la parte superior. Y luego tenemos un slider. Aquí te compartimos características. Contamos con formulario donde puedes recolectar tus correos electrónicos, por ejemplo, para tus campañas. Entonces tenemos un deslizador aquí abajo. Y finalmente tenemos un pie de página. No hace falta que se vea así. Puede lucir como quieras. Por eso tienes 120 en este producto en particular. 110 elementos diferentes, como se puede ver aquí mismo. Pero tenemos otros productos. Como puedes ver aquí mismo, no son solo nuestros productos a los que puedes acudir. Comiste, por ejemplo, y puedes explorar todos estos productos. Se puede ir a navegar y se confinó alambre. Frank. Es y puedes buscar a estas esposa e hijos aquí mismo, y puedes ver que tienen variedad fuera diferente Y. Frank. Es y creo el link en el pdf toe todo. Yo estoy hablando aquí mismo, y puedes usar cualquiera de estos para tus proyectos, obviamente. Pero mi favorito está en elementos Votto fuera de curso. Aquí están nuestros productos aquí en elementos de agua también. Lo que hace este sitio básicamente es que pages un precio de suscripción mensual y estás obteniendo cada producto que se encuentra en este sitio web. Entonces si salté dos categorías, puedes ver lo que tienen de video stock, tus plantillas, música, efectos de sonido, plantillas gráficas, que incluye todo esto, del cual estoy hablando fuera. Tienes gráficos, ilustraciones, plantillas y así sucesivamente. Tienes fotos incluso para plantillas de rep. Tienes equipos de WordPress. Entonces cada cosa que posiblemente puedas imaginar que tienes en este sitio web. Entonces si te interesa mucho, entonces puedes saltar para involucrar a elements bay para una suscripción mensual y luego simplemente usar plantilla que quieras y es un conjunto. Aquí están nuestras plantillas y si salto aquí mismo, no están todas ubicadas justo aquí. Pero si te metes en plantillas gráficas porque simplemente tenemos toe guarde algo para que nuestra página web lo haga exclusivo porque tenemos una suscripción aquí también. Y puedes ver cuántas de estas diferentes plantillas tenemos justo aquí Y aquí están los huesos IRS y kit de marco. Y también hay uno para la Web, que te estaba mostrando antes. Y una vez que hayas terminado con estos, puedes convertirlos en prototipos de toda regla y prototipos de alta fidelidad, para que simplemente puedas arrastrar y soltar tus imágenes e incluirlas dentro y dejarme mostrarte la muerte. Entonces digamos que tengo una imagen y quiero incluirla aquí mismo, o lo que tenemos que hacer es simplemente golpear el control para seleccionar esta capa, y se puede saltar justo aquí para ver la estrategia de capas. Si salto aquí mismo, se puede ver que todo se llama correctamente. Todo se posiciona como debe estar en la página. Simplemente arrastra y suelta tu imagen para incluirla aquí. Y como puedes ver, con solo unos minutos de tu tiempo, puedes convertir esto en alta fidelidad. Prototipo. Obviamente, entonces puedes seleccionar las estacas y cambiar su color a, digamos, este color, por ejemplo, solo para que podamos verlo un poco mejor. Tal vez incluso este color, y entonces simplemente puedes agrandarlo si quieres, y posicionarlo para que sea un poco más limpio a la vista. y un poco más atractivo. Digamos que entonces puedes saltar adelante y extender esta imagen hasta la cima. Por ejemplo, colocarlo justo en el centro así y luego podemos localizar nuestra navegación, ponerla aquí en la parte superior, saltar dentro de su navegación y simplemente apagar el fondo. Y entonces tienes esta bonita transición entre la navegación y la imagen de fondo, las riquezas, imagen de héroe, por supuesto. Entonces así de fácil es usar estas plantillas, especialmente nuestras plantillas. Y realmente nos esforzamos mucho por trabajar con nuestros diseñadores y nuestros compradores para entender sus necesidades y los deseos con el fin de estructurar nuestros futuros productos aún mejor que antes. Entonces, como dije, puedes saltar de pie cualquiera de estos sitios web, y creo que el enlace en un pdf, y puedes revisar todos estos sitios web y comprar cualquiera de estas plantillas si quieres , para mejorar tu piso de trabajo y para aumentar tu velocidad 18. Conclusión: muchas gracias por tomar este curso. De verdad espero que hayas encontrado algún valor en su y que vayas a implementar algunos de estos pasos y técnicas que te enseñé en este curso en un trabajo futuro. Sólo recuerda, si estás empezando con marcos de alambre de papel, empieza despacio. Empieza pequeño con los suministros. Ya tienes una tirada alrededor de tu casa, y luego cuando comienzas a conseguir proyectos más grandes y más grandes y clientes más grandes, entonces puedes empezar a mejorar y comprar algunos equipos más caros. Por ejemplo, algunos de esos marcadores de fantasía o toman un papel de rejilla en alguien. Y cuando se trata de marcos de alambre digitales, simplemente elige el software con el que te sientes más cómodo. Es el mencionado múltiples veces a lo largo del curso. Me siento más cómodo con Adobe X'd Me gusta adobe eggs acción mejor, y es por eso que utilicé todos los días puedes usar cualquiera de esos Softwares que te mostraron , o puedes usar cualquier otro software, que no mostré en el curso. Básicamente, encuentra el con el que te sientes cómodo, y luego una vez que comiences a conocer todo lo blando primero, puedes cambiar entre ellos porque Básicamente son todos fueron similares, y espero que lo hayas visto en el curso. Básicamente todos tienen capas. Por ejemplo, también tienen estas herramientas móviles que puedes usar para mover tus formas alrededor. Básicamente, cada uno de ellos es similar, así que cuando aprendes uno de ellos, básicamente los conoces todos. único que hay que hacer es explorar un poco también en el precio. Si no te sientes cómodo pagando algo, entonces no lo pagues hasta que estés cómodo y hasta que creas que lo necesitas para tus proyectos porque esa es la parte más importante. ¿ Por qué pagarías algo? ¿ Si no quieres usarlo más tarde? Eso es todo para este curso. De verdad espero que lo hayas disfrutado tanto como disfruto haciéndolo una verdadera esperanza. Te veré en uno de mis otros cursos, y hasta entonces, y hasta entonces, cuida y mantén el encuadre de alambre porque es la parte más importante del proceso de diseño y puede ser extremadamente divertido cuando llegues a colgarlo. Cuídate 19. Tu proyecto de clase: por su proyecto de clase. Yo quiero crear el mismo marco de alambre que hicimos en el curso o un novio completamente diferente , que en realidad te animan a hacer y luego guardarlo como una imagen y subir esa imagen ahí. Proyectos de clase. Puedes usar marcos de alambre de papel, y puedes usar cualquier material que tengas alrededor de tu casa para que no tengas que tener los mismos suministros que yo hice en el video. Puedes usar cualquier material que quieras. Solo necesitas tomar una imagen con tu teléfono, por ejemplo, se sube a tus proyectos de clase. O si estás usando materias digitales, entonces simplemente puedes guardar la imagen de tu marco de alambre final y subirla a los proyectos. De verdad quiero ver lo que has hecho con todas estas técnicas, que te enseñan en el curso, y estoy muy emocionado de ver tus resultados y ver lo que aprendes del discurso. Por lo que espero con ansias sus diseños 20. Canal de YouTube que más tiene contenido: Oye, aquí el diseñador Alex. Y yo sólo quería decir un rápido agradecimiento. Gracias por tomar el discurso, y de verdad espero que te haya sacado tanto valor como sea posible si quieres consultar más contenido. Hace poco lanzé mi canal de YouTube, donde exploré algunos temas que podrían interesar a diseñadores de freelancers toe técnicas de ingresos pasivos de diseño Web, diseño APP. Diseñas diseño UX. Entonces si te interesa alguno de esos temas, dirígete a mi canal de YouTube, vincula hacia abajo en el pdf, y simplemente puedes hacer clic ahí y te llevará a mi canal de YouTube. Si te gusta ese contenido, asegúrate de suscribirte y asegúrate de seguir, porque voy a tratar de ser realmente regular con ese canal de YouTube y subir tanto contenido como sea posible. Entonces gracias una vez más por tomar mi curso, y de verdad espero verte en mi canal Digger 21. Únete Acompañar en mi grupo de Facebook gratuito: Oye, diseñadora, realmente espero que hayas disfrutado del curso, y que sacaras tanto valor como sea posible de él. Si quieres recibir aún más valor de mi parte y de la comunidad del diseño, empecé un grupo de Facebook. Donde puedes unirte es solo un grupo de Facebook para mis alumnos solo para que puedas unirte haciendo clic en el enlace abajo orden. Nate fuera de curso es una cuenta de Facebook, y es un grupo gratuito al que unirse. El grupo se forma con el fin de brindarte retroalimentación adicional para que puedas adjuntar tus diseños siguiendo este curso y usando ejemplos de este curso o de cualquier otro fuera de mis cursos. O si tienes tus propios ejemplos. Off diseño funciona desde el pasado desde el presente. Puedes subir esos trabajos a Facebook Group y luego recibir comentarios ya sea para mí o de otros miembros del diseño. También te animo si tienes puestos de trabajo disponibles para compartirlos en ese grupo para que todos puedan beneficiarse de ese grupo. Una vez más, el grupo es libre. Es fácil unirse. Simplemente haga clic en el enlace en el pdf, y realmente espero ver a tantos de ustedes como sea posible en ese grupo solo para compartir nuestras experiencias como diseñadores, e intentaré publicar algún video adicional, algunos consejos adicionales y técnicas en ese grupo de Facebook. Pero por ahora, apenas estamos empezando. Simplemente vamos a formar su, y realmente los animo a que se unan y compartan allí su mejor trabajo. Para inspirar a otros diseñadores o dedo del pie pedir retroalimentación adicional. Tan solo asegúrate de que por favor, cuando estés pidiendo retroalimentación, pide cosas específicas. No sólo preguntes. ¿ Qué opinas de este diseño? Porque nadie va a responder a eso. O si lo hacen, están en lo de Lee. Te van a decir ¿Se ve bien o no se ve bien. Asegúrate de pedir comentarios específicos sobre tus diseños. Por ejemplo, haz como esta combinación de colores. ¿ Crees que debería usar un frente diferente? ¿ Crees que estas imágenes corresponden bien con el color de fondo, por ejemplo, cosas así, Así que asegúrate de pedir retroalimentación específica cuando tus diseños, porque va a ser mucho más fácil para mí y para otros diseñadores de ese grupo para darte son retroalimentación específica que puedes mejorar mucho más rápido, entonces solo preguntando qué? Todo fuera de este diseño. Entonces gracias una vez más por tomar mi curso, y de verdad espero verte a la vista fuera de mi grupo de Facebook Digger.