Cristalab

                 ¿Quieres registrarte?

Normas basicas para el diseño de un logo para la web

Por: hRod + 6 de Septiembre del 2004

Hace muy poco se propuso en Cristalab el rediseño del logo, por medio de un concurso (En el que aun puedes participar), esto originó en mi una buena idea para el weblog:

Normas Básicas para el diseño de un logotipo orientado a la web

En la batalla por conseguir cuota de mercado y clientes fieles, el logotipo constituye una de esas armas que resultan esenciales. Establecen los cimientos sobre los que se edifica una buena identidad corporativa, sobre los que van creciendo las marcas comerciales y en los que se construye la cultura de empresa.
El logotipo es el medio mas inmediato de comunicar.
Es "la primera impresión".

¿Que es un logotipo?

Un logotipo es la marca distintiva de una compañía, un producto, un servicio o una gama de productos o servicios de una misma fuente.

Puede ser bidimensional (cuando hablamos de bidimensional se refiere a que no tiene degradados, sombras, brillos, etc.), tridimensional y monocromático o en color, aunque por lo general existe una versión bidimensional de todo logotipo tridimensional y una en blanco y negro de todo logotipo en color.

Entendemos por "logotipo" al que usa solo tipografía como marca (ej. Siemens)


Entendemos por "Isotipo" al que usa solo un icono como marca (ej. Nike)

Entendemos por "Isologo" al que usa tipografía e icono. (ej. Flash )

Esto es importante saberlo a la hora de estudiarlo ya que son cosas diferentes,

logo = palabra (tipografía)

Iso = icono (imagen figurativa o abstracta)

Isologo = el conjunto de los dos



aunque universalmente se entienda por marca la palabra "logotipo" o bien "logo" :)

Forma <--> Logo

Muchas veces nos encontramos con el conflicto de un cliente que tiene una empresa que se dedica a, por ejemplo, la "traducción", por lo que su actividad es netamente abstracta, y nos volvemos locos tratando de reflejar en el logo la actividad de la empresa, esto es un gran error, pues un logo es un símbolo que representa a una empresa, y que no tiene porque en sus formas reflejar la actividad. Si nos fijamos un poco las grandes marcas (que perduraron en la historia), su forma no dice nada! Por ejemplo, Apple tiene un isotipo en forma de manzana que poco tiene que ver con ordenadores, Nike una curva rara que muchos atribuyen a la de una tilde pero , vamos, que tiene que ver una tilde con los deportes?, y mas abstracto aún por ejemplo el Isologo de Mercedes Benz, una estrella de tres puntas.

Concluimos que el logo puede o no tener que ver en su forma con la actividad de la empresa. Lo demuestra la historia de los logotipos.

Color <--> Logo

Otro tema al que muchas veces no damos importancia es al uso del color en un logotipo, cuando es uno de los mas importantes.

Aquí ya empezamos a ver y a preguntarnos sobre la versatilidad que necesita mi logo, pues se debe ver bien tanto en la papelería comercial, en el bronce de la entada del local y en el sitio web! ( :shock: pero mi logo tiene 6 capas de degrade?!!! XD), suele pasar que, por el uso indiscriminado de colores, luego surgen mil problemas a la hora de plasmar el logo.
Mundialmente conocido el logo de apple nació conceptualmente con varias bandas de colores al que por diferente$ motivo$ terminaron rediseñando a un solo color (blanco o negro de acuerdo al fondo). Salvo excepciones de las que ya hablaré conviene que un logo tenga la menos cantidad de colores posible.


Iso <--> Logo

La relación iso (icono) con logo (letras) es muy importante, el iso no puede ser en relación al logo mas grande ( el icono no puede ser mas grande que la letra), pues a la hora de reducirlo para cualquier eventualidad, se perdería la legibilidad del logo. De la misma manera si la tipografía es grande en relación al iso al reducirlos este se perdería.

Versatilidad orientada a un fin

