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.

¿Quieres convertirte en un desarrollador web Freelance?

Hoy en día la demanda de trabajadores freelance va creciendo día a día, y no es para menos, ya que resulta una manera muy flexible de ganar dinero sin lo tedioso de cumplir con un horario de oficina, máxime cuando internet está en pleno auge: un entorno ideal en donde un freelance puede desarrollarse en diversos ámbitos; uno de ellos es el diseño gráfico, que en estos tiempos va de la mano del desarrollo web. Si te conviertes en un diseñador web freelance tendrás la oportunidad de trabajar por tu cuenta en empresas de diseño gráfico y más concretamente en empresas de diseño web. Estas últimas son las que ahora están teniendo mayor demanda sobre el diseño gráfico que todos conocemos, donde el papel para realizar un boceto pasó a segundo plano dando lugar al mundo de la informática.

diseño web freelance

Tal vez te preguntes porqué ahora tiene mayor probabilidad de integrarse al mundo laboral un diseñador web sobre un diseñador gráfico convencional. La respuesta es simple: ahora internet tiene un mayor dominio sobre los demás medios de comunicación, en donde quienes buscamos información de algún producto o servicio nos resulta más fácil buscar la página de internet que incluso hacer una llamada telefónica o visitar el lugar personalmente.

Si deseas comenzar una carrera como desarrollador web freelance, ponte en contacto con Miguel de Mskdesigns.com que, con su curso de desarrollador web te proporcionará los conocimientos necesarios para que te conviertas en un diseñador web freelance. Aprenderás a utilizar tecnologias como PHP, MYSQL, HTML, CSS, el manejo de programas como Dreamweaver y Photoshop. Y lo mas interesante, que si no tienes tiempo para aprender tantas tecnologias de programación diferentes, te puede enseñar a crear paginas web sin programar. Solicita mas informacion en Mskdesigns.com ¡Date prisa!

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.

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.