¿En qué se puede basar el favicon de un sitio web si el sitio web no tiene un logotipo?

Un favicon es el pequeño icono que se muestra junto al nombre del sitio en la barra de pestañas del navegador. Normalmente, se basan en el logotipo del sitio web (o el logotipo de la empresa/entidad que administra el sitio web), ya sea una versión reducida del logotipo o una variante simplificada, ya que los favicons deben funcionar en resoluciones bajas, hacia abajo. a 16x16px. Lo que me interesa es la siguiente pregunta: ¿En qué se puede basar un favicon cuando el sitio no tiene un logotipo?

Veo un par de posibilidades:

  • Solo déjalo fuera.
  • Utilice un icono de página en blanco o monocromático, o un degradado.
  • Use algún ícono genérico que se ajuste al propósito del sitio web.
  • Utilice las iniciales del propietario del sitio web o del nombre de dominio. Sin embargo, es difícil encajar en más de 2 o 3 letras claramente legibles.
  • Alguna combinación de los puntos anteriores.

Sin embargo, todas esas posibilidades parecen genéricas y fracasan si se aplican los criterios habituales de calidad para la apariencia de un logotipo, en particular el requisito de que un logotipo sea distintivo y tenga un alto valor de reconocimiento. Por supuesto, se puede argumentar que la falta de un logotipo indica la falta de una marca/IC. Sin embargo, un sitio web puede ser distintivo y estar bien diseñado sin tener un logotipo, mientras que el favicon es el único elemento del sitio que se muestra en algunas situaciones (por ejemplo, en la barra de favoritos de un navegador o como el icono de la aplicación si el sitio web está guardado en la pantalla de inicio de un teléfono inteligente). Por lo tanto, no tener favicon o uno genérico podría ser perjudicial en esos casos.

Es por eso que me gustaría obtener algunas ideas sobre qué enfoques existen para diseñar un favicon que se ajuste al contenido del sitio, es decir, ¿en qué se puede basar un favicon sino en el logotipo del sitio web? Obviamente, el favicon debe estar relacionado con el contenido, pero creo que un favicon cumple diferentes propósitos que un logotipo (como se describe anteriormente) y, por lo tanto, podría abordarse de una manera diferente.

Si no hay una "mejor manera" y la respuesta sería simplemente diseñar un logotipo, incluso si solo se usará como favicon, también agradecería una respuesta que analice / evalúe las opciones que enumeré anteriormente.

Si tiene algunos ejemplos de sitios web que no tienen logotipo pero tienen un buen favicon, o que tienen un logotipo pero tienen un buen favicon que no se basa en ese logotipo, también serían bienvenidos.

Nota: la versión actual de Safari en Mac OS no muestra favicons en absoluto.
Esto ciertamente no se aplica a la mayoría de los sitios web, pero he visto imágenes de perfil animadas / de dibujos animados del propietario del sitio web que se usan como favicons antes. De hecho, utilizo uno en mi sitio de cartera y creo que también es muy adecuado para blogs personales.
@Comodín, puede ver el favicon si hace clic en la barra de direcciones web.

Respuestas (2)

De los sitios web con los que me he encontrado que no tienen un logotipo, la mayoría no tiene un favicon (o uno que viene predeterminado con el creador/host de su sitio web). Los que sí usan un ícono genérico relacionado con sus servicios o simplemente un ícono genérico que no tiene significado en el mundo real . Incluso hay sitios dedicados a favicons genéricos a los que puedes echar un vistazo.

Encontré un ejemplo al buscar una lista de sitios web de empresas locales (porque es menos probable que tengan un logotipo):

Para sitios personales, usar la primera letra de uno o dos nombres es bastante común.

Cuando enfrenté este problema para mi sitio personal, pensé que debería poner algo visualmente más interesante en la página. Así que revisé algunos de mis proyectos de código antiguos y modifiqué uno para que sea algo que distraiga menos. Una vez que lo hice, lo usé en mi sitio (y lo animé) y usé una versión más pequeña como favicon .