Según la escuela mas antigua del diseño, un logotipo tiene que ser "perfectamente versátil", es decir "tu logo tiene que ser un cuadrado negro" XD de esta manera quedará bien en el papel higiénico, en la papelería comercial, en una web, tallado en madera, se mantendrá cuando se lo reduzca a un 5% para introducirlo a un pin, y seguirá vivo luego de fotocopias de fotocopias, etc
En una palabra, perfecto, pero no lo es por carecer de lo que perseguimos que es lo atractivo; que de alguna manera nuestro logo genere una empatía para con el consumidor.

Por lo que la versatilidad debe estar orientada a un fin, trataré de explicarme con ejemplos, apple se vio en la necesidad de rediseñar su logo bajándole la cantidad de colores a uno, por que para hacer un papel carta tenía que hacer una cuatricromía, para la manzanita multicolor que aparece en el monitor o en tu Quadra (cpu), tenia que hacer todo un proceso de producción impresionante
Vieron que en definitiva (el "fin") convenía hacer su logo monocromático, de la misma manera un Banco (una entidad financiera), debe pensar que su logo será visto mas que nada sobre papel ahí reside el "fin".

Por el contrario, por ejemplo google se da el lujo de contener no solo mas de 3 colores sino que aplica sombras y brillos, y hasta juega con algunos gags efímeros en su web, pero es ese el "fin" de su símbolo, es donde mas se usa.

Antes de realizar un logo, mira Matrix , luego piensa cual es el "fin" de este logo ... ¿Como m|@%&"# se cual es exactamente el fin?, solo piensa: "De todos los lugares en los que mi logo será plasmado, cual de ellos será el que mas contacto visual tenga con el consumidor" ... pues ese, quieras tu o no, es el "fin", el objetivo primordial de tu logo.

PD: Me deje en el tintero algunos temas importantes, pero esto se hacía eterno, así que espero en futuros articulos seguir con esto!
PD2: lo de ver matrix es solo un mensaje subliminal :)


Artículos Relacionados


Etiquetas usabilidad webmasters

Comentarios | Enviar un comentario
Pues mi estimado Hrod, muchas gracias por este artículo, esta por demas interesante y digno de ser estudiado, espero pronto leer lo que se quedó en el tintero :D
Por: La100rra
HRod podrías indicarnos una buena web sobre teoría del diseño tal y como esa que nos has mostrado?? Obrigado!
Por: TheOm3ga
yo conozco una buena web sobre teoria del diseño y cosas asi:
http://www.imageandart.com/
haber si os sirve XD
ahh...y muy buen articulo hRod
Saludos!
Por: skins_say
Buen articulo, corto y concreto para la web.

Doy mi aporte sobre color y teorias:

http://poynterextra.org/cp/colorproject/color.html

Saludos !

JOHNMARTIN
Por: JOHNMARTIN
que bueno esta, es claro y completo, ya quiero ver el proximo tuyo hRod :)
Por: Yumi
uhmmm........ es mas facil que un diseñador se vuelva desarrollador a que un desarrollador tenga la estetica para poder diseñar, es muy dificil creer que los logos tiene una funcionalida unica para la web, se debe pensar en va servir para todo, no lo internet sino impresos, television, las misma normas se aplican para todos los medios y no una norma distinta en cada medio, el logo tipo debe ser sencillo y tener un recordacion hacia el publico
Por: daat

daat :

es muy dificil creer que los logos tiene una funcionalida unica para la web, se debe pensar en va servir para todo, no lo internet sino impresos, television, las misma normas se aplican para todos los medios y no una norma distinta en cada medio, el logo tipo debe ser sencillo y tener un recordacion hacia el publico


Daat : Ese es el objetivo de este blog, hasta un tiempo atras la escuela suiza de diseño (la mas antigua), decia esto que dices!, pero hoy las cosas cambiaron bastante, y hay que pensar sobre todas las cosas en 3l "usuario-consumidor", seguro que a google le costará mas dinero imprimir un papel carta que a nike, pero cuantos "usuarios-consumidores" verán su papel carta? y cuantos verán su sitio web? la versatilidad de un logo es importante pero no debe nublar el obejtivo comunicacional del mismo!

