Exportación de Archivos para Desarrollo en iOS y Android
Contenido del curso
Desarrollador Android por acá. A nosotros nos pueden exportar en formato .svg. Hacen la app mas ligera y nos permite redimensionar sin problemas.
xD
Es bueno saber estos tips, viniendo de un programador ... muchas gracias!
Una imagen SVG garantiza que la imagen no se distorsione sin importar la resolución de la pantalla. PNG, JPG, GIF son imagenes formadas por pixeles y dependen de una cierta resolución para que no se distorcionen. Así que es mejor usar SVG sobre todo en web.
Gracias por la explicación
Es correcto, lo ideal sería usar SVG pero son más imágenes más pesadas. Por ello podrías exportar lo importante en SVG y lo otro en PNG para optimizar un poco mejor
Esta zeplin que permite recibir los componentes de diseño de XD y generar fragmentos de CSS para agilizar la etapa de desarrollo...las imagenes lo mas eficiente es guuadarlas en .svg como dice el compañero emamnuel ya que esto ayuda a optimizar el render o tiempo de carga de los elementos cuando se usa la aplicación
Exportar en Xd es súper rápido y fácil, bastante optimizado
tienes toda la razon , lastima que solo este para ios =(
Xd es multiplataforma 🤔
Es muy importante tener claro hacía que dispositivo está dirigida nuestra interfaz, para saber cómo debemos exportar los elementos de la misma, suele suceder en algunas ocasiones que las imágenes PNG se suelen pixelar, para esto se suele recomendar exportar las imágenes en un tamaño doble del original, para que tengan una buena resolución sin importar el dispositivo o la resolución de las pantallas.
¡Hola! Tengo dos preguntas acerca de la exportación de archivos. Si mi app requiere que haga Zoom in en algún gráfico, exportar @2x ¿será suficiente? Y si tengo muchísimos gráficos, ¿cómo puedo optimizarlos para que la app no pese tanto?¡gracias!
existe una pagina web llamada tinyjpg y en ella puedes meter todos tus archivos de imagen y los vuelve como 50% mas ligeros y respecto a lo del zoom in considero que depende mas como el diseño y la jerarquía que le des a los gráficos porque podrías abarcar el gráfico casi toda la pantalla, o podrías mejor usar enlaces para verlo en una pag web.
No me queda claro cómo organizar lo que voy a exportar ¿Debo agrupar los elementos por cada una de la mesas de trabajo? ¿Debo exportar cada elemento por separado?
Aprendiendo esto, trabajando ahora!
SI se puede en SVG, porque no siempre usar ese formato? pesa más?
si la imagen es muy grande, se hacen pesados y son muy complejos pueden llegar a ser difíciles de renderizar para equipos no tan poderozos.
Aunque es cierto que hay técnicas s de optimización, pero aveces es mas sencillo usar un png
Depende de la imagen. Si es más bien plasta, svg. si ya trae demasiados nodos o efectos ya se va a ong.
Excelente avance! poco a poco se aprende
Exportar en Batch: es recomendado para exportar en grupo los elementos del artboard, para eso se debe seleccionar el artboard y ya dentro del artboard seleccionar y exportar en batch
En sketch para exportar un elemento o un grupo éste solo debo seleccionarlo y exportar según 1x, 2x etc
No me pasa :( Aunque entre en una sola pantalla, la seleccione y agrupe, cuando exporto en "lote", se exportan toooooodos los elementos de la mesa de trabajo, todas las pantallas :(
Ese ya me huele a error de la instalación del software.
¿Platzi cómo utiliza las mediciones en su app?
A qué te refieres con mediciones, puedes aclarar tu pregunta para ayudarte.
@gollum23 creo que en una parte de este video el profesor habla de que todas las aplicaciones se deben medir para poder mejorar su interfaz. Por ejemplo, la utilización de un botón debe medirse para ver si está funcionando o si los usuarios no lo están entendiendo. Mi pregunta es: ¿Platzi cómo mide su nuevo app? ¿miden cada botón? ¿miden por objetivo de negocio? ¿miden según los OKRs lo que necesiten entender? Gracias de antemano por ayudar 😄
Tengo una duda. Hay veces que el prototipo se tiene que mostrar de forma interactiva al equipo, esto requiere que se exporte no solo los elementos. Sino que se exporte la parte donde le ponemos play y podemos hacer click y ver cómo se animan los elementos. Cómo se exporta esa demostración??
Hola!
No me queda muy clara tu pregunta. Pero por ejemplo si usas adobe XD puedes a partir de las distintas pantallas "grabar" un video de la interacción, además de compartirlo y hacerlo "interactivo".
Responde eso tu duda?
Lo puedes publicar, si tienes la versión gratuita de Adobe XD solo vas a poder compartir un proyecto (prototipo) a la vez, si estas pagando vas a poder tener multiples proyectos publicados al mismo tiempo.
¿Platzi cómo utiliza las mediciones en sus apps?
mmmm ¿Qué tipos de mediciones? :think
Los diseños no se pueden convertir a curvas para no afectar la escalabilidad de los elementos gráficos?
