NUEVA TENDENCIA EN DISEÑO GRÁFICO: LONG SHADOW

Long Shadow, la versión 2.0 del Flat Design

No hace demasiado escribimos una entrada en nuestro blog hablando del diseño plano o flat design tan de moda en todas partes. La simplicidad, la baja saturación de colores, la eliminación de sombras, profundidades, brillos, etc se imponen tanto en publicidad como en el diseño de nuevas marcas (fijáos en el logotipo de Outlook), como en diseño web. Pero las modas cada vez duran menos y lo cierto es que ya tenemos una nueva tendencia que se postula para ponerse de moda: el long shadow o sobra extendida.

El long shadow es un efecto que provoca la sensación de profundidad sin perder la sensación de diseño plano. Se lleva a cabo mediante el uso de sombras planas alargadas, normalmente en un ángulo de 45 grados y que se extienden hasta los bordes.  Las líneas diagonales recuerdan muchísimo a los primeros posters soviéticos y lo cierto es que este estilo es ideal para la creación de iconos y marcas.

Es cierto que el long shadow no es una nueva tendencia propiamente dicha ya que se apoya en gran parte en el flat design o diseño plano pero es sin duda uno de los caminos por donde si podría seguir el diseño del futuro en el momento en el que los diseñadores nos cansemos del diseño plano o flat design, porque de eso si que estamos seguros. En algún momento lo abandonaremos por otra tendencia.

El long shadow aporta más tonalidades, más dramatismo y profundidad y lo cierto es que muchos ya lo definen como la versión 2.0 del diseño plano o flat design.

Nosotros de momento nos apuntamos al carro y comenzamos a aplicarlo en algunos diseños de publicidad impresa. ¿Qué os parece a vosotros?

http://www.mlgdiseno.es/long-shadow/

FLAT DESIGN, LA TENDENCIA WEB EN ESTE 2013

Flat Design, la tendencia de este 2013

Todo el mundo sabe que en diseño las modas son cíclicas y cuando hablamos de diseño aplicado a Internet, de diseño web, estos ciclos suelen mucho más cortos. Comento esto, porque llevamos ya unos meses viendo que una de las grandes tendencias para este año es volver a hacer uso del “flat design” o diseño plano a la hora de desarrollar los estilos de una web, ¿Pero que es el flat design?

Flat Design es sencillamente diseño plano. Así sin más, y cuando hablamos de flat web design, nos referimos al diseño de una página web que decide usar formas geométricas, colores planos y llamativos e iconos en vez de fotografías o imágenes complejas. El flat web design elimina todo rastro de sombras, efectos de profundidad, biselados, gradientes, efectos tridimensionales y apuesta por lo minimalista y sencillo. Un ejemplo claro lo tenéis en el nuevo diseño de la interfaz de Windows 8, donde todo son cajas de colores grandes e iconos planos.

Ejemplo de Diseño Web PlanoEsta moda no es nueva, pocas lo son, y es un reciclaje de una vertiente que ya surgió hará unos años y que tuvo gran auge. Ahora bien, con la entrada en juego de HTML5 y CSS3, los diseñadores en general nos volvimos locos con todos los efectos que podíamos crear y digamos que se dejó de lado este tipo de diseño minimalista por otros mucho más elaborados, con el regreso de las texturas y las sombras como motivos a destacar.

El flat design es un tipo de diseño muy limpio, claro y que conecta a la perfección con el diseño responsable (“responsive web design“) que tan de moda hemos puesto los diseñadores web para que toda página web sea flexible y se pueda ver en cualquier dispositivo dando igual el tamaño de la pantalla o la resolución.

A nosotros la verdad es que es un tipo de diseño web que nos gusta, y que cuando podemos aplicamos. Pero, ¿os gusta a vosotros?

http://www.mlgdiseno.es/flat-design-la-tendencia-web-en-este-2013/

USO DE LA TIPOGRAFÍA EN DISEÑO WEB

Uso de la tipografía en diseño web

Cuando hablamos de diseño web, una de las partes más importantes es la elección de las tipografías más adecuadas para cada proyecto. En general, los clientes suelen estar abiertos a sugerencias y asesoramiento, pero en ocasiones llegan completamente decididos a usar esta o aquella tipografía y a este o aquel tamaño. Y la mayor parte de las veces se equivocan.

