30 Jul

Qué es y para qué sirve una página web

¿Qué es una página web?

Cerca de un 80% de los españoles usa Internet a diario. Dentro de ese mundo virtual, encontramos los sitios web, documentos creados generalmente en HTML y que contienen texto, imágenes, vídeos, programas, enlaces, etc. con un desarrollo de páginas web adaptadas para la World Wide Web.

Las páginas web se pueden almacenar en un equipo local o servidor remoto. El servidor web puede restringir el acceso a una red privada o publicar el contenido en el World Wide Web, con acceso a las páginas web mediante la transferencia desde servidores con el protocolo de de transferencia de hipertexto (HTTP).

El World Wide Web

El World Wide Web (WWW) es un sistema de distribución de documentos accesibles vía Internet. Con un navegador web, un usuario visualiza sitios web compuestos de páginas web, y navega a través de esas páginas usando hiperenlaces. En octubre de 1994, se creó el World Wide Web Consortium (W3C) por un ingeniero del MIT, un consorcio internacional que genera recomendaciones y estándares para asegurar el crecimiento del World Wide Web a largo plazo. La oficina española del W3C se encuentra en el Parque Científico y Tecnológico de Gijón desde 2003.

Evolución y desarrolo de páginas web

Las páginas web nacieron como sitios estáticos, ficheros que se descargaban para su visualización en el navegador. Sin capacidad de interactuación con el usuario. Con la evolución de Internet hacia la web 2.0 o web social, basada en compartir información, crear comunidad virtual y que el usuario deje de ser una parte pasiva y colabore en la creación de contenido, comenzó el auge de los blogs, redes sociales, web de auto-edición, aplicaciones web dinámicas, etc.

Las páginas web pasaron a ser dinámicas. No son un simple documento HTML, sino que se crean en un lenguaje interpretado, como el PHP, programado para plataformas de gestión de contenidos como WordPress o Prestashop. Aquí la web interactúa con el usuario, por ejemplo, a través de búsquedas de productos en la base de datos, dando la posibilidad de escribir opiniones, etc.

El desarrollo de páginas web puramente en HTML se va quedando relegado en favor de los sistemas CMS, herramientas basadas en aplicaciones web creadas con lenguaje PHP y que usan bases de datos MySQL que, no solamente permiten una edición más cómoda de los contenidos, sino que también implementa el dinamismo de las páginas web. Los sistemas CMS más conocidos son, por ejemplo, Joomla, WordPress, Drupal, PrestaShop, OpenCart o Magento.

¿Para qué sirve una página web?

Los sitios web son tarjetas de presentación, tanto de personas como de negocios. Al desarrollo de páginas web se le pueden dar múltiples usos: como medio de comunicación o información de diversos temas, publicidad, blogs, foros, educación, ocio (juegos, música, películas…) presentación de personas o empresas, tienda online…

Según tus necesidades y el uso que quieras darle a tu sitio web, (echa un vistazo a este post) te recomendaríamos el sistema de contenidos que resulte más adecuado para tus objetivos. Una página web a través de una plataforma adecuada, con un diseño accesible, usable y responsive, junto con un desarrollo de página web optimizado para el posicionamiento SEO, pueden conseguir unos resultados óptimos.

Desarrollo de páginas web integral

En Norden Estudio, especialistas en desarrollo de páginas web de Torrelavega, Cantabria y para toda España, disponemos de alojamiento propio, por lo que podemos realizar la parte de tu proyecto que necesites, o desarrollarlo de manera íntegra:

  1. Compra del dominio.
  2. Alojamiento en servidor situado en España con discos SSD, backup diario gratuito, migración de web y correo gratuitas y monitorización 24/7/365.
  3. Asesoramiento y compra de plantilla en la plataforma CMS más adecuada (WordPress, Drupal, Prestashop…)
  4. Diseño de identidad corporativa.
  5. Instalación, personalización y desarrollo web.
  6. Instalación de certificado SSL y pasarelas de pago.
  7. Asesoramientos sobre textos legales y certificación oficial de la LOPD.
  8. Tareas de mantenimiento y posicionamiento SEO/SEM.
  9. Planes de marketing personalizados y posicionamiento SMO/SMM.
  10. Gestión de redes sociales, community management.

