Tendencias en el diseño web

Internet es uno de los medios con mayor importancia y crecimiento en los últimos años. Una de sus principales características es su dinamismo e inmediatez, lo que hace que experimente una continua y rápida evolución. Este es el entorno que hay que entender para hacer funcionar correctamente una página web.

Otro hecho a tener en cuenta hoy en día es la notoriedad de las redes sociales, así como la conectividad tecnológica entre los diferentes dispositivos que existen y que nos permiten acceder a la red en cualquier lugar a través de un teléfono móvil, tableta, etc.

Éstos son algunos de los factores que influyen en cómo interactuamos hoy en día con internet, y esta manera de relacionarnos también afecta al modo en que el diseño web va evolucionando.

A continuación, daremos algunas de las claves a tener en cuenta a la hora de realizar el diseño de una página web y que son tendencia para los actuales diseñadores gráficos.

Gama de colores planos y variados ‘flat’, que aporten sencillez a nuestro sitio web, en donde el texto es lo que más importa. Adiós a los elementos sombreados, volúmenes exagerados, texturas y degradados. Todo aquello que sea meramente decorativo y distorsione la atención del usuario debe ser reducido a la mínima expresión. Ahora se usan tipografías grandes y sencillas, colores en bloques sólidos, imágenes grandes, atractivas y con cierto aire retro.

Diseño web enfocado a la experiencia del usuario, son interfaces de diseño muy limpio, sencillo y minimalista, con contenidos muy estructurados en donde se busca la funcionalidad y atención del usuario. Deben ser páginas web muy intuitivas para conseguir una interacción cómoda a la hora de navegar a través de ellas. Con botones grandes y títulos bien destacados, contenidos bien redactados y originales, todo esto favorecerá el posicionamiento de nuestra página.

Es importante también que el diseño resulte eso que ahora llaman ‘responsive’ , que consiste en conseguir un diseño fluido, donde los contenidos se adapten y puedan verse en todo tipo de dispositivos. Este tipo de diseño se realiza con HTML5 Y CSS3.

Diseño web tendencias slogan estudio

Cabecera web fija, que siempre sea visible. De manera que por mucho que nos desplacemos hacia abajo siempre la tengamos de referencia y nos permita acceder al menú principal con comodidad.

Otra tendencia con gran auge son los sitios web de una sola página, en donde todo el contenido aparece en una interfaz sin necesidad de enlaces a secciones extras. El scroll infinito es otra característica de este tipo de diseño: aconsejable siempre y cuando los contenidos a mostrar sean lo suficientemente interesantes para mantener la atención del usuario y no despistarle o conseguir que se sature.

Utilizar un video de fondo a modo de background o una imagen muy grande es otro recurso estético que se está difundiendo con rapidez. Se busca con ello impactar y llamar la atención del usuario, conseguir su interacción y hacerle sentir que vive una nueva experiencia. Los vídeos deben ser cortos y tanto el video como las imágenes deben ser de gran calidad y que no interfieran con el contenido.

A la hora de diseñar una web, una de las cosas con más importancia será el contenido. El diseño debe estar siempre al servicio de lo que queremos que resulte más interesante para el usuario, no convertirse en protagonista, es decir, lo que debe interesar es la temática que la web tratará. El diseñador web se preocupará de que el contenido esté perfectamente estructurado y redactado, incluir enlaces para compartir esa información e integrarlo en redes sociales. Además es aconsejable disponer de un blog dentro de nuestra web como generador de contenido original.

Una buena planificación junto con un buen diseño web puede ayudar a obtener un buen posicionamiento en los principales buscadores. No hace mucho Google lanzó un nuevo algoritmo llamado ‘Hummingbird’ por el cual se han fijado nuevos criterios a la hora de valorar páginas web, por ello hay que tener en cuenta estos nuevos criterios si queremos mejorar la posición de una web. Y esto es algo que se debe tener muy presente, ya que la cantidad de páginas web que compiten por conseguir mejores puestos cada vez es mayor. La búsqueda conversacional -basada en contextos de búsquedas e interacción de tu web con otras páginas- ahora cobra mayor relevancia que las propias etiquetas meta. La integración en redes sociales (Google + en el caso de Google) juegan un papel muy destacado. La calidad de los enlaces y como ya hemos indicado, el contenido: su originalidad, su redacción, la coherencia con la temática de la web, la cantidad de enlaces que se hayan realizado hacia el sitio… todo ello, junto con un diseño atractivo, es fundamental para conseguir buenos resultados en las búsquedas realizadas por usuarios.