Aquí hemos querido dejar unos consejos básicos sobre el uso de la tipografía en diseño web, que a algunos les parecerán muy obvios, pero os puedo asegurar que a otros les servirá de mucha ayuda.

1º. Jerarquía tipográfica

Lo primero que uno tiene que hacer cuando se enfrenta a la elección de las tipografías para una página web es establecer claramente la jerarquía, ya sea mediante color, tamaño, negritas, etc. Básicamente hacemos esto, porque si tenemos una buena jerarquía, el usuario navegará con mucha más facilidad a lo largo de nuestra web.

Jerarquía Tipográfica

2º. No hacer el texto demasiado pequeño.

Siempre creemos que todo el mundo actúa, siente y ve como nosotros al llevar a cabo el diseño de una web y no es así. Hay que saber que ni todos tenemos el mismo gusto ni todos vemos igual de bien. Por esodebemos establecer siempre un tamaño mínimo para la tipografía para que la gente pueda leer los contenidos sin dejarse la vista. Un tamaño de 14 puntos puede ser bastante aceptable.

Tamaño Tipográfico

3º. Escoge una tipografía adecuada para el cuerpo de los artículos o secciones.

A veces uno quiere ser “muy creativo” y hacer uso de tipografías que a priori son muy originales o aportan un punto diferenciador sobre el resto, pero hay que tener una cosa en cuenta, y es que los contenidos de una web han de ser legibles. No puedes usar una tipografía barroca ni con muchos adornos para una información que estará dispuesta en varios párrafos porque eso creará un impacto negativo entre los usuarios.

Tipografía Adecuada

4º. No usar demasiadas tipografías en la misma página

Esto es básico. Uno no puede usar diez tipografías en una misma página porque distraen muchísimo, y si queremos que la importancia de la web resida en los contenidos es contraproducente. Esto no quiere decir que haya quién consiga una web fantástica con multitud de tipografías, pero es algo realmente complicado de conseguir sin marear al personal.  Lo recomendable es ceñirse a no más de tres tipografías por página.

Usar pocas tipografías

5º. Interlineado correcto

Otro de los puntos importantes cuando aplicamos tipografía es dejar un interlineado que facilite la lecturade los contenidos. Esto es vital, ya que si dejamos poco espacio entre líneas provocaremos una sensación de mucha densidad de texto y además haremos más complicada la lectura a los usuarios. Obviamente tampoco conviene pasarse.

Interlineado correcto

6º. No usar demasiado las letras capitales o mayúsculas.

Los usuarios por regla general no están habituados a leer textos donde todas las palabras estén en mayúsculas. Por eso hay que tener cuidado con este punto, ya que si ponemos textos muy largos que estén completamente en mayúsculas complicaremos la lectura a los usuarios de la web.

No usar mayúsculas en exceso

7º. No excederse en el uso de los textos centrados

Para empezar no es nada cómodo para el usuario leer textos centrados por la sencilla razón de que cada línea suele empezar a una altura diferente y eso hacer más complicado seguir el hilo de lo que se lee. Por no hablar de que es mucho más complicado jugar con el resto de objetos de la web. Por último, cuando uno se encuentra una web donde la mayoría de textos está centrado, la sensación es de que poca profesionalidad.  Usa los textos centrados de una forma moderada y acertarás.

No usar textos centrados

8º. Usa un contraste adecuado

Esto es otra de esas reglas básicas. El contraste es vital para que un texto sea legible, así que escoge bien los colores y los tonos para que sea fácil poder leer los contenidos de la web y que no se fundan.

Buen contraste

Y eso es todo. Básicamente son 8 reglas que si aplicas te salvarán de cometer errores de principiante a la hora de diseñar cualquier tipo de proyecto web.

http://www.mlgdiseno.es/uso-de-la-tipografia-en-diseno-web/

MARKETING Y COLORES. ¿QUÉ COLOR ESCOJO?

Marketing y colores