¿Tienes una idea? Nosotros le damos forma. Contáctanos en info@nordenestudio.es o por teléfono/WhatsApp en 622 055 981.

 

25 Jul

La importancia de la tipografía en el diseño gráfico

En algunos casos, la abundancia de familias tipográficas puede asustar. Hay numerosos estilos, pesos y variantes que utilizan una terminología que se malinterpreta repetidamente. Conocer la amplitud y alternativas de cada familia de tipos facilita la elección de la más adecuada tipografía en el diseño.

Historia

El concepto moderno de letra llega a nosotros después de 4000 años de viaje a través de Mesopotamia, Egipto, Grecia, la península itálica y, por último, Europa occidental. El alfabeto romano, codificado los siglos II y I a.C., deriva de la escritura lapidaria griega, desarrollada durante milenios por los sumerios, etruscos y fenicios. Los romanos introdujeron nuevos caracteres y simplificaron la escritura, manteniendo un grosos único en las astas de los caracteres. Los escribas comenzaron a trazar las inscripciones antes de tallarlas, utilizando plumas de junco de corte cuadrado y pinceles que dejaban marcas contrastadas y astas gruesas y finas, que influenciaron la creación de la forma de las letras en los siguientes 2000 años.

Genealogía

En el ámbito de la tecnología digital, fuente se refiere al fichero digital que almacena la información y características escalables del tipo o, dicho de otro modo, del diseño. Un tipo es un único peso o estilo con unas características y una estética singulares. El conjunto de tipos con elementos de diseño comunes ejecutados mediante una serie de pesos y de estilos compone una familia tipográfica.

Clasificación

Como comentábamos en nuestro post sobre los principios básicos del diseño gráfico, a lo largo del sigo XX se han realizado esfuerzos para clasificar la creciente colección de tipos. En los años 20, el tipógrafo francés Francis Thibaudeau las clasificó por la forma de sus serifas en elzervirianos, didots, egipcios y antiguos. En 1954, otro tipógrafo francés llamado Maximilien Vox propuso un sistema más completo basado en un enfoque histórico. Las categorías incluían los tipos clásicos (subdivididos en humanísticos, garaldos y de transición), modernos (didones, mecánicos y lineanles) y otros (incisos, manuscritos, manuales, góticos y no latinos). Este sistema fue adoptado en 1962 por la ATypI (Associaton Typographique Internationale) y más tarde por Adobe, para clasificar su biblioteca. También, más adelante, las fundiciones de tipos de imprenta digitales intentaron clasificarlas por el modo en que los diseñadores se refieren a los tipos en su lenguaje cotidiano.

Composición

La actividad que, normalmente, ocupa más tiempo a un diseñador es la composición tipográfica. Esto se refiere a disponer las letras en palabras, las palabras en frases, las frases en párrafos y los párrafos en composiciones. Para una buena composición de tipografía en el diseño, hay que respetar algunos principios y conocer la semántica sobre el espaciado, organización y uso correcto de la puntuación.

Conclusión

Sea cual fuere su forma, los caracteres tipográficos llevan mensajes por encima de las palabras que representan en forma de respuestas emocionales o asociaciones del espectador en respuesta a los detalles de un determinado tipo de letra. Son respuestas subjetivas que se basan en la experiencia personal y el trasfondo cultural. El diseñador es un comunicador y tiene que dirigirse a su público objetivo. La tipografía en el diseño como parte del proceso de comunicación puede ser una parte muy eficaz para conectar con el grupo. Puedes utilizar tipos pesadas, ligeras, con textura, o combinaciones de diferentes estilos que creen un contraste.

La tipografía es un arte. La buena tipografía es Arte. Paul Rand

19 Jul

¿Cuáles son los principales métodos de impresión?

Entre el proceso creativo del diseño gráfico y el proyecto final se encuentra el amplio mundo de la impresión. Como comentábamos en nuestro post sobre los principios básicos del diseño gráfico, es imprescindible conocer el funcionamiento de cada método de impresión para escoger cuál es el que más nos conviene y preparar el arte final adecuadamente.