Vocabulario del diseño gráfico

En el mundo de las Artes Gráficas, como en otras profesiones especializadas, existe un vocabulario propio y muy extenso de terminaciones técnicas, que para las personas ajenas a la profesión y para muchos aprendices del diseño gráfico, pueden llegar a ser desconcertantes.

Como se puede observar más abajo, son muchos los tecnicismos que se suelen utilizar. A continuación indicaremos algunos de los términos que consideramos más importantes y que se utilizan con mayor asiduidad en el día a día de cualquier diseñador gráfico:

Acabados: Tratamiento superficial, posterior a la impresión, que dota a la pieza impresa de mayor resistencia física y química, al tiempo que optimiza su presentación en términos de brillo y calidad (Andigraf, 1994).

Alineación: Organización espacial que tiene como referencia a la línea. En tipografía puede ser izquierda, derecha o centrada.

Anverso: Blanco o cara del papel que se imprime en primer lugar. También puede ser el firme de una hoja impresa o manuscrita.

Apaisado: Página que está orientada de forma que el borde más largo es el horizontal. Alternativa horizontal de un formato rectangular (Andigraf, 1994).

Arte Final (AAF): Es el material o diseño completamente preparado con todos los ajustes necesarios y adecuado a la técnica de reproducción o impresión que se requiera.

Ascendentes y descendentes: Los trazos verticales o en diagonal de la letra, que se sitúa por encima o por debajo de la altura x, como sucede en las letras d, k, y.

Boceto: Dibujo inicial que se usa para trabajar sobre una idea y exponerla. Trazo o dibujo a mano de la idea de una pieza gráfica, anterior al arte final, con las características claras para su aprobación por parte del cliente (De la Piedra). Dibujo preliminar de cualquier expresión artística, sea pictórica, gráfica o volumétrica (Consuegra, 1976).

Brainstorming: Expresión inglesa que se puede traducir como ‘tormenta de ideas’. Es un método de investigación, mediante la reunión de un pequeño grupo de personas, a las que se les reúne para hallar ideas y soluciones nuevas.

Briefing: Conjunto de datos sobre la empresa, sus objetivos, estrategia… que sirven de base al diseñador gráfico para plantear la comunicación corporativa. Término inglés que engloba las instrucciones que el cliente da a su proveedor para que de acuerdo con ellas desarrolle la campaña de Marketing Directo desde la idea global hasta el envío del mailing.

Capitular: Letra inicial de un bloque de texto con un mayor tamaño que el resto de las letras de ese texto. Letra mayúscula inicial, ampliada, que encabeza una columna o pa´gin de texto (Cotton, 1994).

CMYK: Siglas en inglés de los colores cían, magenta, amarillo y negro, que son las cuatro tintas utilizadas en el proceso de impresión por cuatricromía. La combinación de estos colores en diferentes proporciones puede dar como resultado todos los colores y matices.

Cuatricromía: Proceso de reproducción a todo color, por separación de imagen en tres colores (cían, magenta y amarillo) más el negro. Cada uno de estos colores se coloca en una plancha separada que al imprimir sobre las otras reproduce el efecto de todos los colores del original. Proceso utilizado para realizar impresiones litográficas, serigrafías o grabados, que imprime las imágenes como una serie de cuatro componentes de colores separados. Los cuatro colores so los tres primarios sustantivos (cían, magenta y amarillo, más el negro) (Cotton, 1994).

cuatricromía CMYK

Eslogan: Término de origen inglés utilizado para recordar una marca o producto, por medio de una frase de fácil memorización, en los mensajes publicitarios.

Filete: Línea de grueso variable usada para separar y destacar texto en la página (Cotton, 1994).

Fotolito: Procedimineto fotográfico para realizar la selección de colores de un original, separando los colores en negativos para el proceso de impresión (De la Piedra). Película de negro o de alguno de los colores de cuatricromía lista para ser transferida a la plancha (Cotton, 1994).

Freelance: Modalidad de trabajo a destajo, realizado fuera de tiempo, ejecutado por cualquier profesional de la publicidad a un cliente o agencia (De la Piedra).

Fuente: Juego completo de caracteres en cualquier diseño, cuerpo y estilo. Surtido completo de tipos del mismo tamaño o estilo de letras tipográficas (De la Piedra). Todos los caracteres alfanuméricos y signos de puntuación pertenecientes a una familia de tipos específica (Cotton, 1994).

