Lo mejor...

Social Ilustración Tipografía Tecnología

Con el avance de la tecnología, nuevos dispositivos, redes sociales y demás nos vemos envueltos en un problema cuando necesitamos publicar en alguna red social; ya que medida pasa el tiempo las interfaces van evolucionando y teniendo cambios que sin importar que sean drásticos o sutiles hacen que las dimensiones (tamaños y medidas) de cada área de una red social se vaya modificando haciendo que cada vez sea mas difícil poder controlar la proporción de nuestras publicaciones y al compartirlas sin redimensionar para cada servicio puede ocurrir que se oculten partes esenciales de nuestra publicación o incluso nuestra marca afectando negativamente la comunicación y la transmisión de información a nuestros visitantes o clientes.

Es importante saber que NUNCA se ha recomendado generalizar el contenido porque cada red social tienen una audiencia diferente (Si conocemos de automatización y manejo de contenido resultará muy fácil compartir la misma publicación en diferentes redes porque habrá sido preparada previamente para que el mensaje llegue a las diferentes audiencias).  Debemos lograr que todo nuestro contenido sea totalmente visible y que por ninguna razón el receptor se pierda de la información mas importante.

Debido a esto hemos realizado pruebas en las diferentes redes sociales para poder brindarles un listado de medidas que funcionan en cada red social y teniendo en cuenta que algunas comparten las proporciones será mucho mas fácil crear una sola imagen que pueda ser colocada en todas las redes – específicamente en la imagen de perfil o banner principal donde es recomendable mantener la estandarización de la marca. 

A continuación le brindamos medidas que pueden funcionar para algunas de las redes más utilizadas, siempre con la recomendación anterior de utilizar la misma imagen cuando no se trata de publicaciones o post sino de aplicar la marca en la red social. 

El ícono de perfil se puede realizar en un solo tamaño para aplicarse a la mayoría de las redes; de esta forma se evita crear duplicados por variaciones mínimas que finalmente no son perceptibles ni afectan la estética de la imagen colocada.

El banner principal, header o timeline cambia en algunas redes, sin embargo adaptar el mismo diseño es una opción viable que facilitará el proceso.

Beneficios de utilizar estos tamaños y medidas:

  1. Ahorro de tiempo para la personalización de cada red social.
  2. No habría problemas de perdida de contenido por adaptación forzada.
  3. Se aprovechará mejor el espacio de las publicaciones.
  4. Comunicación eficiente del mensaje.
  5. El mismo tamaño de imagen de perfil para todas las redes.

Consejos:

  1. Siempre crear y diseñar el contenido para el espacio exacto, de esta forma siempre el mensaje será el punto importante y destacado en la publicación.
  2. Utilizar retícula para alinear todos los elementos y así estandarizar las distancias de márgenes, medianil y proporción.
  3. De ser posible crear siempre dos versiones: una horizontal y otra vertical para hacer pruebas comprobando cual de las dos es la que mejor muestra la información de la publicación.
  4. La jerarquía de lectura siempre debe iniciar con la frase principal del mensaje.
  5. Por políticas de anuncios en varias redes sociales (especialmente Facebook e Instagram) no es conveniente que las publicaciones tengan mas del 20% de texto – así que si se piensa en promocionar la publicación es importante que el mensaje sea corto y efectivo.

Hemos iniciado reuniendo las dimensiones de las 4 redes más populares (muy pronto añadiremos más redes, por el momento no recomendamos utilizar estas medidas en otras redes sociales y si se utiliza realizar pruebas para asegurarse que pueden utilizarse y que no habrán errores). 


Al finalizar el artículo puede DESCARGAR GRATIS las plantillas en Adobe Illustrator CC y EPS 10 organizado en capas con lienzos en blanco para utilizarlos en sus próximas publicaciones.

01.Twitter


Imagen de Perfil400 x 400px
Header1500 x 500px
Twitter Card800  x 320px
Tweets600 x 335px


02.Facebook