Método offset

Es el método de impresión más utilizado. Ofrece calidad, versatilidad y velocidad. Las impresoras offset pueden ser pequeñas de uno o dos colores al mismo tiempo (unos 46 cm de ancho) o grandes de hasta ocho colores (hasta 140 cm de ancho). En las configuraciones de color entran el CMYK, los colores planos y los barnices o revestimientos. Los archivos digitales se transfieren a planchas de metal sobre las que se imprime una imagen. Las planchas se enrollan sobre un rodillo intermediario entre los que suministran tinta y los que la transfieren al papel (mantilla).

Hay dos tipos de impresoras offset, las de hoja a hoja para impresiones de menos de 20000 unidades como libros, folletos, carteles, papelería de precisión y calidad y las rotativas, para volúmenes mayores de impresión como prensa, catálogos o revistas impresas a mayor velocidad y donde los detalles son más complicados de controlar.

Impresión tipográfica

Esta modalidad tiene su origen en China, en el siglo XI, cuando se tallaban bloques de madera y arcilla para imprimir un carácter en relieve sobre el papel. La base de este método de impresión no ha cambiado mucho, sólo la técnica ha ido evolucionando a lo largo de los siglos, pasando por las grandes hojas de madera del siglo XIX hasta las prensas de la Revolución Industrial. Actualmente, están renaciendo este método gracias a las planchas de fotopolímero que pueden reproducir archivos digitales en planchas de prensas rotativas del siglo XIX restauradas. Un regalo para la vista de los diseñadores.

Serigrafía

Método de imrpesión muy popular por su versatilidad y sólida reproducción en color. Un sistema asequible y muy vistoso que viralizó Andy Warhol y muy usado en bandas de rock y fabricantes para ediciones limitadas de camisetas, bolígrafos, cartelería… Muchos diseñadores usan planchas de serigrafía para tiradas pequeñas con posibilidad para imprimir sobre cualquier superficie como tela, papel, metal, madera, hormigón o plástico. Se consigue imprimiendo el diseño en una malla de nylon o poliéster recubierta con fotoemulsión y sometida a la luz mientras se bloquea el trabajo que se imprimirá. Se crea una plantilla para cada color que lleva el diseño y, sobre la superficie final, se aplica la tinta con la ayuda de una rasqueta, repitiendo la operación con cada color.

Grabado

El grabado es la delicatessen de los procesos de impresión. Un método de impresión más costoso, largo y especializado que se obtiene con una superficie ligeramente en relieve, con una saturación de color densa y un diseño muy definido. Se logra tallando una imagen a partir de una plancha de metal (generalmente cobre), rellenando los espacios huecos resultantes con tinta y colocando después papel encima ejerciendo presión para este absorba la tinta. Se utiliza sobre todo para tarjetas de visita o invitaciones a actos de etiqueta.

Termografía

Este método de impresión es el resultado de una superficie el relieve con un acabado brillante, similar a la del grabado. A diferencia del método anterior, no es un proceso caro ni refinado y se realiza utilizando una tinta de secado lento, recubriéndola con polvo para termografía y aplicándole calor para fundir el polvo con la tinta y hacer que la imagen sobresalga. Los pequeños detalles tipográficos suelen perderse debido al hinchado de la tinta.

Flexografía

La impresión flexográfica generalmente se usa con una máquina rotativa, usando planchas de goma o plástico con una imagen ligeramente en relieve y, en lugar de las tintas a base de aceite del offset, con tintas de base acuosa que secan más rápido. Este método de impresión, se suele utilizar para materiales poco porosos como el plástico, el Kraft o las etiquetas. Se imprime en una prensa rotativa y las planchas son de un material semiblando, donde los registros de las planchas de color y densidad no son óptimos.

Estampación en caliente

