Title image

Apps Tag

Home / Posts tagged "Apps"

Imagina que estás frente a un catalogo de zapatos, de diversas marcas. Página por página, puedes ver miniaturas de decenas de modelos. Son tantos y tan parecidos, que es difícil elegir un sólo par.

Según Comscore, en el 2014 el número de usuarios de dispositivos (tablets o smartphones) superó al consumo de desktops.

Hasta que por fin encuentras unos de tu agrado. ¡Inmediatamente descartarías el resto!, ¿cierto?. Exactamente es lo mismo que sucede con la inmensa cantidad de Apps que se encuentran en el mercado. ¿Qué es lo que hace que lo usuarios elijan una opción sobre de otra?.

¡Por su puesto que el diseño de su Logo!. Claro que la funcionalidad y prestaciones de la App son fundamentales, pero en un mercado tan saturado como puede ser el de las aplicaciones para dispositivos móviles, la primer impresión es la que cuenta.

Tener el diseño de un ícono agradable, memorable y único, puede jugar un papel importante en el exito o fracaso de una app. Por ello, en esta entrada del Blog, queremos compartirles algunos tips para diseñar excelentes Logos para Apps.

El ancla de tu producto

Primero que nada, es importante definir qué son los logos para Apps y cuál es su función. El logo de una App, es el ancla visual de un producto. Es la pequeña pieza de branding qué, además de ser atractiva y única, comunica la esencia de la aplicación.

Sin embargo, a diferencia del logotipo de una empresa, el criterio del diseño de los logos para Apps, es un poco diferente, pues están restringidos normalmente a espacios cuadrados, con tamaños y contextos específicos, de acuerdo al sistema operativo.

De la vista nace el amor

Un diseño solido, generará empatía y destacará del resto.
Los aspectos fundamentales

Independientemente del software o herramientas que se utilicen para su diseño (nosotros sugerimos Adobe Illustrator), existen ciertas pautas a seguir, al momento de diseñar Logos para Apps:

01_Escalabilidad

Uno de los aspectos más importantes a considerar, al momento de diseñar Logos para Apps, es la escalabilidad.

Debido a que el logo, será mostrado en diversos lugares y en diversos tamaños. Por ello es importante mantener en todo momento la legibilidad, ya sea en la App Store, la interfaz de la App o en dispositivos con pantalla Retina.

Éxito independientemente del tamaño

El logo de una App, debe funcionar en múltiples resoluciones, sin perder su legibilidad
02_Reconocimiento

Ser fácilmente reconocible entre el resto de Apps en la store o en el home screen de un smartphone, es la clave de un gran logo.

El diseño debe ser capaz de conectar con el publico en un nivel funcional y emocional, (A través del color, sus formas y concepto) y debe de destacarse de entre cientos de otros logos.

¿Flat o 3D?

Sin importar la tendencia de moda, un Logo debe ser creativo y servir a su propósito: Comunicar
03_Consistencia

Tal vez más importante que el elemento gráfico en sí, o los colores que lo integran, un buen diseño de Logo, debe presentar consistencia entre el icono y la experiencia que la App representa.

Un buen Logo, debe ser una extensión de su App para generar así, un storytelling memorable con el publico. Lograr la armonía entre el logo, la esencia, diseño y funcionalidad de la App, es la clave.

La parte y el todo

La consistencia entre el Logo y la interfaz de la App, es importante para fortalecer la narrativa visual
04_Singularidad

Podrá resultar obvio, pero resulta fundamental diseñar un Logo que sea único. Basarse en referencias o adoptar una tendencia de diseño está bien, pero siempre aportando creatividad para diferenciarlo.

Puede parecer difícil hacer algo único en temas como “productividad”, donde los conceptos pueden ir en torno al uso de una “palomita” (checkmark). Por lo tanto, es importante investigar qué existe en el mercado, para ir en la otra dirección.

Decir lo mismo... con otras palabras

La creatividad juega un papel importante en cualquier desarrollo creativo. Busca referencias y llénate de lo que te inspira, si no sufre las consecuencias.
05_Gráficos vs Palabras

Seguramente habrá mucho que decir al respecto, pero en nuestra opinión, si al momento de diseñar Logos para Apps recurres a palabras, es porque no estás usando todo tu arsenal pictórico.

Palabras y gráficos deben complementarse, pero mezclaros al diseñar un Logo para una App, normalmente genera confusión y resulta difícil de decodificar en espacios pequeños (como ya hemos mencionado en el punto de escalabilidad).