bye

PD: ya postearé algunos buenos, links, ... elecash, tenias algunas no?
Por: hRod
Creo que saldrán algunos en este mismo blog el miércoles en una cosa que tengo preparada, pero creo que de logos no hay nada, son básicamente ejemplos de webs usables y no usables.
Por: Elecash
aqui les dejo un link de una gente que trabaja muy bien ya postearé mas!

http://www.fontana-d.com/web/porfolio/index.php

bye
Por: hRod
muy bien ese tuto , otro q espera a otro articulo tuyo

salu2
Por: buho29
Encuentro una diferencia basica a la hora de diseñar un logo para la web, o mejor, para un proyecto o un sueño cualquiera, y a mi parecer particular y neofito, son imprescindibles: la pretension y la presuncion.
Aunqe la presuncion se sospecha, imagina o adivina, la pretension pocas veces se alcanza y es porqe habitualmente carecemos de suficiente vision objetiva, de perspectiva global del asunto qe nos ocupa, nos dejamos llevar por la pasion, nos vence la fluctuacion hormonal.
A mi parecer, la pretension de este logo no se logra por ser en esceso presuntuoso. Es decir, utilizar la f de flash, cortada, no hereda el caracter de ese logo, ni su popularidad y aun mas en una web qe se llama cristalab.
Muy al contrario, habiendo conseguido un buen nombre, sobrio, escueto y lleno de significado, pierde su identidad propia en el diseño del logo.
Tal vez con una C cosida a una L en la fuente de Flash, abria conseguido esa pretension sin aparentar presuncion. No se trata de hurtar, se trata de inventar una figura nueva, basada en los standares convencionales o no, qe se grave en la retina del visitante. Un sello qe identifiqe cualquier trabajo, imagen o redaccion como realizado por cristalab.
Esta silueta, sea del tamaño qe sea, siempre sera identificada. Siempre nos remitira a su procedencia.
Cristalab, tiene vida propia, es un ente, no necesita "imitar", aunqe la pretension haya sido relacionar cristalab con flash, para mi no se ha conseguido con este logo.
Espero no haber molestado mas de lo qe vosotros hayais permitido con este post, qe confio haya sido constructivo, esa ha sido mi "pretension" aun siendo "presuntuoso", jejeje.
Un saludo
Por: Arroyo

Arroyo :

Cristalab, tiene vida propia, es un ente, no necesita "imitar", aunqe la pretension haya sido relacionar cristalab con flash, para mi no se ha conseguido con este logo.

Hola, se presenta el responsable de tal atropeyo a la integridad de Flash; te recomiendo leer este post donde explico todo y sugiero una solución posible hasta el proximo Viernes
http://www.cristalab.com/weblog.php?pid=840

Arroyo :

Espero no haber molestado

Para nada ;), es mas, seria genial que ante tal critica constructiva, participiaras en el concurso que te menciono arriba; Saludos :D
Por: Freddie
Juass, por mi a flash le pueden dar mucho por ... juass.
Sigue siendo MUY presuntuoso pensar en qe se puede "atropellar" de alguna manera a este gigante y mas desde una web de desarrollo del mismo.
Ponte el chip de cristalab y no de flash, eso pretendia decir. No vas a vender miles de productos, solo ofreces desarrollo e investigacion altruista.

Jajja, encajo la ironia, ok, pero no llego al viernes, sorry, aunqe preparare algo de cara a la proxima edicion ;)