Proceso ideal para detalles sofisticados con brillo y estilo. La estampación en caliente produce un efecto delicado, lujoso y deslumbrante. Se utiliza desde los siglos I y II en manuscritos en los que se molía oro para transformarlo en un fino polvo que se extendía sobre la página para obtener un resultado brillante. Hoy en día, se crea una plancha en relieve con el diseño, se calienta y se pone sobre una prensa tipográfica, donde se coloca una hoja de papel de aluminio para que, a medida que el papel pase por la prensa, se adhiera la imagen en relieve. Este método de impresión se puede usar en diversos materiales como tela, piel, madera…

Impresión digital

Más lento pero seguro, el método de impresión digital es el método más cómodo para muchos diseñadores. A diferencia del offset, no requiere planchas. Utiliza un tóner con tinta en polvo en lugar de líquida que se coloca sobre el papel, en lugar de ser absorbida. Útil para tiradas cortas (centenares o pocos miles) a un precio asequible. La calidad ha mejorado mucho con los años, pero aún no se puede igualar a la calidad del offset ni igualar los colores PMS de forma simétrica.

Desde finales de los años 90 se han lanzado impresoras digitales más complejas y muy bien recibidas como las Xerox, Heidelberg y Hewlett-Packard con versiones que cada año superan a la anterior, mejores tiempos de respuesta y asequibles en comparación con una máquina offset.

Inyección de tinta

Método de impresión utilizado en tiradas cortas (sobre el centenar), o incluso impresiones individuales. Un método óptimo para impresión casera que produce imágenes saturadas y textos definidos en una amplia gama de papeles ideal para carteles o maquetas para presentaciones de trabajos de fotógrafos, ilustradores o pequeñas empresas y autónomos.

30 May

Teoría del color aplicada al diseño (parte I)

El color es la base del diseño. La utilización que se hace del mismo puede variar el mensaje que queremos comunicar y puede tener sentidos opuestos según el país al que nos dirijamos.

En el sector del diseño gráfico y la publicidad, es crucial el tratamiento que se le da al color y tenemos que entender bien cómo funciona, pues no trabajamos igual para diseños dirigidos a Internet, TV o imprenta. Cada elección tiene un motivo y un significado. Vamos a verlo.

Los colores primarios

El color primario, es aquel que no puede obtenerse mezclando ningún otro color. Es un modelo basado en la respuesta de los receptores del ojo humano ante la presencia de ciertas frecuencias de luz y sus interferencias.

En realidad, puede haber un número indefinido de colores limitado por la sensibilidad del ojo. El ser humano es tricrómata, pues sólo contiene tres tipos de receptores, llamados conos L, M y S que responden a longitudes de onda específicas de luz roja, verde y azul.

Por este motivo, los colores primarios en la luz son los conocidos como RGB (Red, Green, Blue) o RVA en español (Rojo, Verde, Azul). Con ellos se puede representar una amplia gama de colores y, mezclando los tres en igual intensidad, el resultado tienda al blanco y los colores secundarios al cian, magenta y amarillo.

Por otro lado, los colores primarios en el pigmento son el cian, magenta y amarillo, conocidos como CMYK (cyan, magenta, yellow, black), cuya mezcla en partes iguales tiende al negro y como colores secundarios resultan el naranja, verde y violeta.

colores_primarios

Fundamentos y relaciones del color

Una composición que se base en el blanco y el negro se puede lograr hacer dinámica cambiando el contraste, luminosidad, espaciado… Pero cuando utilizamos color aportamos dimensión, expresión y claridad.

El color se define por cuatro cualidades básicas: tono, saturación, luminosidad y temperatura. El tono es la identidad, la saturación la intensidad, la luminosidad es la tendencia a oscuridad o brillo y la temperatura es una cualidad subjetiva sujeta a la sensación que nos evoca. Un color cálido como el rojo nos evoca calor, y uno frío como el azul nos evoca sensaciones u objetos ‘fríos’. Pero esta sensación es relativa, porque si comparas dos tonalidades de azul, una siempre te va a parecer que tiende más a rojizo y el otro a verde.