Hay que considerar de por sí, que el nombre aparecerá dentro de la interfaz de la App, ¿porque no buscar un concepto gráfico para representarla?. Y de ser muy necesario usar letras, es mejor tratarlas como gráficos y volverlas únicas, de esta forma pierden su cualidad de “letra” y se vuelven icónicas.

Con F de Facebook

En estos caso, la letra pasa a ser una elemento gráfico, pero incluso Twitter usa más a menudo su icono de pajarito.
¡Deja tu marca!

Como hemos notado, los Logos para Apps, son una pequeña, pero potente herramienta de comunicación. El Logo será la conexión más fuerte que tendrá el usuario; Será lo primero que vea en la App Store; Con lo que interactuará cada vez que use tu App; y lo que recordará al pensar en ella, al momento de recomendarla.

El Logo de tu App no debe ser algo que se solucione al final, sino debe formar parte fundamental en el proceso de su desarrollo. En Galahad Studio, entendemos lo complicado que puede ser para una marca, hacer destacar sus productos, servicios y Apps de su competencia. Por ello, ofrecemos las mejores soluciones en Branding y Diseño de Marca. Ideales para empresas y Startups que quieren hacer la diferencia. ¡Conócenos!

Ya sean simples o detallados, conservadores o creativos, diseñar Logos para Apps, siempre es un reto. Esperamos que estos tips les sean de utilidad para desarrollar sus propios logos. Dominarlos y aplicarlos, les permitirán desarrollar mejores diseños. ¿Han diseñado Logos para Apps?, ¿conocen otros consejos para su diseño?

No olviden dejar sus comentarios.

¡Saludos!

¡Hola que tal chicos!

Una de las tendencias que he visto aumentar con más frecuencia en los últimos años, es el uso de animaciones para explicar ideas, promociones, productos o servicios.

Sin embargo, se han ido convirtiendo en herramientas al alcance de todas las personas, pues algunas aplicaciones como Instagram o Whatsapp, permiten compartir animaciones breves (stories o estados), con posibilidades de incluir gráficos y textos animados.

Si tomamos en cuenta las considerables cantidades de tiempo que los usuarios del mundo digital invierten en ver videos, los motion graphics pueden volverse indispensables para transmitir nuestro contenido.

Podemos decir entonces, que las necesidades de comunicación han superado la barrera de la profesión, en aras de brindar a las personas mejores formas para comunicarse. Y es que, sin lugar a dudas,  el video es el mejor recurso multiplataforma para comunicar un mensaje, contar una historia e inspirar a un público.

Es por eso qué, en esta entrada del blog, hablaremos de los Motion Graphics, qué son y para qué nos sirven, así como de algunas características que te convencerán totalmente de que, utilizarlos para tus proyectos personales o de negocio, es una gran decisión.

¿Diseño, Animación o Motion Graphics?

Sinceramente, la diferencia entre estas 3 áreas es cada vez más sutil, pues los Motion Graphics son elementos gráficos a los que se les da vida a través de la animación. Estos elementos se pueden rotar, escalar o mover, hasta conseguir una secuencia de vídeo o producto multimedia.

En pocas palabras, los Motion Graphics se definen como gráficos multimedia en movimiento y se distinguen de otros tipos de animación por la forma en la que se producen, el bajo costo de su realización, entre otros.

Un viejo conocido

Los motion graphics no son nada nuevo. La realidad es que se han sido utilizado como herramientas visuales desde hace varios años
¿Como reconocer los Motion Graphics de otros tipos de animación?

En realidad es difícil hacerlo, pues comparte elementos con otros tipos de producción en video. Pero podemos ubicar sus siguientes características:

  • Suelen ser en 2 dimensiones, aunque gracias al movimiento, se puede crear la ilusión de 3D
  • Tradicionalmente, las animaciones se realizan en formatos rectangulares apaisados, sin embargo, su uso extendido en diversos medios (web, redes sociales, dispositivos móviles, etc.) han permitido formatos cuadrados o verticales.
  • No todos los elementos en los Motion Graphics tienen que “moverse”, basta con crear esa ilusión. Por ejemplo, un título puede agrandarse, desaparecer o cambiar de color, sin necesidad de estar en movimiento.
  • Suelen usar desvanecidos, zooms, cortinillas de entrada y de salida y cualquier elemento de transición que facilite la transmisión de un mensaje.
  • Al ser un elemento multimedia, reúne en una misma producción elementos de distinta naturaleza: gráficos vectoriales, mapas de bits, vídeo, audio, etc., loq eu sea necesario para hacer un producto impresionante.