Imagen de Perfil400 x 400px
Timeline851 x 315px
Imagen Compartida o Enlace1200 x 630px
Post Imagen destacada1200 x 717px

03.Linked In



Imagen de Perfil400 x 400px
Header1500 x 500px
Post650  x 220px

04.Instagram



Imagen de Perfil400 x 400px
Post650 x 650px

Se recomienda siempre utilizar el canal de color RGB para tener mayor compatibilidad y fidelidad de color en el navegador.




Los videojuegos son una de las fuentes de entretenimiento mas famosas en el mundo, todos queremos videojuegos, no importa si en consolas, ordenadores o nuestros teléfonos inteligentes, lo que nos importa es entretenernos.

Los videojuegos pueden mejorar las capacidades cognitivas de las personas – con un uso moderado y consiente por supuesto 

Hace unos años esta actividad no era del todo popular, obviamente no existían los teléfonos inteligentes y dispositivos portátiles pero hoy en día, más y más personas utilizan videojuegos desde padres, tíos, adolescentes y hasta abuelos utilizan juegos en los móviles.  Desde Candy Crush hasta HayDay, todos juegan aunque sea un juego para desestresarse de vez en cuando.  



En este tutorial les mostramos como crear un Botón Fantasma o Ghost Button utilizando CSS para la apariencia completa. Los botones fantasmas han tomado relevancia en el diseño web actual y en las últimas tendencias de diseño de interfaces.

El lenguaje de programación CSS facilita la manipulación de cada detalle e incluso la apariencia cuando se interactúa con el botón; pasaremos de un botón solo contorneado a un botón con un relleno de color cuando se pase el cursor encima (Mouse Over).




Les dejamos a  continuación el detalle completo de la actualización publicado por Apple:

iOS 10.2 incluye varias novedades, como la app TV (sólo para EE.UU.), la cual ofrece una nueva experiencia conjunta que te permite acceder a tus programas de TV y películas de varias apps de video. Asimismo, los emojis se rediseñaron cuidadosamente para ofrecer aún más detalles y se agregaron más de 100 emojis nuevos, incluyendo caras, comidas, animales, deportes y profesiones. Esta actualización también brinda mejoras de estabilidad y corrige errores.


Apple ha lanzado un libro de crónicas para celebrar 20 años de diseño de sus productos. El libro ofrece un recorrido con 450 fotografías de sus productos y los procesos de como fueron diseñados y realizados.

Una historia visual que va desde el diseño de sus computadoras hasta el lanzamiento de accesorios como el Apple Pencil.



¿Que es una retícula?

Una retícula se refiere a un plano que se corta con líneas verticales y horizontales; puede ser aplicado a diseño web, editorial, publicitario, papelería, entre otros.

Estas lineas son trazadas para mejorar la administración del espacio y no son visibles cuando se realiza la publicación, el propósito es que el espectador solo vea el contenido.


La retícula es también conocida como MAQUETA y sirve para establecer un orden, limites y crear coherencia a la estructura general. Existen diferentes tipos de retículas aplicadas con diferentes espacios y repeticiones especificas que permiten organizar con líneas horizontales y verticales dependiendo la categoría de la pieza que se está diseñando, esto permite crear combinaciones de tamaños y administración del espacio que genera piezas únicas. 




Diseñando una retícula

Para diseñar una retícula eficiente es necesario analizar el formato y el papel teniendo una idea clara de las dimensiones y espacio que se posee. 
Dicho esto, una retícula necesita poseer divisiones en una o varias áreas utilizando columnas, espacios, márgenes, filas etc.



La reticula también permite crear contenido asimétrico guías perfectas y simétricas, sin embargo debemos crear todo con extrema precisión, ya que cualquier desorden podría resultar en un elemento con posición incorrecta o un marcador ligeramente mal alineado, sin mencionar el problema de desordenar y desorganizar toda la información.

TIPOS DE RETÍCULAS:

