Diseño de logotipo: encontrar una buena combinación entre la metáfora y la legibilidad


31

Actualmente estoy diseñando un logotipo para el nuevo negocio de un amigo. Soy mucho más un diseñador de UI / UX que un diseñador de logotipos (¡también un dibujante muy malo!), Así que estoy luchando.

El nombre de la compañía es 'Corellia', es una referencia al planeta natal de Han Solo en Star Wars (Mi amigo es fanático de Star Wars) mezclado con una referencia a la tecnología con la que le encanta trabajar, también conocido como '.Net Core'.

Busqué un poco de inspiración y probé algo que realmente disfruté. Aquí está:

Prueba del logo de Corellia

Me encanta porque combina las dos metáforas de su compañía. El C / O se ve como un planeta y su luna pasa, mientras que también ilustra el 'núcleo' de la letra C. Además, la fuente es un poco similar a Star Wars, como una ventaja.

Sin embargo, cuando se lo mostramos a las personas lambda, no estaban viendo la C y todos se preguntaban por qué se llama 'Orellia'.

Entonces me preguntaba, ¿cómo encontrarías el equilibrio entre la metáfora y la legibilidad del logotipo?

Si diseño el C para que sea menos circular, rompe el planeta / luna. También podría obtener el C / O del logotipo y escribir la palabra Corellia al lado o debajo de él, pero siento que carece de concisión y eficiencia.

SOLUCIÓN

En primer lugar, gracias a todos por sus críticas y la ayuda brindada, ¡fue realmente genial!

El tiempo es una limitación, no podía permitirme probar cada una de sus soluciones. Sin embargo, traté de votar cada solución que me ayudó.

Para el registro, aquí está el logotipo final entregado: ingrese la descripción de la imagen aquí

Así que me concentré en la C, que era la carta que la gente no veía. Lo moví a la izquierda y también escogí los bordes. Por lo tanto, se parece más a una C y la O ya no es tan obstructiva.

La metáfora es un poco menos obvia, pero el cliente (mi amigo) está contento con ella.


3
Este es un ejemplo de preguntas críticas en este sitio web. Bienvenido Pierre!
Vincent

26
Estoy bastante sorprendido de que la gente lo lea como Orellia , para ser honesto. Inmediatamente, y sin ambigüedades, lo leí como Corellia (antes de leer el texto de la pregunta), y ni siquiera puedo obligarme a leerlo como Orellia . Puedo ver que es orellia (tomando la luna verde, no el planeta blanco y negro, como la minúscula o) u Oorellia , pero leer el planeta y la luna juntos como una O mayúscula es simplemente imposible para mí. Corellia es, con mucho, la opción más obvia en mis ojos.
Janus Bahs Jacquet

44
Lo mismo para mi. PERO ... Primero leí el nombre "Corellia" en el texto, así que cuando llegué al logotipo, ya estaba buscando eso allí. Sin embargo, puedo obligarme a leer "Orellia" si ignoro el orbe verde como una especie de elemento de diseño.
Vilx-

3
Lo leí como Orellia
Zach Saucier

3
No soy un diseñador en absoluto (programador), pero si las personas a las que les mostrabas esto son programadores (supongo que lo son, debido a que se menciona .NET Core), podrían leerlo como "Orellia", porque hay un pozo -conocido editor llamado "O'Reilly" que publica libros de programación. Al menos sé que el logotipo me lo recordó , por lo que también podría leerlo como "Orellia".
Alexander Revo

Respuestas:


8

Su logotipo es genial como es, felicidades.

Solo cometiste un sacrilegio, publicando una pequeña imagen de resolución comprimida con JPG ... ¡Qué vergüenza! n_n

No voy a explorar "nuevas" opciones (lo siento chicos) En cambio, voy a tratar de analizar su logotipo.

La confusión podría estar entre dos elementos.

  1. Espacio

Tienes espacio para jugar con el espaciado imaginario de letras desde la C hasta las otras letras. Como puede ver, está bastante cerca.

ingrese la descripción de la imagen aquí

  1. El corte y la forma de la C

