Tipografía en acción Diseño de logotipos de tipo simple y efectivo

Lo que vas a crear

La tipografía juega un papel importante en la forma en que se perciben las marcas y en cómo las marcas exitosas se convierten en consumidores. Una sabia elección de tipo puede hacer que un logotipo sea más memorable, más ambicioso, más confiable y más emocionante. Los logotipos tipográficos mínimos son fáciles de lograr y, a menudo, pueden tener más impacto que un diseño de logotipo simbólico.

Aquí, veremos cómo se puede usar la tipografía con éxito en el diseño de logotipos, y analizaremos cómo puede crear una marca efectiva para diferentes tipos de negocios comerciales, utilizando consejos y trucos tipográficos muy básicos..

Exploraremos cómo los ajustes simples en el tipo de letra, el tamaño, la caja, el peso, el seguimiento, la alineación y el color pueden realmente realzar sus diseños tipográficos y hacerlos apropiados para la industria en un instante. Si desea recrear los diseños mientras lee, necesitará tener acceso a Adobe InDesign.

Recrear los diseños utilizando InDesign

Los diseños que se muestran a lo largo de este tutorial se han elaborado utilizando Adobe InDesign. 

Para recrear los logotipos mientras lees, abre InDesign y crear un nuevo documento para Impresión. Selecciona el tamaño a A4, y la orientación a Paisaje. Selecciona el No. de Páginas a 1 por ahora; puede agregar páginas según sea necesario. Hacer clic DE ACUERDO.

1. Juega un ampersand

Muchas empresas se forman a través de asociaciones o colaboraciones y tendrán una "y" como parte de la identidad de su compañía, por ejemplo. Smith and Sons, D&G, H&M, Jones & Partners.

Considere enfatizar el 'y' del nombre de la compañía al darle protagonismo a un signo y ',', en el diseño de la marca. Un decorativo, adornado y elegante se ve a la antigua y elegante, dando al logotipo un aspecto sofisticado y adulto. Un gran signo también hace hincapié en la naturaleza colaborativa de la empresa, que asegura al consumidor o cliente que un equipo de expertos los cuida.. 

Las empresas formales que brindan servicios al cliente, como bufetes de abogados o consultorías financieras, se adaptarían a este tipo de diseño de marca, al igual que a instituciones educativas o académicas, como universidades y museos..

Este ejemplo de diseño de logotipo fue creado usando Caslon 540 LT Std, establecer en romano y Itálico, aunque cualquier tipo de letra serif con un buen diseño de signo podría funcionar igual de bien. los Itálico peso de Caslon tiene un bonito símbolo en forma de rizo, que complementa los más tradicionales caracteres en mayúscula de serif.

También puede establecer un símbolo comercial en un tipo de letra sans serif. Esto transforma la apariencia y el estado de ánimo del diseño del logotipo. Este diseño de ejemplo se establece en BonvenoCF Light. Puede funcionar bien para una agencia digital o una empresa de tecnología, o para un hospital moderno o un fideicomiso de salud..

Crea el Logo en InDesign

Paso 1

Para recrear este diseño de serif ampersand, salta a InDesign y abrir el documento que configuramos anteriormente. 

Arrastra una guía hacia abajo desde la regla superior (Ver> Mostrar reglas) para proporcionar una línea de base para sentarse su texto en. 

Abre el Capas panel (Ventana> Capas) y haga doble clic en el valor predeterminado Capa 1 Título para cambiar el nombre de la capa. Renombrarlo como Guías y haga clic DE ACUERDO

Haga clic en el Crear nueva capa icono en la parte inferior derecha de la Capas panel para crear una segunda capa por encima Guías. Renombra esto como Texto negro. Repita el proceso para crear otras dos capas, la primera con nombre Blanco, y la capa superior llamada Ampersand azul.

Paso 2

Haga clic en el Texto negro capa para asegurarse de que está trabajando en esa capa. Ahora seleccione el Tipo de herramienta (T) desde el Herramientas panel y arrastre para crear un marco de texto cuadrado.

Escriba una sola letra en el marco y establezca la Fuente a Caslon 540 LT Std Roman, Tamaño 150 pt. Siente la parte inferior de la carta en la línea de base, marcada por la guía. Seleccione el marco de texto y Editar> Copiar, Editar> Pegar, editando la carta. Siente el segundo marco a la derecha de la letra, con aproximadamente una 20 mm brecha entre las dos letras.

Paso 3