Retícula de una sola columna: Empleada para piezas que requieran textos consecutivos e informativos en las que un solo bloque de texto permita centrar la lectura en un contenido corto. Es utilizada para ensayos, informes, cartas, entre otros.



Retícula de dos columnas: Enfocada en la organización de textos extensos donde el largo de las líneas de texto se reduce a la mitad del formato permitiendo una lectura comprensiva y rápida. El ancho también puede variarse para adaptarse al diseño.



Retícula de multiples columnas: Este tipo de retícula es utilizada por aportar una gran flexibilidad al diseño de las piezas, por su corto espacio horizontal permiten la mezcla con frases o imágenes que obligan a hacer una pausa en lecturas extensas.



Retícula modular: Se utiliza para organizar piezas con una gan cantidad de elementos (fotografías, textos, ilustraciones, títulos, entre otros.). Las retículas modulares dividen el plano en una gran cantidad de segmentos que permite una mayor combinación de tamaños alineados perfectamente.



Retícula jerárquica: Dividen el plano en lineas horizontales (tradicionalmente) y su objetivo es lograr un orden de entrada y salida para el análisis de la información contenida en la pieza.



Sugerencias para el diseño y selección de retículas
  1. El secreto para iniciar es definir las dimensiones del soporte que se utilizará así como el tipo de pieza.
  2. Definir la cantidad de información y elementos para conocer detalladamente las partes que se utilizaran y analizar la cantidad de lineas que cortarán el plano.
  3. Se debe trazar en el soporte los márgenes que delimitaran hasta donde se extenderá toda la información y objetos.
  4. Los márgenes superior e inferior casi siempre son mayores que los laterales y el superior menor que el inferior.
  5. Seleccionar la tipografía nos dará una idea cercana del tamaño de la misma y así un control del espacio que utilizará según la cantidad de información.
  6. Es necesario pensar en la jerarquía (orden) de lectura porque así se organizará de forma lógica y se comprenderá toda la información de manera exitosa.
  7. El tamaño de los elementos que compongan la pieza será fundamental para crear un punto de partida para la interpretación de la información.
  8. Los acentos cromáticos permiten que se destaquen elementos importantes sin importar su tamaño y ubicación en la retícula.


Crédito imágenes de referencia y ejemplos ejemplo: ModernBook Design, Ambar, CinnamonIdeas, M_Galla, Josef Muller





El branding surge en la fase inicial de todo negocio, puede ser realmente fundamental para el éxito de cualquier negocio porque permite dar una imagen profesional y confiable.

Este proceso es necesario para todo empresa, pero ¿Qué es? 
El branding es la identidad y esencia de la marca que será percibida por nuestra audiencia. Es completamente necesario el proceso y análisis ya que con esto obtenemos una marca, un sello, una identidad o un signo distintivo.



La comunicación visual se da cuando se transmite información o ideas través de un medio visual. A menudo, la comunicación visual suele representarse con imágenes bidimensionales utilizando ilustración, fotografía, tipografía, entre otros. Este tipo de comunicación es fundamental para la interacción diaria, si no existiera sería extremadamente difícil poder comunicar efectivamente los mensajes.

Las imágenes son parte fundamental para transmitir un mensaje, ya que podemos expresar un mensaje muy largo en apenas unos segundos de haber visto un cartel o un afiche. 



Sunrise, la aplicación de calendario que ayudó a tantos usuarios a organizarse ha decidido cerrar sus puertas y dejar de ofrecer esta maravillosa aplicación.

Dropbox es uno de los servicios de manejo de archivos en linea mas utilizados por su seguridad y estabilidad para mantener nuestros archivos sincronizados en todos nuestros dispositivos de manera casi instantánea.

En las últimas semanas se han reportado varios problemas con la estabilidad del servicio, pero sin duda el mas importante es el relacionado al alojar la carpeta principal en un recurso compartido de red, término que puede sonar extraño sobre todo si somos usuarios no relacionados al manejo de redes de oficina, equipos compartidos, etc.