El otro elemento es muy sutil. Lo hiciste bien no usando un contorno del punto verde, lo siento, la luna verde, sino usando una línea recta, lo que hace que la C, no una O, simplemente se corte de este contorno.

Pero probablemente todavía depende de gran parte de la simetría de estos dos elementos.

ingrese la descripción de la imagen aquí

Entonces, juega con esto. 1. Espacio, 2 el tamaño de la luna (espacio) y el ángulo de los bordes de la C para disociarla más de la luna.

Aquí hay dos ejemplos en los que trato de romper la simetría entre este corte y la luna.

ingrese la descripción de la imagen aquí

Juega con estos elementos y encuentra el equilibrio que deseas / necesitas.


Pero aparte nota . No esperes que TODOS entiendan un logotipo o incluso lean lo mismo.

Un logotipo debe posicionarse utilizándolo una y otra vez y utilizándolo con otros elementos, como eslóganes, y el nombre de la empresa junto a él, de modo que la gente comience a asociar ideas.

¿Qué tiene que ver el dominó con una pizza? ¿Es la flecha de Amazon una extraña sonrisa de caricatura como el gato de Alicia en el país de las maravillas? ¿El swash de Nike se basa en una respuesta correcta en un examen?


En realidad, mirando esto de nuevo, creo que la "r" en esta fuente también contribuye al espacio roto alrededor de la "o". Lo que nuevamente me hace pensar que esta fuente en realidad puede ser parte del problema, por lo que el OP debe considerar mi sugerencia de cambiar la fuente por completo.
Lucian

Realmente me gustó su diseño, solo es cuestión de algunos ajustes.
Rafael

24
  • El punto verde está llenando la parte de la C, necesitamos leerlo como una O, simplemente delineando la O y moviendo hacia atrás la C, solucionamos el problema de percepción, pero no el logotipo.

Corellia

  • Personalmente, lo veo como una idea de diseño muy primitiva, el concepto es bueno y claro, pero necesita más trabajo de diseño. Busque el punto donde este logotipo es el particular para esta compañía y no el de ninguna píldora para el dolor de cabeza.

logo 2

Logo 3


Este es un gran consejo. Gracias ! Sin embargo, me pregunto si empujando, aunque sea un poco, ¿la C no está rompiendo demasiado la metáfora 'central'? Sé que el diseño general es poco detallado, pero es mi estilo mantenerlo lo más limpio posible. También lo hace de forma gratuita, así que ...: D
Pierre Burton

2
El diseño libre no es lo mismo que el mal diseño. Un buen diseño puede ser parte de su cartera y, cuando alguien lo vea, no será lo primero que pregunte si fue gratis o no.
Danielillo

2
Lo sé, solo bromeaba. Me encanta el buen trabajo pase lo que pase. En última instancia, creo que agregar más detalles no es obligatorio. Mira el logotipo de Google como ejemplo. Como el diseño de logotipos es solo una cosa que hago de lado de vez en cuando, no lo presiono demasiado, ya que la mayoría empeoraría. Sin embargo, este no es el primer tiro para este logotipo. Primero pasé por algunas iteraciones y pruebas.
Pierre Burton

El recurso viejo y trillado del logotipo de Google ;-)
Danielillo

77
@Pierre No creo que la metáfora 'central' se rompa. O, mejor dicho, no creo que, para empezar, haya quedado muy claro como metáfora. Obviamente es parte del nombre de la compañía, pero la cantidad de superposición de la luna sobre el planeta no me parece que haga ninguna diferencia en la eficiencia de la metáfora: no es particularmente obvio independientemente de dónde lo coloque. Empujar la luna un poco hace que sea más claro que es un C + o. Estoy de acuerdo con usted en que lo simple es mejor para este logotipo: preferiría la primera de las tres opciones de Danielillo aquí.
Janus Bahs Jacquet

8

Dos puntos que tengo son:

  • Considere moverse en la 'orellia' de tal manera que la 'o' sea el núcleo del planeta.
  • Además, considere abrir un poco más la boca de la C

ingrese la descripción de la imagen aquí
Por favor, perdona la imagen toscamente editada


