Pautas a tener en cuenta
No se puede empezar un diseño web sin logotipo
Esta afirmación parece obvia pero no lo es. Como agencia de diseño web, con más de 20 años de experiencia, aún tenemos clientes reconocidos que nos piden empezar un diseño web sin tener el logotipo totalmente definido. Esto es un error de procedimiento garrafal. Sin logotipo no podemos saber ni que queremos comunicar, ni cómo y, mucho menos, disponemos de las tipografías o colores que deberemos usar en el diseño de la página web para obtener como resultado una imagen coherente. Acabaremos, sin duda, con un diseño totalmente inconexo, donde el logotipo irá por una parte y el diseño web por otra, generando ruido y frustración al usuario de nuestra página web.
Posición del logo en una página web
A cualquier diseñador web le cuesta siempre seguir unas convenciones rígidas, pero si hablamos de posicionamiento de logo en la página web, el logotipo debe ir siempre en la parte superior izquierda. ¡Es así de claro! Las razones para poder realizar una afirmación de tal calibre son las siguientes:
- El logo es lo primero que ve un usuario cuando llega a nuestra página web. Si el logo es lo más importante de una página web, es lógico que sea lo primero que se vea. Si nos centramos en el público europeo y americano, todos leemos empezando desde la parte superior y de izquierda a derecha, en forma de F.
- Lo usamos como una herramienta de navegación. Todos los usuarios saben que haciendo clic sobre el logotipo volvemos a la página principal de nuestro sitio web. Dicha convención incluso nos ha permitido eliminar el enlace a inicio en los menús de las páginas web. Si fuésemos muy estrictos con respecto al cumplimiento de la usabilidad de la página web, deberíamos excluir dicho enlace en la página principal ya que carece de sentido que una página se enlace a sí misma.
- Cuando movemos el logotipo de la parte izquierda superior de la pantalla a cualquier otra, generamos confusión en el usuario. Dicha confusión es exponencial en función del tamaño de la pantalla. En pantallas pequeñas colocar el logotipo en el centro no es tan problemático ya que no se escapa mucho del área de atención del cliente al acceder a una página web, es por ello por lo que el logotipo en el centro funciona razonablemente bien en diseño web responsive en móviles o tablets
- Si lo llevamos al extremo situando el logotipo en la esquina superior derecha, confundirá y estresará al cliente y perderemos recuerdo y reconocimiento de marca.
A la derecha no es moderno ni original
Por cierto, un punto muy interesante del estudio de Nielsen Norman Group era que constataba que los usuarios no percibían las webs con el logo en la derecha como más originales o diferentes. Por lo que la clásica hipótesis que el logo situado en el centro superior de la página web es más original y resalta más la marca, podemos certificar que es falsa. Así que debemos situar el logotipo en la página web siempre en la parte superior izquierda.
Uno de los pocos sectores que se saltan esta norma de manera constante son las páginas web de medios de comunicación tradicionales como son los periódicos.
El logotipo debe ser omnipresente
Debemos colocar el logo en todas las páginas del sitio web y debe ser visible en todo momento. Para ello hay técnicas diversas como bloquear la cabecera de la página web, haciendo que el logo no se mueva incluso de posición. Técnicamente le llamamos cabecera sticky. Opciones menos efectivas es colocar el logotipo en el pie de la página web en una sola tinta.
Lo que no se puede hacer nunca es perder la visualización del logotipo de la página web mientras navegamos. Podemos poner multitud de ejemplos.
El logo debe impregnar el diseño web
Es también importante jugar con los elementos del logo y hacer referencia a los mismos a lo largo del diseño de la página web con el objetivo de obtener un diseño web coherente que evoque de forma permanente a la marca. Es muy recomendable usar los colores de tu marca en los títulos, fondos o llamadas a la acción como botones y colocar el logotipo no solo en la cabecera sino también en el pie de tu página web o, en el caso de ser una tienda online en el carrito de la compra.
Jugamos mucho con los cinco colores del isotipo y el negro, mostrando franjas de color, fondos con colores degradados o el uso de confeti de colores que recuerdan nuestro logo.
El tamaño del logo sí importa
Un buen logotipo debe tener siempre una buena legibilidad y mostrarse correctamente en cualquier superficie, ya sea una tarjeta de visita o una página web. Es demasiado habitual ver logotipos, incluso creados por agencias de diseño de renombre y que, al utilizarlos en un diseño web suponen un buen dolor de cabeza, porque son demasiado grandes, horizontales, o porque deben ponerse exageradamente grandes para que sean legibles.
Un poco de teoría
En este punto, debemos detenernos a entender que elementos forman la composición de un logotipo, o mejor dicho, de la representación gráfica de una marca. Así las partes de la marca gráfica son:
- Logotipo o logo: hace referencia a composiciones que utilizan exclusivamente texto. Es por ejemplo el caso de Google.
- Isotipo: es exclusivamente un símbolo y debe reconocerse únicamente por ello. El más famoso sería el tick de Nike.
- Imagotipo: lo componen texto y símbolo, es decir logotipo más isotipo que pueden funcionar juntos o separados.
- Isologo: lo componen texto y símbolo, pero a diferencia del imagotipo, no puede funcionar por separado. Es el caso de BMW o Burger King.
Finalmente, la marca puede ir acompañada de un baseline o slogan, que es un texto que acompaña a la marca.
Con estos elementos en mente, parece fácil en el caso del imagotipo en el que podemos prescindir de una de las dos partes. En los otros casos debemos ser creativos y encontrar la forma de mostrar el logotipo sin que se vea excesivamente grande o pequeño, sino de forma correcta.
Haz que tu logo destaque
Si tu logo es la parte más importante de una página web, debe destacar y no puede quedar en un segundo plano porque el entorno es ruidoso en términos de mensajes o, por el contrario, porque el entorno es tan minimalista o plano que el logo no destaca.
Los logos deben estar siempre en formato png y, a ser posible, SVG para que se redimensionen correctamente.
Diseño web responsive y logo
Es imprescindible que la página web se vea correctamente en todos los dispositivos, ya sea en un ordenador, como en un móvil o en una tableta. Para ello es recomendable trabajar con diseño web responsive y, en este punto, el logo de la página web tiene un peso específico: el logo debe verse a un tamaño correcto, nítido y escalable, por lo que te recomiendo que trabajes siempre con un logo vectorial en SVG que no pierda calidad al escalarse.
Fuente: https://www.latevaweb.com
Te puede interesar
Branding: Claves para Diseñar tu Logo
7 consejos para diseñar tu propio logotipo
Crear logotipos, un proceso complejo
Crear logotipos, un proceso complejo