De ahí nacen las relaciones de los colores, que forman el círculo cromático de Munsell, un pintor y científico británico que desarrolló una representación circular de los tonos en base a su longitud de onda modificada a lo largo de dos ejes que describen la brillantez y la saturación. No fue el primero en crear una rueda cromática, pues ya lo hicieron antes Newton, Goethe o Hatt, entre otros, pero la de Munsell es la más utilizada.

Los colores situados cerca en esta secuencia reciben el nombre de análogos, y los situados uno enfrente del otro son los complementarios.

circulo_cromatico_munsell

Psicología del color

El componente emocional del color está relacionado con la experiencia humana a un nivel instintivo y biológico. Los colores más cálidos tienen mayor longitud de onda, por lo que al procesarlos necesitamos un nivel mayor de energía. Por el contrario, la menor longitud de onda de los colores fríos ralentiza nuestro metabolismo y produce un efecto calmante, sedante.

Las propiedades de los colores también dependen de la cultura. En las sociedades cristianas el negro se asocia al luto, pero en la hindúes la muerte se asocia al color blanco.

¿Quieres conocer el simbolismo cromático de cada color? No te pierdas nuestro siguiente post.

 

 


Fuentes: Wikipedia | Tipografía para diseñadores, de Timothy Samara

21 May

Cómo mejorar la velocidad de carga de mi página web

La velocidad de carga de tu página web o blog es fundamental como primera impresión para el usuario. Una página lenta, tiene altas probabilidades de abandono antes de que cargue. El 25% de los usuarios renuncia si tarda más de 4seg en cargar. No olvidemos que Google tiene en cuenta la velocidad de carga de nuestra página web o blog para posicionamiento SEO, pues tarda más en visitar, rastrear e indexar tus contenidos.

Una web rápida es una web bien posicionada.

¿Qué puede hacer que una página sea lenta y cómo puedo mejorar la velocidad de carga?

  • Un servidor deficiente: Un servidor que no pueda asumir los recursos que necesitas, que esté muy saturado o sea de mala calidad es el motivo principal de lentitud. Olvídate de los servidores low cost y contrata un servidor de calidad (que no tienen porqué ser caros), con discos de alta velocidad SSD y que te garantice espacio suficiente, sobre todo si tienes mucho tráfico o tu web/blog requiere muchos recursos (imágenes, vídeos, plugins…).
  • Optimización de imágenes: Cuando subimos una imagen a nuestra web o blog, debemos optimizarla correctamente para que no ralentice la carga de la página y no ocupe demasiado en tu servidor. Usa imágenes comprimidas para web en .jpg para imágenes complejas y .png para imágenes simples. No uses dimensiones demasiado grandes ni subas archivos demasiado pesados (vídeos, PDF, etc.) Puedes ayudarte de programas de compresión como GIMP, DocuPub o Free PDF Compressor.
  • Código y formato: Es importante que el código de la página está bien optimizado y limpio para que fluya la navegación, sobre todo en CSS. Puedes realizar mejoras reduciendo el número de http requests, comprimiendo el código fuente o usando sprites, pero necesitarás conocimientos de programación. El formato de tu página web o blog debe ser adaptativo, con un diseño responsive orientado a todo tipo de dispositivos móviles. Todo esto nos vendrá bien, adicionalmente, para el posicionamiento SEO.
  • Plantilla y plugins: El theme que utilicemos para nuestra web o blog es otro factor determinante para la velocidad de carga. Necesitarás una plantilla que optimice al máximo el código y los recursos ya sea en WordPress, Drupal o Prestashop, como ejemplo de las más comunes. Además de ofrecerte actualizaciones y soporte, tienen muchos plugins que te pueden ser útiles, pero ¡cuidado!, demasiados plugins pueden raletizar también tu página. Utiliza sólo los más necesarios y desactiva los que no uses. También puedes utilizar algún plugin para mejorar la velocidad de carga, como el WP Rocket.
  • Almacenamiento en caché: Las webs dinámicas permiten crear copias estáticas en caché, evitando ejecutar repetidamente el código y haciendo la página más veloz. Es muy habitual contar con herramientas para este fin en gestores de contenidos como el WP Super Cache para WordPress o el Boost para Drupal.