10
Ahora puedo leerlo como Orellia.
ReinstaleMonicaSackTheStaff

44
Es Crellia de donde estoy sentada.
Sr. Lister

8

Aquí hay un ejemplo de cómo resolvería esto para retener la metáfora que desea más algunas pistas sobre cómo deconstruí su problema.

ingrese la descripción de la imagen aquí

  • Las órbitas a menudo se representan como una línea delgada, así que mantuve la palabra delgada para asegurarme de que la metáfora se entiende bien

  • La C de su marca de texto se destaca del resto de la fuente debido a sus curvas. Estaría dispuesto a apostar que tiene forma cuadrada en la fuente original que está utilizando. Aunque parece menos "ciencia ficción", creo que usar una fuente más redondeada ayuda a la legibilidad y la asociación entre la C y el resto de la marca denominativa. Tenga en cuenta que también debe elegir una fuente geométrica con una C que parezca un círculo y no una elipse . Probablemente podrías encontrar una fuente similar que tenga más sensación de ciencia ficción, pero elegí lo que tenía a mano.

  • Usé un gradiente para sugerir profundidad que está en contexto con "espacio" y sugiere movimiento.

  • Puse el C un poco más alto para que haya menos confusión potencial con un O.

  • Agregué algunas dimensiones y características en el "planeta" para que se parezca más a un planeta y se destaque del resto. Mantuve la iluminación consistente con el gradiente que usé para la órbita.

En términos de logotipo, podría ser mejor: los gradientes pueden ser delicados y la fuente delgada no es la mejor, pero quería abordar la parte de metáfora frente a legibilidad de su pregunta. Definitivamente, incitaría a su amigo a verificar si el nombre Corellia no está registrado.

ETA: Aquí es lo mismo sin gradientes, en el que la órbita está un poco menos representada pero con la metáfora aún presente. ingrese la descripción de la imagen aquí


1
La imagen es bonita, pero la rechacé por una razón. No solo no resuelve el problema de O sino que también introduce un problema diferente, el uso de gradientes y posiblemente medios tonos. Podría ser solo una cuestión de "estilo plano", pero también puede ser un problema técnico. En mi opinión, un logotipo no debe tener un degradado como parte central de él. Es una cuestión de construcción visual, no una cuestión de efectos. Pero la imagen es bonita.
Rafael

@Rafael Justo, pero señalé estas desventajas al final de mi respuesta :-)
curioso

Voté porque, en mi opinión, los gradientes están bien, pero de acuerdo con Rafael, esto no resuelve el problema de O.
Lucian

Voté porque siento que el diseño funciona muy bien con las metáforas que Pierre quería incluir y simplemente se ve impresionante. Personalmente, vi "Corellia" cuando miraba el logotipo original y todavía veo "Corellia" mirando este, así que sinceramente no entiendo el problema completo de "O".
Loki Laufeyson

5

Intente hacer el Cmás pequeño para que no se vea como un icono antes de un nombre, sino que en realidad debería verse como parte del nombre. En este punto, es como leer más como 'orellia' con algo en frente.

Hacer el Overde tampoco es una buena idea porque eso también puede sugerir una separación y empuja visualmente el Cexterior de la redacción real.


Siento que sus comentarios son realmente sabios para la parte de legibilidad de la pregunta, pero realmente creo que esto eliminaría toda la metáfora. También podría escribir una vieja y simple palabra "Corellia".
Pierre Burton

4

Mucha buena conversación aquí. No vi mención de mi primer pensamiento, así que lo ofreceré:

¿Quizás hacer las primeras cuatro letras de un color? PRO: Esto enfatiza la parte "central" (de Net Core) y ayuda al ojo a ver la "C" como una letra. CON: Podría romper el flujo en la parte "llia", de manera poco elegante. Podrías jugar con tonos de color cercanos para suavizar la separación conceptual de la forma "central" "llia". No estoy seguro de hasta qué punto eso ayudaría, pero vale la pena intentarlo. Y para retener la cosa del planeta-luna (que es genial), podría usar quizás sombreado entre el planeta y la luna, pero conservando el mismo tono.

