Adobe XD: diseño de aplicaciones y generación de prototipos para principiantes

1. Introducción: Oigan, chicos, hoy va a ir por encima de Adobe X'd. Estará diseñando y prototipando nuestra primera app. Entonces esto está destinado a principiantes, pero también estar mostrándoles algo así como procesos de flujo de trabajo rápido relámpago y enchufes que uso día a día. Pero hazlo rápido y valioso para cualquier persona que quiera ver así que hasta nuestra salida se verá algo como esto. Entonces estamos haciendo un prototipo de pantalla de 10 a 12 a una fidelidad bastante alta, y estaré diseñando todas y cada una de las piezas en el camino. Entonces espero que ustedes puedan recoger alguna información útil, así que empecemos. 2. Configuración de los archivos y las screens de inicio 2: no te des cuenta cuando para empezar que tenemos tamaños de dispositivo aparecieron para parar y debido que va a estar haciendo un mobile out, vamos a dar click aquí. OK, así que una nota rápida sobre los tamaños de archivo notarás la primera decisión que tienes que tomar un adobe X'd es para qué tamaño de archivo diseñar. Voy a animar a todos cuando acabas de empezar, especialmente solo diseñado para el dispositivo que tienes ahí. En realidad, creo que ahora son hasta 24 mil dispositivos Android. Y alrededor de 27 Ah dispositivos IOS. Por lo que realmente al menos cuando estés empezando por primera vez, no te preocupes por tratar de diseñar para todos los diferentes tipos de dispositivos. Anímate a todos. Basta con levantar el dispositivo que tengas. Um, va a ser genial usar esto como referencia para que puedas empezar a ver la escala y el tamaño de las cosas y podrás jugar con las cosas en la pantalla. Y en realidad puedes tirar hacia arriba de Adobe X'd y usar una vista previa en vivo, que super recomiendo. Simplemente te va a familiarizar mucho más con la escala de botones y lo grandes que estás haciendo en la pantalla en realidad son porque confía en mí, es mucho diferente en un monitor de lo que es en la pantalla de tu teléfono. Para que todos, por favor revisen eso si pueden. Es súper útil cuando lo animo para este prototipo y para éste va a ir. Yo encuentro xar así lo primero que te darás cuenta. Ya ves, conseguimos este tablero de arte justo en medio de la página. Ese es el tamaño de la pantalla de nuestro teléfono, y también se le llama solo el tamaño genérico encontrado en la parte superior. Lo que podemos hacer es hacer doble clic en eso y nombrarlo. Splash, se nota a la izquierda. Conseguimos que ese nombre se actualice en nuestro panel de tablero de arte. Entonces esto va a ser donde todo lo que dibujamos en la pantalla se muestre a la izquierda. Tenemos todo nuestro dibujo para nosotros y luego a la derecha. Tenemos todo nuestro panel de configuración, por lo que cada opción que lleguemos a editar va a aparecer cada año. Entonces, como ejemplo, igual que el aeropuerto y conseguimos opciones muertas en la pizarra de arte por aquí, ese derecho, y en realidad haremos la aparición. Por lo que el fondo negro. Lo siguiente que haremos es crear un icono para pantalla de presentación, así que agarraremos un círculo y arrastraremos para dibujar un círculo. Pero te das cuenta cuando arrastraste para dibujarlo, se convierte en un óvalo, y te irá de cualquier manera en que muevas el cursor. Pero si sostienes un turno en una escala de manera uniforme y si viejas turno en Ault, se escalará desde el medio. Este es un atajo rápido que me gusta usar mucho, tú cambiando todo con casi todas las formas que creo. Y luego a la derecha allá arriba, notarás el centro de alineación en las herramientas horizontales de línea. Por lo que esas también son algunas cosas rápidas para usar cuando necesitas poner cosas en el puerto de arte y asegurarte de que estén centradas y en realidad harán que esto sea un poco más grande. Entonces voy a retener turno de opción otra vez, y tenemos algunos tipos que vienen. También puede ser útil que hagan esto un poco más grande justo sobre hay uno, y lo moveremos justo por ahí. Por lo que este va a ser el logo de una pantalla de bienvenida. Lo que hace una pantalla de presentación es que básicamente ofrece un marcador de posición para darle tiempo a la aplicación para cargar . No siempre son necesarias, pero es bueno tener una, porque si Europa no necesita tiempo para cargar cuando se descarga y no tienes una, solo le mostrarás al usuario una pantalla negra, lo cual no es ideal. Por lo que el primero en debilitar agarrar es el rectángulo en todas partes a la izquierda. Y vamos a hacer un cuerno para el medio de nuestro ícono porque estamos inventando noticias y va a ser como un bullhorn, especie de homenaje a la vieja escuela como chicos de periódicos gritando del lado del bien. Entonces una vez que dibujamos el rectángulo, podemos ver hombres que notaste que la derecha tiene llenando una frontera. Pero lo que también podemos hacer aquí es hacer doble clic en el rectángulo y compartir estos puntos comestibles en las esquinas. Y lo que podemos hacer es agarrar estos dos puntos. Por lo que me seleccionaron el 1er 1 y mantén pulsado un turno de prensa. Es como el 2do 1 y lo vamos a tirar hacia abajo. Vuelvo a la de arriba, bajaré esa también. Voy a hacer lo mismo con spot él justo uno y Básicamente, lo que estoy haciendo es sólo conseguir un poco más de como, oh, oh, forma de bullhorn para nuestro logo que voy a seleccionar fuera de eso para de seleccionarlo y luego deslízalo hacia arriba. En realidad, lo que vamos a hacer con esto es apagar la frontera y hacer el Phil Black. Voy a hacer doble click una vez más porque queremos que este final sea un poco más pequeño de lo que es. Entonces, ¿qué? Él es así. Entonces estaban empezando a conseguir un poco de forma de bullhorn ¿qué sabrá en realidad? A continuación, solo pon un bloque aquí abajo para el mango. Entonces volveremos a agarrar el rectángulo. Arrastre mínimo, y suelte eso a través y lo moveremos hacia arriba. Entonces es sobre en el lugar un mango sería También vamos a apagar la frontera otra vez y luego hacer negro el abrigo de relleno. Entonces voy a golpear, cambiar y seleccionar ambos, y vamos a subir aquí a nuestras herramientas de combinación de caminos para que o bien podamos seleccionar este dedo , sumar, restar intersexo, excluir cada vuelta usaremos adherir. Entonces de esa manera, lo que hace es crear una forma de las dos y podemos nombrar maíz, y siempre es buena práctica el nombre de las cosas a medida que vas porque cuando te levantas, como, como, 100 tableros de arte podrían ser bonitas confuso. Y en realidad voy a tuitear esto sólo un segundo. Por lo que acabo de hacer doble clic en esto para volver para poder editar estos puntos. De hecho voy a sacar esto un poco, y luego voy a volver de pie esta herramienta de alineación de la parte superior, ¿ verdad? Y asegúrate de que ambos centrados en el aire. Voy a golpear, cambiar, seleccionar ambos y luego comandar G. Y eso va a crear un grupo de estos dos. Y podemos nombrar a ese logotipo de grupo la Secta del Diablo solo para asegurarnos de que eso esté centrado ahí mismo . ¿ Te das cuenta de que el guía vino a lo largo del medio a ti? Si jalas alrededor de cualquier forma, generalmente la de Dios empezará a subir para ayudarte a centrar las cosas. Entonces pasaremos a esta herramienta de texto aquí mismo. Cuadro mínimo de arrastrar y soltar para un texto. El nombre de nuestra app de noticias va a ser extra para que podamos resaltar esto y cambiaremos de dedo blanco las fuentes Miss. Bien. En realidad voy a ir atrevido a unos 35. A lo mejor En este momento el texto es un texto de área. Entonces eso básicamente significa que va a seguir funcionando, pero sólo mostrar el área específica. Pero si lo cambiamos para apuntar texto aquí, en realidad siempre se ajustará a la cantidad de texto. Y la razón por la que esto es útil es que en realidad puedes escalarlo así. Entonces, si estás tratando de moverte rápidamente y no quieres escribir precisos como puntos de fuente, es útil, como, usar este texto de punto para realmente averiguar dónde quieres unas cosas de posición. De acuerdo, así que eso es acerca de lo correcto. Voy a arrastrar estos hacia abajo hasta que ambos estén fuera del centro de la página. De acuerdo, entonces son pantalla de salpicaduras. No vamos a tener sólo este fondo negro. En realidad vamos a tener una imagen en ella. Entonces déjame jalar sobre una imagen, e incluiré esta imagen para todos, pero solo es una imagen aleatoria ah de periódico que obtuve de en Splash. Pero siéntete libre de usar el mismo o otro diferente, si quieres. Así que te diste cuenta cuando traigo la imagen en ella recortada automáticamente al tablero de arte lo cual es una característica agradable. Y por supuesto, obtenemos nuestros puntos de edición en los lados y lo mismo. Voy a mantener opción, cambiar y escalar esto hacia abajo para que baje uniformemente hacia abajo que voy a golpear comando shift bracket izquierdo . Y lo que eso va a hacer es que lo va a mandar todo el camino hasta la parte inferior del panel de capas y podrías hacer lo mismo aquí, pero simplemente arrastrándolo. Entonces si lo arrastramos por encima de eso, básicamente está haciendo lo mismo. Pero es bastante rápido. Usa aquí el atajo de teclado. En realidad, acabo de notar que su círculo tiene un borde en él, así que voy a hacer doble clic suficiente. De acuerdo, Tenemos nuestro fondo de imagen, pero notarás que el texto es casi imposible de ver. Entonces vamos a tener que tener una superposición en esta imagen, así que voy a golpear, están en el teclado para tirar hacia arriba un rectángulo y dibujar uno toda la longitud de nuestro tablero. Voy a apagar la frontera y luego la haremos negra. El señor Spot simplemente arrastraría este sable y luego haré el pase A alrededor de 70. A lo mejor lo intentaremos. Y entonces lo que podemos hacer es simplemente arrastrar esto por debajo de nuestro logotipo. Y ahí vamos. Nuestro texto es mucho más visible ahora, y en realidad voy a nombrar esperanza. Entonces lo que pasó ahí es drogarla accidentalmente al grupo en el panel de capas, El área. Ahora está fuera del grupo que podemos nombrar a esa superposición. De acuerdo, ahí está nuestra pantalla de inicio, y lo siguiente que podemos hacer es copiar y pegar esto y crear una pantalla de inicio de sesión. Podemos hacer doble clic para nombrar agarrar ambos y subir. Entonces lo que vamos a dio es crear entradas para correo electrónico en una contraseña para que podamos agarrar nuestra herramienta de línea por aquí y te das cuenta una vez que comiences a dibujar líneas, es un poco raro decidir dónde se detendrán para que puedas entrar y encender la cuadrícula, y pone una cuadrícula por defecto. Eso es en realidad un poco para Nerón. Normalmente me gusta sacarlo un poco y estos algo alrededor como, 24 y luego podemos simplemente hacer que sea el predeterminado y usarlo en otros lugares también. Entonces, en realidad voy a arrastrar esta línea hasta que se encuentre con ese borde, y luego podremos apagar esto por un segundo. Eso es bastante difícil verte, así que haremos la línea blanca y haremos el tamaño también. Y así necesitamos un año de texto por correo electrónico para dejar que la gente ahora necesita ingresar su correo electrónico. Entonces en realidad sólo voy a copiar y pegar este texto aquí arriba. Prefiero copiar y pegar texto y luego simplemente cambié la configuración cada aquí, en lugar de dibujar cualquier cuadro de texto. Porque odio dibujar nuevos cuadros de cuadro de texto, creo que es mucho más fácil solo copiar y pegar f sobre. También es más rápido, pero a cada uno lo suyo. Entonces, ¿qué? Ese correo de ahí. Entonces voy a agarrar ambos al sostener turno. Voy a copiarlo y pegarlo para que tengamos otra versión ahí abajo. Y luego cambiaremos el nombre de esa contraseña en una nota rápida para acercar y alejar manteniendo pulsado el comando y usando la rueda de desplazamiento. Y así es como acerco y alejo. Enseña Mouse Point y utilizo la barra espaciadora para que surja la herramienta de pan. Si a la familia de alguien le gustaría tienda de fotos. Funciona bastante de manera similar. Pero si alguna vez me ves volando por el tablero de arte, hay de las herramientas que estoy usando. Entonces en realidad también vamos a copiar y pegar contraseña alguna vez. Porque si tenemos entrada de contraseña, tenemos que tener ah, olvidó la entrada de contraseña. Simple. Arrastra eso para que no se caiga. Tenía una pregunta, mark, y vamos a escribir una línea esto seleccionando esto por aquí. Voy a hacerlo un poco más pequeño. Bajaremos a 14 con él porque todos ahora que probablemente necesitaremos esto en algún momento si esto fuera un realmente arriba porque no puedo hacer un seguimiento de mis contraseñas sin razón. Entonces lo siguiente que haremos es crear nuestro botón de inicio de sesión, arrastrará una forma de rectángulo, hará que esto sea un poco más pequeño, y en realidad vamos a agarrar esta herramienta de radio aquí mismo. Por lo que estos puntitos o para el radio y podemos agarrar ese extremo y redondear esas esquinas fuera, también puedes sostener opción y simplemente agarrar un radio. Pero para este, agarraremos ambos y alrededor de las esquinas uniformemente los botones un poco grandes. Y este es el punto para ustedes donde animo a todos. Teoh acostumbrarse a previsualizar y empezar a entender qué tan grande el tú yo elementos que estás creando brazo. Esto también es realmente útil y por qué sugiero que la gente diseñe para el dispositivo que tienes porque puedes conseguir que aparezca una vista previa del dispositivo, y solo te ayuda a entender las cosas que estás construyendo y verlas a escala porque realmente sí cambia cuando lo consigues en el dispositivo. Por lo que arrastraremos un poco esto hacia abajo, apagaremos el borde, y como esto es un botón, le pondremos una sombra gota sobre él y punto material io. Entonces eso es como los estándares de Google de Estados Unidos, pero fuera mucho material bueno. Mucha rejilla de material, supongo. Crearon un sitio web para explicar realmente por qué vino, cuándo usar sombras de gota y animo a todos. Echa un vistazo pero los botones cortos de historia larga están en un servicio de subida y levantar superficie. Tener sombras debajo. Um, así que siempre ponga una sombra en un botón o una superficie que esté por encima de otra superficie. Ese es el Ese es el t o d r de sombras de gota. No los uses Estilísticamente, las sombras Drop están destinadas a transmitir, um, funcionalidad. Por lo que en realidad podemos cambiar esto. Estará usando un verde para esto arriba, justo sobre sus looks. Bien. Y luego si tienes un color que vas a usar con frecuencia, puedes presionar este botón del anuncio para guardar el color. Eso es bastante útil. Por lo que necesitamos nuestro botón para tener texto. Entonces voy a agarrar la herramienta de texto y dibujar ahí. Entonces lo voy a centrar, y este será nuestro log in. Pero ahora hazlo audaz y hará 18. Necesito resaltarlo, y en realidad volveré a cambiar al texto apuntado. Y en el centro. Esto no. Hazlo un poco más grande. Está bien. Mentí. En realidad voy a previsualizar esto y ver cómo se ve. Sí se ve un poco Ver que se ve un poco huevos de televisión en realidad iban a volver. Debí haber ido con tripa. Se alojó con 18. Voy a hacer este botón sólo un poco. Algunos también lo son. Entonces voy a seleccionar ambas, en realidad, copiarlas realidad, y pegarlas de nuevo porque el botón de inicio de sesión es para usuarios existentes. Pero necesitamos un botón de inicio de sesión para nuevos usuarios. En realidad vamos a hacer de esto una frontera. Apague el relleno. Usamos el mismo cambio verde que a. Y entonces esto dirá, Signer, va a cambiar el color de ese texto a ese verde, y podemos seleccionar mejores esos. ¿ Y entonces mandas a G a agrupar? Y podemos nombrar este registro, Haz lo mismo con esa comunidad una en un botón de grupo Neymar otra vez. De acuerdo, entonces ahora que tenemos nuestra pantalla de inicio de sesión, necesitamos una pantalla de registro. Entonces lo que podemos hacer es seleccionar esto. Subiremos un poco esto. Tomaremos guisantes, los acompañaremos. Bueno, borra la contraseña olvidada. Voy a copiar y pegar esto y tener otra línea para volver a ingresar contraseña. Bueno, ¿solo confirmas la contraseña, Jack. Entonces y en realidad no necesitamos nuestro botón de registro aquí. Solo necesitamos un botón de inicio de sesión o crear cuenta. En realidad, volveré y volveré a nombrar esto apropiadamente. Ahí vamos y renombramos nuestro tablero. Crear cuenta también. De acuerdo, así que ahí vamos ahora, ten su pantalla de inicio de sesión o pantalla de inicio de sesión y nuestra pantalla de crear cuenta. Por lo que lo siguiente será pasar a ti es crear son en pantallas de embarque 3. Pantallas de incorporación: De acuerdo, entonces ahora que tenemos están firmando pantallas creadas, realidad podemos crear nuestras pantallas de abordaje. Entonces lo que haré es solo copiar y pegar esto, seguir adelante y cambiar el nombre de embarque que en realidad voy a eliminar todo de esto son Bryant. Y voy a volver atrás y en realidad ajustar el color de apariencia para ser un Grady lineal aquí porque ya no tenemos nuestra imagen como telón de fondo. Y luego ya ves, me sale esto, como línea que me permite, como, editar y reposicionar lo radiante en Deacon, Selecciona en cada extremo y crea un color si quieres. También puedes seleccionar en la línea y crear un nuevo color en el medio. Normalmente me gusta mantener las cosas simples, sin embargo, y sólo mantener dos puntos en el resplandor de Nueva York. Entonces construimos la parte superior aquí y en realidad queremos que esto sea como un negro, pero con, como, un poco de carpa Leah. Nada demasiado loco. Estar justo por ahí probablemente esté bien. Y lo agregué para guardar ese color y en realidad quiero fondo para ser negro. Vuelve a hacerlo aquí. En realidad, sólo eso sólo un pelo. De acuerdo, Entonces para en pantalla de embarque, queremos dar la bienvenida a nuestro invitado, nuestro nuevo invitado para configurar su conteo. Entonces una copia y pega este texto super, en realidad va a volver a encender migrar y luego también les gusta usar su rejilla de fallas. Entonces estamos en ese grado por defecto que creamos antes. Y queremos dar la bienvenida a nuestros nuevos usuarios para realmente hacer esto audaz. Y vamos a ir a alrededor de 24 con eso. A lo mejor un poco más 28 x cinco Copiar y pegar. Este Tim cambió el texto del área. Entonces lo primero que vamos a querer que hagan es seleccionar algunos temas que les interesen para que salgan sus noticias. Entonces podemos darles instrucciones aquí y eso. Ajustar este texto para ser alrededor de 16 durante nuestro gran off en realidad puede subirlo un poco. Entonces ahora lo que necesitamos se quede cerca. This poco indus. Ahora, lo que necesitamos es realmente tener algunos tú yo para que la gente pueda seleccionar temas que les interesen . Lo que haremos es crear un pequeño selector para que podamos dibujar un rectángulo. De hecho traerá el radio y alrededor de las esquinas. Apague el portero. Haremos que sea un gris oscuro. Puedo ajustar el tamaño sólo un poquito, y luego podemos crear un círculo. Soy un viejo cambio de opción otra vez para escalarlo desde el medio. Selecciono la USVI para volver a la selección a aparecer. Yo bebí la sopa aquí. Sí, aquí en el Phil off Haz blanco al portero. Y con decide, me refiero a una copia y pega esta área duplica eso un doble clic ahí para seleccionarlo todo y haremos tu tema. Can es un positor. En realidad vamos a hacer este 16 y luego ir atrevidos. Algo a tener en cuenta, realidad voy a traer este área textos en dos sobre dónde podría caber el texto. Vamos a hacer este círculo un poco más pequeño, manteniendo de nuevo el cambio de opción. Arrastra esto sobre solo un pelo. Y así haciendo esto para dar cuenta de más espacio porque vamos a tener temas que probablemente sean más de cinco letras. A lo mejor sólo un poco. Está bien. Y uno, Las razones aquí. Elegí usar zona Texas porque vamos a estar usando plug in en esta etapa para poder seleccionar el uso y estoy sosteniendo turno. Es como múltiples cosas comandan ji, el grupo al que podemos nombrar este selector, y entonces en realidad voy a golpear la grilla de repetición aquí arriba, ¿ verdad? Y si notarás que obtenemos estos pequeños manejadores que vienen y en realidad podemos simplemente arrastrar y crear copias de ese elemento de grupo, esta es en realidad una de mis herramientas favoritas en Adobe X'd. Una de las razones por las que tanto me encanta es este es un cómico ahorro de tiempo de like, la alternativa a esto es simplemente copiar y pegar cada una y termina tomando mucho tiempo. Pero hacerlo de esta manera es simplemente mucho más fácil replicar estas te Io mentas. Y como estos están encima de nuestros servicios de fondo o algo así, queremos usarlo interactuar con, realidad podemos hacer doble clic en y en una sombra, una sombra de gota. Entonces una cosa a tener en cuenta es que la sombra de gota aplica en realidad a todas estas otras. Entonces si editamos algo en una cuadrícula de repetición, se aplica a todo lo demás en ella, cual es una característica súper agradable de ella, y en realidad voy a asegurarme de que este texto esté un poco mejor centrado. Ahí vamos. Entonces ahora que tenemos nuestros granos enteros seleccionados, en realidad podemos ir al panel de enchufe aquí abajo a la parte inferior izquierda. En realidad vamos a añadir un enchufe en ese enchufe llamado repetidor. Ahora, este plug in es la única razón por la que no estoy usando la última versión de Adobe X'd. Ahí hay un error menor con él que está haciendo que no funcione tan bien en las nuevas versiones. Um, y te mostraré por qué estoy literalmente ejecutando un viejo programa para usar este plug in. Entonces obtenemos nuestro elemento de cuadrícula de repetición justo aquí a la parte superior izquierda, y obtenemos los nombres de cada elemento dentro de él. Y sabemos que queremos seleccionar el tema, que está aquí mismo. Y lo que los repetidores nos permiten hacer es que nos da todas estas opciones para marcadores de posición. Básicamente, podrías conseguir textos para formas. Se pueden obtener imágenes, pero para este, necesitamos temas para nuestras noticias falsas arriba. Por lo que realmente buscaremos un campo de comercio, seleccionaremos producto aquí, y así podremos aplicar queso y en inmunidades cercanas en toda nuestra grilla repetida, ahora tenemos estos productos pre poblados y algunos de ellos están cortados aquí, y lo que podemos hacer en realidad es entrar y editar un poco este texto solo para asegurarnos de que todo encaje. Cambia eso a 14 y ajusta estos que están centrados de nuevo. En realidad voy a hacer este círculo un poco más pequeño también. Opción de moldeo cambio. Arrastra eso un poco hacia abajo y notarás que puedes editar cualquier instancia en un cred repetido y cambia las otras. Entonces no tengo que sentir que estás usando la parte superior izquierda en el tiempo pero sus invitados Y entonces tenemos algunos temas aleatorios y sí conseguimos que el teclado se repita tres veces. la razón que sea, no tengo idea de por qué eso entraría y seleccionaría y ustedes de nuevo a nuestro texto. Y probaremos producto desde más veces, conseguir que se aplique. Ahí vamos. Ahora tenemos teclado de teclado sólo dos veces. Aún así, supongo que eso sólo va a tener que ser multado fuertemente. A la persona realmente le interesan los teclados que pasa por esto en el embarque. Entonces ahí vamos. Tenemos nuestro selector de temas ahora, y también necesitaremos un botón siguiente para que alguien pueda ir siguiente después de seleccionar los temas en los que están. Entonces cuando un doble clic aquí y en realidad va a hacer esto gris Y por aquí tenemos un cuentagotas de ojos, y voy a conseguir el mismo color gris que los botones selectores, y esto va a ser en el siguiente. Y así porque queremos que alguien seleccione estos temas antes de que continúen, en realidad voy a hacer que este botón esté inactivo. Entonces te quitas el drop shadow, y voy a hacer que esta próxima capacidad de texto baje a unos 45. Voy a traer estos elementos, subirlo un poco, porque tendremos que dar cuenta de tener un botón de salto en la parte inferior. Es una cosa que puedes hacer es que nunca puedes simplemente atrapar a los usuarios, hacerlos cumplir, dedo del pie. Ah, continúe con y con el embarque. Eso sería simplemente horrendo. Entonces le vamos a dar a alguien la opción de saltarse si no te querían dentro de los temas que les interesan y espaciaremos esto solo un poco. Yo que la justicia Menge. Está bien. Está bien. Por lo que ahora podemos ir a nuestra siguiente en pantalla de embarque. Te das cuenta que automáticamente nombré en quemar Dash uno que está bien. En realidad es nombre decente para ello. De acuerdo, entonces lo siguiente que podemos hacer es que queremos habilitar la ubicación en. El motivo por el que estamos haciendo eso es para dar a la gente información relevante a su ciudad o pueblo o dondequiera que vivan. Por lo que podemos renombrar esta ubicación de pantalla. Discúlpeme mientras lucho, luché diciendo hoy. Por lo que queremos saber si a nuestro usuario le gustaría recibir noticias locales y una de las razones por las que es bueno tener Esto es como un paso de no embarque. Si necesitas algún tipo de permisos, es mejor explicar por qué necesitas esos permisos si solo tratas aleatoriamente de pedirle a alguien la ubicación y no entienden por qué no se van a sentir inclinados a dártelo . Y así en realidad voy a copiar y pegar esto y realmente explicar por qué querríamos servicios de localización. Y eso es porque estamos dando noticias relevantes rápidas. En realidad voy a jugar con estos tamaño de fuente es un poco aquí, hacer cursiva para este y regular para éste y en realidad no quiero que esta coma sea tan bien, en realidad hacer que te ataque y realmente solo hacer eso para agregar énfasis en rápido y relevante es y le dará al usuario un poco más de una explicación de por qué estaban pidiendo servicios de localización. De acuerdo, así que arrastra eso hacia abajo para que puedas verlo y otra vez, Como dije, siempre es mejor preguntar con el dedo del pie y explicar por qué necesitarías algo como servicio de localización en lugar de simplemente aparecer al azar. Pero en el medio también necesitará algo para ir aquí también. Por lo que no es una pantalla en blanco con texto y algo que es un poco más descriptivo super banana rapido diagrama. Entonces Dios la herramienta del círculo. Y en realidad voy a mantener el turno de opción para arrastrar esto hacia fuera, apagar el agua, y luego voy a hacer doble click y llego ahí Los mismos puntos de edición que teníamos en el rectángulo antes. Pero sólo voy a arrastrar esto hacia abajo. Y si haces doble clic, notarás que lo lleva a un punto que es bastante útil saber, dependiendo de qué tipo de icono te guste hacer. Y luego estoy oprimida. E piénsalo otro círculo hacia arriba. Vamos a dejarlo justo en medio de esto. En realidad voy a seleccionar ambos con turno y luego golpear, restar Y eran invitados que tenemos, Ah, Ah, icono de ubicación. Y eso lo pondré a la parte superior izquierda y luego bajaré esto sólo un poco. También añadiremos algún tipo de círculos a su alrededor para que visualmente lo hagan un poco más interesante y un poco mejor explicación Qué está pasando en la página. Entonces copia y pega eso otra vez. Y estoy usando turno una opción para escalar estos uniformemente Copiar y pegar de nuevo. Aquí vamos. En realidad, cuando te lo hice, solo es de este tamaño un poco. Y también voy a ir por aquí a dar rienda suelta. Yo quiero que uno de estos sea un guión, así que voy a entrar cinco aquí mismo. En realidad nos da un guión bastante bonito aquí para ti. Te das cuenta de que sólo vas a la gorra y el guión y por supuesto, tamaño de la línea. Pero en realidad, como cinco, creo que se ve bastante bien en la pantalla. En realidad voy a poner un par de pequeños círculos alrededor de estos también, y voy a hacer este Phil y quiero que sean iguales. Pastar las líneas. En realidad soy una herramienta Cuentagotas este. Entra y selecciona eso y guarda ese color que va a hacer es copiar y pegar un par de estos alrededor para que puedan poblar línea un poco, tal vez para poner algo de énfasis que, como, estamos obteniendo datos de ubicación de alrededor de nuestros usuarios creando un pequeño sistema solar para datos alrededor Podría hacer esto un poco más pequeño, en realidad, que voy a venir. Voy a sostener turno y seleccionar todos estos. En realidad voy a agruparme así mando g a grupo, y voy a centrar esto. Ah, eso fue un poco demasiado abajo. Considera esto y vamos a escalar un poco un soma hinchada. Opción de retención y cambio de escala esto hacia arriba. Está bien, Eso se ve bien Y estos botones realmente activos. No tenemos que tener lo más fácil para hacer algo primero. Algunos del diablo hacen clic en los cambios volver a verde para volver a parecerse. Vamos a cambiar esto para habilitar la ubicación, asegurarnos de que las capacidades vuelvan a subir, y entonces todavía mantendremos aquí la opción de salto. Pero entonces, una vez que dijo así, obtendrías, como el IOS nativo solicita aprobación de ubicación para subir, y así para el siguiente paso en realidad comenzará a crear la pantalla de inicio. Y al igual que las pantallas principales de ella arriba 4. Íconos y navegación inferior: De acuerdo, entonces ahora que tenemos nuestras propias pantallas de embarque hechas, podemos pasar a crear nuestra página principal. Y de nuevo, copiaré y pegaré este tablero de arte, y en realidad le cambiaremos el nombre a casa. Vamos a eliminar estos botones en este ícono, y vamos a nombrar a este hogar también llevaría esto. En realidad voy a hacer esto un poco más grande. Enciéndelo a la derecha. Pero tienes razón por ahí. Haré de este 40. De acuerdo, entonces ahora que tenemos nuestra página principal, en realidad vamos a crear nuestra navegación de fondo. Siguiente. Es un minuto. Dibuja un año rectángulo hasta justo aquí. Y aquí también es donde es útil usar tu vista previa. Se sabe y se entiende de qué tamaño tiene que ser este. Y solo ten en cuenta que el axon xar iPhone tenemos esa línea en la parte inferior para lidiar con esto. Ve. Entonces voy a hacer que esto gris también apague la frontera. Prueba este gris. En realidad, no estoy loco por eso. Lo intentaremos justo ahí, y podría salvar esa locura. Will. Entonces lo que necesitamos hacer es crear cuatro iconos para cuatro partes principales que. Por lo que tendremos un hogar, un video para descubrir una sección de perfiles. Entonces lo que me gusta dio es en realidad simplemente dibujar cuadrado y un cambio de moldeo para asegurarme de que sea incluso cuadrado y espaciarlo. Por lo que tenemos suficiente espacio para caber para artículos en nuestro fondo ahora. Por lo que justo en medio de esta columna, apaga la frontera. En realidad puedes usar una cuadrícula de repetición aquí. Um, puede acelerar esto un poco para tus cuatro cosas fuera y luego asegurarte de que creó Isabel donde necesitábamos estar, y tal vez tengas que jugar un poco con esto, y entonces podemos desmontar grilla grupal. Sí, se trata de dónde queremos que estén nuestros iconos. En realidad voy a dio es seleccionar todos estos. Desbloquearlos. Y entonces esto es lo que usaremos para una guía para crear nuestros iconos. Por lo que el 1er 1 que necesitamos dio es crear nuestra pantalla de inicio calma. Entonces en realidad utilizó la herramienta de rectángulo aquí y lo dibujaremos de nuevo en la forma vamos a obtener el tamaño sobre la lluvia y voy a hacer doble clic y voy a crear un punto justo en medio de este rectángulo que vamos a hacer en realidad se arrastra eso hacia arriba. Y entonces tenemos el ícono de casa aquí Eso es bonito centro y en realidad se moverá eso siempre solo un poco oyéndolo. También, cuando seleccionamos, se ve centro. Entonces nuestra casa tiene que tener puerta. Entonces también vamos a dibujar un rectángulo aquí abajo, asegurarnos de que centrado, conseguir un poco más pequeño. Voy a seleccionar ambos y en realidad golpear a este sindicato para que aparezca. Bueno, esa fue en realidad la herramienta equivocada. Voy a pegarle el restar dos sobre el en que algo anda mal aquí por un segundo. De acuerdo, entonces ahora tenemos nuestro ícono de casa, y en realidad podemos apagar ese borde y lo haremos negro solo para que lo veas. Voy a hacer clic en estos, desbloquearlo. En realidad lo voy a hacer genial para que podamos ver detrás un poco mejor te desbloqueas para volver a usar . OK, así que dondequiera icono de casa hecho. Y lo siguiente en lo que podemos confiar es ahí video ICOM Así que empieza a retirar otro rectángulo. En realidad voy a centrar esto en la pantalla y para ésta porque lo estamos haciendo como un ícono de fotograma de video. No voy a ir todo el camino hasta la cima. Y podemos cambiar eso más adelante. Cuando reducimos estos iconos para que se vea un poco más uniforme, podríamos agarrar este botón triángulo aquí, en realidad dibujar un triángulo sosteniendo escape de turno, consiguió un pequeño triángulo. Tenemos que eliminar su Podemos rotar este triángulo por lo que la herramienta de rotación aparece cuando tienes un derecho aquí y solo podrías mantener pulsado shift que lo va a girar ajustando, cual es bastante útil. Centro civil. Esto bien, en realidad, lo mismo aquí. Vamos a restar estas dos formas. Apagaremos la frontera. Por lo que ahí tenemos un video rectángulo ICOM por lo que lo siguiente que podemos hacer es crear o descubrir icono. Entonces tomaremos este círculo en el turno de opción final. Voy a crear un rectángulo aquí en realidad, sobre así ¿Utilizas escribirás. Come eso 45 grados. Haz de esto el remolque del mango son como buscar, Descubre icono. Y también los sumaremos juntos. Aquí vamos. Es nuestro icono de descubrimiento apagará la frontera por segundo. En realidad, creo que quiero que este sea un out realmente me han cambiado de opinión súper. ¿ Qué? Yo quiero que este sea. Bueno, en realidad, solo úsalo. Crear un grupo de caminos está juntos. Entonces el último creará un perfil como en tan un gran círculo de nuevo. Bajemos esto solo un poco. En realidad voy a crear un cuerpo pequeño para nosotros. Bueno, entonces arrastraremos un rectángulo a través. Entonces voy a hacer cambio de mando corchete derecho para llevar esto al frente. Y voy a copiar este círculo y luego pegarlo aquí a la derecha y lo que te vamos a hacer Es en realidad restar estas dos formas para empezar a formar el cuerpo, apaga a este portero. Entonces también podemos arrastrar Esto termina sólo un poco. Entonces solo estoy doble click otra vez para poder seleccionar el radio en esa forma de corte que acabamos de hacer. Y voy a hacer doble clic otra vez. En realidad me voy a comer los de abajo. Aquí vamos. Vamos a hacer doble selección aquí, luego arrastrar esto hacia fuera sólo un poco y escalar esto hacia abajo. Por lo que tenemos nuestro pequeño icono de perfil de usuario aquí. Y si estás pensando lo mismo que yo estoy pensando, estas se ven terribles. Entonces en realidad vamos a entrar y la justicia tamaño un poco de cada uno de ellos. Y cuando empiecen a escalar y te darás cuenta porque éste es un camino que va a escalar un poco diferente, no está lleno. Por lo que estos en realidad parecerán más grandes cuando empiezo a reducirlos. ¿ De acuerdo? Esto y reducir esto también. De acuerdo, así que en realidad puedes entrar, seleccionar estos fondos se desbloquearán y luego eliminarlos y lo que necesitamos dio vamos a crear algún texto para ella. Mis armas. Eso probablemente no va a ser un hit talla 40, pero, ya sabes, ya sabes, enseñarle a los alrededores quedarse en casa. Y también nos gusta esto y tal vez nos llevemos como 12. En realidad vamos a hacerlo regular y vamos a copiar y pegar esto sobre y poner uno debajo de cada nombre en realidad, en un selecto todos estos y centrarlos también. Y como tenemos casa seleccionada aquí, lo que vamos a hacer es en realidad hacer este tazón porque videos no seleccionados, realidad voy a hacer esto ahora en su lugar, Lo que podemos hacer es cambiar esto para viajar uno. En realidad, eso es un poco demasiado pequeño como estos, ambos a nosotros también haremos lo mismo por nuestro perfil. Hazlo demasiado seguro. Su peso mexicano. Un doble clic en este triángulo es un poco demasiado grande. Puedo encontrar el borde de la misma. Ese es mi no existir aquí hace. A veces es más fácil mantenerse rápido y luego furiosamente doble click como hago A veces eso fue raro, ¿eh? OK, es una habilidad en la ciudad. ¿ Quién sabe qué pasó ahí? Está por encima de mi grado salarial. Y mentí. En realidad voy a cambiar estos 21 tú 1.5. Echa un vistazo. Quizzes previsualizando nuevo en realidad en una escala. Cada uno sube sólo un poquito. En realidad voy a bajar esto. Tan solo un pelo también para que podamos apagar esto y ver cómo se ve. ¿ De acuerdo? Y lo siguiente que podemos hacer, es poblar nuestro menú de noticias para la página principal. 5. Pantallas principales: feed de noticias / perfil: Entonces ahora que tenemos sobre una navegación creada, podríamos entrar y empezar a poblar nuestra página principal con nuestras nuevas historias para que podamos especie de crear una tarjeta para que esto viva a su vez el gran regreso a casa que realmente queremos que sean estos. Utilizamos este color desde el fondo de en el portero apagado que se estaban escabulliendo alrededor de estos apenas un poco. De acuerdo, Jenna. Gran ofensa. Sí, eso se ve y entonces será una vista previa rápida para solo tener una sensación de cómo? De acuerdo, eso debería ser bueno. Por lo que esto cabrá un par de artículos noticiosos ahí mismo. Entonces lo que necesitamos, necesitamos una tarjeta de fondo para cualquier noticia Los artículos fueron para volver a caer sombra sobre eso. Eso se debe a que hay algo que estos Ercan seleccionan. Está sentado encima del fondo. Entonces voy a golpear nuestro empate. Otro rectángulo aquí. Y lo que va a ser esto es la imagen del artículo, y voy a mantener opción aquí, así que sólo podríamos conseguir ese radio de esquina y hacer lo mismo. Mantenga opción ahí y haga que se ajuste al exterior de eso. Entonces esto va a ser como nuestro positor de imagen, y este tamaño se ve bien por ahora. En realidad podemos seguir adelante y crear otro cuadro de texto. Y este sería el tenedor del lugar para el título de nuestros artículos. Lo probaremos con cerca de 18 y nos iremos regulares. Tendremos un audaz para ver si podríamos meter algún tipo aquí. No lo es, también. Page sería para alinear la misma diferencia allí. Solo necesitamos alguna copia de marcador de posición ahí por ahora. Había escapado. Ser para conseguir el sector también. Voy a hacer de estos 18 genes en regulares. Gracias, Sali. A lo mejor un poco más pequeño aquí. Voy a bajar esto un poco tol hacer pequeñas cosas un poco más pequeñas. También puedes traernos imágenes en un poco. Ahí vamos. Por lo que este será un bonito tamaño de artículo en miniatura. Necesitas solo algún texto de positor ahí, mira cómo se ve. Por lo que cualquier cosa de teclado aleatorio funciona divertido. Voy a copiar y pegar esto sobre lo que queremos en la parte inferior de esto es la ubicación y la hora que se puso personal para que pudiéramos simplemente poner tiempo aquí, en realidad a su texto de área otra vez. Voy a hacer que 12. Escribiremos una línea que te explicaré por qué estoy sonando bien. Alineando eso en un segundo. Entonces en la prensa de artesanía p para la herramienta de pluma dibujará línea rápida aquí. Haremos este blanco más copia y pegamos esto una y aquí. Queremos la ubicación por lo que realmente pondremos ubicación. Vamos a hacer de ambos una luz, en realidad. De acuerdo, vamos a hacer que el localizador muestre griego en esto. Bueno, es como estos en sólo un poquito. De acuerdo, entonces ahora tenemos, como, como, un marcador de posición para lo que se llenan. El artículo se verá como yo creo que eso es un poco más grande también. Vamos a dio es solo agrupar todo esto y lo llamaremos tarjeta. Y si aún no viste venir esto, realidad vamos a usar la grilla de repetición y nos arrastramos hasta el final. Entonces obtenemos, como, un feed de noticias lleno poblado de artículos, comando del Enemigo desplaza el corchete izquierdo, y lo vamos a mandar a atrás de esa manera, siempre está abajo son sobre ello ahora. Y como esto en realidad está arriba, también vamos a poner sombra en este do negativo tres. Lo que eso va a hacer es angular la sombra de caída por ahí vamos. Por lo que seleccionaremos la cuadrícula de repetición y volveremos a esta increíble repetición de repetición de nuevo. Y esta vez en realidad haremos clic en la imagen también. Y digamos Vamos a hacer tú ciudad para que podamos barajar estos por ahí. Pero realmente cualquier tiro de ciudad está bien, pero sí queremos calidad para ser de alto apoyo. Simplemente eso, al optimizar te aplicarás. De acuerdo, entonces una vez que tengamos nuestras imágenes suministrando, tomará un segundo porque tiene que descargar cada una de estas imágenes. Podemos entrar y también podemos poner un título en. Um, lo intentaremos. Podemos dio No hay uno perfecto para títulos genéricos de artículos. Puedes dar click y ver si algo funciona. Funciona mejor, pero solo para tener algo que es una especie de lugar más viejo se pegará con el comercio y hacer nombre del producto, porque generalmente te pones como un nombre multi palabra, así que aplica eso ahí también. Aquí en la parte inferior, izquierda a su texto de tiempo. También podemos poner una fecha y hora en también, Así que vamos a ir a seleccionar por cantidad y bueno, en realidad tú a medida. Por lo que obtienes algunos ejemplos de diferentes cosas personalizadas que puedes hacer. Se oye lo que en realidad dio es esta colecta h Así que vamos a conseguir una hora justo ahí Y entonces también dio una api de aire Así mostramos una hora y luego el P m o A M tiempo después también aplicará ese Bayer Y además de eso, tenemos nuestro texto de ubicación Podemos ir aquí a tu dirección y luego dar click. ¿ Podría usted ciudad aplicar a eso también y pistas? Y ahora cuando miramos hacia fuera Oops! Cuando miramos atrás aquí hemos poblado la cuadrícula de repetición con, como, nuestros títulos de artículo gruesos. Algunos de ellos eran bastante raros, así que algunos de los tiempos AM y PM no aparecieron. De hecho volveré a ver si podemos editar eso. Y también voy a ver si obtenemos un título más largo para un producto. Podemos probar la empresa, y, como una frase clave que probablemente sería una buena. O eres un negocio? Nosotros aplicamos eso y entonces de esta manera nos va a dar sólo un más largo para el encabezamiento de línea, tal vez catchphrase. Y entonces es dueño de doble cheque tiempo en el tiempo, realidad podemos a Stephen hora normal. Todavía tienen el artículo tiempo se publicó también. De acuerdo, para que podamos abrir esto, ver cómo se ve. Está bien, voy a subir esto sólo un poco. Estoy pensando en esa escuela sobre repetir grilla ya que en realidad podemos ir adelante y simplemente arrastrarlo hacia fuera y hacer un pergamino Página Herbal. Entonces si hacemos clic en el tablero de arte y arrastramos este fondo aquí abajo en realidad podremos desplazar la página también. Y la cosa es, si te darás cuenta. Entonces si hacemos la página tan larga, vista previa rápida y escolarizamos al fondo nunca en realidad escuelas con ella, y no queremos eso. Entonces qué, vamos a dio que en realidad tiene un depredador. ¿ Lo tienes? Y vamos a seleccionar todos estos elementos aquí, y traje un solzuelo y será una posición fija al desplazarse. Y ahora si volvemos a una vista previa, ten un bonito, bonito desplazamiento largo su página. De acuerdo, entonces ahora que son páginas de inicio, ninguna. Podemos ir junto a nuestra página de videos. Siguiente en la lista. Volver a la pestaña de diseño en copiará y pegará este super. Nosotros llamamos a este video uno, así que en realidad voy a sólo él es una carta de esta cuna en grupo, y vamos a borrar este carburador de fondo. Voy a borrar las imágenes aquí también. Bueno, en realidad, nos quedaremos con este texto, pero lo haré yo. Daño voy a sin engrasar esto es. Bueno, nos bajaremos del enchufe y del menú para que podamos ver un poco. ¿ Qué está pasando? Vamos a llevar este título al fondo porque queremos que nuestras pantallas de video tengan mucho más espacio. Simple. Selecciona la hora en ubicación y pon ese título de Director cada año. Y vamos a arrastrar eso hacia fuera. Por lo que tiene un poco más de espacio. Vamos a presionar son y dibujar otro rectángulo. Y esto será como nuestra ventana de vista previa de video. Trataremos de hacer este tamaño un poco más realista. Nos arrastraremos hacia abajo. No, he aquí opción, Ault. Como quieras llamarlo y arrastra el radio hacia abajo hasta que coincida, Apaga el agua y otra vez. Voy a jugar un poco con esto hasta que se vea bien para un video real para ti. De acuerdo, entonces vamos a Grieb todo esto juntos. Bueno, sólo nombra video y luego adivinaste que funciona. Tengo que repetirlo. Bien. Entonces voy a ir de comando turno izquierdo corchete, y vamos a mandar esto a la parte de atrás. Tan solo sobre una solva está en la cima. De acuerdo, así que ahora con esta repetida cuadrícula seleccionada, podemos ir los plebeyos y repetidor rápido. Eso fue extraño, pero supongo que solo quería tirarme. Me tiró a mi escritorio. De acuerdo, así podríamos seleccionar nuestra imagen aquí. Y vamos a sólo Teoh, tal vez cámara Stephen, conseguir algún equipo de cámara. Las imágenes optimizarán las imágenes. Está bien, Sweet. Podemos aplicar eso. Eso es descargar daños. Por lo que podría tomar un segundo y luego por título volvería a ti. Hagamos solo nombre de producto aquí, ya que tenemos cámaras y tiempo y ciudad sigue siendo la misma. Pero si quisiéramos nueva información, podríamos entrar y rehacer esta vez para aplicar nuevos tiempos. También podemos aplicar la ciudad. De acuerdo, entonces ahora tenemos nuestra página poblada con sus ventanas de vista previa de video. El único problema es que no es demasiado obvio. Estos videos de aire, porque no hay como icono de arcilla o botón en medio de esto para que realmente podamos hacer es volver atrás y tener eso en el cred repetido. Entonces si hacemos doble clic en y luego comenzamos a dibujar forma tan angustiada e para poner un círculo para arriba para dibujar un icono de círculo justo ahí, Él sabe que aparece en el resto de la cuadrícula de repetición seleccionada, apaga el borde. Y entonces lo que estaremos haciendo es solo crear un ícono de juego. Hacemos esto más pequeño, volveremos a duplicar rápido y conseguiremos esta herramienta de triángulo. No he memorizado el atajo para eso porque esta bastante nueva estoy seguro de que hay una burocracia más esto y centrar esto dentro de nuestro tema círculo. En realidad voy a bajar un poco la capacidad esto. De acuerdo, entonces ahora tenemos lindos iconos de juego y medio sobre un video. Y si queremos más videos para prototipar una pantalla de desplazamiento, podemos distraer eso, y puedes volver a repetir er, para conseguir más imágenes para ello. Echaremos un vistazo a cómo se ve esto. Se ve bien. Hasta ahora, en realidad voy a acercarlas un poco, te deja muy aparte. El título de esta página también es ahora video. Podemos ajustar nuestro fondo tiene que reflejar eso también. Queremos que nuestro año de texto sea audaz. Este puede volver a ser regular, cree entonces podemos crear. Este es Phil, y es el triángulo conseguir realmente pequeño porque lo ajustamos antes es un camino por lo que realmente podemos escalar eso de nuevo hacia arriba. Entonces es un poco más de un tamaño uniforme. Se parece un poco más a eso. De acuerdo, Es la siguiente página que podemos crear. ¿ Hay página de descubrir, Y eso en realidad va a ser bastante similar a esta página principal. Entonces voy a copiar y pegar esto. Vamos a renombrarlo. Descubre que en realidad vamos a pedir prestado este ícono de búsqueda en una copia y pegarlo y ponerlo aquí arriba en la parte superior. Correcto. En realidad podemos escalar esto sólo un poco y arrastrar esta repetición hacia abajo porque vamos a poner algo de filtro una opción de filtro en la parte superior para que pudiéramos agarrar un rectángulo que debería haber. De acuerdo, lo redondearemos, que sea así de gris en la frontera fuera. Entonces lo que esto va a ser es un botón de filtro decretado filtros para buscar artículos de noticias cuando una sombra de gota otra vez, voy a agarrar este texto aquí mismo y copiarlo y pegarlo. Por lo que ahí tenemos un pequeño botón de filtro otra vez. Podemos previsualizar esto solo para asegurarnos de que el tamaño esté bien. ¿ Dónde está eso? Vamos a arrastrar esto ahora un poco más. Y debido a que esta es una página de descubrimiento, en realidad podríamos cambiar los artículos aquí y otra vez. Tomaré una copia y pegaré. Este texto en las ciudades serán los artículos más leídos para una disputa por Descubrimiento. En realidad voy a soltar este sonido lateral. Muéstrale esto al cabello. De acuerdo, así que vamos a previsualizar esto. Ah, así que si nos pretendes, copiamos y pegamos esto desde abajo. Por lo que esto en realidad sigue arreglado. Por lo que todavía está encima de lo acostumbrado a ser puede ir y corregir eso. Realmente rápido y pegado. Mira eso otra vez. Está bien. ve bien esta vez. Entonces podemos causar esto. Adelante y actualicemos aquí abajo. Haremos estos tres. En realidad, no podemos convertirlo en un relleno porque sólo es camino delineado. Pero podemos reservarlo un poco este año que seleccionó encuestado aquí, cambiar el espectro frontera regular lo hará blanco. Y luego 1.5 como el resto de ellos. Está bien. Por lo que podemos llamar a esto descubierto. De acuerdo, entonces lo último que estará haciendo es esa pantalla de perfil. Entonces de nuevo, podríamos simplemente copiar y pegar sobre la pantalla de inicio. No vamos a estar haciendo que este sea escalable, así que sólo podemos traerlo de vuelta a la cima. Y justo en Ahora, puedes seleccionar en uno de estos l aeropuertos solo para asegurarte de que 896 es la altura. Por lo que podrías volver a esto y solo asegurarte de que sea del tipo correcto porque es fácil perder un píxel o para ti ahí abajo en la parte inferior. Entonces en realidad voy a mantener estos artículos ahí por ahora. Y usamos estos es como una sección de artículos favoritos para que podamos crear en los labios. Eso es algo así como nuestro encabezado. Al igual que la imagen de perfil. Elimina este texto de inicio. Años de servicio rotos , en realidad, ve a buscar otro enchufe, y si te desplazas hacia abajo, deberíamos ir a buscar tu perfil de usuario. Podemos instalar eso. Eso va a hacer para nosotros es imagen de relleno aquí. Apague la frontera. ¿ Se usaron Ramage y aparentemente nos patean de nuevo el escritorio del dedo del pie? Por lo que automáticamente tenemos una imagen para entrar para más fácil aquí, que es una característica bastante cool. Um, y podemos copiar y pegar este viaje, Señorita leer texto de nuevo. Simplemente desprecio tener que crear nuevo cuadro de texto. Tan bueno, tipo de sólo un nombre aleatorio para esto. Y entonces podría haber alguna información de perfil o algo bajo esto, pero ¿será su tipo? Fue miembro desde 1966. Estamos en ejecución vieja app. Aquí fuimos los primeros, así que en realidad haremos este 16. Y amenidades , sigue siendo ligero también. Entonces obtenemos un buen contraste. Me topé con éste solo para escuchar, está bien. Y entonces lo que vamos a dar aquí abajo es realmente mostrar en línea para romper estas dos secciones, y estas se lastimarán, como los artículos más gustados, o recientemente leídos copia civil y pegar este texto y luego vamos a cambiar esto a la baja Alrededor de 16. Debería ser bueno. Copia y pega esto de nuevo. Pegar frijol una vez más. Entonces va a haber tres secciones en este perfil tan recientemente Read likes te enviaremos esto y preferencias, y luego escribiremos una línea que a esto, Asegúrate de que esto esté centrado. Entonces encenderemos nuestro grandioso solo para comprobar dos veces todo lo que eran justo. Y estos dos no están seleccionados en este momento, así que en realidad vamos a hacer thes que me gustaron y de nuevo ajustaremos esto ligeramente porque las secciones seleccionadas realmente vamos a poner en subrayado también. Entonces esto va a pasar. Act es como una barra de pestañas, y te pondremos a ti. De acuerdo, Así que además de esto, el perfil Rusia va a lanzar como un menú de desbordamiento, Así que esto podría ser cualquier cosa como ajustes de perfil. Tus cosas. Puedes entrar y conseguir, como, como, ayuda para que creemos los labios progresando. Él arrastraremos un pequeño círculo aquí en la frontera fuera. En realidad usaremos la cuadrícula de repetición para crear. Este pequeño icono se arrastrará hacia abajo, luego ajustará el tamaño que creó. En realidad voy a hacer que esto sea un poco más pequeño. A lo mejor justo ahí. Vamos durante el gran back on para asegurarnos de que esté en el lugar correcto. Es útil si quieres, también puedes traer como el nativo tú. Yo mi arma por aquí, puedo traerte raquetas y conseguir material de Apple IOS, IOS o Google. Lo que sea que estés diseñando y en realidad puedes tirar del encabezado. Eso. ¿ Tienes una idea de lo lejos que podrías llegar que tropezando con, como, como, configuración de batería o WiFi? Tan sólo una nota rápida. No siempre es necesario. Pero puede ser bueno tener como referencia. Pero justo ahora tiene que haber algún espacio en la parte superior para que esas cosas vayan. Por lo que nos renombraremos perfil. Después también copiamos y pegamos esto, y solo vamos a seguir adelante y solo damos una subversión para likes. Para que podamos arrastrar esto, escalar esto hacia abajo y luego hacer que nuestra sección me gusta también sea negrita. Y podemos cambiar esto a luz. Aquí vamos. Entonces ahora está recientemente roja y, como sección todo lista para ir. Es otra. Contamos con nuestro perfil de usuario configurado. Podemos ir y yo sólo este gallo de fondo otra vez, cambiar ese 1.5 y luego resaltar archivo aeropuerto. No quiero volver a hacer eso, así que sólo voy a borrarlo de aquí y copiarlo y pegarlo. ¿ Alguna vez ahorraste un poco de tiempo? De acuerdo, entonces tenemos nuestra página principal o página de video descubrir en perfil. Entonces eso dijo Fowler, al respecto. Ahora, la otra cosa y la última cosa va a querer si eres como una página de artículo simulada y todo lo que hice ahí fue solo puede tener esos aeropuertos Riches dijeron que son agradables, e incluso en realidad podemos simplemente copiar y pegar esta página principal. Voy a seguir adelante y eliminar esta grilla, en realidad. Bien. Elimina el fondo ahora tienes a ti. Entonces esto nos estaría llevando en una nueva página para que no necesitemos el medio año inferior, Pero habrá una bonita imagen grande en la parte superior. ¿ Cómo? Copia y pega este texto sobre y luego crea algo de espacio para, como, un título de dos páginas. Acabo de conseguir una copia y pegar este nombre por ahí. Sólo para que tengamos una idea de cuánto texto puede ir en el espacio y luego debajo tendrá quién publicó el artículo. También podemos poner, como, como, tal vez un autor o algo así, sólo alguna manera de dar crédito de manera realista aquí. Entonces realmente podemos copiar y pegar de nuevo aquí nuestro tiempo y ubicación. Está bien. Y así vamos a querer hacer aquí. En realidad es llenarlo de texto para simular eso. Es un artículo que tienes que hacer eso una vez más me había escapado accidentalmente. Entonces otro enchufe que podemos usar En realidad se llama o, um, um, Epsom. Entonces, básicamente, eso va a ser texto de posición. Eso también lo puedes vender, si quieres. Me parece bastante útil, y una vez más tendré que dibujar un cuadro de texto. Entonces esto es parte de la razón por la que odio usar un cuadro de texto dibujado que prefiera copiar y pegar cosas encima. Pero eso es tan extraño. Eso me está lanzando al escritorio. Ver, sólo más dedo de validación siempre solo café y tecnología. Copiar y pegar Texto sobre. No se puede soportar la configuración de texto EC herramienta de guiso de edición de texto para hacer de este regulador y blanco el tamaño 16. Por lo que ahora vamos a llenar esto con texto de marcador de posición. Tienen que aceptar texto de respuesta. De acuerdo, entonces ahora tenemos un montón de texto es un positor. Un artículo realmente puede arrastrar y soltar aquí e incluir otra imagen. Teoh, tal vez un poco más pequeño Rastreó esto un poco, luego copiar y pegar para una segunda parte de nuestro artículo, en realidad podemos tener un subtítulo también. Yo quiero su nombre, esta apuesta. Y así al final de nuestro artículo. En realidad también me gustaría poner una sección de artículos relacionados. Podemos hacer este texto más pequeño y simplemente copiar y pegar esto, así que tendremos que arrastrar esto hacia abajo. Y podrías hacer este pergamino más allá si quisieras. Tan solo haremos dos artículos y tiene un ejemplo en la parte inferior. Esto se puede previsualizar rápidamente. Ahí tiene un artículo de ejemplo decente. Cierra esto durante el gran off, y puedes sentirte libre de arrojar algunas imágenes aquí a ti. Lo que me gusta hacer dedo del pie hacerlo un poco un poco más realista es que podrías simplemente agarrar imágenes reales de un artículo y solo tipo de enchufar eso. Agarré este solo algunas imágenes sobre, como bienes raíces alrededor de Atlanta, y puedes llenar parte de esa información si necesitas. Y de nuevo, esto es sólo un artículo al azar que esencialmente agarré de Internet. Pero vamos a seguir adelante y darle un bonito título que sea más creíble. También nos permite poner alguna información publicada del editor podamos ver que una vez porno en las dos últimas cosas a agregar será un Baquero y también tal vez como un ícono de compartir para que podamos encender una gran espalda. Y luego selecciono p para la herramienta de pluma. Voy a dibujar primera línea en espera, turno, dibujar la segunda. Y luego ahí vamos. Ese podría ser nuestro Baquero. Entonces en realidad voy a hacer este tamaño tres, que en esta caja fuera escala esto un poco. Y luego si notan que es bastante difícil ver que la flecha blanca en los fondos de la imagen realmente iban a crear un relevo. Entonces golpeamos nuestro por un rectángulo, y vamos a hacer negro al Phil aquí. Después deja caer la opacidad, y luego sigue adelante y manda cambiar el corchete izquierdo y envía eso de vuelta y asegúrate de que esto es hacia adelante. Bueno son panel de capas para asegurarse de que todo esté en orden. Por lo que el camino es la parte superior de la tarjeta que era. Asegúrate de que eso esté en el lugar adecuado. En realidad, sólo reorganizar Empezando, por favor. Ahí vamos. Eso es un poco más creíble. A lo mejor un miembro pequeño podría 33 luce bien. Y así ahora que tenemos nuestro euro de espalda, también puedo hacer como un pequeño icono de compartir. Se dibujará lo que sería genial en los labios. Tres círculos. En realidad podemos hacer Skopje y pegar esto también. Apague la frontera. Hará que estos pequeños copien y peguen ese círculo copien y lo peguen una vez más. Entonces realmente ajustaremos un poco el tamaño de esto y estiraremos esto. Después agruparemos todo esto, reducirlo un poco, tenemos que asegurarnos de ir a editar esta línea también. A lo mejor dos se ven bien, y entonces ¿qué tipo de ponerlo en un tamaño similar? Y yo he sido el gran arriba. Asegúrate de que sea un buen punto. Ahora tenemos un icono de respaldo y silla. Si alguien quiere compartir su artículo, ¿de acuerdo? Y así que eso es más o menos. Para todas nuestras pantallas. En realidad habría muchas más pantallas y una aplicación regular, pero este tipo de cubre alguna buena base de terreno. Eso te da algunos conceptos básicos sobre cómo crear múltiples pantallas bastante rápido, especialmente con la herramienta repetidora. Y lo siguiente en lo que podemos meternos es prototipar esto y luego agregar algunas animaciones. Si querías usarlo para, como un carrete de destaque o algo de esa naturaleza 6. Crear el prototipo: De acuerdo, así que ahora que tenemos todas nuestras pantallas diseñadas para tu, podemos seguir adelante y empezar a crear el prototipo sobre Weicken. Selecciona cada a esta bonita tipeada fuera de la parte superior, y empezaremos con nuestra pantalla de presentación y una cosa a saber En realidad no hay ningún botón en la pantalla, así que en realidad vamos a querer una transición de tiempo a una pantalla de inicio de sesión, y para ello seleccionará el tablero de arte y en la parte superior tendrá esta opción de tiempo. Y ahora opciones de tiempo de montaje rápido solo disponibles cuando seleccionas todo el tablero de arte. No está disponible si seleccionas solo un botón singular, pero para esto eso está bien. Por lo que toca la hora. Y así queremos su transición a nuestra pantalla de inicio de sesión y unos 0.3 segundos, y la transición está bien. Inicia sesión, disuelve. Está fuera. Además, si lo soy, es jugar. Al ver eso se ve bien. Entonces es realmente bastante rápido, lo cual en realidad está bien porque nunca querrías salpicar pantalla para estar ahí más tiempo de lo que tenía que estar. Pero sólo para que saquemos un mejor ideo como se ve, vamos a ir 0.8 y mirarlo. Una vez más. ¿ De acuerdo? Es esta fuga de ahí. Y Alex Good. En lo que va de momento. Entonces lo siguiente que podemos dio es conectar nuestro registro. Pero como este flujo el usuario no tiene cuenta, se va a crear cuenta para que podamos seleccionar ese botón y obtenemos ese manejador en mi contrato eso más. Y así por aquí miramos las acciones de tap desencadenantes, transición, lo cual está bien. Disolver estos 0.3, todo bien. Entonces si miramos esto, es como, inscribirnos y luego llegamos a llegar a esa página siguiente, que se ve bien. Salgamos de eso y minimizaremos esto por ahora. Y así podemos usar este proceso para conectarnos realmente. Todas estas pantallas seleccionarán que crean botón de cuenta y pasarán a nuestra pantalla de bienvenida en embarque. Y así todo comprueba por ahí y un rápido ahora, así que queremos que la gente sea capaz de interactuar realmente con su en pantalla de abordaje. Entonces lo que vamos a hacer es crear otra pantalla aquí para simular estos son estos temas o ser seleccionados para que en realidad podamos copiar y pegar esto y cambiar a la pestaña de Zahn y digamos duros nuevos usuarios realmente interesados en los pantalones? Eso parece divertido, ¿eh? Entonces lo que realmente podemos hacer es simular que esto fue seleccionado y si notan lo cambié y su propia cuadrícula de repetición. Entonces voy a deshacer que De hecho vamos a ser dueños de agrupar la grilla aquí. Y de esta manera podemos editar cada selector individual. Entonces vamos a ello, pantalones. Pondremos este verde y también a en la pantalla de texto. Y solo para añadirle un poco más yo para que parezca que en realidad está seleccionado. También pondrá un círculo en el centro. Por lo que impresionó a él y luego turno de opción para arrastrar un círculo en el centro. Y entonces también llenamos esto de verde también. Y así como algunas cosas aquí realmente se selecciona hará esto pero activo también. Por lo que haremos doble clic, haremos de la pantalla y cambiaremos el texto una pastie al 100%. Entonces en realidad seleccionaré todas estas tablas de arte y cambiaré de nuevo. Y así tenemos que recordar volver al prototipo y conectarnos. Si el usuario selecciona los pantalones, por qué no sabes por qué están tan interesados en los pantalones, pero enseñan los suyos propios así que tap transición. Disolver estos fuera está todo bien. Echemos un vistazo rápido a eso. Entonces si vamos aquí, selecto pantalones que tenemos, se selecciona nuestro tema, se resalta y nuestro botón se activa. Entonces eso es bueno. Y si queremos, también podemos agregar una pantalla más y simplemente replicar el mismo proceso. Porque quizá alguien esté interesado en algo más que solo pantalones. También les interesa el tocino. Sí, siempre bien. Así que en realidad puedo simplemente copiar y pegar esto y le diré un rápido y aquí pegar y noté que hice doble clic en, que en realidad lo agregó al grupo específico. Si tan solo lo copias y lo pegas sobre la parte superior, no se agregaría a ese grupo. Apenas un rápido Newt ahí. Get it to sobre el lado derecho del espacio adecuado. Cambia eso a verde también. Y luego volveremos a nuestra pestaña de prototipos, nos arrastró por encima. Entonces podemos aliviar 0.3 que transiciones bien. Y también podemos ir no había conectado a nuestra ubicación habilitada. Entonces en realidad es Travis desde la cima. Entonces nos vamos a apuntar. Vamos a crear un pantalón de cuenta, tocino, el combo perfecto, y entonces podemos ir a continuación en habilitar paso de ubicación tan cerca de aquí. Y luego después de hacer esto, podemos conectar nuestra ubicación habilitada, y eso debería llevarnos a nuestra página principal. Es solo una vista previa muy rápida, y luego estamos en nuestra página de inicio escalable y tenemos nuestras rodillas pies que ha surgido. De acuerdo, así que lo siguiente que hay que hacer es conectar esta pestaña inferior para que en realidad puedas seleccionar ambos grupos y agruparlos juntos. Y la razón por la que estoy agrupando en esto porque quiero poder apresurar en todo el elemento solo una cosa, porque si no fueran Grupo D D, tienen que dar click en video o en el ícono para hacer que funcione la mitad inferior. Lo que queremos contar trabajan juntos. Entonces solo agruparé estos elementos a medida que voy y te darás cuenta es, Bueno, si los agrupo, en realidad ya no están configurados para desplazarse, así que solo asegúrate de que eso es parte superior vuelve y vamos a entrar y hacer eso por cada uno. Arrastrará cada una de estas líneas alguna vez a la pantalla correspondiente, y luego podremos hacer lo mismo por el resto de éstas. Y luego nos compartimos una posición fija mientras nos desplazamos. Cada vez que lo hacemos, - Estoy usando el comando G para saludar a cada uno de estos elementos. A medida que vaya, voy a asegurarme de tener posición de picos. Podría ser bastante tedioso conectar como un fondo tener en todas las pantallas. Simplemente recuerda, hay, como, como, pequeños elementos que tienes que recordar hacer cada vez, y luego llegaremos a este último. Bueno, en realidad necesito estos al mismo tiempo. De acuerdo, eso debería ser bueno. Y un atajo rápido. Puedes presionar comando a y ver todas las líneas de crédito que has creado, y solo podemos echar un vistazo rápido y asegurarnos de que todo esté conectado y se vea bien. Entonces probaremos esto. Vista previa. Sí, Todo se ve bien aquí. Estoy de acuerdo en el salto alrededor y especie de simular. ¿ Qué pasa con él? Ahora sería como Y si te acuerdas, algunos de estos elementos son solo copiarlo y pegarlo. Y si lo quisieras, vuelves a repeater y obtienes nuevos como títulos e imágenes. Pero no es realmente súper necesario. Debe quedar lo suficientemente claro que son diferentes Pero si quieres hacer eso, puedes usar los mismos pasos que fuimos antes Para hacerlo con bastante facilidad. Para que todo va a hacer es conectar esta pestaña de gustos a ésta y luego recientemente leer nuevo a aquí. Podemos PV eso otra vez. Entonces para este, en realidad vamos a actualizar estos artículos sólo para que parezca que estamos haciendo clic en una pantalla diferente. Pero eso debería ser realmente rápido a Dio con los enchufes repetidores volverán a nuestro grabber de menú enchufable, Peter, seleccionar tu borde se ve bien. Entonces aplica sobre y el texto sin selector aquí arriba. No, supongo que sí. Ahora tenemos diferentes, como, como, imágenes de nombres de texto de marcador de posición. Entonces si entramos, previsuamos esto una vez más, obtenemos algunas lindas diferencias, por lo que en realidad parece recordar en una pantalla diferente. De acuerdo, entonces ahora que Stone también conectará nuestro artículo falso aquí también, y lo haremos con la página principal, así que en realidad voy a pedir prestada esta imagen. Es decir, una copia y pega. Aquí, haz esto cada recogido. En realidad vamos a seguir adelante y sin leer con esto bueno, y voy a reemplazar esa copia y la imagen pegada aquí mismo va a terminar Greep todo. En realidad, vamos a reducir esto, llegar a cerca del tamaño correcto. Voy a mandar esto a la parte superior del turno de mando, corchete derecho, y luego nos vamos. Apareció objeto. Mentí. No vamos a hacer eso. Entonces lo que hice ahí fue simplemente voltear el relleno y convertirlo solo en una frontera. A mí me parece. Si lo es, sólo soy un completo mentiroso. Lo que Will en realidad Dio es completamente paso atrás. De acuerdo, así que en realidad podemos repasar Y qué vamos a hacer siguiente desconectar artículo con nuestra página de artículos falsos aquí. Y para hacer eso, en realidad voy a agarrar esta imagen y simplemente convertirla en la misma imagen en el primer artículo. Entonces solo cópielo y péguelo ahí y podemos enojar esta grilla y lo que vamos a querer al señor también en grupo esto y luego vamos a querer esta forma de vuelta. Y como ya ha estado una imagen en esto, realidad no podemos usarla como máscara. Pero podemos volver a trazar la forma realmente rápido. Por lo que una prensa ya y cualquier rectángulo hacia arriba mantenga pulsado el cambio para arrastrarlo a través y luego igualarlo sin forma. Ahí mismo y otra vez. Estoy sosteniendo todo para tirar de nuevo este radio en la parte superior para llevarlo a donde lo necesitamos. Vamos a eliminar esta imagen más antigua, y luego vamos a copiar y pegar esa imagen por aquí. Escale esto hacia abajo a aproximadamente el tamaño correcto escala hacia arriba sólo un poco. Entonces en realidad usaremos comando shift left bracket para mandar eso a la parte de atrás, ver qué está pasando. Simplemente agarraremos ir por aquí en el panel de capas, realidad, trae esto la parte superior. Ahí hay un rectángulo por lo que seleccionar películas yendo objeto y la forma de Masco. Entonces ahí vamos. Entonces ahora tenemos nuestra imagen de artículo en este ejemplo, y también podemos agarrar el título para que puedas duplicar rápido aquí, copiar y luego pegar el título a nuestra página principal. Y también te cambiaremos el nombre de la ciudad para que coincida. Entonces ahora cuando conseguimos un prototipo y seleccionamos este auto, podemos arrastrarlo hasta esta página, comprobar en la ventana de vista previa. Aquí vamos. Por lo que ahora tenemos nuestro artículo aquí. Tenemos que conectar también a este héroe de espalda. Está bien. Y así para este depredador en lo que realmente vamos a dio es usar la pestaña auto animate en lugar de solo transición. Y básicamente, lo que eso va a dar es que va a hacer que esta imagen llene el espacio que ocupa esta imagen . Y la forma en que w x d hace eso. Es que porque a esta imagen se le nombra lo mismo en esta página, sólo se Tween entre los tableros de arte. Entonces te das cuenta de cómo conseguimos que se moviera el texto porque usamos el mismo texto. Entonces queremos que pase lo mismo con una imagen. Echamos un vistazo. Aquí hay imágenes en realidad llamadas masas Grupo uno. Entonces lo que podríamos hacer es copiar y pegar eso siempre y se deslizará sobre, poner fuera del camino aquí podemos eliminar esta imagen, seleccionar Dart Board y luego pegar lo que podríamos hacer para escalar esto para que quepa. Vamos a duplicar el final rápido, ajustar este radio para salir todo el camino, y nos aseguraremos de que esté centrado en la página. Y también usaremos el soporte izquierdo de la nave de mando para mandar esto de nuevo. Arrastra nuestra superposición hacia atrás, asegúrate de que encaje. Entonces nos sentaremos esto atrás también. Por lo que sólo estoy usando comando soporte izquierdo. Y luego enviaré las cosas de vuelta 11 lugar en lugar de comando cambio de corchete izquierdo que se extendió hasta la parte inferior. De acuerdo, en realidad vamos a hacer que sea más rápido a este tablero de arte. Comprueba eso una vez más. De acuerdo, Entonces lo que pasa es que obtenemos un bonito afecto. El imagen ellos es como un efecto agradable, como poblar el espacio ahora. Pero en realidad no quiero que el texto salte así. Yo solo quiero que la imagen lo haga. Entonces lo que podemos hacer es entrar y cambiar el nombre de este texto para ser. El título está bien y necesitaremos el mismo Atlanta debería ser divertido, y ese tiempo realmente cambiará a tiempo. Mentí va a cambiar eso a ciudad doble clic una ciudad. Y la razón por la que estoy cambiando estos nombres es que Debbie XY usa el nombre de capas para decidir realmente qué es de animates. Entonces si tengo algo que es Atlanta en esto, nuestro tablero y en este tablero de arte, algo también se llama Atlanta. Eso es lo que auto animará. Por eso volver atrás y cambiar los nombres King puede mejorar la calidad de la animación porque a veces conseguirás cosas que no quieres animar. Pero eso es sólo porque se les llama lo mismo. Entonces un rápido otra vez. De acuerdo, ahí vamos. Eso se ve bien. Y si notarás que en realidad se estaban poniendo un poco de como algunos problemas de capa ocurriendo aquí como si fuera escalar. Pero entonces las capas no se están encendiendo correctamente. Entonces lo que podemos dio y parte de eso tiene que ver con lo que estamos agregando En esta página es una superposición y estos iconos. Entonces una forma de evitar esto es realmente poner estos elementos para que los copiemos y peguemos en ti la página principal para que podamos copiar y pegar esto. Pero vamos a convertir la capacidad a cero. Entonces si entre ahora. Entonces debido a que esos elementos ya estaban en la página principal, realidad era una animación mucho más limpia y que no obtenemos que tan raro como la distorsión de capas sucediera porque las cosas eran más tarde de manera diferente entonces. Entonces si te desplazas hacia abajo, todo se ve bien, podemos volver atrás y los revisaremos a lo largo del tiempo. De acuerdo, así que eso lo envuelve para una sección de prototipos y lo que realmente podemos hacer es que solo tomaremos esto desde arriba y nos aseguraremos de que todo sea como lo queremos o de que se inscriba, cree cuenta. Entonces escogeremos pantalones y tocino que tenemos a continuación. Podemos habilitar la ubicación aquí. Apenas un rápido Ahora, cuando realmente le pegarías a esto, Se consigue que el nativo te salga para que apareciera, así que tendrías que tener otra pantalla de notificación. Podemos desplazarnos artículo selecto. Él es la pestaña de video. Prueba. Ah, revisa nuestras piernas gastadas lo envuelve para esta sección. 7. Comparte el prototipo: De acuerdo, entonces una vez que terminemos un prototipo, lo siguiente que querrá hacer es compartir aparecer. Entonces si alguna vez escuchas puedes hacer compartir para revisión o compartir para desarrollo, solo estaremos haciendo share para revisión en este tutorial, por lo que te da la opción aquí abajo. Alguien con vista Lincoln a alguien que invitas, ¿a quién se va? ¿ Alguien con enlace? Obtienes un par de sus opciones como comentarios permitidos, mostrar manos de puntos calientes, controles de navegación que Israel encuentra ahora mismo e ir y crear Link. Y a veces se tarda un segundo en terminar. Y luego aquí abajo podemos conseguir una copia, vincularla para darle un paso adelante. Ponga este lunes para que nos pongamos son bastante apretados. Aferrarse para subir bien, solo pantalla completa. Esto. En realidad podemos volver a la pantalla de inicio porque tenemos un tiempo, la animación en ella y hay animaciones aparecerán también en el navegador Web. Entonces si hacemos clic en casa, aquí vamos y luego puedes hacer click a través de tu prototipo igual que lo harías usando un en tu escritorio. Y esto es realmente útil para poder compartir tu prototipo con cualquiera, Um, todo lo que tienen que tener. Es como WiFi y un navegador Web, por lo que es muy agradable poder compartir de esta manera. También puedes conseguir que las personas dependan comentarios en cada pantalla según sea necesario. Tan solo una función rápida y fresca para mandar esto alrededor. Y también puedes abrir estos en móvil un oleaje. Y así si alguna vez quieres enviarlo a alguien consideras un mensaje de texto con el Senado , y es bastante guay compartirlo de esa manera, y aun así animaría a todos a previsualizarlo también en tu teléfono. 8. Outro: De acuerdo, así que eso sobre lo envuelve. Una vez que juntes tu prototipo y otra vez, animo a todos a agitar previsualizarlo en su teléfono e interactuar realmente con él ahí porque realmente cambia. Cambia la obra. Te dio te comienzas a verlo en contexto del dispositivo y realmente te pones una sensación de cosas que lo envuelve. Pero si a alguien le gustaría dejar algún comentario y probar el proyecto de clase, por favor Dio. Gracias, chicos.