Si digo que en alguna ocasión he escogido entre dos productos muy similares únicamente por el color, estoy seguro de que más de uno recordará en alguna ocasión haber hecho lo mismo. Y es que a veces saber escoger los colores que van a ir en las gráficas, el packaging de tu producto y en general en toda su imagen corporativa, es lo más complicado. 

Uno puede tener el mejor producto del mercado que si no sabe venderlo, no conseguirá éxito. Esto es una realidad no de hoy, si no de siempre. Hay que saber vender y para ello hay que saber comunicar y aceptar el hecho de que los usuarios crean una opinión, juzgan un producto en menos de minuto y medio (según el Institute for Color Research). Y en ese minuto y medio, es cuando un director de marketing, un publicista, un asesor de imagen, se la juega de verdad. Pero es que además, entre un 60 y un 90% de esas personas que en minuto y medio ya han sacado valoraciones de un producto, lo han hecho en base al color del mismo. Parece mentira, pero no lo es.

Según estudios realizados por la CGM, los anuncios en colores son leídos muchísimo más que los que están en blanco y negro y  ayudan a reconocer una marca casi en un 80%. Los números están ahí.

¿Pero que es lo que transmiten los colores?

Probablemente hayáis visto muchas tablas de colores donde os indican que sensaciones producen estos, pero es inevitable hacer un poco de memoria y ver que comunican, que dicen de nosotros los colores que escogemos para nuestros proyectos, empresas o marcas.

Rojo, pasión, sensualidad, físico, energía

Rojo: Un color que suele destacar sobre los demás. Transmite sensualidad y energía. Ideal para el deporte, la política, la mecánica, el mundo de la inmobiliaria, pero también para productos eróticos, textiles, moda, etc.

 

Rosa, representativo de lo femenino

Rosa: Color representativo de la imagen femenina. Ideal para el mundo de la moda, los cosméticos, etc

 

Morado, misterioso, mágico

Morado: Color que transmite misterio. Muy relacionado con el mundo de la magia, la fantasia, ideal para productos infantiles pero también en según que matices para productos femeninos.

 

Marrón, equilibrado, confiable y amable

Marrón: Transmite sensaciones sencillas, de tranquilidad, confianza, amabilidad, seguridad. Ideal para el mundo del entretenimiento, el mundo del motor, los muebles, juegos, etc

 

Naranja, energía, juventud

Naranja: Transmite energía, fuerza, buenas sensaciones. Ideal para productos juveniles, el mundo de la construcción y los productos alimenticios.

 

Amarillo, positivo, comunicativo

Amarillo: Transmite alegría, felicidad y energía. Un buen color para el mundo del ocio y perfecto para el mundo de la comunicación y el entretenimiento.

 

Verde, naturaleza, salud, ecología

Verde: Naturaleza, salud, plantas, etc. Ideal para productos relacionados la ecología, el medioambiente, la salud y la higiene.

 

Azul claro, tecnología, avances, informática

Azul claro: Color que se relaciona con la limpieza, la tecnología, ideal para productos relacionados con la informática.

 

Azul Oscuro, ejecutivo, afilado, empresarial

Azul oscuro: Color representativo de la imagen masculina. Ideal para ejecutivos, relacionado con servicios financieros, inversiones, banca, grandes empresas.

 

Negro, lujo, elegancia

Negro: Simboliza Lujo, poder, elegancia. Es perfecto para productos gourmet, seguridad, productos exclusivos.

Obviamente, esta tabla ayuda a escoger un color, pero no obliga a ello. En muchas ocasiones, productos o marcas que van en contra de estas tablas obtienen un éxito increíble, pero en gran parte es debido a la calidad del producto. Hay que tener muy claro siempre lo que queremos transmitir, y si queremos transmitir que vamos a contracorriente o que somos diferentes a los demás, es bueno replantearse los significados de los colores.

Espero que os quede claro la importancia del color en el mundo del marketing. No escojáis los colores porque sí, pensar dos veces antes de escoger. Es un consejo.

http://www.mlgdiseno.es/marketing-y-colores-que-color-escojo/

LOS 10 COLORES PANTONE QUE ESTARÁN DE MODA EN DISEÑO GRÁFICO EN EL 2014

Colores Pantone que serán tendencia en el 2014

