Entre OS’s

Para agosto del 2018 estaba trabajando en una animación la cual me vino a la mente, basada en una canción que sale en la película “Finding Nemo” de Pixar y Disney. La canción se llama “Beyond the Sea” versión cantada por Robbie Williams para esta gran película. Estuve trabajando con la animación como por dos meses cuando de repente mi MacBook Pro con Touch Bar del 2017 simplemente dejó de funcionar; caput! murió! y esto sucedió como para octubre de 2018. En aquel momento pensé que lo había perdido todo; sabía que tenía par de elementos grabados en mi disco duro externo pero pensé que este proyecto personal lo había perdido y que una de dos: o lo comenzaba nuevamente o simplemente lo olvidaba. Durante el proceso de la ausencia de mi MacBook Pro; en lo que me decidía a ver que compraba; Apple lanzó la nueva iPad Pro de 12.9 pulgadas de 2018; pero la misma no llegaba a Puerto Rico como hasta para diciembre de 2018; así que me dije vamos a esperar. Esperé y en diciembre de ese mismo año me compré el iPad pro de 12.9 pulgadas con el Apple Pencil 2 y me dije vamos a ver si puedo rehacer el proyecto que hacía perdido nuevamente pero esta ves usando el iPad.

Un día como para enero de 2019, de repente a mi mente me vino un pensamiento el cual me decía: “Mi MacBook Pro hacía backup a la nube de iCloud” pero yo no recordaba a qué folder o a que directorios yo tenía seleccionados para backup. Rápidamente busqué Safari en la computadora de mi hijo (MacBook), fui al iCloud.com y busqué el archivo más reciente en el directorio del Desktop y que creen??? Estaba ahí!, bueno no completo pero el proyecto estaba resguardado casi un 80% WAO! YES!

Rápidamente baje una copia a la computadora de mi hijo e hice un back up en mi disco externo. Habían archivos o links perdidos pero estaba en un 80% el proyecto completo. Poco a poco fui buscado los links de los archivos hasta que efectivamente obtuve el 80% del proyecto. Ahora la pregunta era: ¿Cómo continuo con el proyecto pero usando el iPad Pro?

Compré la aplicación “Luma Fusion” para edición de videos y ya había de antemano comprado la aplicación de dibujo “Procreate“; pero me faltaba algo, me faltaba una aplicación que me ayudara a hacer animación a lo estilo Adobe Animate y no fue si no hasta hace unas tres semanas atrás que encontré una aplicación para hacer animación en el iPad llamada “Core Animator“. Como quien dice ya tenía la otra cara de la moneda; Luma Fusión sustituye a Premiere; Procreate sustituye a Photoshop; y Core Animator sustituye a Animate.

Manos a la obra! El video ya está listo! Lo terminé ayer gracias a Dios pero aún no lo voy a colocar en YouTube no sin antes grabar un video introductorio donde les cuente lo que acaban de leer para que todo aquel que vea el video sepa el proceso y la agonía que pasé al ver que creía haber perdido todo el proyecto. Así que pendientes a un próximo post y no se pierdan el video en mi canal de YouTube. Se que a los chiquitines les va a gustar mucho.

Dición!

Responsive

Habrás escuchado la palabra “responsive” cuando hablas del tema de diseño web y te preguntarás que significa o a que se refieren? El mismo significa que el diseño de tu website debe de verse bien en todo dispositivo tanto movil, tableta y pantalla de escritorio. Pues bien; digamos que diseñas para web como yo; hoy te recomiendo una página web la cual se encarga solo de decirte o mostrarte cómo se vé tu diseño web en los dispositivos o distintos tamaños de pantallas.

La dirección es: ami.responsivedesign.is

En esta página web simplemente colocas tu URL y en las imágenes superiores de pantalla desktop, celular, tableta y laptop aparece cómo se ve el diseño de tu página web. Te recuerdo que solo sirve con un web page ya publicado en la web. Ya debes de tener un “hosting” y “domain name” para luego probar la dirección aqui.

Lo que me gustó de está página es su interactividad con el usuario. En la interface que ves puedes mover los dispositivos o pantallas y acomodarlos a gusto, inclusive subir o bajar tu página web para ver como se vé el diseño en otras secciones de tu página web.