Gramaje: Densidad del papel expresada en gr/m2. Medición estándar del peso del papel: gramos por metro cuadrado (Cotton, 1994).

Hoja de respeto o cortesía:  Es la hoja en blanco que se colocan al principio y al final del libro. Según la categoría de la edición se colocarán más o menos (hasta 4) y tantas al principio como al final (wikipedia).

Interlineado: Espacio en blanco entre líneas o renglones de un texto. Espacio en blanco entre los renglones que favorece la legibilidad del teso (Andigraf, 1994).

Justificar: Componer el texto en forma de bloque, de modo que todas las líneas tengan la misma longitud, sin dejar espacios a la izquierda ni a la derecha. Acción de colocar espacios en blanco entre palabras de manera que todas las líneas de una columna tengan la misma longitud. Separación de espacios para obtener una medida igual en todos los renglones (De la Piedra). Componer los textos de tal manera que todos los renglones tengan dimensiones uniformes, conformando columnas sólidas (Andigraf, 1994).

Línea base: La línea sobre la que se apoya la altura x.

Lomo: Parte por la que están encuadernadas las hojas de un libro, pegado, cosido o grapado. Parte lateral del libro o publicación que afianza la unidad de las páginas o de los cuadernillos (Andigraf, 1994).

Merchandising: Vocablo inglés que designa la parte del marketing que tiene como fin lograr que el producto aparezca en el mercado en las mejores condiciones posibles; así como obtener el mayor nivel de ventas en el menor tiempo posible. Esta actividad se ocupa del diseño del producto, empaquetado, publicidad, distribución, promoción de ventas, servicio al cliente, fijación de precios, asesoría al comerciante y al consumidor.

Offset: Técnica de impresión por medio de una plancha de zinc o aluminio que transmite la imagen a un cilindro de caucho y éste al papel. Ideal para tiradas largas, de buena calidad y con la cantidad de tintas deseadas (De la Piedra). Sistema de impresión planográfico indirecto en el que la tinta se transfiere inicialmente de la plancha de impresión a una mantilla de caucho y sólo posteriormente se transmite al sustrato (Andigraf, 1994).

Packaging: Anglicismo sinónimo de ‘embalajes’ o ‘paquetería’ usado en entornos de las artes gráficas para referirse al diseño y producción de dichas piezas gráficas.

Palo seco: Una tipo sin serifas. ‘Sans Serif’ (Cotton, 1994).

Sangre: Las ilustraciones que llegan hasta el borde de la página y no dejan márgenes de denominan ‘a sangre’. Sangrado es el espacio agregado en una foto, dibujo, diseño o fotografía, de su tamaño final, para que al ser guillotinado quede completo en la pieza gráfica terminada. Las áreas sangradas rebasan el tamaño final entre 3 y 5 mm. y se indica con las guías o marcas de corte, o troquel ( De la Piedra). Espacio agregado al tamaño inicial de un fondo, diseño o fotografía, para que una vez impreso, al refilar, su reproducción ocupe el borde del sustrato sin dejar espacio o margen alguno (Andigraf, 1994).

Troquel: Montaje de láminas de acero sobre un soporte de madera que produce cortes al ser presionado contra el sustrato, recortando o perfilando para su desprendimiento posterior figuras o formas previamente diseñadas (Andigraf, 1994).

Viuda: Línea corta de una o dos palabras que queda colgando de un párrafo o encabezado de columna (Cotton, 1994).

Esto es sólo una muestra representativa de un lenguaje mucho más extenso, común a profesionales de las artes gráficas en general y del diseño gráfico en particular.

Photoshop y el retoque fotográfico

Aún recuerdo la primera vez que abrí Photoshop. Era en su versión 5.0. a finales de los años 90. Enseguida supe que se abría ante mi una herramienta excepcional, sólo me hizo falta indagar en él un rato y aplicar unos cuántos filtros sobre una imagen para descubrir el magnetismo de este programa. Para un enamorado del dibujo y la fotografía como yo Photoshop era la herramienta adecuada con la que combinar ambas cosas, me hacía sentir como un mago porque me permitía transformar la realidad con ‘trucos’ y efectos hasta convertirla en algo totalmente nuevo y sorprendente. Una de mis primeras andanzas consistió en el retoque fotográfico de varias fotos familiares que estaban muy deterioradas hasta recuperar casi por completo su aspecto original. Y cuánto más practicaba, más me gustaba.