PD: me gustaria saber si realmente qedaste satisfecho con el logo final o decidiste "de momento asi vale" despues de muchas horas dandole qe te pego.
¿Cumplia realmente todos los requisitos qe le exigias o solo parte de ellos?
Tal vez ahi este la diferencia.
(de buen rollo)
Por: Arroyo
Pues he estado recibiendo muchisimos logos de propuesta algunos muy buenos; asi que si quieres, aun se pueden enviar muchas propuestas sin importar que ya hayas enviado la tuya ;)

Saludos
Por: Freddie
cuando decía "lujos" que se pueden dar logotipos de empresas como google me refería a esto

bye
Por: hRod
Oye F(r) No te que quedó tan mal el logo. Sólo te faltó un poco de tiempo, pero ¿Quién tiene tiempo? :)

Además sin ir más lejos, yo me registré al foro por que me gustó el logo, fíjate tú. :lol:

Bueno la cosa va a mejorar, siempre, a ser posible. :)


A reveure noi! (hasta la vista chico!) :wink:
Por: Sisco
Link permanente a este tutorial:
http://www.cristalab.com/vertutorial.php?id=64

PD. Gracias fdsa1968, crei que nadie lo diria :'(
Por: Freddie
Gracias F, quedo muy bueno! ^^
Por: hRod

logo = palabra (tipografía)

Iso = icono (imagen figurativa o abstracta)

Isologo = el conjunto de los dos


Esto no es cierto.

Es :

ISOLOGO : ICONO
LOGOTIPO: PALABRA
ISOLOGOTIPO: EL CONJUNTO

Salu2, Hernán . -
Por: Hernán
Yo siempre he creído que era:
Isologo : icono
Isotipo : texto
Logotipo : ambos
Por: TheOm3ga
ISOTIPO no estoy seguro si no es lo mism oque logotipo, pero lo que si estoy seguro es que es isologotipo

Salu2, Hernán . -
Por: Hernán
Dado que ninguna de estas palabras existe en los diccionarios comunes ni el la RAE, no podria confirmar o negar la veracidad de una u otra ... pero como punto de referencia seria interesante obtener una segunda confirmación :)
Por: Freddie
Según he LEÍDO:
logotipo: marca en la cual la palabra funciona como imagen. (Coca-Cola)
isotipo: marca donde la imagen funciona sin texto.(america tv(el cubo de 4 colores))
isologo: interacción de logo e isotipo.(pespi(cuando el texto estaba dentro del dibujo de la chaita)
imagotipo: interaccion de logo e isotipo.(legacy)

Fijate que isologo e imagotipo son lo mismo, pero isologo es el texto y la imagen fundidos, osea, no se pueden separar, el texto esta dentro de la imagen. Y el imagotipo el el texto y la imagen separadas. El imagotipo se ve mas frecuentemente, que por lo general se ve la imagen arriba y el texto abajo.
espero que se entienda, cualquier cosa avisame.

Por: TheOm3ga
Logo=imagen
Tipo=texto

Viene del latín, y puede emplearse para el ejemplo anterior de coca-cola, pepsi, y legacy, mas no para el de america tv ya que no tiene texto.
Por: Ramm

hRod :


Entendemos por "logotipo" al que usa solo tipografía como marca (ej. Siemens)
Entendemos por "Isotipo" al que usa solo un icono como marca (ej. Nike)
Entendemos por "Isologo" al que usa tipografía e icono. (ej. Flash )

logo = palabra (tipografía)

Iso = icono (imagen figurativa o abstracta)

Isologo = el conjunto de los dos

aunque universalmente se entienda por marca la palabra "logotipo" o bien "logo" :)




según la Escuela Suiza de Diseño que es la mas antigua y lógica ...a hora si eres un seguidor de David_Carson poco te interesará lo que dice esta escuela

bye
Por: hRod
me ayudo mucho este site sigan con los exitos !!!!
Por: bigdaddy_blog
Esta muy claro, pero y ahora donde dejamos al imagotipo...
Por: KAT_blog
es otra manera de llamar (menos común) al isologo.
imago= imagen
tipo= letras
Por: hRod
gracias hermano su introduccion me saco de ciertas dudas para un trabajo de imagen
Por: aftrdesing_blog
hola: me gustaria saber en ke se fundamenta el diseño d eun logotipo