Ahora imagina esto; diseñas la página web de un cliente y quieres mostrar en tu portfolio como se ven los diseños. Reacomodas a gusto los dispositivos y haces un “screenshot” y esa imágen la usas en tu portfilio digital! Cool! Nada ahí te dejo esa en lo que les mondo la otra! Que tengan un bonito día y recuerden visitar ami.responsivedesign.is para probar tus diseños web y comparte este escrito con tus amistades.

Bonito día!

Dició!

ESR Trifold Smart Case

Recientemente compré en Amazon el ESR Yipee Trifold Smart Case V2.0 para el iPad Pro 2018 y estoy encantado con el mismo.

iPad Pro 2018 con el ESR case ya montado.

Como pueden ver el case cubre todo el iPad para así evitar golpes no deseados en sus esquinas. Tiene una tapa imantada de tres caras que sobrepasa los límites del iPad para mejor protección. La parte trasera es de plástico resistente que se acopla al iPad con cuatro pequeñas pestañas que lo ajustan a la base. En mi caso compré la versión gris transparente para poder ver el logo de Apple en todo su esplendor.

El case está diseñado para que puedas colocar el Apple Pencil 2 en su lugar de carga imantado. Gracias a las tres caras de la tapa, puedes usar el iPad en posición distinta, tanto para ver videos como para escribir o dibujar con el Apple Pencil. Lo mejor del precio es que cuesta solo $17.99 más envío. El precio está “de show” comparado con el “Smart Folio Case” de Apple que tengo entendido ronda entre los $125.00 y casi $200 el “Smart Keyboard Folio”. En un principio siempre me preguntaba si me compraría algún día el “Smart Keyboard Folio” de Apple pero siempre me creaba la duda de cómo yo haría cuando quisiera dibujar? tendría que virar el iPad al revés para que el teclado quedase arriba en la mesa y poder dibujar sin problemas. Debido a ese detalle no lo compré pero hoy día uso un teclado bluetooth de Apple que tengo extra en casa y de casualidad, debido a ese problema de diseño lo suelo colocar al norte del iPad. Les voy a mostrar con la siguiente imagen.

Maquta iPad + Bluetooth Keyboard

La foto superior es montada por este servidor en Photoshop; pero lo que les deseo mostrar es el diseño que me deja usar el iPad con el Apple Pencil y poder usar el teclado cada vez lo necesite. Parece medio complicado pero no lo es! Un artista mueve el iPad de lado a lado como cuando dibuja en un papel, por ende un keyboard fijo sujeto al iPad para mi no es la solución. Quizás un pequeño keyboard que cuando el iPad esté guardado se pegue al iPad así como se pega el Apple Pencil para su carga y luego al momento de usar el equipo, simplemente despegas el teclado y el lápiz para diseñar. Quizás un modelo como el siguiente esquema.

Si vemos el iPad de “canto” podemos ver que el Apple pencil se pega por imán a su costado y se mantiene recargado. Pues ya que el iPad tiene en su parte trasera el famoso “Smart Conector”; esos tres puntitos que mantienen con energía al “Smart Keyboard Folio” para usar el teclado; pues de la misma forma que el Lápiz; que Apple u otra compañía diseñe un nuevo keyboard bluetooth que se pueda pegar al iPad y mantenga su carga. Al momento de usar el iPad, entonces despegas el keyboard lo colocas en la mesa junto con el iPad a tu gusto, tomas el lápiz y comienzas a diseñar. Muchos ingenieros de Apple se estarán haciendo la misma pregunta y estarán haciendo este mismo ejercicio. Por lo menos yo veo este diseño como una posible solución.

Comparte este post y comenta tu opinión. Buen fin de semana!

Dición!

Luma Fusion para iPad Pro

Me encanta! Recordé que tenía unos videoclips que grabé con mi GoPro haciendo un pequeño proyecto casero y decidí usarlos para editarlos usando “Luma Fusion” en el nuevo iPad Pro 2018. Está aplicación es completa y tiene todo lo que tiene una aplicación de escritorio como Premiere Pro o Final Cut. Contiene puntos de entrada y salida; contiene transiciones; texto, filtros, varios tracks de audio y vídeo; contiene todo lo necesario para hacer una buena edición “on the go”. Al final de la edición te permite exportar el vídeo en distintos formatos. El vídeo de arriba está exportado en 1290 x 720 con el codec H.264 a 60fps.

Cuando le ataché la “GoPro” rápidamente la aplicación “Photos” la reconoció y pude seleccionar los videoclips para importarlos al iPad. Una vez dentro del iPad pude importarlos a Luma Fusion y comenzar con la edición.