¿Qué ventajas tiene la velocidad de carga?

  • Mejorar la experiencia de usuario.
  • Mejorar el posicionamiento SEO.
  • Aumento de tráfico y leads.
  • Mejora de la tasa de conversión y bajada de la tasa de abandono.

¿Cómo puede medir la velocidad de carga de mi página web?

Google dispone de PageSpeed Insights, la más utilizada, pero también hay otras herramientas que funcionan muy bien como Pingdom o Webpagetest. Recomendamos entrar en modo incógnito para probarlo, ya que a los administradores les suele tardar un poco más en carga y así tendríamos unos resultados más fiables.

Chrome:  Ctrl+Mayúscula+N | Firefox:  Ctrl+Mayúscula+P | Internet Explorer:  Ctrl+Mayúscula+P | Safari: Safari > Navegación privada

Esperamos que os haya resultado útil y os recordamos que disponemos de alojamiento propio situado en España con las mejores condiciones para garantizar un buen rendimiento de tu página y amplia experiencia en desarrollo web para optimizarla al máximo. Puedes enviarnos cualquier consulta a info@nordenestudio.es

18 May

Santander presenta su nueva marca gráfica

Tras un trayecto marcado por erratas, plagios y muchas polémicas, Santander presenta su nueva imagen corporativa.

El diseño de marca gráfica de la capital de Cantabria ha sido realizado, a través de concurso, por la agencia valenciana Gimeno Gráfic, con un presupuesto de 37.755€ de los que la agencia de diseño se lleva 16.000€ y el resto ha sido utilizado por la empresa Proyecta para un estudio de mercado entre los habitantes de la ciudad, con el fin de conocer su opinión sobre qué representa a la ciudad y cómo la sienten. A estos gastos habría que sumar los invertidos en el concurso anterior, bastante mayores que los actuales.

Según se ha indicado en la presentación de la nueva imagen gráfica de Santander, el diseño representa el color azul de la bahía, el blanco que representa la pureza del aire, el verde de los prados y el amarillo de las playas, añadiendo la palabra ciudad para diferenciarla del Banco Santander.

El responsable del equipo de diseño, Pepe Gimeno, es autor de símbolos turísticos como la palmera de la Comunidad Valenciana o la marca gráfica de la presidencia española de la Unión Europea.

En los próximos días, podremos ir viendo por la ciudad el desarrollo de la nueva imagen de Santander en autobuses, marquesinas y demás elementos publicitarios.

Y a vosotros, ¿qué os parece?

 

imagen_corporativa_santander

Fuente e imágenes: El Diario Montañés

16 May

5 errores a evitar en el diseño de tu logotipo

Según la Wikipedia: Un logotipo, coloquialmente también llamado logo, es un signo gráfico que identifica a una empresa, un producto comercial, un proyecto, o en general, a cualquier entidad pública o privada.

Ya seas una empresa, autónomo o blogger, el logotipo es la cara visible de tu marca.

Por ello, tienes que tener claro qué valores de marca quieres que represente y dejarte guiar en su desarrollo por un profesional del diseño gráfico.

A continuación, te exponemos 5 errores que toda marca debe evitar en el diseño de su logotipo:

1. QUE NO SEA PROFESIONAL. Tener un ordenador no te hace diseñador igual que tener un libro de derecho no te hace abogado. Mucha gente comete el error de pensar que el diseño es un trabajo que cualquiera puede realizar, y encarga sus diseños a un ‘primo’ o ‘amigo’ que se lo hace gratis pero que no tiene ninguna formación. Un diseñador profesional te aconsejará cómo sacar el mayor rendimiento a tu imagen. Te ayudará a formar un briefing del que partir, realizará bocetos, y te entregará un diseño original en formato vectorial para que lo puedas adaptar y escalar a cualquier formato. Tanto la iconografía como la tipografía, el encuadre o los colores tienen una razón de ser.

2. QUE NO REFLEJE LOS VALORES DE MARCA. Un logo prediseñado o poner la marca con una tipografía que nos gusta o nuestro color favorito no es crear una imagen de marca y, por lo tanto, no refleja lo que tu marca quiere transmitir. Por ello el diseñador, siguiendo las indicaciones del briefing, deberá crear un logotipo acorde con los valores de marca que le hayas indicado (moderno, elegante, divertido, infantil…) y enfocado a tu target.