PANTONE ha publicado ya los 10 colores que serán tendencia a partir de la primavera del 2014. Llevan 20 años llevando a cabo estudios para saber cuales serán las predilecciones de los diseñadores y lo cierto es que este año han sorprendido bastante por su elección, una mezcla de colores pasteles y colores muy intensos. Si te dedicas al diseño gráfico tienes que leerte este artículo.

Esta selección de colores Pantone pretende revitalizar la sabiduría convencional.  Leatrice Eiseman, directora ejecutiva de Pantone Color Institute, ya ha declarado que “ los consumidores están buscando un equilibrio reflexivo, emocional y artístico“, palabras, que la verdad, no dejan igual a nadie.

Pero para no andarse con mas rodeos, os vamos a dejar los colores Pantone que serán tendencia en diseño gráfico dentro de seis meses.

Colores PANTONECayenne.

Un rojo agudo que rompe con los colores neutrales habituales.

Colores pantoneDazzling Blue

Un azul muy brillante y fresco.

Colores PantoneFreesia

Un amarillo energético y muy luminoso.

Colores PantoneCelosia Orange

Un naranja muy vital y alegre.

Colores Pantone

Radiant Orchid

Un violeta femenino y sofisticado.

Colores PantoneSand

Una tonalidad neutra muy cálida.

Colores Pantone

Paloma

Suave, elegante y muy bonito gris.

Colores Pantone

Hemlock

Verde veraniego de corte ornamental.

Colores PantoneViolet Tulip

Un violeta mágico y evocador.

Colores PantonePlacid Blue

Un color tranquilo que evoca al cielo.

Como podéis ver una selección bastante variada que además combina muy bien entre los propios colores escogidos. El Cayenne con el Freesia, el Celosia con el Violet Tulip, etc. Básicamente puedes combinarlos todos entre ellos sin problema, ya que van muy bien. Probad y veréis.

http://www.mlgdiseno.es/los-10-colores-pantone-del-2014/

TIPOGRAFÍA: HELVÉTICA (HAAS GROTESTK)

Helvética

Inauguramos una nueva sección dentro de nuestro blog dedicado a las tipografías. Poco a poco, entrada a entrada vamos a ir escogiendo las tipografías más icónicas, famosas y a nuestro juicio más interesantes para explicar por quién fueron creadas y porque han llegado a ser lo que son. Como reina de todas las tipografías, comenzaremos por la Helvética, tipografía amada por un gran número de diseñadores gráficos que la usan a diario.

Max Miedinger, creador de la tipografía HelvéticaPara empezar tenemos que decir que la Helvética no es una tipográfica original y que nace en 1957, aunque no será hasta 1961 que obtenga su nombre definitivo. La Helvética es una actualización de la tipografía san-serif Haas Grotesk, basada en la Akzidenz Grotesk, creada en 1896 en la ciudad de Berlín. En 1957 el diseñador y tipográfo Max Miedinger (1910-1980) recibe el encargo y la desarrolla en colaboración con Edouard Hoffman (1892-1980), director de la Haas Type Foundry, consiguiendo crear la Haas Grotestk, rediseñando la Akzidenz Grotesk. Durante cuatro años la tipografía pasó desapercibida hasta que en 1961 le cambian el nombre a Helvética (termino latino usado para referirse a Suiza). De ahí en adelante la tipografía comenzó a tener un éxito sin precedentes.

A lo largo de los años 60 y 70 la tipografía se convierte en elemento fundamental para cientos de identidades corporativas alrededor de todo el planeta, sobretodo con aquellas identidades que tenían que ver con la señalética.  Pero es que además se convierte en elemento tipográfico de varias marcas de alto reconomiento tales como American Airlines, Lufthansa, Jeep, Nestlé, Toyota, Post-it, BMW, Microsoft, Panasonic, Tupperware, 3M, Skype, Harley-Davidson, Kawasaki, Motorola o Mattel. Vamos, que se populariza de forma apabullante.

Logotipos con Helvetica