Volver a la Capas panel y haga clic en la capa superior, Ampersand azul, para activarlo. Crea un tercer cuadro de texto y escribe '&' en ello. Selecciona el Fuente a Caslon 540 LT Std Italic, tamaño 170 pt. Puedes extraerlo en un color intenso para el contraste. Aquí he usado un azul fuerte., C = 86 M = 0 Y = 19 K = 0.

Etapa 4

Bloquear la Ampersand azul capa, y saltar una capa hacia abajo, para Blanco. Puede aplicar un toque de blanco para crear la apariencia que el extremo izquierdo de la 'W' La carta ha sido borrada por el símbolo.

Selecciona el Herramienta Elipse (L) y arrastre para crear un óvalo pequeño que se ajuste a la esquina superior derecha del símbolo comercial. Selecciona el Carrera a [Ninguna] y el Llenar a [Papel]. Repita para crear un segundo óvalo pequeño que se sienta en el recipiente del símbolo..

¡Y tu estas listo! Un elegante y clásico diseño de logotipo unido por un audaz símbolo..

2. Los marcos pueden dar a los logotipos un sello de autoridad

Algunas marcas necesitan tener algo más que su nombre como parte de su identidad de marca. Es posible que un cliente le pida que incluya un eslogan u ubicación de oficina también. 

Puede equilibrar diferentes secciones de texto aplicando un A B C regla. UNA es el nombre de la empresa, y debe ser el encabezado más grande. segundo es un subtítulo, para la siguiente información más grande y la siguiente más importante. los do El encabezado es la pieza de texto más pequeña y menos importante..

Así que en este ejemplo, 'La compañía hotelera' es un, 'New York London Paris' es B, y 'Servicio de clase mundial desde 1952' es C. 

Todo el texto está configurado en Arial Bold y Regular. Aumentando el Rastreo (el espacio entre todas las letras) también aumenta la legibilidad del logotipo y le da a las letras algo de espacio para respirar.

Todo está bien y el texto se ve equilibrado, pero el texto aún se ve, bueno, al igual que el texto. ¿Cómo podemos transformarlo en algo que se parezca más a un logotipo??

Los trazos y los marcos son muy simples de aplicar a sus diseños de marca, pero a veces se pasan por alto. Enmarcado por cuatro simples trazos sólidos negros, el texto se transforma en un logotipo sobrio y minimalista.

Coloque un marco negro sólido alrededor del texto y el logotipo aparecerá más como un sello. Este estilo de diseño realmente se adapta a las marcas de estilo de vida, o al por menor de lujo.

Crea el Logo en InDesign

Paso 1

Volver a InDesign y arrastre una guía hacia abajo desde la regla superior (Ver> Mostrar reglas) para crear una línea de base.

Selecciona el Tipo de herramienta (T) y arrastre para crear un marco de texto largo y estrecho. Colóquelo en el centro de la página. Escriba el nombre de la empresa y establezca la Fuente a Arial Bold, Talla 40 pt y Todas las gorras. Aumenta el Rastreo a 130.

Paso 2

Cree un segundo marco de texto más estrecho y escriba la (s) ubicación (es) de la oficina. Selecciona el Fuente a Arial Bold, Tamaño 15 pt, Todas las Tapas y hasta el Rastreo a 130. Coloque este marco centralmente sobre el nombre de la empresa.

Establezca un tercer cuadro de texto debajo del nombre de la empresa, configurando Fuente a Arial Regular, Tamaño 11 pt, Todas las Tapas y Rastreo a 130, como antes.

Paso 3

Selecciona el Herramienta de línea (\) desde el Herramientas panel y, manteniendo pulsado Cambio en su teclado, arrastre de izquierda a derecha para crear una línea horizontal perfectamente recta. Colóquelo en el lado derecho del encabezado B del logotipo y extiéndalo para alinearlo con el último carácter del nombre de la empresa..

Selecciona el Color del trazo a [Negro] y el Peso del trazo a 0.3 mm. Abre el Carrera Panel (Ventana> Trazo) y establecer el Gorra a un Tapa redonda, para suavizar los puntos finales de la línea. 

Etapa 4

Editar> Copiar y Editar> Pegar La línea, posicionándola hacia el lado izquierdo del encabezado B. Pega dos golpes más, posicionándolos a cada lado del rumbo C y extendiendo sus longitudes si es necesario. 

Paso 5

Para crear un marco alrededor de todo el texto, seleccione el Herramienta Rectangular (M) y arrastre para crear un marco que permita alrededor de un 13 mm Margen entre el borde del marco y el texto en todos los lados..

Desde el Carrera panel, establecer el Peso a 1 mm y el Tipo a Grueso ---- Delgado.

3. Elija el tipo retro para marca amistosa