La exportación duro unós dos minutos; básicamente lo que dura el vídeo editado. Espero les guste la edición sencilla creada en “Luma Fusion”. Más adelante seguiré editando vídeos les mantendré informados de esta tremenda aplicación.

Buenas noches! Dición!

iPad Pro 2018

Como herramienta de diseño es muy buena; depende de las aplicaciones que uses que se acoplen a tu modo de trabajo. En los pasados días lo he usado como canvas para ilustrar digitalmente. Aplicaciones como “Procreate”, “Concepts”, “Afinity Designer” y “Afinity Photo” dejan que tus trazos se vean de show! Para este año 2019, Adobe lanzará Photoshop versión iPad. Los rumores hasta ahora son que será un “full versión” de la aplicación que todos conocemos y hemos usado por años. Veremos cómo me vá cuando salga. Por el momento ya tengo en mi poder la aplicación de vídeo “Luma Fusión” con la cual puedo editar vídeo en el iPad como si estuviera editando vídeo en una desktop o laptop. Voy hacer varias pruebas y luego les dejo saber que tal me fue con la experiencia.

Hasta otro ratito… Dición!

“On the Go”

Me quiero hacer una encomienda, me quiero retar! Estoy en el desafío de ver qué aplicaciones móviles son o se están convirtiendo en el substituto de una aplicación de escritorio. Ayer descubrí por error una nueva de muchas que he encontrado, que le veo muy buenas posibilidades. Se llama Vectornator Pro!

Por lo poco que pude usar y ver en sus demos, puedes literalmente hacer ilustraciones con la misma usando solo tu iPad y exportar el arte a formatos como PNG y muchos más. Tambien puedes compartir tus vectores con la nube de Adobe para editar luego con Illustrator.

Baja Vectornator y comienza hacer el salto al diseño “on the go” como le digo yo!

Dición!

youtube(pp).com

Screen Shot 2018-04-24 at 1.07.17 PM

No soy partícipe de la piratería, nunca me ha gustado; pero este herramienta en la web la veo interesante digamos para un viaje! Digamos que nos vamos de viaje para Canada o Europa o a cualquier parte del mundo; hasta una simple visita en auto a Ponce; vamos a estar por lo menos 2 horas dentro del auto, o si visitamos al doctor y en su sala de espera, vamos a estar unas tres horas; no te gustaría ver algunos videos entretenidos que te distraigan la mente. Quizás en donde estes no hay buena señal para tu celular y el doctor no u oficina no tiene Wifi gratis! ¿Qué te parece entonces llenar o colocar en tu iPad o celular videos para esos momentos? Te recomiendo youtubepp.com ; ¿YouTubePP? Si; así como lo lees. ¿Cómo funciona?

Primero debes de visitar cualquier video que te agrade en YouTube; seleccionas su “link” y cuando abres una nueva ventana en tu explorador de internet; escribes en el “searchyoutubepp.com te salé la página de y2mate.com. En esa página te sale una barra en la que puedes pegar el vínculo copiado de Youtube y presionas el botón de “Start” el cual te va a mostrar una vista previa del video que deseas bajar a tu computadora y puedes escoger los formatos que más te agraden para guardar y ver luego.

Screen Shot 2018-04-24 at 1.07.42 PM

En este caso, seleccioné el mp4 a 360p; luego presionas el botón verde de “Download” y listo! el video comienza a descargarse en tu computadora.

Screen Shot 2018-04-24 at 1.09.30 PM

Repito… no soy partícipe de la piratería pero para ciertos momentos es bueno tener par de viejitos para entretenerse en momentos de mala señal.

Screen Shot 2018-04-24 at 1.12.06 PM

Una vez el video bajado puedes ver el video en “Quicktime Movie” o cualquier otro programa que permita el formato mp4; que hoy día es universal en todas las plataformas.

¡Espero les agrade el grupito de hoy!

¡Buenas tardes!

Recuerda! solo escribes youtubepp en internet y listo!

Entrega de archivos

Ayer te explique por qué tienes que exportar cada página bien ordenada e identificada; debido a lo que estas viendo en la imagen inferior. Imagina buscar dentro de este directorio; que contiene 253 documentos; la gráfica del “Username” a 3x!; y no deseas tener a un programador enfogonado contigo; jejejejej.

Screen Shot 2018-04-20 at 12.59.37 PM