En 1983, en pleno albor de la era digital,  D. Stempel AG, el hijo del director de Linotype desarrolla una actualización, haciendo una revisión exhaustiva de la tipografía y unificando alturas y aumentando el nº de pesos a 51, bautizándola como Neue Helvética. Se mejoraron los signos de puntuación y la numeración entre otras cosas. Un año más tarde, Apple Inc. decide integrar esta tipografía en su sistema operativo, el primero con interfaz gráfica y en 1986 Adobe lanza una colección de 1.000 tipografías donde se incluía la Neue Helvética.

Hoy día sigue teniendo mucha vigencia aunque a menudo es una tipografía muy criticada por su excesivo uso para cualquier cosa. Hay muchos diseñadores gráficos, entre los que me incluyo, que la seguimos usando para según que proyectos, pero es cierto que una tipografía que suele limitarse a acompañar o informar.

Las características principales de esta familia tipográfica es su alto nivel de legibilidad, su neutralidad y su versatilidad. Tiene un kerning problemático, no responde bien a los textos justificados y no combina bien con otras tipografías. Tiene una gran escalabilidad y por eso, entre otros muchos motivos, a menudo es usada en proyectos como tipografía única. Es la estrella de las tipografías del diseño gráfico actual.

En la actualidad la empresa Linotype gestiona las licencias de la familia Helvética y de todas sus variantes.

http://www.mlgdiseno.es/tipografia-helvetica-haas-grotestk/

PREPARA TU TIENDA ONLINE PARA LA NAVIDAD

La navidad para muchos comercios viene marcada en el calendario ya que su facturación anual depende en gran medida de esta época y las tiendas online no se quedan atrás. ¿Tienes preparada tu tienda online para las ventas navideñas? Te vamos a mostrar varios puntos a tener en cuenta a la hora de aumentar su ventas en navidad.

Los niños

Estas fiestas son para ellos y por lo tanto cuando naveguemos por alguna tienda online, si encontramos algún producto enfocado a ellos seguramente nos detengamos a observarlo y pueda servir de gancho para que miremos algún producto más en la tienda. El en comercio físico, se intenta realizar las compras sin ellos delante, aunque siempre se tiene la idea de lo que le gusta o de lo que le hace ilusión, por lo tanto tenemos que tener ese mismo concepto en la tienda online.

Imagen navideña

Todas las tiendas online tienen perfiles en redes sociales (si no los tienes creados estás perdiendo clientes), por lo tanto ¿por qué no adaptarlos a la navidad? Algunas empresas ya lo tienen adaptados y ofrecen una imagen navideña desde Octubre. Recordamos que en estas fechas siempre intentamos tener los regalos con antelación para que no se nos eche el tiempo encima, por lo que las compras online también se adelantan y para eso tenemos que adaptar nuestras imágenes de perfiles a la imagen navideña. Si puedes crear una imagen distinta y original para diferenciarte del resto de tiendas estupendo, sino siempre estamos nosotros para diseñártelo.

Ofertas y promociones

En navidad compramos regalos para todo tipo de personas, mayores, pequeños, mujeres, hombre, ancianos,… por ello tenemos que ofrecer descuentos, ofertas y promociones para conseguir captar al mayor número de clientes. Piensa que si tenemos que hacer muchos regalos, lo lógico será que intentemos abaratar costes y si contamos con una promoción o una tarjeta regalo o un descuento, nos lo pensaremos menos a la hora de realizar nuestras compras online.

Espíritu navideño

¿A quién no se le reblandece el corazón en navidad? Pues con ello también podemos jugar. En estos tiempos tan necesitados para muchas familias, podemos donar un euro de cada compra que nos realicen a entidades benéficas o colaborar con obras de caridad. Si le decimos a nuestros clientes que con sus compras navideñas están ayudando a otras familias se sentirán mejor.

Conclusiones

La navidad es una época donde se realizan multitud de compras y donde tenemos que aprovechar ese tirón. Cualquier estrategia es buena siempre y cuando la estudiemos bien y sepamos donde están nuestros límites en las ofertas y promociones que realicemos. Recuerda adaptar tanto tu web como tu imagen en las redes sociales para crear el entorno navideño perfecto.

http://www.mlgdiseno.es/tendencias-diseno-web-2014/

Follow

Get every new post delivered to your Inbox.