Alejandra 20 de Junio de 2007 a las 11.30
   Imprimir artículo
elWebmaster.com

5 pasos para diseñar el logo de tu sitio

Diseñar un logotipo para la Web puede resultar una tarea muy difícil. Es difícil saber por dónde comenzar, qué factores tener en cuenta, cómo elegir los colores o –sobre todo– cómo hacer que el resultado final sea una propuesta original. La Web 2.0 ha dado algunos de sus mejores frutos en esta área.

¿Qué es un logotipo? Es el distintivo particular de una empresa conformado por letras o una abreviatura que denota la marca o producto de una empresa. El isotipo, por otro lado, es el signo o dibujo que muchas veces acompaña al logo. La combinación de un logotipo y un isotipo da como resultado un isologotipo; aunque encontrarán que la palabra logotipo suele referirse muchas veces a uno u otro ejemplo.

A continuación, 5 pasos que no podemos obviar a la hora de diseñar un logo original:

1. Entender la empresa

Lo primero es definir a quién le diseñamos el logo y qué intenta inspirar con su nueva imagen. Este es el paso más importante porque, en definitiva, qué podemos hacer si no sabemos qué es lo que desea nuestro cliente. También hay datos que los deduciremos nosotros: por ejemplo, si el sitio de la empresa intenta transmitir seriedad es algo que sabremos al navegarlo. Algunas preguntas útiles: ¿Qué intenta denotar la empresa con su nueva identidad corporativa? ¿A qué público quiere dirigir su atención? ¿Cuál es el producto/servicio principal? ¿Poseen algún slogan o frase distintiva? Cuando completes estas preguntas ya sabrás qué cosas deberás tener en cuenta para la creación del logo.
Algunos ejemplos de logos que transmiten ciertas características de la empresa:

i17 = dinamismo
i18 = diversión
i19 = seriedad
i20 = actualidad
i21 = accesibilidad

2. Usos del logo

Las empresas se sirven de la web de diferentes maneras. Aunque el logo aparezca originalmente en el header de un sitio, debes tener en cuenta otros posibles usos al emprender el diseño. Uno muy frecuente es en banners, favicons y todo tipo de publicidades. Flickr (un sitio que permite almacenar y descargar fotografías) es un gran ejemplo a imitar. La particularidad del logo son los colores tan característicos que se utilizaron. El logo en sí mismo es la palabra flickr (tipografía: frutiger black), pero cuando el mismo aparece en tamaño reducido, se emplea un isotipo muy original: dos círculos que representan los colores del sitio. No pierde identidad y puede ser usado en infinidad de casos. También se utiliza un resumen del logo, mostrando la primer letra en conjunto con los dos colores de flickr.

i01

3. Tipografía

Uno de los grandes retos de un logo es que sea pregnante. Lo que en pocas palabras significa que su forma sea simple, de modo que quede “impregnada” en la memoria visual de las personas. Pero a su vez, debe ser original. Es por esto que muchos diseñadores Por esta razón, muchos diseñadores optan por el camino seguro: utilizar una tipografía de fácil lectura: sans serif o palo seco, como en las imágenes que vemos a continuación.

Xanga.com - Standpoint

En este caso, la creatividad reside en darle el toque original a la tipografía y crear un isotipo que acompañe. Standpoint, un sitio donde los usuarios comparten opiniones y debaten de diferentes asuntos, es un claro ejemplo: tipografía FF DIN Médium, con un gran isotipo armónico. Xanga.com es otro ejemplo donde la tipografía sencilla logra un gran impacto junto con los colores de la marca. El juego del grosor de borde hace la diferencia y resalta el nombre de la página.

4. Color

El color es un elemento esencial en un logo. Hay que saber cómo utilizarlo, cuándo es mucho, cuándo no es suficiente, si opaca al logo o lo resalta, etc. Por lo general se utilizan dos colores trabajados para resaltar alguna palabra o letra. Dropsend, Tagworld y Eventful son ejemplos válidos.

Dos colores

En los logos de la Web 2.0 hay varios colores que se han impuesto. No es casualidad que la mayoría sean notablemente saturados, brillantes, modernos y originales. Por lo general son tonos que añaden frescura y resultan muy versátiles a la hora de combinarlos en un isologotipo. Algunos ejemplos son los logos de Shozu, Shoutwire, Podzinger y Youtube, entre miles.