3. QUE NO SEA MEMORABLE. Un buen diseño es memorable a simple vista. Tiene que llamar la atención, ser claro y que se asocie fácilmente al sector de la marca. Puede ser un logotipo (sólo texto, como Zara o Google), un imagotipo (combinación de imagen y texto que se puede usar juntos o por separado, como Nike o Lacoste) o un isologo (imagen y texto agrupados que no funcionan por separado, como Burguer King o Starbucks).

tipos de logotipo

4. QUE NO SEA LEGIBLE. No todas las tipografías son legibles, por mucho que nos puedan gustar. Tampoco recomendamos usar las tipografías más típicas como Arial o Calibri, ya que queremos ser originales y diferenciarnos. Tenemos que pensar que usaremos nuestro logo en diferentes formatos y tamaños, y una tipografía demasiado fina o enrevesada puede no leerse en escalas menores, como las fotos de perfil de las redes sociales. Por eso, el diseñador también tiene en cuenta en el briefing el uso que le vamos a dar a nuestra marca (sólo para web, imagen corporativa completa, redes sociales…). Si te das cuenta, muchas marcas de primer nivel están rediseñando sus logos para cambiar las tipografías a otras más fácilmente escalables por el auge de las redes sociales y dispositivos móviles, como Google o el Banco Santander.

5. QUE NO SEA ADAPTATIVO. Es un must have hoy en día, tanto en los logotipos como las páginas web, que el diseño sea adaptativo y que no pierda sentido al escalarlo para dispositivos móviles. Además de la tipografía, que ya hemos comentado, la iconografía también tiene que realizarse pensando en que funcione a escalas pequeñas. De ahí la tendencia los últimos años por los diseños planos y minimalistas. Algunas marcas ya han hecho adaptativos sus diseños, como Converse o el US Open.

Esperamos que esta información os ayude en el desarrollo de vuestra imagen de marca. No olvidéis: diseño profesional, claro, memorable, legible, adaptativo, vectorial y… ¡que os represente!

Si te ha resultado interesante, echa un vistazo a nuestro post Cómo crear una marca en 5 pasos.

 

 

Imágenes ‘antes y después’ sobre rediseño de marcas vía Brandemia

11 May

El minimalismo en el diseño. Menos, es más.

El diseño minimalista, tiene como base una utilización del espacio de manera eficiente, utilizando los mínimos recursos y huyendo de los excesos.

Los diseños sobrecargados resultan estresantes, confusos y poco usables. Sin embargo, el minimalismo ofrece liberarnos de las cargas, vivir con lo esencial, desarrollo sostenible, psicología positiva y disfrutar de las pequeñas cosas. Sensaciones de placer y comodidad.

El concepto minimalista en el diseño gráfico

En lo que respecta al diseño corporativo, editorial o publicitario, la tendencia minimalista busca colores neutros, diseños planos, tipografías limpias y elementos simples ocupando el espacio y convirtiéndose en protagonista del diseño, reduciendo los elementos a su forma más básica con un resultado moderno, sencillo y funcional.

En el branding, tenemos un ejemplo en Apple, con una imagen sencilla, directa y limpia. Consigue transmitir mucho con poco y aplica este concepto a toda su marca, en el packaging, la publicidad, los productos, las tiendas, etc.

Hoy en día, la tendencia al minimalismo ha vuelto pisando fuerte, debido a su atractivo y adaptabilidad. Un diseño sencillo y plano es más fácilmente escalable y, por tanto, más adaptable a dispositivos móviles, redes sociales, etc. Si quieres conocer las tendencias del diseño gráfico para 2018, no te pierdas este post.

El minimalismo en el diseño web

En el diseño de páginas web, el minimalismo busca sencillez, usabilidad, espacios en blanco, optimización de las imágenes, claridad, legibilidad, buen uso del color y obviar todo lo que sobre o no sea funcional.

