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 (49)

  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

  47. Javier Valdez dice:

    Muy buenos consejos!!!! hay mucho para seguir haciendo. Gracias

  48. epimenio pirajon dice:

    estoy constiituyendo una empresa en venta e instlaciones de sistemas de seguridad camaras de seguridad y demas nombre de la razon social E P I L O P SERVICIOS INTEGRALES(EMPRESA CON PROYECCION EN INSTALACIONES LOGISTICAS PREVENTIVAS) Por favor quiero que me colaboren en dise√Īar un logotipo refrente al nombre y a la actividad este es mi correo para que me envien ideas o varios estilo gracias

  49. Ayda luz jimenez dice:

    hola
    quisieran que me ayudara con unos buenos consejos para dise√Īar un logo,para un colegio con enfasis ambiental.
    Gracias

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