Colores saturados

En una paleta simplificada de los colores de la Web 2.0 se distinguen tonos neutros, vibrantes y secundarios:
Colores Web 2.0

5. Variaciones

Si has escogido la tipografía, el signo y los colores, puedes comenzar a probar con algunas variaciones. Una de las más comunes es la sombra del logo proyectada en una imaginaria superficie de cristal. Hay cientos de estos logos en la Web 2.0 y todos con muy buenos resultados.

Sombreados

Otra herramienta es incorporar color en un gradiente, logrando darle volumen al logo.

Gradientes

También se puede sectorizar el logo para incorporar color con respecto a estas áreas distintivas.

Sectorizados

Por último hay un concepto para tener siempre presente: además de la pregnancia, un logo debe despegarse de la pantalla, cobrar vida. Por esto es importante saber cómo utilizar los recursos y herramientas que posees para darle volumen y que tu marca sea palpable. Aunque muchos diseñadores prefieren seguir trabajando en 2D, la perspectiva y el volumen hacen magia.

Volumétricos


Enviar a Del.icio.us Enviar a Meneame Enviar a Digg Enviar a Fresqui Enviar a Enchilame

Comentarios (46)

  1. Osvaldo dice:

    Interesantísimo este artículo. Parece mentira, pero logos que no requieren de un complejo programa de diseño para crearlos son los que pueden llegar a tener éxito en el mercado.

    saludos

  2. Alejandra dice:

    me parece super interesante, creo que entre mas simple es mas pregnante llega mas al publico y llega mas facilmente al mercado
    soy estudiante de diseño y estoy pasando esta materia y de verdad que no es facil llegar a crear un logo una marca.

  3. edwuin antonio dice:

    me gustaria hacer el slogan de un yogurth asi que apreciaria mucho su ayuda soy de prepa .
    gracias

  4. edwuin antonio dice:

    su sitio esta muy padrisimo encuentras todos los pasos para poder diferenciarte de los demas

  5. Libardo Alarcón dice:

    Tema interesante por lo actual… También estoy interesado en crear mi logo para mi empresa de deportes. Saludo especial.

  6. Juli dice:

    Ponle al yogurt
    “Yogurt”
    con las letras de google. :D

  7. Uso de fuentes para promocionar su marca y logo - elWebmaster.com dice:

    [...] componentes integran la identidad de marca: el logo, la paleta de colores y la elección de las fuentes tipográficas, entre otros. Hay mucha info [...]

  8. Mclovin dice:

    oh! gracias por estos 5 pasos me han ayudado mucho, porque soy un estudiante de primer año y todavia ma cuesta un poco.

  9. RODRIGO dice:

    HOLA ME HA SIDO UTIL ESTA INFORMACIÒN

  10. eromero dice:

    Muy buenos consejos, muy importante para todos los que estamos en el mundo del diseño.

    Saludos!!!!

  11. CLAUDIA dice:

    ME parece muy interesante sobre todo muy bueno ya que no saben la ayuda que nos brindan en mi caso me sirvio de mucho ya que tenia una exposicion sobre este tema de diseños bakan que chereve sigan asi …….

  12. ROSSY dice:

    necesito un slogan para un jugo de frutas exoticas

  13. Valentina dice:

    hola estoy interesada pero, la verdad no se como hacerlo y mi web es sobre un juego ya tengo la imagen pero ajam haora que hagola verdad no entiendo mucho como hacer logos, nesecito como se hacen esas letras, bueno como voy construyendolo….0
    si alguien me puede ayudar plis respondame a: lady_seville@hotmail.com

  14. Oswaldo cuas dice:

    que bueno este articulo. la verdad es impresionante lo que se puede lograr con poco talento pero gran imaginacion, articulos como estos, nos ayudan a experimentar nuevas ramas de informatica…
    Gracias!!!,…

  15. veronika dice:

    esta interesante xq si esta cargado el logo aparte qnose apreciare muy bien no quedaria en la mente del consumidor o del cliente y los colores no deben ser tan llamativo xq el ojo cansaria ni ganas para seguir viendolo :-)

  16. wilson liscano dice:

    es interesante este tema pero es nesesario mas informacion para ser mas creativo claro lo de ser creativo eso depende de ti mismo pero s necesario mas informacion para expresar tu creatividad a fondo gracias soy estudiante de diseno grafico soy venezolano y pronto sabran de mi xmis disenos bye cuidense

  17. elizabeth merino dice:

    … no digamos q tengo una empresa porq necesito un logo ,mis productos son muy buenos pero no me pagan lo suficiente por q no tiene una marca … ayudeme aser un logo vendo bocaditos se lo agradesere

  18. bayron dice:

    esto estudiando diseño grafico esta muy buena sus intruccionesespero q sigan asi soy nicaragua la tierra de lagos y volcanes

  19. OLIMPO GUTIERREZ dice:

    requiero un logo para una campaña de prevencion contra el crimen, con enfasis sobre delitos contra el patrimonio economicos de las personas (atraco callejero, raponazos, fleteo, otros) para ser utilizado sin animo de lucro

  20. Jhonathan dice:

    Gracias, era justo lo que estaba buscando en Google, algo de teoría para diseñar el Logo de mi empresa. Gracias.

  21. Cecilia dice:

    La verdad que muy buen articulo, soy diseñadora gráfica recien recibida y ni en el instituto explicaron tan detenidamente esta parte como aquí.

  22. claudia dice:

    Esta super interesante la forma de como diseñar un sloga, me podrian ayudar o dar una idea de como crear uno para venta de ropa americana, o un bazar de ropa

  23. gerrard(lalo) dice:

    bueno me parece muy pero muy excelente estos metodos que nos brindan ustedes …con esto pude tener una idea original de un logo … agredecer y invitar a todos a que disfruten de estos metodos y experimenten sus ideas …….gracias……………………………

  24. daniela dice:

    bueno gracias a estos buenos pasos pude inventar mi propio logotipò para mi empresa me quedo muy lindo y mi empresa ha tenido exito se los agtadezco mucho los quiero mucho ok
    k

  25. Miriam dice:

    Hola. soy una persona que esta por emprender su negocio y me vuelvo loca buscando colores y diseños para hacer un logo y no doy una por favor ayudenme a poder hacer un logo que me favorezca a mi negocio de fotografia.

  26. JENIFFER RICAÑO dice:

    hola buenas tardes:

    Quisiera que me apoyaran con la ceracion de un logo para una CIA de servicio de seguridad

    saludos quedo en espera de comentarios

  27. Dayanna Hernandez dice:

    Hola.!! Me gustaria que me ayudaran a diseñar un logo para un Shampoo de niños, es para un trabajo del colegio.! Gracias.! Espero su respuesta….

  28. Crearlogos dice:

    Interesante articulo, para complementar este articulo, mostrare otros aspectos que se deben tener en cuenta para crear el logotipo de una empresa o negocio. Esto sera de gran utilidad para crear logotipos de calidad que generen buenos posicionamientos de marca.

    Limitaciones presupuestarias: Imagina que vas a crear un logo para una institución caritativa que se dedica a rehabilitar habitantes de la calle, esta fundación esta dirigida por un pequeño grupo de personas que reciben pagas muy modestas y en ocasiones no la reciben ya que son voluntarios. Por lo cual al crear logos para este tipo de empresas, no seria aconsejable sugerir propuestas de diseño costosas en su realización y mantenimiento.

    Limitaciones inherentes al producto: Un logotipo de marca, debe responder a la naturaleza del producto. Por ejemplo seria muy inapropiado crear un logo con colores cálidos y vivos para una funeraria.

    Limitaciones de precio: Si vas a crear un logotipo para un nuevo celular que se vende a un precio elevado, es necesario que su diseño sea sofisticado. Si este fuera vulgar y no estilizado, seria contradictorio para el producto.

    Limitaciones relativas a la competencia: La existencia de una competencia fuerte, puede proporcionar una serie de características especificas de diseño que se deben tomar en cuenta. La investigación de tipologias es muy importante para crear logos eficientes.

    Limitaciones de posicionamiento: Los mercados actuales son muy competidos, por lo cual es difícil diferenciarse profundamente de la competencia, por lo cual se aconseja posicionar la marca en nichos mas especializados para así causar un mayor impacto.

    Planes de promoción: Al crear logos se debe tener en cuenta que estos van a ser exhibidos en diferentes elementos promocionales, por lo cual el diseño debe tener aplicación en estos.

    Extensión de actividades: Es muy importante tener en cuenta posibles desarrollos futuros en la empresa. por ejemplo un logotipo que incorpore la cabeza de un perro, seria inútil si la empresa en algún futuro empezara a vender comida para gatos, y pájaros.

  29. Quetzalli dice:

    hola, estoy estudiando en la UPN la Licenciatura en Educacion plan 94 y me encantaria que me ayudaran a diseñar un logo para el uniforme que tendremos en mi escuela
    soy la encargada y no tengo la menor idea, ustedes son profecionales y se que pueden ayudarme, de antemano gracias y saludos.

  30. Diseño web Barcelona dice:

    Gracias
    Los mejores logos son los más simples! No hace falta hacer algo sofisticados

  31. uchija dice:

    muy bueno, me a resultado de mucha ayuda,sigue asi :)

  32. ademar dice:

    waou muy interesante mas q interesante justo lo q busacaba hacerca d todas mis dudas

  33. HEIDY JHOANA CHINGUAD dice:

    ME PARCE QUE DEBERIAN DAR LA OPCION DE CREARLO AL MISMO TIEMPO QUE LO EXPLICAN SERIA MUCHISIMO MAS FAVORABLE PARA NOSOTROS Y TAMBIEN PARA USTEDES, ADEMAS DEBERIAN OFRECER DECRAGAR LOS PROGRAMAS Y SUS TUTORIAS …PERO DE IGUAL MANERA ESTA MUY BUENO

  34. La Cometa Creativa dice:

    Están buenos los pasos que se mencionan aunque me parece que el trabajo para diseñar un logotipo no puede resumirse en 5 pasos, es como resumir toda una carrera universitaria en 5 hojas! saludos!

  35. claudia dice:

    Hola quisiera ponerle nombre a mi empresa, me ha costado un poquito de trabajo, me he quebrado la cabeza con eso, jejejeje ya que vendo pollo, pero a comedores industriales, restaurantes etc, porfa ayudenme, no se que nombre ponerle, no quiero nada que tenga que ver con mi nombre porfa… muchas gracias =)

  36. justo dice:

    es interesante las pautas y creo que me servirá de mucho . Soy diseñador y les agradesco .Para Claudia, estoy a su disposicion si ella asi lo desea para encontrar un nombre a su empresa.

  37. xavier dice:

    Unas pautas francamente útiles para muchos de los que nos dedicamos al mundo del diseño, aunque para aquellos que no estan inmersos en este mundo y que crean que este es un trabajo sencillo, les recomiendo que busquen ayuda profesional ya que las ideas una vez estan en el papel parecen muy fáciles de tener y la realidad es otra.

  38. javier dice:

    la verdad la orientacion esta buena ,ya me la habian ensañado de otro modo pero igual ,y sobre todo seme enseño q los colores son sipcologicos ,me gustaria que justo 36 me de una mano ya que es diseñador me gustaria q me diera una mano en conseguirle un logo a mi marca que pronto lanzare al mercado desde ya muchas gracias. mi correo es bjph1@hotmail.com

  39. vanesa laime dice:

    me gusto buenoo ta

  40. alejandro dice:

    vacano!!!!!!!!!!!!!!!

  41. Miguel dice:

    Excelentes consejos.

    Creo que los guardar para mis próximos proyectos.

  42. EDITH dice:

    necesito realizar un slogan para un laboratorio que se dedica a realziar estudios ambientales ( agua, suelo, aire )

  43. adrian dice:

    necesito un logo y un marca para una linea de guantes de proteccion personal

  44. Micaela dice:

    Me sirvio muchisimo para un trabajo del colegio!! Muy bueno!

  45. carla llamilet dice:

    es muy bueno nos ensella mucho
    gracias

  46. Nancy Osorio Tovar dice:

    Gracias a estas paginas se nos facilitan muchas cosas pero en realidad no soy muy buena con el diseño, si alguien me pudiera ayudar quedaría eternamente agradecida. Elaboro yogur casero de forma artesanal y necesito un logo y una marca teniendo en cuenta la forma de elaboración del producto, gracias a quien pueda ayudarme, mi corrreo e-mail nancyosoriotovar@hotmail.com

Deja tu opinión

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Iniciar sesión