Muchas empresas necesitan un aspecto de marca más amigable y accesible que las empresas en sectores más formales o exclusivos. Las marcas de alimentos, cafés, organizaciones benéficas y agencias creativas deben ser accesibles, y la tipografía que utilizan en sus diseños de marca puede ayudar realmente a reforzar este espíritu alegre y abierto..

Los diseños tipográficos de inspiración retro son ideales para este tipo de empresas. Simultáneamente de moda y nostálgico, el tipo de letra correcto inspirado en la vendimia puede hacer que una marca parezca cálida y acogedora..

Las fuentes que hacen referencia a los estilos de diseño de los años 50, con su estética alegre y divertida, son excelentes para los diseñadores de logotipos. Echa un vistazo a este ejemplo de diseño de logotipo para una marca de café. Sobre un fondo de color pastel, el tipo corre a lo largo de un camino curvo. Debe mantener el diseño plano (sin sombras ni degradados) para una versión moderna del aspecto vintage, para mantenerlo fresco y relevante.

Crea el Logo en InDesign

Paso 1

Volver a su InDesign Documento y crear una nueva página. Abre el Muestras panel (Ventana> Color> Muestras) y haga clic en el Nuevo swatch Icono en la parte inferior derecha del panel.. 

Haga doble clic en el nombre de la nueva muestra para editarla. Selecciona el Modo a CMYK y los valores a los siguientes: C = 35 M = 1 Y = 20 K = 0. Hacer clic DE ACUERDO.

Selecciona el Herramienta Rectangular (M) desde el Herramientas panel y arrastre para crear un marco 180 mm en Anchura y 60 mm en Altura. Selecciona el Color del trazo a [Ninguna] y el Color de relleno a tu nueva muestra, C = 35 M = 1 Y = 20 K = 0.

Paso 2

Selecciona el Herramienta Elipse (L) y arrastre para crear un óvalo en bruto, sobre 195 mm en Anchura y 100 mm en Altura. Colóquese en el centro sobre el rectángulo de color, con la mitad superior del óvalo sentado en el área coloreada.

Selecciona el Escriba en una herramienta de ruta (Shift-T), que puedes encontrar en el menú desplegable debajo de Tipo de herramienta (T) en el Herramientas panel. Coloca el cursor sobre el lado izquierdo del borde superior del óvalo hasta que aparezca una pequeña '+' El icono aparece junto a su cursor. Haga clic una vez y el borde del óvalo se transformará en una ruta de texto.

Tipo 'The Little Coffee Co.' y establecer el Fuente en la descarga gratuita gran Hotel. Hasta el Tamaño de fuente a 70 pt, y establecer el Color de fuente de 'Los' y 'Co' a [Papel]. Conjunto 'Little Coffee' en un nuevo CMYK swatch, que puedes crear desde el Muestras panel, C = 64 M = 55 Y = 50 K = 50.

Si necesita ajustar la cantidad de curva debajo del tipo, puede tirar del ancla central inferior de la forma ovalada hacia arriba (para reducir la profundidad de la curva) o hacia abajo (para aumentar la profundidad).

Paso 3

Selecciona el Tipo de herramienta (T) y arrastre para crear un marco de texto pequeño y estrecho. Siéntate centralmente debajo del nombre de la empresa. Tipo '~ (espacio) est. 2005 (espacio) ~ ' y establecer el Fuente en un tipo sans serif delgado. Aqui he usado BonvenoCF Light, que tiene un aspecto ligeramente retro. 

Selecciona el Tamaño de fuente a 20 puntos, Color de fuente a [Papel], Todas las gorras y Alinear al centro.

Etapa 4

En este diseño de ejemplo, hemos introducido el color para darle al logotipo un aspecto más vintage. Sin embargo, un buen consejo para probar la resistencia y versatilidad de un diseño de logotipo, especialmente si se ha diseñado en color, es configurarlo en negro. Si el diseño se ve un poco "apagado" cuando se elimina el color, el diseño probablemente necesite un poco más de reflexión.

También puede configurar el logotipo en blanco y colocarlo delante de un fondo fotográfico para probar más a fondo cómo funcionará en diferentes tipos de diseños y diseños. ¿Funcionará igualmente bien solo en un documento impreso como lo hará como parte del diseño de una página web, por ejemplo??

4. Haz que tus diseños tipográficos sean icónicos

Los logotipos de tipo pueden estar en peligro de parecer un poco sosos y aburridos al lado de sus homólogos basados ​​en imágenes. Hemos visto cómo ajustar el tipo de letra y el tamaño de los caracteres y la introducción de marcos puede hacer que un logotipo sea más interesante y dinámico. Pero, ¿cómo puede asegurarse de que el diseño de su logotipo sea memorable??