thnx

Monterrey, Mexico
Por: *prinze*_blog
Hombre, pero no has leido todo lo que han dicho arriba en el tutorial que es este post??
:shock:
Por: Freddie
La verdad .. entre aca buscando un " feedback" que me ayude a definir el isotipo, logotipo, imagotipo, isologo...o como sea que que, se defina al dibujito con letras que formara parte de la identificacion de mi empresa, y....con tantos "tipos" escribendo sus sesudas opiniones me rei hasta que me dio " hipo".
Por lo tanto espero volver a entrar la semana que viene "tipo " martes ....saludos
Por: jav de argentina_blog
Es geneal.att:Luis A.A.C;Costa Rica.
Por: Enviado por LAAC_blog
Gracias, muy interesante el artículo.
Por: Celmi_blog
la verda soy nuevo en esto pero me ayudaron mucho en un a tarea que tenia.

gracias
Por: KLE_sc_blog
buena pagina, corta pero muy cierta espero que los proximos articulos sean de buenos como este. adios
Por: armandie_blog
hola soy estudiante de grafica publicitaria y estoy terminando con el proyecto final, pero tengo un problemas y que k no encuentro nada sobre LA EVOLUCION DE LA IDENTIDAD CORPORATIVA desde 1950 hasta ahora. La mayoria de los documentos de la red son manuales de identidad, pero eso no lo necesito. haber si alguien me puede ayudar a encontrar algo, es muy urgente!
Por: dextrosa_blog
no confundan las cosas mas de lo que estan, refuerzo lo que dijeron anteriormente
imago: imagen
fonotipo: como suena al pronunciarse.
eslogan: texto que refuerza (det markenting)
logo: palabra
Por: como quieran
Alguien me puede decir como hago para convertir un logo que diseñè en Corel 12 al formato Tif, Gif, Jpg, Bmp, etc, es suficiente con que lo guarde seleccionando la opcion que deseo?. Y otra cosita en que tipo de formato tiene que estar para poder usarlo en la web?
Muchas gracia mis amores byeeeeee y mua para todos los que me ayuden.
Por: Yssssssa_blog
Este foro no es para ese tipo de preguntas, pero como es facil....

Seleccionas el logo, y te vas a Archivo -> Exportar, abajo tendras para seleccionar el tipo de archivo que deseas exportar.

Para web puedes usar .gif, .jpg y .png, generalmente es mejor .png, pero segun lo que hagas puede ser mejor en .jpg, gif no lo recomiendo para nada hoy en dia.
Por: Ramm
Muchas gracias ramm, no pensé que me contestarían tan rápido, soy diseñadora publicitaria y debe parecer raro que haya hecho esa pregunta, pero desde que terminé mis estudios he trabajado como asesora y diseñadora de merchandising, es por eso que dejé de lado los manejos en cuanto a formatos de ese tipo,sola mente tenía en cuenta la conversión a JPG, el resto nada que ver.
Espero seguir teniendo comunicacion contigo ya que me sacarías de otras dudas que tengo al respecto.
Un beso Bye.
Por: Yssssssa_blog
Cuando se trata de un isologo de una ciudad o de una región que criterios son recomendanbles tomar el diseño.
Por favor una respuesta.
Por: Ariel_blog
de verdad soy nueva en esto de los logotipos pero esto me sirvio de mucho fue una gran ayuda grasias.........
Por: daniela_blog
Feliclitaciones, super util. Quiero ver el proximo. . .
Por: gigi_blog
muy interesante los comentarios, pero si serian tan amables de colocar información sobre el origen del logotipo,tipos o clases de logotipo, y caracteristicas de un logotipo bien desarrollado,gracias...
Por: Rolando Arellano_blog
realmente muy interesante y de gran ayuda para diseñadores en formación....
Por: jembe28 [url]www.unodesig
Hola a todos a mi me gutaria crear un logotipo para mi empresa pero no tengo ninguna idea asi que me guste. Si alguien no lo importa y me pueda ayudar se lo agradeceria mucho.
Gracias.
Por: vanessa_blog
Hola a todos y todas, a mi me gustaría vender productos, pero de esos que dejan mucha utilidad y no son ilegales, pero no se me ocurre nada. Si alguien me puede ayudar se lo agradecería mucho.
:)
Por: La100rra