Adobe Photoshop es el programa de edición y retoque fotográfico por excelencia. Su versatilidad hace que sea una herramienta imprescindible en el ámbito de la publicidad, la fotografía y el arte digital. Su funcionamiento basado en un sistema de superposición de capas permite ir incluyendo elementos de una manera “relativamente sencilla” y combinarlos o fusionarlos con multitud de potentes efectos, de elementos tipográficos e ilustraciones vectorizadas. Las imágenes que dan como resultado pueden ser de una magnífica calidad, y además nos permite trabajar en la mayoría de formatos de imágenes existentes.

Nunca imaginaron los hermanos Knoll la importancia que llegaría a tener el programa que allá por 1987 empezaban a desarrollar. Gracias a la evolución tecnológica del momento, el mundo de la imagen digital comenzó a dar sus primeros pasos. Un año más tarde de su creación, la firma Adobe decidió comprarles la licencia y al año siguiente se comenzó a distribuir Photoshop 1.0. adaptado únicamente para entorno Macintosh.

Photshop 1.0.7.

Hoy en día Photoshop es una herramienta que ha trascendido el mundo del diseñador gráfico profesional y la publicidad para ser usado por fotógrafos de todos los rincones del planeta y usuarios a nivel amateur. Pero en los últimos años esta herramienta se ha visto envuelta en la polémica por el abuso que publicaciones -sobre todo dentro del mundo de la moda- han cometido con algunas imágenes de modelos y/o productos.

retoque_fotografico

En ocasiones, se ha pasado de retocar la luz ambiente o de disimular alguna mancha de la piel a cambiar totalmente la expresión de la cara o a moldear la figura hasta la extrema delgadez.

Sin embargo, el retoque fotográfico y trucaje de imágenes no es algo que empezase a suceder con la aparición de las nuevas tecnologías. Georges Méliès -creador de los primeros efectos especiales en el cine- coloreaba los fotogramas de sus películas a mano. También la fotografía se utilizó como un arma eficaz de propaganda en los tiempos de guerra, y no se dudaba en modificar todos aquellos detalles que resultasen propicios a los propios intereses. Un ejemplo de ello es una fotografía de 1942 en la que aparece Mussolini a caballo en una pose triunfal, en donde previamente se había hecho desaparecer al hombre que estaba sujetando las riendas de su corcel. Otro ejemplo es una instantánea tomada en 1940 en uno de los encuentros que mantuvieron Franco y Hitler; en este caso se cambió el rostro de Franco en el que salía con los ojos cerrados por otro en el que aparece con una expresión más distendida. De esta manera la agencia EFE a través de este montaje fotográfico quiso transmitir al pueblo español una imagen de normalidad, sin la tensión de la fotografía original.

retoques fotograficos

La polémica sobre el excesivo retoque de imágenes y uso de Photoshop está servida, pero creo que es más bien una cuestión de responsabilidad de quién, para qué y cómo se utiliza.

La importancia del diseño de logotipos

El diseño de logotipos es una tarea más complicada de lo que a priori pueda parecer. Un logotipo no es un dibujo al azar que pueda realizar un vecino o amigo sin los suficientes conocimientos profesionales. Tampoco lo es un diseño demasiado complicado en el que existen muchos elementos y colores que pueden resultar cargantes. Un buen logotipo es mucho más que eso.

Logotipo se denomina vulgarmente a todo un concepto que realmente está compuesto de varias partes con significados diferentes. Existen básicamente dos conceptos prioritarios:

El Logotipo: este término es a menudo utilizado de manera errónea, se usa cuando en realidad nos estamos refiriendo a una marca o Imagotipo. El logotipo es exactamente la formación de una o varias palabras únicamente. No podemos hablar de logotipo a la identificación con un símbolo o icono acompañado de un texto. El logotipo es exclusivamente la tipografía.

Logotipo Zara

El Isotipo: este elemento gráfico es el que corresponde a la parte simbólica de la marca. Un buen Isotipo es aquél que se asocia con facilidad a la actividad de la marca a la que representa. La marca debe poder ser reconocible a través de este símbolo cuando aparece sólo.

Algunos buenos ejemplos de Isotipo son la manzana de Apple o el caballo rampante de Ferrari.

Logotipos Apple y Ferrari

También existen otros conceptos como Imagotipo: símbolo + texto diferenciados entre si; o Isologo: símbolo + texto combinados en un sólo elemento indivisible. El logotipo del canal Cuatro es un buen ejemplo de Isologo.

Logotipo Cuatro

Aún así y para entendernos, nosotros seguiremos llamando logotipo al grafismo que representa a una marca.