Ahora vamos a exportar cada página.

Dentro de Adobe XD seleccionas la primera página y seleccionas File/Export/Selected… o “Command + e“. En este primer ejemplo verás que ya exporté a cada página el formato .PNG. Cada página la identifiqué en Folders enumerados desde 00- hasta 11- + el nombre de la página. Observa la siguiente imagen. Cada página; dependiendo de lo que contenga en su interior; graba archivos desde 1x a 3x de cada uno. Por eso es bueno tener un PDF impreso de cada página para visualizar cada imagen exportada.

Screen Shot 2018-04-20 at 1.08.05 PM

Cuando deseas exportar a PNG te recomiendo usar estos parámetros…

Screen Shot 2018-04-20 at 1.11.11 PM

Cuando desees exportar a JPG te recomiendo usar estos parámetros… y

Screen Shot 2018-04-20 at 1.10.38 PM

Cuando desees exportar a SVG te recomiendo usar estos parámetros… (Recuerda que los archivos SVG los puedes abrir también en Adobe Illustrator.)

Screen Shot 2018-04-20 at 1.10.09 PM

Ahora te preguntarás: ¿Para qué es el Export Batch; el cual está desactivado?

Screen Shot 2018-04-20 at 1.23.22 PM

¿Recuerdas el panel de Layers? ¿Recuerdas el icono que aparece cada vez que el “mouse” hace un “roll over” sobre cada layer? Ese icono de “share” sirve para cuando un día recibes la llamada del programador y te dice: —Vale, perdí o dañé la imagen del botón de la página de Home; el botón de solicitar servicio y el botón de Regresar de la página de Gracias”; ¿Me los puedes enviar otra vez?

Screen Shot 2018-04-20 at 1.25.24 PM

¡No problem!

Rápidamente abres el panel de “layers“; buscas en tu maqueta los objetos que te solicitó el programador; y cada vez que seleccionas uno; en los “layers” se va a sombrear el objeto seleccionado. Ahora con el “mouse” de tu computadora activas ese botón de “Batch Export” para cada objeto, y si deseas cambiarle el nombre el objeto o “Layer” lo puedes hacer también en estos momentos.

Una vez estes listo para exportar los botones solicitados, solo debes de presionar “Export Batch” o “Shift + Command + e“; creas un folder nuevo y luego el formato adecuado o solicitado: PNG; SVG o JPG.

Screen Shot 2018-04-20 at 1.52.00 PM

En este caso cree un folder con el nombre de “solicitados” y dentro del mismo guardé la exportación.

Screen Shot 2018-04-20 at 1.55.00 PM

Como podrás ver cada botón fue exportado en sus distintos tamaños.

Al final del camino comprimes todos los archivos en un archivo .ZIP; buscas un disco externo y entregas tu maqueta al programador.

Screen Shot 2018-04-20 at 1.59.44 PM

Screen Shot 2018-04-20 at 2.02.57 PM

Archivo .ZIP; tamaño 139 MB.

Ahora bien ¿cuál es el próximo paso? I have no idea! jejejejejejej eso deseo saber yo! Me gustaría que algún programador me dijera o me ayude a ver la luz al final del camino. A mi entender un programador usa el programa que mejor le sirva para programar y crear aplicaciones para iOS o Android OS. Los que programan para iOS suelen usar el programa llamado “Xcode 9“; con el lenguaje “Swift 4“. En este link encontrarás más información de ese mundo: https://developer.apple.com. Para ser un “Developer” debes de tener una licencia a mi entender, en fin ese mundo es todo un tema distinto. Así que si eres Programador y deseas mostrarnos cómo llevas un prototipo a una aplicación final para aprobación y distribución estoy a tu disposición para compartir ese conocimiento y requisitos.

Espero te haya gustado esta serie de escritos relacionados a la creación de una maqueta y prototipo usando Adobe XD. Juega con XD; tiene muchas probabilidades de diseño con herramientas sencillas y deja tu comentario en los escritos para ayudarte con cualquier pregunta que tengas al respecto.

Eso fue todo por el momento; visita nuevamente el link del prototipo y compártelo con un programador que conozcas para ver si logramos pasar juntos a la siguiente faceta.

https://xd.adobe.com/view/7f784932-20f1-4fed-a748-15c7a4b86882

Embed Code:

https://xd.adobe.com/embed/7f784932-20f1-4fed-a748-15c7a4b86882