Muchas empresas, particularmente en el sector minorista, crean "iconos", así como logotipos, para representar su marca. Los iconos pueden funcionar igual de bien que los logotipos en tamaños pequeños, y generalmente se construyen en un diseño cuadrado, en lugar de rectangular. A menudo contienen menos información (sin subtítulos u otra información adicional) y, como resultado, suelen ser más versátiles y memorables que los logotipos..

Una marca de ropa, por ejemplo, podría elegir usar un ícono impactante y memorable para imprimir en productos. Los diseños pequeños y simbólicos atraen la atención incluso a pequeña escala, y pueden atraer aún más el ojo con la aplicación de color y el contraste.

Si está diseñando un logotipo que debe destacarse y se verá atractivo en una amplia gama de medios, desde mercadería hasta escaparates, considere configurar su tipo dentro de un diseño cuadrado o circular. Trate de eliminar cualquier información adicional innecesaria y mantener el diseño llamativo y mínimo.

Tome este ejemplo de diseño de logotipo, para una marca de ropa y accesorios ficticios, Jodie. El tipo de logotipo está bien, pero no es particularmente interesante.

La versión del icono del diseño incluye el nombre de la marca en un círculo de color y establece el texto en blanco para agregar contraste. Esta versión parece inmediatamente más moderna y memorable.. 

También es un diseño más versátil: simplemente puede cambiar el color del icono para dar una identidad diferente a los diferentes rangos de la marca (por ejemplo, para mujeres, para hombres, para niños, etc.).

Crea el icono en InDesign

Paso 1

Volver a su InDesign documento y crear una nueva página si es necesario (agregar de la Páginas panel [Ventana> Páginas]).

Selecciona el Tipo de herramienta (T) y arrastre para crear un marco de texto 115 mm en Anchura y 40 mm en Altura. Coloque el marco centralmente en la página y escriba 'Jodie' en el marco.

Selecciona el Fuente a Mano de callie Regular, selecciona el tamaño a 122 puntos y establece el texto a Alinear al centro.

Paso 2

Crea un segundo cuadro y texto de texto mucho más pequeño. 'TM'. en el marco. Colóquelo en la parte superior derecha del primer cuadro de texto, justo encima del punto de la 'yo'.

Selecciona el Fuente a Fira Sans Regular, Talla 12 pt y Alinear al centro. 

Paso 3

Selecciona el Herramienta Elipse (L) desde el Herramientas panel y, manteniendo pulsado Cambio, arrastre para crear un círculo perfecto 91 mm en diámetro. Posición sobre la parte superior de la 'Jodie' marco de texto. Clic derecho (Windows) o Control-Clic (Mac OS)> Organizar> Enviar al fondo.

Selecciona el Color del trazo a [Ninguna] y el Color de relleno a un nuevo rosa CMYK Muestra de tela, C = 0 M = 51 Y = 20 K = 0 (seleccionar Nuevo color swatch desde el Muestras panel [Ventana> Color> Muestras]).

Etapa 4

Ajuste el color del texto de ambos marcos de texto para [Papel] desde el Controles de formato de caracteres panel a lo largo de la parte superior de la pantalla o desde la Muestras panel.

Conclusión

Diseñar logotipos e íconos puede ser increíblemente simple cuando se trabaja solo con tipografía. Mantenga estos consejos en mente mientras diseña para hacer que sus diseños de marca sean efectivos, memorables y apropiados para el cliente:

  • Mejorar un ampersand para dar estilo y estilo a los logotipos formales, por lo demás conservadores.. No tenga miedo de los caracteres superpuestos o de ajustar drásticamente el seguimiento o el kerning para darle a su logotipo un aspecto único y elegante.
  • Los marcos y las líneas se pueden utilizar para agrupar varias líneas de texto y dar a un logo una apariencia autoritaria. Se adhieren a la A B C Regla para dimensionar encabezados para darle a su diseño un sentido de estructura y orden..
  • Para hacer que los diseños de logotipo sean más amigables y menos formales, adopte fuentes retro o dibujadas a mano Para un toque nostálgico. Establecer tipo en colores cálidos y complementarios para inyectar más optimismo en el diseño.
  • Considere diseñar un ícono basado en el tipo para mejorar la memorabilidad y el impacto. Mantén un diseño minimalista y un contraste de color simple para maximizar la versatilidad del ícono.

Obtenga más información sobre cómo elegir fuentes para el logotipo y otro diseño de impresión con este divertido tutorial de Julie Felton.