La100rra :

Hola a todos y todas, a mi me gustaría vender productos, pero de esos que dejan mucha utilidad y no son ilegales, pero no se me ocurre nada. Si alguien me puede ayudar se lo agradecería mucho.
:)
:lol: :lol:

Hola a todos y todas, me gustaria ganar mucho dinero estando tirado en el sofa de mi casa pero no se me ocurre como. Si alguien me puede ayudar se lo agradecería mucho

Número de cuenta: 3745 45 6454324


:lol: :lol:
Por: Yranac

vanessa_blog :

Hola a todos a mi me gutaria crear un logotipo para mi empresa pero no tengo ninguna idea asi que me guste. Si alguien no lo importa y me pueda ayudar se lo agradeceria mucho. Gracias.

Yo tengo varias ideas muy buenas, despues de que se depositen en mi cuenta 500.00 pesos te comento y emepzamos el trabajo jejej

:lol:

Saludos!!
Por: cromosoma47
proyectos betunia construcciones s.l
Por: mustapha_blog
Hola me gutaria crear un logotipo para mi empresa puede alguien ayudar mi.gracias
Por: mustapha_blog
apoyenme a realizar un logotipo para una empresa constructora que quiero iniciar, yo se que pueden, porfa que sea impactante
Por: jose m. fajardo _blog

jose m. fajardo _blog :

apoyenme a realizar un logotipo para una empresa constructora que quiero iniciar, yo se que pueden, porfa que sea impactante
Es decir, quieres que te hagan el trabajo por ti.

Fuck off ^^
Por: Freddie

jose m. fajardo _blog :

apoyenme a realizar un logotipo para una empresa constructora que quiero iniciar, yo se que pueden, porfa que sea impactante


Listo, pero primero me podrías apoyar para realizarme una casita que quiero a las afueras de la ciudad? vamos yo sé que puedes y por fa que sea impactante ;)
Por: Coyr
Buena información ...

Gracias !
Por: majitto
que seta bien escrito y tiene muy buena informacion
Por: mario_blog
Sintética y muy bien organizada la información, da un pantallazo general y saca todas las dudas al respecto. No soy del rubro, sin embargo me ayudo bastante para lograr lo que necesitaba. Cordialmente.
Liliana.
Por: Lilieb_blog
cordial saludo
mi pregunta es como puedo crear un logo que debo tener en cuenta y tengo el programa corel pero no se como utilizarlo me gustaria alguna ayudita gracias
Por: jorge mario_blog
A todos los que quieran Hacer una buena inversion, la pueden hacer en todo lo que sea tecnologia; olvidense de que hay muchas personas que hacen ese negocio, usted solo tiene que dar un buen servicio y crear un nombre y ya veran
Por: pedro_blog
Hola saludos a todos.-
Tengo un negocio de tecnologia que se llama tecnologia y computacion PC-R pero no tengo un logo todavia no tengo un logo y eso es primordial para quien quiere darse a conocer de una forma mas amplia
mizpa5@hotmail.com
Por: pedro_blog
si alguien puede ayudarme ya le envie mi correo, mas arriba
Por: pedro_blog
en un anuncio a doble pagina donde debera ir el logotipo derecha o izquierda
Por: jolue_blog
Deja un comentario
IMPORTANTE

Este mensaje ha sido cerrado; si deseas participar en la discusión o hablar de otro tema relacionado, hazlo en los foros de Cristalab