Hice algo similar para la actualización más reciente de mi sitio , tomando una captura de pantalla de la página con solo la parte más prominente del diseño habilitada (la Z) con dimensiones cuadradas. También resulta ser la primera letra de mi nombre, por lo que coincide con las dos sugerencias anteriores en una.

En última instancia, depende de usted cuál es el contenido. Podría ser una buena razón para diseñar un logotipo para usar. Para obtener más información al respecto, puede consultar ¿Qué cualidades técnicas/objetivas tienen los buenos logotipos? u otras preguntas con la etiqueta del logotipo .

¿Puedo preguntar qué inspiró el favicon que vinculaste? Es decir, ¿cómo se relaciona con el contenido de su sitio? Hm, ¿diría que las empresas locales hicieron un buen trabajo en ese caso? Se debe argumentar que no hay favicon en absoluto sobre un ícono de moza genérico. Sin embargo, no estoy seguro, tal vez es solo el odioso rojo que encuentro irritante en ese caso.
@MoritzLost Edité mi publicación para incluir un poco más de detalles. Solo está relacionado con mi sitio porque soy un desarrollador frontend y el proyecto se hizo en código: P Aparte de eso, solo era algo para hacerlo visualmente reconocible
@ZachSaucier ¡Esa pirámide es genial! Ya me alegro si logro centrar las cosas verticalmente... esa también es una buena historia de génesis para su favicon, tal vez pueda intentar tomar una señal visual de uno de mis proyectos para mis sitios web personales también... gracias por las pistas!

Hombre, esta pregunta me está molestando, en parte porque actualmente estoy estudiando signos y gráficos en diseño gráfico y de medios. Así que tomé dos de mis libros más académicos sobre diseño gráfico y de medios y solo quiero llegar a un punto en el que pueda dar una respuesta. Aquí vamos, comenzaré con los conceptos básicos de los signos:

Señales

¿Cuáles son las ventajas y desventajas de comunicarse a través de señas?

ventajas:

  • inteligible sin lenguaje
  • ahorra espacio
  • el usuario ahorra tiempo

Desventajas:

  • posiblemente significado internacionalmente diferente
  • el significado debe ser aprendido en parte

¿Cuáles son las categorías de signos?

Icono : el signo es la semejanza del significado
Índice : el signo no es la semejanza del significado, pero está relacionado con él
Símbolo : el signo no tiene relación directa con el significado

Ejemplos de estas categorías

Escalera mecánica: IconoSeñal de escalera mecánica

Sin paso: SímboloNo hay señal de paso

WC: Índiceseñal de WC

Guardarropa: ÍndiceSigno de guardarropa

¿Qué es un pictograma?

Signos simples y simplificados para la comunicación no verbal de información.

¿Qué hacen los logotipos y los sellos?

Son signos diferenciadores de empresas u organizaciones.

Hay dos tipos de iconos, ¿verdad? ¿Cual es cual?

Está el ícono como un signo gráfico utilizado en las interfaces de usuario, y está el ícono que representa el significado del signo.

Pictogramas

¿Qué es un pictograma?

Los pictogramas son signos simples y despojados que tienen una naturaleza estimulante. Tienen que ser fácilmente discernibles, recordados e inteligibles sin explicación.

¿Cuál es la historia detrás de los pictogramas?

Necesitamos un lenguaje internacional de señales de tráfico. Necesitamos encontrar señales inequívocas y distintas para las necesidades de transporte más importantes, que se aplican a todos los países.

Werner Graeff, 1923. El mundo mundano y obvio de las señales de tráfico de hoy estaba allí al comienzo de la evolución de los pictogramas.

¿Cuáles son las categorías de pictogramas? Pictogramas icónicos : se basan en representaciones de objetos o situaciones.
Los pictogramas simbólicos utilizan signos simbólicos cuyo significado se define por convención.
Pictogramas híbridos : forma mixta de pictograma icónico y simbólico.