El consejo de Daniellilo sobre encontrar el diseño que dice "Net Core" no "remedio para el dolor de cabeza" (o, supongo, "Servicios de contabilidad") parece acertado pero ambicioso. No estoy seguro de cuántos logotipos activan cognitivamente un significado exclusivo antes de que los departamentos de marketing inviertan $$ millones en reconocimiento de marca.

Otra opción podría ser duplicar la cosa planeta-luna, haciéndolos más dominantes gráficamente (jugando con diferentes características de diseño, como lo hizo Daniellilo), luego escribiendo el nombre completo en el par, en una fuente más pequeña que la luna. PRO: Los lectores verían todas las letras como letras la primera vez, siempre. CON: El significado del par planeta-luna puede parecer un poco misterioso. PERO: (1) Me gusta el eco (replicación) de Co entre gráficos y letras. Y (2) la mayoría de los logotipos me parecen bastante arbitrarios al principio, luego se convierten en sinónimos de su compañía propietaria con la exposición repetida.


3

Para hacer que la C sea más legible y aparezca como parte del "núcleo", puede convertirla en una letra con un color diferente.

Si hiciste que la C tuviera incluso extremos planos, en lugar de contornear alrededor del planeta, será más evidente.

Las 2 letras circulares no combinan bien con la fuente futura.

La 'o' sólida junto a la letra C y otras letras regulares no es elegible, pero hace que el cerebro se detenga un segundo para comprender.

La metáfora es exitosa para mí, pero es realmente molesto que el núcleo O no esté centrado. ¿Qué tipo de núcleo está derivando?


3

Otra idea es enfocarse en Oy dejar lo Cintacto, ya que se trata de un planeta, ¿por qué no aprovechar esa forma redonda? Simplemente escriba el Ccomo lo haría normalmente sin ajustes, luego conviértalo Oen un icono real. Esto ya no se separará del Cy mantendrá su redondo de color verde original de Ola idea evitando al mismo tiempo la C- Oconfusión.

ingrese la descripción de la imagen aquí

EDICIÓN MÁS TARDE: No estoy sugiriendo que cambie la fuente y no estoy sugiriendo una bola brillante más grande que la vida. Usted es libre de interpretar esto en su contexto existente, con su propia fuente y cualquier tamaño de bola. ¡Esto es solo el punto obvio de que el O ya parece un planeta, por lo que debería ser otra forma lógica de resolverlo con elegancia! :)


Esto podría ser algo para probar. ¿Es este el tipo de letra Nutella? : D
Pierre Burton

3
La "o" es extremadamente abrumadora en este ejemplo
Zach Saucier el

Probablemente, pero solo para enfatizar la solución. El OP es gratis para jugar con esto, no estoy diseñando este logo :)
Lucian

La "O" puede ser un poco grande aquí, pero me gusta la idea de hacerlo más grande que el resto del texto, ¡porque los planetas son grandes!
Dan C

Personalmente, creo que esto es un inconveniente del resultado que el usuario ya logró. La solución fue una cuestión de proporción sobre los elementos que ya tiene, no para cambiar las fuentes y las proporciones completamente nuevas. Además, el gradiente no es necesario ni recomendado.
Rafael


1

Estas son algunas de mis tomas. No estoy seguro de si lo hice mejor o peor, pero intenté mejorar la legibilidad.

Movido C

Primero, moví la C ligeramente a la izquierda. Creo que lo tenías en un limbo incómodo: la O estaba justo en el borde entre estar dentro y fuera de la C. Esto lo coloca firmemente afuera, como un par de letras normales. También reduje la C en aproximadamente un 15%.

Testado Subrayado 2

El subrayado, estoy menos seguro. Quería agrupar toda la palabra para reforzar aún más la C como parte de ella. Sin embargo, el hecho de que C esté centrado hace que sea difícil hacerlo sin dejar mucho espacio en blanco desequilibrado. (No quería mover la C hacia arriba porque luego comienza a verse más como una O mayúscula ocluida).

La variante de la derecha resuelve el problema del espacio en blanco y me parece atractiva, pero tal vez anule el efecto deseado del subrayado.

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.