¡Buen fin de semana!

PD: a ver que nos inventamos ahora!…

Tipos de exportación

Screen Shot 2018-04-19 at 4.07.18 PM

La pregunta ahora es; ¿cómo le entrego la maqueta a un “Developer“?; y quizás; ¿qué usa el Programador y qué necesita que yo como Diseñador le entregue?

Como Diseñador debes de entregarle varios formatos al Programador para que le dé vida a tu maqueta pero más aún debes de darle un cariño enorme a los detalles de tu maqueta para que el Programador no se pierda y debes de trabajar junto a el para hacerle la vida más fácil; a no ser que el mismo te diga: “Lo siento, trabajo solo; no me llames; yo te llamo“… jejejejejejejej…

Anyway; vamos a separar esta sección en pequeñas secciones para hacer la entrega más llevadera. Primero vamos a mencionar que a un programador se le debe de entregar todos o algunos formatos que voy a mencionar a continuación, al momento de hacer tu exportación del trabajo.

Vas a exportar tu maqueta en los formatos:

  1. PDF (Portable Document Graphic) — Compartir el documento completo.
  2. SVG (Scalable Vector Graphic) — Compartir elementos gráficos, logos e iconos.
  3. PNG (Portable Network Graphic) — Compartir imágenes con transparencias.
  4. JPEG (Joint Photographic Expert Groups) — Compartir imágenes fotográficas.

Exportemos primero el PDF de la maqueta; seleccionaremos File / Export / All Artboards.

Screen Shot 2018-04-19 at 4.26.15 PM

Adobe XD nos preguntará en dónde deseamos guardar el PDF?; vamos a crear un nuevo Folder en nuestra computadora, preferiblemente adjunto a nuestro proyecto; seleccionamos el formato; escogemos todas las páginas como un solo PDF o separadas las páginas; y presionamos el botón de Export All Artboards.

Screen Shot 2018-04-19 at 4.35.24 PM

Como resultado obtenemos un PDF con todas las paginas de nuestra maqueta. Este documento lo podemos hasta imprimir para comentar con el programador.

Screen Shot 2018-04-19 at 4.37.53 PM

Mi documento pesó unos 238 MB; así que pueden imaginar los tamaños que podemos obtener de maquetas que sus diseños son enormes! OK esa fue la parte más fácil; pero ahora viene lo interesante. La maqueta que diseñamos tiene unas doce páginas y cada página contiene fotos, iconos, textos, vectores agrupados, etc, etc. Mi consejo en este momento es que si durante el proceso de diseño no te has detenido a nombrar adecuadamente tus layers; te aconsejo que te tomes un tiempo para nombrarlos adecuadamente.

¡Ready! OK…

Vas a empezar a exportar cualquier formato de tu preferencia; sea el PNG, sea el JPG o sea el SVG. Lo que necesitamos es que exportes página por página, y que cada vez que exportes página por página; que nombres los folder de cada página que van a contener los elementos de cada una. Comencemos por la primera página!

IMG_6204

Esta página se llama “Splash” y la misma contiene un rectángulo (vector), color azul turquesa; el texto o palabra “studio” con la fuente San Francisco; y el logo JRV es una imágen blanca en formato PNG. Asi que tenemos: vectores (el cuadrado), una fuente, y una imágen en pixeles en PNG. Si seleccionas solo el nombre “Splash” al tope de la página y lo exportas digamos como un PNG; vas a obtener un folder con el diseño de la página “Splash” en su totalidad pero en 3 archivos (.png) de tamaños distintos. ¿Por qué? por que Adobe XD siempre exporta la maqueta en esos tres tamaños debido a los distintos tamaños de pantallas que existen hoy día. 1x es para pantallas Non-Retina o Non-HIDPI; 2x y 3x son para las pantallas Retina Display en adelante. Hoy día existen pantallas que tienen una densidad exagerada de unos 400% (xxxhidpi).

Voy a tomar otro ejemplo; escojamos la página de “Password“… selecciona con el ratón de tu computadora haciendo un click y arrastrando desde arriba hasta abajo. Verás que todo se marca; todo queda al descubierto. La foto de fondo, la imagen del teclado iOS, los textos de username y password con sus respectivas líneas.

Screen Shot 2018-04-19 at 7.34.59 PM