A la hora de diseñar logotipos hay que tener en cuenta algunos criterios importantes. Un logotipo representará a la empresa en multitud de ámbitos comerciales: en la firma de e-mails, tarjetas de visita, página web, folletos publicitarios, rótulos, etc. Y en todos ellos debe poder reproducirse en cualquier circunstancia sin perder ninguna de sus propiedades. Debe poder plasmarse sin problemas en blanco y negro, en un vinilo para el escaparate o bordado en un uniforme. Por ello es aconsejable que sea simple, sin demasiados adornos. La mente humana tiende a simplificar las cosas, recordará más cuanto menos le pidas que lo haga: ‘Menos es más’ dijo Ludwig Mies van der Rohe.

Pero un logotipo sencillo no significa que no pueda ser original y atractivo, precisamente es la combinación de simpleza y originalidad lo que hace que este objetivo sea una ardua tarea. Además, para conseguir que el logotipo que diseñemos sea efectivo debe tener un carácter único, no debe parecerse demasiado a ningún otro, y menos si pertenece a la competencia. También debe ser lo suficientemente consistente para que pueda perdurar sin problemas al paso del tiempo. No hay que caer en la tentación de diseñar un logotipo a la moda del momento y arriesgarse a que dentro de un tiempo quede obsoleto.

El logotipo es la ventana de la marca al mundo, por ello es fundamental toda la dedicación posible a su desarrollo.

Empresas especializadas en el diseño de logotipos y desarrollo de identidad corporativa suelen ofrecer soluciones muy satisfactorias.

Donde se tejen las más hermosas telas al gusto de cada uno: el nacimiento de la publicidad

Este titular es, hasta la fecha, el mensaje publicitario más antiguo de la historia del que se tiene conocimiento. El texto cuenta con una antigüedad de más de 5.000 años y apareció en la legendaria ciudad de Tebas. Así nació la publicidad.

La mayoría de nosotros pensamos que la publicidad es un invento relativamente reciente, que apareció como resultado del desarrollo de los diferentes medios de comunicación. Pero si buscamos la primera referencia histórica nos daremos cuenta de que la publicidad, como concepto, ya apareció en el Antiguo Egipto.

El anuncio se publicó en un papiro -lo que hoy en día sería un folleto publicitario- alrededor del año 3.000 a.c. En la actualidad se encuentra en el British Museum de Londres.

El texto pertenece a un comerciante que denuncia la huída de uno de sus esclavos. En ese mensaje ofrece una recompensa de una moneda de oro a aquél que lo encuentre y ‘lo devuelva a la tienda de Hapú, el tejedor, donde se tejen las más hermosas telas al gusto de cada uno’.

El texto completo dice así:

“Habiendo huido el esclavo Shem de su patrono Hapu, el tejedor, éste invita a todos los buenos ciudadanos de Tebas a encontrarle. Es un hitita, de cinco pies de alto, de robusta complexión y ojos castaños. Se ofrece media pieza de oro a quien de información acerca de su paradero. A quien lo devuelva a la tienda de Hapu, el tejedor, donde se tejen las más hermosas telas al gusto de cada uno, se le entregará una pieza de oro” 

La última parte de este documento, donde se hace referencia a la belleza de sus telas, se considera como el primer texto publicitario de la historia. El inteligente comerciante no desaprovecha la ocasión para dar a conocer las virtudes de su producto, aunque el principal motivo de la publicación es recuperar a su esclavo.

Arte Egipcio

Entonces, al igual que en la actualidad, cualquier ocasión puede resultar una oportunidad para hacer publicidad.

Muchos años más tarde aparecería un invento llamado televisor: un medio de comunicación, que por su carácter audiovisual, resulta excelente para la difusión de mensajes publicitarios.

El primer anuncio de televisión de la historia fue realizado por una empresa de relojes llamada Bulova. El spot fue emitido el 1 de julio de 1941 en Estados Unidos por la cadena WNBC. Se pagó 9 dólares por un anuncio de 10 segundos que apareció antes de un partido de béisbol entre los Dodgers de Brooklin y los Filis de Filadelfia.

En el spot se ve la imagen de un reloj dentro de un mapa de E.E.U.U. y una voz en off que decía: ‘Estados Unidos corre en el tiempo de Bulova’.

En España el primer anuncio televisivo no apareció hasta 1.957, cuando la empresa Freemotor realizó un spot que apareció en RTVE.

Fuentes: www.galaxiaprofunda.com

Texto original: www.sloganestudio.com