¿Cuáles son las propiedades de los pictogramas modernos?

  • Mismo diseño.
  • Representación del mismo tamaño.
  • Modelado uniforme y sencillo de la figura.
  • Declaración pictórica inequívoca.
  • Uso lógico y común del color.
  • Independiente del medio cultural.
  • Internacionalmente legible e inteligible.

Iconos

Evolución de los íconos
La invención de la PC con una interfaz gráfica de usuario trajo consigo pictogramas que se denominan íconos.

¿Cuál es la definición de este icono?
Un icono es un pictograma como parte de una interfaz de usuario.

¿Cuáles son los criterios de diseño de los iconos?

  • reconocimiento rápido e inequívoco.
  • independiente de la lengua y la cultura.
  • requiere poco espacio como parte de la interfaz de usuario.
  • todos los íconos de una aplicación deben tener un diseño uniforme e inconfundible.
  • deben tenerse en cuenta las normas.

¿Cómo se redactan los iconos?

  • Definir su uso y finalidad.
  • Describir a la audiencia y tener en cuenta sus conocimientos previos.
  • Reúna ideas.
  • icono de esbozo.
  • Bosquejo de prueba con miembros de la audiencia.
  • Cree un icono con el software adecuado.

¿Cuál es el propósito de los iconos?

Los iconos bien diseñados respaldan la usabilidad de un sistema electrónico. Un sistema diseñado para la idoneidad de uso conduce a una gran satisfacción del cliente, especialmente cuando la función, la seguridad, la imagen y los gráficos de un sistema se combinan perfectamente.

Logotipo y sello

¿Cuáles son los tipos de logotipos?

  • Glifo (sello)
  • carácter de la palabra
  • signo de carta
  • Número
  • Una combinación de lo anterior

¿Qué es un logotipo?

La palabra logo es de origen griego y se puede traducir como palabra "significativa". Un logotipo siempre sirve tanto para identificar como para comunicar. Un logotipo puede estar formado por letras, números, una imagen o cualquier combinación de estos. Muchos logotipos ponen en primer plano elementos pictóricos, ya que el espectador los recuerda fácilmente. Piense en Apple, Coca Cola, McDonald's, IBM.

¿Cuál es la función de un logotipo?

Para poder identificar y comunicar, un logo debe ser distinto de otros logos, cualquiera por eso, debe ser distinto de otras empresas. Los logotipos deben permanecer en la memoria de los consumidores y almacenarse en gran parte de manera inconsciente.
La presencia y existencia de un logotipo es un requisito para que una empresa sea percibida como una marca. La mayoría de las personas no solo conectan un logotipo con un producto o una etiqueta, sino también con una percepción emocional. Además, la apariencia de una empresa debe coincidir con los productos de su marca.

Así es como puede aplicar este conocimiento:

Habiendo dicho todo eso, siento que ahora puedo discutir su pregunta más claramente. Si un favicon no es un logotipo, ¿qué tipo de signo puede ser? A juzgar por la información proporcionada aquí sobre este tema, un favicon puede ser

  • un icono (lingüístico)
  • un símbolo
  • un índice
  • un pictograma icónico
  • un pictograma simbólico
  • un pictograma híbrido
  • un icono de interfaz de usuario

y seguiría sin ser un logotipo, satisfaciendo así tanto mi curiosidad sobre cómo responder a su intrigante pregunta como a su premisa. Gracias por dejarme ordenar mis conocimientos. Al final, podría decirse que terminará diseñando un logotipo, pero, dadas estas definiciones de qué es un logotipo y cómo se redacta y diseña un logotipo, en realidad no es así.

Aquí hay algunos ejemplos de cómo otros diseñadores han respondido a su pregunta.

PD: en lo que respecta a Transmission Repair Georgia, tienen un logotipo: búsquelo usted mismo . Simplemente optaron por no usarlo en su sitio web por razones. ???

¿En qué se puede basar el favicon de un sitio web si el sitio web no tiene un logotipo?
RespuestasAquíPolítica de privacidad1y, 0v