¿El futuro, hoy?

Se calcula que en 2019, el 80% del tráfico en Internet será en video
¿Que tipo de Motion Graphics hay?
  • Kinetic/Motion Graphics:  Combinación de texto y diseño gráfico que juegan entre sí acompañados generalmente de música. La clave es un diseño seductor y una buena combinación de los elementos. Son actualmente muy utilizados en campañas de marketing
  • Kinetic Typography:  Están compuestos básicamente por texto en movimiento y aunque suene algo simple, puede ser una técnica muy atractiva. Usualmente va acompañada de un narrador, de esta forma el mensaje se comunica de manera muy efectiva ya que el audio lo refuerza. Aquí puedes ver un buen ejemplo.
  • Cut Out: Consiste en dibujar un personaje y recortar sus extremidades en partes para después unirlas y generar sus articulaciones. De esta forma quedan marionetas que deben animarse cuadro por cuadro (como en stopmotion). Sin embargo, con este mismo principio se puede realizar de forma digital.
  • Motion Graphics + Live Action:  Fusionando los Motion Graphics con la imagen real, es posible crear un efecto impactante. Se utiliza mucho en producciones de tipo institucionales, como campañas electorales o presentaciones de empresas.

Dilo todo en movimiento

Si una imagen vale más de mil palabras.., ¿será que un minuto de video equivaldrá a 1.8 millones?
Principales Ventajas de los Motion Graphics
  • Refuerzan el Storytelling:  Gracias a su versatilidad, contar historias y llegar al publico, es mucho más sencillo y dinámico.
  • Son económicos:  Tanto en tiempo como en dinero, los Motion Graphics son significativamente más baratos, en comparación con otro tipo de producciones.
  • Poseen una gran variedad de estilos: Como cualquier expresión visual, la creatividad es el único límite. Ya sea utilizando fotos, stopmotion, textos o modelos en 3D, podemos encontrar Motion Graphics en estilos inimaginables.
  • Son Multiplataforma:  La gama de dispositivos que reproducen video es enorme. Desde celulares y pantallas de cine, hasta dispositivos GPS y Apps.  Su alcance es increíble.
  • Generan una mejor impresión:  Las personas cada vez pasan más tiempo en internet y se ha demostrado que los videos atraen más la atención y producen mayor impacto al público.

Conectando al mundo

El 92% de las personas en internet, comparten videos

En la actualidad, la publicidad convencional ya no es tan efectiva para atraer nuevos clientes, por ello, muchas personas y empresas están eligiendo este tipo de comunicación por las  ventajas que conlleva.

En Galahad Studio somos profesionales en el desarrollo de estos materiales, deja de gastar en flyers o anuncios costosos para llegar a cientos; Con nuestro servicio de Animación y Motion Graphics te ayudamos a que te vean miles.

¿Ustedes comparten estados animados en sus redes?, ¿Conocen otros tipos de Motion Graphics??

No olviden dejar sus comentarios.

¡Saludos!

¡Hola que tal chicos!

Hoy en día es imposible concebir nuestros días sin nuestros dispositivos móviles. En ellos almacenamos (y en muchas ocasiones pasamos) gran parte de nuestras vidas. Teléfonos de contacto, juegos, mensajes, fotografías y un sinnúmero más de información generamos día con día, la cual convive a través de diversas plataformas y aplicaciones, dispuesta de la manera más práctica para compartirla con quienes queramos a lo largo de todo el mundo.

“A diferencia del papel, el Material Design, se puede ampliar y re-dimensionar de manera inteligente” - Matías Duarte

Sin embargo, pocas veces nos detenemos a pensar en el esfuerzo que ha significado, así como las innumerables pruebas y errores que se han hecho, para lograr que la experiencia de los usuarios (concepto mejor conocido en sus siglas en inglés, UXD) sea la mejor, al utilizar distintas aplicaciones y navegar por sitios web. En gran medida Google, ha destinado buena parte de sus esfuerzos en mejorar continuamente sus aplicaciones, para garantizar la funcionalidad de cada uno de sus productos. En esta entrada del blog, vamos a hablar un poco del Material Design, la gran apuesta de Google para unificar la experiencia de los usuarios a través de distintos dispositivos y plataformas.