El estilo nórdico en diseño industrial

En el diseño de estilo nórdico, originado en Suecia y Noruega, tenemos un ejemplo de cómo se aplica el minimalismo en el diseño industrial. El uso de materiales locales, la elegancia de la sencillez, los colores neutros y la filosofía de la escuela Bauhaus de hacer los diseños funcionales y accesibles a todo el mundo. En la actualidad, este estilo de diseño arrasa en el sector del interiorismo, decoración y moda.

Menos es más. Mies Van Der Rohe

10 May

La ilustración, centro de la nueva campaña publicitaria de Magnum

Magnum lanza su nueva campaña de publicidad exterior de la mano del ilustrador francés Thomas Danthony y la agencia LOLA MullenLowe, artífice de la idea, que busca desmarcarse de los estereotipos del sector. La campaña está formada por cinco ilustraciones que ya se pueden disfrutar en Londres, y que pasarán por distintas ciudades europeas como París, Roma, Madrid o Barcelona.

El arte de Thomas Danthony, se caracteriza por su minimalismo, misterio y juego de luces. Ha tenido clientes de la talla de Google, The New York Times o The New Yorker, entre otros. La marca de helados ha elegido muy bien y ha conseguido una campaña diferente, elegante, y divertida. Mires donde mires… ¡tienes un Magnum!

Magnum_publicidad

 

imágenes vía Reason Why

6 Abr

¿Qué es un briefing, para qué sirve y cómo lo redacto?

En cualquier campaña de comunicación o planificación de imagen de marca, siempre se ha de partir de un briefing detallado en el que se basará nuestra estrategia creativa.

Un briefing es un “documento escrito mediante el cual el anunciante ofrece un cuadro exhaustivo y coherente de la situación comercial, señala los objetivos de comunicación y define las competencias de la agencia”. (Association of National Advertisers)

No tiene porqué ser un documento extenso, pero sí aclarar varios conceptos clave:

  • ¿Quiénes somos?: Describimos nuestro producto o servicio, su historia y trayectoria. Repasamos sus fortalezas, debilidades y los valores que queremos transmitir.
  • ¿Qué queremos y por qué?: Partiendo de una necesidad inicial que expondremos (pocas ventas, lanzamiento de nueva marca, fidelización, posicionamiento…), explicamos qué queremos conseguir con nuestro plan de comunicación, determinando los objetivos del diseño o campaña y los KPIs para evaluarla.
  • ¿A quién nos dirigimos?: Analizamos nuestro target o público objetivo para establecer nuestro nicho de mercado y realizar una segmentación lo más fiel posible.
  • ¿Qué queremos decir y cómo queremos decirlo?: Explicamos de la manera más clara posible de cómo se nos percibe y cómo queremos que nos perciban en el mercado. Centraremos nuestro mensaje en una idea sobre en qué destaca nuestra marca o servicio respecto a su competencia y decidiremos el tono y estilo que tendrá nuestra campaña de comunicación o desarrollo de marca.
  • Timing: Marcaremos los tiempos para el desarrollo del proyecto y las fases del mismo.
  • Presupuesto: Indicaremos el presupuesto con el que contamos para que se pueda desarrollar una campaña lo más ajustada posible al mismo y saber con qué apoyo contamos para las acciones.

Para el desarrollo del briefing deberemos ser claros y concisos y es crucial que exista buena comunicación entre cliente y agencia para que se pueda sacar el máximo provecho a la campaña.

Una vez entregado el brief, la agencia se encarga de elaborar su propuesta de acuerdo a todos los puntos. En dicha propuesta, se incluirá un plan detallado de la campaña, con todas las acciones a seguir, indicadores de éxito, tiempos de ejecución y costes totales.

Un brief se puede utilizar, tanto para el diseño de un logo o desarrollo de una identidad corporativa, como para una campaña de publicidad o estrategia de marketing online/offline.

Lo que tenemos que tener en cuenta es que, en ese documento, está el alma de una marca, producto o servicio. Algo que tenemos que respetar, mantener y proyectar de la mejor forma que sepamos sin perder su esencia.