Seleccionas File/Export/Selected o “Command +e“; luego crear un folder con el nombre de password y seleccionas el formato PNG; para iOS y que guarde todos los diseños empezando desde el 1x como se muestra en la siguiente imagen.

Screen Shot 2018-04-19 at 7.24.08 PM

Luego seleccionas el botón de Export; buscas el folder donde guardaste el archivo y notarás todo lo que guardó. Aquí es que notamos la ausencia de nombrar adecuadamente los layers y las imágenes durante el proceso de diseño. Por ejemplo vemos la foto de fondo con su nombre de compra de iStockphoto.com. Observa que tiene la original como 1x; aunque no lo dice; luego @2x; y finalmente @3x. Observa los tamaños que van desde 1.8MB la de 1x; 7MB la de 2x; y 14.5MB ;a de 3x.

Screen Shot 2018-04-19 at 7.46.45 PM

Quizas no tengas aún el ojo para ver los detalles pero la imágen 1x se ve media borrosa; la 2x se vé más sharp en los detalles y la 3x es más grande. Aquí te dejo las tres fotos, tocalas para que se abran y trata de ver la diferencia. Orejita, notarás la diferencia en el brillo de las hojas de los árboles.

Siguiendo este patrón se guarda el rectángulo opaco del centro el cual difumina la foto; y lo mismo sucede con las palabras Username y Password con la línea y la imagen del teclado iOS; todo en 1x; 2x; y 3x. De haber nombrado el grupo del Username y el Password debidamente no hubieramos obtenido esos nombres alocados de “Symbol 1 – @ 2x“. Recuerden nombrar correctamente y adecuadamente todo lo que utilicen en sus maquetas. Esta página solamente pesa 24.7MB.

screen-shot-2018-04-19-at-8-09-50-pm.png

Terminemos por hoy hasta aquí y mañana continuaremos realizando lo mismo exportando las demás páginas usando los formatos restantes, pero esta es la temática a realizar con todas las páginas. Salvar cada una en su propio Folder para tener todo bien organizado.

¡Buenas Noches!

Detalles del Diseño

Screen Shot 2018-04-19 at 10.00.18 AM

Antes de enviarle al programador tu prototipo, tienes la opción de enviarle un “link” en el cual el programador puede ver con exactitud las medidas y espacios que hay entre cada imagen u objeto colocado en tu maqueta; tanto colores como estilos. Toda esta información el programador la usa para programar, digamos en Xcode de Apple, la maqueta diseñada.

Screen Shot 2018-04-19 at 10.00.36 AM

Luego de enviarle el “link“, el programador lo abre, digamos en Chrome o Safari, y comienza a ver página por página el diseño. Cuando selecciona cada elemento puede notar que se marcándoselo unas líneas guías rosadas las cuales le muestran el espacio sea en px; dp; o pt.

NOTA: La unidad de medición para iOS es en pt; la unidad de medición para Web es en px; y la unidad de medición para Android es en dp. Para los “artboards” creados costomizables es tambien px.

Estas siglas significan:

  • pt = Puntos (1/72 de una pulgada, basado en el tamaño físico de la pantalla).
  • px = Pixeles actuales en la pantalla.
  • dp = Densidad de un pixel independiente (Unidad abstracta que está basada en la densidad física de la pantalla).

Screen Shot 2018-04-19 at 11.37.00 AM ¡Usen las medidas de pixeles!; es más fácil.

Regresando a los parámetros del diseño…

Screen Shot 2018-04-19 at 10.02.41 AM

Puedes notar que la columna derecha te muestra información de lo que selecciones a tu izquierda; por ejemplo; seleccioné la palabra Ver del botón para la sección de Diseño Web; notarás unas líneas guías rosas marcando la distancia hasta los márgenes de la pantalla y el tamaño del recuadro que compone la palabra Ver. El recuadro mide 36 px X 29 px; la distancia o ubicación en la pantalla es 294 px en el cuadrante X; y 464 px en el cuadrante Y. Puedes notar el estilo de la fuente; tamaño; alineamiento; color; opacidad; hacia qué apunta al tocar; transición; velocidad y duración. En fin toda una gama de detalles que solamente necesita saber un programador para poder poner a correr tu prototipo. Todo objeto tiene un parámetro distinto y el programador puede copiar esta información para usar en su trabajo como “developer”.

Screen Shot 2018-04-19 at 10.02.03 AM

En el próximo “post” hablaremos de cómo entregarle al programador toda esta información.

¡Buen provecho!