El buen diseño y las posibilidades tecnológicas

En pocas palabras, el Material Design, es un lenguaje visual pensado en los usuarios, que sintetiza los principios clásicos del buen diseño y los mezcla con la innovación y las posibilidades que brinda la tecnología y la ciencia. Fue desarrollado por Google y anunciado en la conferencia Google I/O del 2014. Busca mejorar la visualización de Android (obviamente), pero también generar una experiencia unificada de la web en cualquier plataforma y tamaños de dispositivos. Todo esto, a través de una interfaz basada en tarjetas, como se vio por primera vez en Google Now.

Quien sepa de diseño web o de desarrollo de apps, sabrá lo difícil que es lograr hacerlas funcionar correctamente, considerando todos los tamaños de dispositivos y resoluciones que existen actualmente en el mercado. De ahí la importancia y utilidad de esta propuesta de Google.

Experiencia unificada

La división en bloques o tarjetas, juega un papel importante en el Material Design
La materia como metáfora

La realidad es que, por más “digitalizada” que sea nuestra vida hoy en día, nuestra concepción y entendimiento del mundo, lo realizamos a través de todo el conjunto de sentidos que tenemos. Es decir, tenemos la capacidad de anticipar circunstancias gracias a la apariencia (o sonido, olor o sabor, etc.) de las mismas.

Por ejemplo, sabemos que algo está a punto de caer, cuando detectamos una falta de estabilidad en el objeto. Esta lógica, ha sido llevada al desarrollo del Material Design, al buscar generar una analogía entre un espacio real y el “espacio” que tenemos dentro de una web o aplicación.

De esta manera, las superficies y los bordes de los elementos dentro de una app o web, buscan proporcionar pistas visuales basadas en la realidad, ayudando a los usuarios a comprender rápidamente las posibilidades. Sin embargo, la flexibilidad del Material Design, permite también la creación de nuevas posibilidades que reemplazan a aquellas en el mundo físico, sin romper las reglas de la física misma. Se trata de la posibilidad de volver un espacio digital bidimensional, en uno tridimensional.

La luz crea espacio

En el Material Design, al generar luces realistas en los objetos, podemos definir jerarquías o insinuar ``interactividad``
Nada es dejado a la suerte

El fundamento básico del Diseño, es la composición, así como sus elementos formales (tipografía, cuadrículas, espacio, escala, color, imágenes, etc.) y estos guían las desiciones visuales dentro del Material Design.

Pues justo son estos elementos los que crean jerarquía, significado y enfoque. Las elecciones de color, las imágenes de borde a borde, la tipografía a gran escala y el espacio en blanco intencional, crean una interfaz gráfica que sumerge al usuario en la experiencia. Una buena composición logra mucho más que simplemente agradar a la vista.

La interacción de la forma

Al resaltar elementos con colores contrastantes, se genera una respuesta en el usuario para interactuar con ellos
El movimiento, significa

Dentro del Material Design, se considera al movimiento como el motor principal de la experiencia de usuario, pues las interacciones dentro de una app transforman y refuerzan todo el diseño en ella, buscando siempre no romper la continuidad de la experiencia misma.

De esta manera, el movimiento no sólo atrae la atención, si no que se vuelve un elemento significativo, permitiendo enfocar la atención y mantener la continuidad del usuario.

Transformaciones activas

El movimiento dentro de una app, puede facilitar la lectura del contenido de la misma

Como podemos ver, el Material Design no se trata de código o lenguajes de programación, sino de diseñar para personas reales. Esta propuesta de lenguaje visual, nos permite regresar a los principios básicos del Diseño, en dónde menos es más. Es por ello que en Galahad Studio creemos que el diseño importa, porque importan las personas para las que es creado.

¿Ustedes conocían este desarrollo?, ¿Creen que la unificación en el lenguaje visual, es una oportunidad o una limitante?

No olviden dejar sus comentarios.

¡Saludos!

Abrir chat
1
¿Dudas? ¡Hagamos tu proyecto realidad!
¡Saludos Capitán!

Soy Avalon IV, tu asistente virtual a bordo de Galahad Studio...

¿Tienes un proyecto en mente? ¡Déjanos orientarte! y recibe un descuento especial, en el primer proyecto que desarrollemos juntos.

Envíanos un mensaje y ¡Comencemos!