Por el Libro: crear una guía de estilo para tu marca | Courtney Eliseo | Skillshare
Menú
Buscar

Velocidad de reproducción


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Por el Libro: crear una guía de estilo para tu marca

teacher avatar Courtney Eliseo, Brand Clarity & Design

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

    • 1.

      Introducción

      19:02

    • 2.

      Contenido de la guía del estilo

      7:23

    • 3.

      Diseño de la guía de estilo

      13:15

    • 4.

      Uso del logotipo

      7:59

    • 5.

      Color

      6:57

    • 6.

      tipografía

      4:33

    • 7.

      Elementos gráficos

      5:52

    • 8.

      Contenido opcional

      12:02

    • 9.

      Detalles finales

      15:22

  • --
  • Nivel principiante
  • Nivel intermedio
  • Nivel avanzado
  • Todos los niveles

Generado por la comunidad

El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.

3826

Estudiantes

13

Proyectos

Acerca de esta clase

Has pasado bastante tiempo y energía y desarrollando una marca que te gustó a tu cliente. Así , una vez que deja tus manos, cómo te aseguro de que la identidad se implementa de forma que sea justica de la marca? La respuesta simple es para desarrollar una guía de estilo.

Ya sea que trabajes con una identidad para un cliente o para tu propio negocio, una guía de estilo es una herramienta increíblemente útil. Lo de la imagen que presente al mundo es coherente por todos los medios, sin importar quién esté haciendo el trabajo. Y si tu marca es grande o pequeña, puede simplificar mucho el proceso de diseño y de producción.

Lo que aprenderás

En esta clase, veremos lo siguiente:

  • Diferentes tipos de guías de estilo, de minimalismo a complejo.
  • Los componentes esenciales de una guía de estilo y cómo deberías implementar.
  • Algunos componentes de guía de estilo opcional que quieras implementar.
  • Cómo aplicar tu identidad de marca al diseño de la guía de estilo.

Proyecto de clase

Para nuestro proyecto de clase, tomarás una identidad de marca existente y la traducirás en una guía de estilo detallada para el cliente (o tu uso personal). Al final, tendrás un libro de guía de estilo de PDF completo, ya sea minimalismo o complejo como lo exige tu marca, listo para compartir y utilizarlo .

¿Para quién es esta clase?

Si acabas de completar un diseño de identidad de marca, pero no estás seguro de dónde ir a continuación, o si estás saltando de la carretera durante la implementación, esta clase es especialmente para ti. Esta clase también es ideal para cualquier persona interesado en la branding para entender cómo se desarrolla el proceso.

Conoce a tu profesor(a)

Teacher Profile Image

Courtney Eliseo

Brand Clarity & Design

Profesor(a)

Hello! I'm Courtney Eliseo, a new-ish mom, East Coaster living in the PNW, and the founder of En Route Workshop, where I help service-based businesses connect with more ideal clients through brand clarity and design.

A Bit About Me

Most mornings you can find me on the yoga mat, and most evenings you can find me curled up on the couch with a glass of wine. But as often as possible, I am off exploring somewhere new, breathing in ocean air, and soaking up every bit of the world around me. I have a deep-rooted desire to make things, a boundless sense of curiosity, and love losing myself in stories.

When it comes to design, my goal is to make work that is thoughtful, timeless, and most importantly, authentically aligned with who you are, your plans for the future... Ver perfil completo

Valoración de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.

Transcripciones

1. Introducción: Hola a todos. Bienvenido a Por El Libro: Crea una Guía de Estilo para Tu Marca. En esta clase, esencialmente voy a retomar donde lo dejé en mi anterior clase de identidad de marca. Si no tomaste la clase, no te preocupes por ello. Por una parte, en realidad todavía puedes registrarte y tener acceso de por vida si crees que el contenido puede ser beneficioso para ti. Pero de lo contrario, realmente todo lo que necesitas es un sistema de identidad de marca terminado que esté listo para ser puesto en uso. Al final de la clase, te voy a mostrar cómo traducir esos elementos de identidad en un libro de guía de estilo real que puedes compartir con tus clientes y proveedores externos para que la identidad se implemente de manera consistente y de la forma en que lo imaginaste a través del tablero sin importar con qué medios estés trabajando. Este video es simplemente esencialmente va a ser una introducción a las guías de estilo ellos mismos. Sólo voy a repasar muy brevemente los conceptos básicos y mostrarles algunos ejemplos, y luego a partir de ahí en los futuros videos, vamos a sumergirnos un poco más en cada uno de esos temas específicos. Para retroceder un poco, solo quiero darte un poco de información sobre mis antecedentes solo para que entiendas el marco de referencia que tengo cuando estoy trabajando en este tipo de proyectos. Sé que muchos de ustedes ya tomaron mi clase de identidad de marca, así que no entraré en demasiados detalles. Pero solo para darte una visión general rápida, dirijo un pequeño estudio de diseño llamado Seamless Creative con mi esposo, Brian. Principalmente hago todo el trabajo de diseño y dirijo el día a día y él es desarrollador Web, así que trabaja conmigo en todos mis proyectos relacionados con la web y luego también trabaja conmigo mucho detrás de bambalinas y hace mucho del alto nivel conceptualizando etapas de proyectos conmigo. Trabajamos mayoritariamente con pequeños negocios. Cuando digo pequeñas empresas, me refiero a muy pequeñas. La mayoría de los negocios con los que trabajamos tienen 1-5 empleados y normalmente estamos trabajando directamente con dueños de negocios, que definitivamente es como preferimos trabajar. Al ir por los videos, vas a ver que mi perspectiva de hacer este tipo de trabajo es mucho a través de la lente de alguien que trabaja con negocios muy pequeños, apretados a diferencia de alguien que trabaja con grandes corporaciones y está completando guías de estilo enormes, involucradas y complejas de forma regular. Simplemente brevemente, Design Work Life es mi otro proyecto principal en el que trabajo, que es un blog de inspiración de diseño, donde presento todo el trabajo y productos relacionados con el diseño y aplicaciones y cosas así a diario. En realidad estamos como un lado, vamos a estar relanzando ambos sitios en el próximo par de meses con nuevo diseño, nuevo contenido, nuevos contribuyentes al blog. Si no has estado siguiendo hasta este punto, ahora podría ser un buen momento para comprobarlo solo porque realmente estamos renovando las cosas y posible que encuentres ahí alguna información que sería beneficiosa para ti. Aquí te dejamos solo un muestreo muy pequeño de algunas de las identidades de marca que hemos creado para las pequeñas empresas en los últimos años. Un par de estos que estás viendo aquí, he creado guías de estilo para, pero en realidad te voy a llevar través de guía de estilo para una marca que no ves aquí. Voy a estar usando eso a lo largo de los videos para guiarnos a través del proceso. Como mencioné antes, mis antecedentes se centran principalmente en trabajar con pequeñas empresas. Esto realmente sí informa mi proceso y enfoque para el desarrollo de guías de estilo en general. Si bien he diseñado guías de estilo que abarcan diferentes tipos de contenido y varían en su longitud y su nivel de detalle, no he trabajado en una guía para una marca importante o una gran corporación, que tiende a ser muy extensa y involucrados. Definitivamente he encontrado algunos ejemplos de estos que voy a compartir con ustedes a lo largo de las lecciones sólo para que puedan comparar. Pero primordialmente, mi trabajo es a menor escala. En su mayoría voy a estar mostrándote a través del proceso con ejemplos de mi trabajo personal. Eso realmente solo será un punto de salto para ti. Simplemente puedes tomar esas lecciones básicas que te van a mostrar e incorporar tu contenido en base a lo que tu marca particular necesita. Solo quiero mencionar rápidamente que esta es una clase intermedia, por lo que no voy a entrar en demasiada profundidad sobre los conceptos básicos de diseño que necesitarás saber para configurar un documento como este. Voy a tocar brevemente algunas de ellas. Pero como es intermedio, no te voy a dar un montón de lecciones de diseño. Yo sin embargo, como hice para mi última clase, te proporcionaré un montón de enlaces diferentes a tutoriales y recursos de aprendizaje en los PDF de recursos que estarán al lado de cada unidad. De esa manera si sientes que necesitas ayuda en un área determinada entonces puedes a tu tiempo solo mirar eso e intentar educarte más sobre el tema antes continuar con los pasos del proyecto para esta clase. Ahora que toda esa limpieza está fuera del camino, vamos a meternos directamente en el contenido. Vamos a empezar con una definición muy básica de lo que en realidad es una guía de estilo. En primer lugar, sólo permítanme mencionar que a veces esto se denomina libro de marcas o pautas de marca. El nombre realmente no importa, es esencialmente solo un documento que proporciona pautas para implementar una identidad de marca. Todos significan lo mismo y puedes usar lo que prefieras. Mi preferencia es solo llamarlo guía de estilo, esencialmente por razones estéticas. Una vez que una identidad de marca deja tus manos, te encuentras con el tema de asegurar que se implemente de la forma en que se pretendía que fuera, con cuidado y consistencia a través de los medios y por diferentes personas, lo cual puede realmente ser un reto enorme. Para muchos diseñadores, la solución ideal puede ser simplemente diseñar todo usted mismo y saber que he caído en esa trampa antes, pero realmente no es una solución realista muchas veces. Una guía de estilo realmente ayuda a asegurar que tu visión se ejecute correctamente sin importar quién esté realmente trabajando en la marca. Realmente hay un amplio espectro de cómo se ve esto en la práctica. Como puedes ver aquí, son solo algunos diseños de página de una de las guías de estilo que he hecho para uno de los pequeños negocios con los que he trabajado. Te voy a mostrar un par de páginas de esto vista más cercana a medida que pasamos por los videos, pero solo quería darte una visión general de cómo se ven aquí algunas de mis guías de estilo. Como mencioné, realmente hay un amplio espectro de cómo se ve esto. Por lo general, el tipo viene en formato PDF. Yo diría que siempre es al menos un tipo de archivo que viene como. actualidad, la gente no está imprimiendo cosas como esta tanto, preferirían simplemente tener una referencia en pantalla mientras diseñan. Pero muchas empresas sí quieren una copia impresa real, física. Cuando estoy diseñando un documento como este, tiendo a asegurarme de que el documento esté formateado para ambos para que se pueda ver fácilmente en pantalla, y luego también se pueda imprimir si el cliente decide hacerlo. Entonces más allá de la disposición, el contenido también puede ser instructivo o puede ser más conceptual. Definitivamente mis proyectos caen en el extremo más instructivo, pero les voy a mostrar un ejemplo de diseño conceptual también, sólo para que puedan ver cuáles son esas opciones. Ahora, una guía instruccional proporciona instrucciones más regidas para cómo implementar las tuercas y pernos de la marca, mientras que una guía conceptual brinda más de un estado de ánimo abstracto para la marca. Por supuesto, tu diseño y contenido pueden caer en algún lugar intermedio, realmente depende de cuáles sean las necesidades de tu marca. En general, una guía de estilo definitivamente no es el proyecto más creativo jamás, pero el enfoque que tomas al diseño en sí y la entrega del contenido es donde realmente puedes tomar alguna licencia creativa. Solo voy a pasar por un par de ejemplos contigo y mostrarte algunos ejemplos fuera de mi trabajo ahora mismo de instruccional versus conceptual sobre cómo puede ser una guía de estilo. Este es el Libro de la Marca Foursquare. Por cierto, también en los PDF de recursos, voy a proporcionar enlaces a todos estos documentos para que ustedes mismos puedan descargarlos y voltearlos ustedes mismos y usarlos como referencia a lo largo de la creación de su personal proyecto. Al igual que la mayoría de mis chicos, esto tiene una tabla de contenidos. No tienes absolutamente que usar una tabla de contenidos, pero depende de lo que tu contenido permita. Yo diría que si vas a hacer algo más de ocho páginas, que la mayoría de ustedes probablemente lo harán, incluiría una tabla de contenidos porque sólo permite a alguien voltear muy fácilmente a la sección que es más necesaria para ellos. Foursquare tiene una introducción aquí, que es algo un poco opcional, [inaudible] repasar contenido opcional y contenido esencial en futuros videos. El uso del logotipo es una de las piezas esenciales de contenido que recomiendo. Por lo que empiezan abiertamente con eso. También tienen uso de iconos, paleta de colores, copia y tono de voz, tipografía. Tienen toda una guía de estilo que está involucrada después de esto, pero me voy a parar aquí y pasar a un ejemplo concepcional. Como dije, este enlace estará en el PDF de recurso si quieres mirar a través de todo el asunto. Este es un ejemplo de un libro de marca o guía de estilo más conceptual. Esto es por I Am Always Hungry para la marca Jack Daniels. Como puedes ver aquí, sus diseños de página completa están en capas con fotografía y tipografía y diferentes gráficos, pero no hay mucho contenido instruccional como así se usa el logotipo, etc. Estos spreads realmente evocan más de un estado de ánimo de la marca y lo que deben transmitir los diferentes gráficos. Ese es sólo otro enfoque que se puede tomar. Ahora, les voy a mostrar algunas páginas de las directrices I Love New York. También debo mencionar que muchos de estos ejemplos lineales les voy a mostrar que tienen un par de años, por lo que tal vez no sean 100 por ciento precisos hoy, pero creo que son buenos ejemplos todavía por mirar para ver cómo diferentes marcas ejecutan este tipo de proyectos. Esto realmente comienza identificando a su público. Toman un acercamiento interesante al diseño aquí, no es tan sencillo como lo que tiendo a usar, pero tampoco es súper conceptual. Pasan por mucha explicación sobre su concepto, su tono de voz, y diferentes piezas de la marca. Esta es una cosa que me gusta mucho de esta guía, es que hacen sus especímenes tipo de una manera muy divertida e interesante. Al crear la estructura y mostrar el tipo que se utiliza en tantos formatos diferentes que realmente le da a un diseñador, o a alguien más que esté mirando esta gran perspectiva en todas las diferentes formas en que se puede utilizar esta tipografía. Hacen esto con todas las tipografías, si debo decirlo. Después entran un poco de su campaña impresa, que vamos a hablar como opcional. Pieza de contenido un poco más tarde. Aquí te dejamos algunos ejemplos diversos. Ahora, voy a pasar a sólo mostrarles dos ejemplos más, diferentes formas de configurar una guía. Este es el libro de la marca Cisco. Este es un ejemplo realmente impresionante, creo que para una marca muy grande, que hace el diseño y el contenido de una manera realmente simplemente bellamente diseñada. Definitivamente recomendaría voltear a través de éste en su totalidad, solo para conseguir un ejemplo realmente bueno de una manera que una marca más grande hace una guía de una manera no aburrida, lo cual creo que pueden tenderse a ser cuando estás lidiando con corporaciones más grandes. Simplemente voy a desplazarse rápidamente por la Sección 2, que está empezando con un sistema de identidad de marca. Tienen un poco de introducción a cada sección. Hacen una página de resumen que me gusta mucho. No he visto esto hecho muy a menudo, pero me gusta la idea de mostrar una visión general de todos los diferentes elementos en una página y colocarlos juntos para que el usuario tenga una idea de lo elementos generales de la marca se supone que se ven como cuando están emparejados. Hago esto un poco más cuando realmente estoy trabajando en un proyecto de identidad de marca, y presentando un conjunto completo de elementos de identidad a un cliente. Pero no suelo hacer esto en la guía de estilo, así que realmente me gusta ver esta idea aquí. Después entran en la paleta de la marca, y se puede ver que esto es bastante extenso. No es tu sencillo sistema de identidad de marca de tres colores, esto tiene muchos componentes para ello. Lo desglosan con una tabla de contenidos adicional al inicio de cada sección. Nuevamente, tienen una introducción, que creo que es agradable tener algo más de información de antecedentes. Después entran en los elementos del logo, todas formas diferentes. Vamos a entrar un poco más sobre estas piezas específicas de contenido un poco más adelante. Entonces están mostrando el logo en uso aquí diferentes maneras que creo que es interesante también. Entonces nos estamos metiendo en color, lo mismo con la descripción al inicio de la sección. Una visión general de los colores y una descripción de cómo se deben utilizar, para luego romper aún más los colores hacia abajo. Tienen, como dije, un sistema bastante complejo de colores y diferentes paletas, y cómo las paletas trabajan juntas en diversas situaciones, lo cual creo que es realmente interesante de ver. Después también mostrando el color en uso. Esto es otra cosa que no veo con demasiada frecuencia, pero me gusta mucho cómo hicieron esto aquí. Entonces la tipografía está todo configurada exactamente igual con una introducción comenzando, y luego una visión general, y un poco más de detalle. A mí me gusta que estén siendo un poco más juguetones aquí con algo de la tipografía. Entonces se ponen realmente específicos con el liderazgo y el seguimiento, y la jerarquía, y el uso del color, y el tipo, que creo que es realmente importante para una marca que es así de grande. Va a estar produciendo tantas piezas que estarán produciendo a través de tantos medios diferentes. Estas son cosas específicas que realmente asegurarán que la marca sea lo más consistente posible a través de todas esas cosas diferentes. Entonces otra vez, mostrando tipografía en uso. Me gusta mucho la idea de esto. Refuerza todo el contenido y la información que tienes en las pocas páginas anteriores, y muestra cómo unirlos. Un ejemplo guía más para ti. Esta es la guía para un Barbican, que en realidad se volvió a hacer bastante recientemente. Creo que este es un buen ejemplo de una guía que cae entre instruccional y conceptual. Un poco más hacia el lado instruccional, pero creo que es bueno mostrar un poco de rango para que puedas hacerte una idea de las diferentes posibilidades que tienes cuando estás configurando este proyecto. Nuevamente, tabla de contenidos, simplifican esto una tonelada. Tan solo para dividirlo en tres secciones a diferencia de mostrar dónde está todo específicamente en cada página. Definitivamente son bastante juguetones con la forma en que usan el diseño en la guía, así que lo verás mientras me doy la vuelta. Aquí, están mostrando imágenes y cosas que son mucho conceptuales sobre quién es la marca. Otra vez aquí. Entonces iniciando en esta siguiente sección que llaman reglas y herramientas, es donde se meten un poco más en el lado instruccional de las cosas. Empezando por la marca Wordmark, y entrando en cómo se usa, tipografía, y simplemente volteando aquí más. Simplemente entran en detalle sobre cómo deben utilizarse los diferentes elementos de su identidad. Entonces es interesante, creo, ver cómo mezclaron los dos estilos conceptuales e instruccionales manteniéndolos en secciones separadas, pero aún así incorporaron ambos. Entonces creo que definitivamente eso es algo en lo que pensar mientras trabajas en tus proyectos, si eso es algo que sería beneficioso para tu marca. Esa es una buena visión general, creo, de los diferentes tipos de guías de estilo que puedes crear cuando estás trabajando en tu proyecto. Realmente depende de la marca con la que estés trabajando, y cuáles son sus necesidades, qué tipo de piezas van a estar produciendo, y qué tipo de marca es. ¿ Es una marca corporativa abotonada? ¿ Es una marca más creativa? Esas son cosas en las que debes empezar a pensar, y eso va a informar realmente la dirección en la que vas. El siguiente paso, vamos a repasar el Contenido de la Guía de Estilo. 2. Contenido de la guía del estilo: - Hola, - todos. - Bienvenido Teoh Unit One video a donde vamos a hablar sobre el contenido de la guía de estilo. - Hay varios artículos que considero esenciales para incluir en una guía de estilo, - pero también hay muchas piezas de contenido que deberían o no incluirse, - dependiendo de la marca que hayas desarrollado así como de las necesidades de tu cliente. - Entonces lo que vamos a hacer en esta lección es ir rápidamente por el contenido esencial y - opcional. - Para empezar, - chicos que puedes empezar a pensar en lo que necesitarás juntar para tu propio- proyecto. - Y luego en la Unidad tres, - Voy a pasar por cada sección con más detalle para 3. Diseño de la guía de estilo: Oigan a todos, bienvenidos a la Unidad 2, donde vamos como plática sobre el diseño de guías de estilo. Ahora que tienes determinado un esquema de contenido, este es el siguiente paso. A lo largo de este video, esencialmente voy a ir por los pasos del proyecto que vienen junto con esta sección, y mostrarte cómo los he pasado yo mismo o la guía de estilo que ya he creado para un cliente, y te dan algunos consejos para cómo hacer eso. Como mencioné antes, no voy a entrar en un montón de detalles sobre cómo usar estos programas y conceptos básicos de diseño, pero te proporcionaré algunos recursos en el PDF si sientes que necesitas conseguir algo más aprendiendo bajo tu cinturón para cualquiera de esas cosas específicas. Como mencioné antes, diseñar una guía de estilo no es el proyecto más emocionante de la historia, pero aquí es donde tienes la oportunidad de ser un poco creativo. En cuanto al diseño general, lo que hago en realidad es tomar los elementos de la identidad de marca con la que estoy trabajando y utilizarlos para establecer el diseño del libro. Te da la oportunidad de tomar realmente esos elementos y aplicarlos a una pieza diseñada aquí. El libro en sí se convierte en un ejemplo de cómo implementar la identidad. Empecemos a pasar por los pasos. El primer paso es crear un boceto de diseño de página. Lo que hice aquí es tomar el esquema de contenido que configuré en la ronda anterior y en realidad poner ese contenido en términos de páginas reales para que pueda determinar cuántos spreads se necesitan para el libro. Eso es algo que debes saber antes de configurar tu archivo de InDesign. Me resulta más fácil hacer esto visualmente para tener una idea de dónde van a ir las cosas y en qué orden van a ir. Puedes saltarte esto si no lo necesitas, pero definitivamente me resulta útil visualizar las cosas de esta manera. Algo a recordar aquí es que, si alguna vez vas a imprimir el documento o si quieres configurar esto para asegurar que la impresión sea posible en una fecha futura, quieres asegurarte de mantener las páginas en un múltiplo de cuatro. Esto sólo va a ser un PDF y se extiende. múltiplos de dos están totalmente bien, pero siempre tiendo a mantenerlo a cuatro si el cliente decide que quieren una copia impresa por el camino, entonces no tienes que hacer copias de seguridad y hacer ningún trabajo de diseño adicional en ese momento. Ahora puedes hacer esto en Illustrator, o directamente en InDesign, o puedes hacer solo un boceto rápido a mano en tu cuaderno de bocetos. Depende totalmente de ti. Elegí hacerlo en Illustrator sólo porque esa es mi preferencia. Empiezo con esta guía muy básica. Entonces en realidad paso por cada página y escribo en la página qué contenido va a ir allí. Eso es lo primero que quieres hacer solo para conseguir un orden muy sucinto de las páginas y luego eso te da una visión realmente grande de cómo se va a organizar tu guía, y cómo va a fluir el contenido. El siguiente paso es configurar tu archivo de InDesign. Sólo voy a llevarte a InDesign rápidamente para mostrarte cómo se crea el nuevo documento. Esta es mi configuración de InDesign. El tuyo podría verse muy diferente a esto. Tiendo a cambiar esto con bastante frecuencia dependiendo de cómo esté trabajando en ese momento. No te preocupes si el tuyo no se ve exactamente así. Obviamente Archivo, Nuevo. Entonces solo quería mostrarte esto brevemente para que si no estás súper familiarizado con InDesign, puedas ver cómo funciona la nueva configuración de documentos. Aquí eliges el tamaño de tu página, puedes poner el número de páginas aquí de inmediato. Entonces si sí quieres páginas enfrentadas o spreads, puedes comprobarlo de inmediato para que el documento esté configurado de esa manera para ti. También puedes configurar tus márgenes, canalones y columnas aquí. No siempre hago esto. Definitivamente suelo configurar márgenes, que esos estén configurados para mí, pero tiendo a obtener la configuración del archivo y luego trabajar en la cuadrícula un poco más tarde. Tiendo a ignorar esto y siempre tengo una columna aquí, pero sabiendo que puedo cambiar eso más adelante. También puedes hacer clic en esta sección más Opciones y eso te da aún más. Eso te permite meter un sangrado, lo cual es útil si estás diseñando algo para imprimir, entonces ya tienes esa configuración para que no tengas que preocuparte por añadirlo más adelante. El siguiente paso es establecer tu cuadrícula. Te voy a llevar a InDesign para mostrarte cómo hacer eso también. Ahora acabo de crear un documento rápido de 24 páginas con páginas enfrentadas. Como se puede ver por aquí en la paleta de páginas, se puede desplazar a través y ver cómo se configura el spread aquí. Por cierto, como un aparte, a veces realmente pongo el diseño de página que esbozé que hice. En realidad coloco las palabras que describen el contenido que va a ir en cada página en mi documento real. A veces esa es solo una forma realmente útil de poder desplazarse rápidamente por tu documento y saber qué contenido va hacia dónde para que no tengas que ir y venir necesariamente de tu documento de InDesign al contenido boceto. Para determinar la cuadrícula, basta con ir a Diseño, Márgenes y Columnas. Como dije, no voy a entrar súper en detalle sobre cosas como rejillas. Hay tanta teoría y conocimiento involucrados en cómo configurar una cuadrícula que simplemente no pude cubrir todo en esta clase corta. Voy a proporcionar recursos en el PDF que está adscrito a esta unidad, que les brindará alguna orientación más sobre las rejillas y cómo configurarlas correctamente. En esta sección, en este cuadro, realidad puedes cambiar los márgenes si sientes que no configuraste el tamaño correcto. Simplemente la mayoría de ustedes debe saber esto, pero si hace clic fuera de este candado que separa el margen para que no estén atados juntos, que así pueda cambiarlos a diferentes tamaños de esta manera. De lo contrario, si está bloqueado, todos se quedan igual. Ahora es aquí donde puedes cambiar tu cuadrícula real. Tienden a hacer siempre al menos una cuadrícula de cuatro columnas. Por lo general, en realidad más que eso para que el contenido se pueda dividir de más maneras, para que puedas hacer una columna de cinco y una de tres columnas aquí cuando trabajes con ocho columnas, puedes hacer dos o cuatro anchos de columna. Hay muchas opciones diferentes. Tiendo a hacer ocho o 12 columnas por lo menos. Entonces la canaleta realmente sólo depende de la preferencia personal. Quieres asegurarte de que estás permitiendo suficiente espacio entre columnas para que haya espacio de respiración entre tipo o imágenes dependiendo de cómo vas a configurar tus páginas reales. Entonces el siguiente paso es diseñar tus diseños de página. Ahora tiendo a diseñar los diseños de mis páginas antes de mis portadas. Simplemente parece que eso me resulta más fácil. Pero si quieres diseñar primero la portada, eso está perfectamente bien. Yo sólo voy a ir rápidamente a InDesign. Aquí puedes ver la guía de estilo que te voy a estar mostrando como ejemplo a lo largo de toda la clase. Lo que hago primero antes de diseñar realmente algo es determinar los diferentes tipos de página o spread que necesito. Como puedes ver aquí, tenemos esto un spread de intro donde tenemos la cubierta interior de fuente que no va a tener ningún contenido en ella junto a la tabla de contenidos. Entonces tenemos una intro spread que va a ser una introducción a una sección. Entonces tenemos un contenido extendido donde hay contenido real dentro de esa sección. Se puede ver a todos esos que se repiten. Así que desplácese a través. Eso significa esencialmente que tengo tres tipos de spread diferentes que quiero diseñar. Ahora cómo te vas por el diseño depende completamente de ti. Yo sólo quería mostrarles un ejemplo de lo que hice aquí. Ahora lo que hago es otra vez, tomar los elementos de esa marca, y averiguar cómo aplicarlos al propio diseño. Normalmente paso por muchas revisiones diferentes con esto hasta llegar a algo que me gusta. Lo que estás viendo aquí son los diseños finales que he elegido. Lo que hago una vez que se me ocurre el diseño que me gusta es crearlos como páginas maestras, porque eso permite copiar ese estilo de página varias veces, tantas veces como necesites realmente rápida y fácilmente. Si no estás familiarizado con eso, te voy a mostrar cómo hacerlo muy rápido. En la paleta Páginas, puedes ir a Nuevo Maestro y puedes crear tantos de estos como necesites. Puedes cambiar el prefijo y el nombre aquí si quieres. Sólo lo voy a dejar ahí por ahora. Aquí se aplica el número de páginas. Si estás haciendo spreads y tienes elementos de página maestra que vas a aplicar a ambas páginas, asegúrate de poner dos aquí. De lo contrario solo puedes hacer uno. Después verás un spread aparece aquí arriba en la parte superior de la paleta Páginas. Entonces tengo aquí este lienzo en blanco. Sólo te voy a mostrar con una de las páginas que ya configuré. Ahora puedes copiar esto desde InDesign o crear un spread directamente en la página principal. Depende enteramente de ti, el proceso que llevas para configurar esto. Ya que solo estoy mostrando esto como ejemplo, pegué esto del documento en su lugar en la página maestra. Ahora esto actuaría como una plantilla esencialmente para los spreads de introducción. Si sigo adelante y agrego más páginas al final de mi documento, hacer Insertar Páginas, agrego dos después página 35 para que entren justo antes de la portada final. Entonces tengo dos páginas en blanco aquí, pero ahora mismo están etiquetadas página maestra. Ese es el predeterminado ya que esa es la página principal aquí. Voy a aplicar Master a Pages y elegir C. Entonces eso aparece aquí mismo. Ahora todo lo que colocas en una página maestra está bloqueado cuando lo aplicas a las páginas. Se puede ver que lo que he hecho es en mis diferentes secciones las he coloreado de manera diferente para separarlas un poco y editarlas entonces. Esto es para colocar tu cursor sobre el elemento que estás intentando cambiar y hacer comando shift, click. Entonces eso desbloquea nuestra pieza en particular. Ahora puedo entrar aquí y cambiar el texto si quiero. Entonces solo repites eso con cualquier otro elemento que quieras cambiar, lo contrario todos se quedan bloqueados y ni siquiera tienes que preocuparte por ellos. Tan solo un resumen muy breve de cómo configuro las páginas. De nuevo, aquí es donde puedes ser realmente creativo y tomar la marca que lo creas, y en realidad aplicarla a algo. Es tu primera muy buena oportunidad de hacer eso en una capa algo a gran escala. Como mencioné, hago mis portadas después de diseñar mis diseños de página. Simplemente me resulta más fácil llegar a un diseño de portada que resume todo el libro una vez que sepa cómo va a ser el interior. Por eso hago las cosas en ese orden, pero no tienes que hacerlo de esa manera. Los configuro de la misma manera que te acabo de mostrar para las páginas interiores donde hago una página maestra, luego aplicarlo a las portadas delantera y trasera siempre y cuando sean similares, y luego solo edita cualquier elemento que necesite editar. De lo contrario si son muy diferentes, solo hago páginas maestras separadas para ellos. Entonces si quieres cambiar algún elemento, todo lo que tienes que hacer es entrar a la página principal y editar ahí el contenido. De esa manera se aplicará de forma rápida y sencilla a cualquier spread que tenga ese enlace de página maestra a ella. Ahora cuando estás haciendo este diseño y te estás acercando con las páginas, lo principal que quieres recordar es que el contenido realmente es lo primero aquí. El objetivo principal de esta pieza es que sea utilizada por múltiples personas diferentes, en múltiples situaciones de una manera muy rápida y fácilmente digerible. Cuando se está inventando el diseño de las páginas, quiere asegurarse de que una, sí, se está reflejando la marca en los propios elementos de diseño, pero también están permitiendo suficiente espacio para proporcionar el contenido que sea necesario para el usuario. Asegúrate de tener eso en mente a medida que diseñas. A continuación vamos a empezar a entrar en los detalles reales del contenido esencial para una guía de estilo y vamos a empezar con el uso del logotipo. 4. Uso del logotipo: Hola a todos. Bienvenido al inicio de la Unidad 3, donde vamos a entrar un poco más de detalle discutiendo los diferentes componentes esenciales y opcionales para guía de estilo, empezando por el uso del logotipo. El primer fragmento de contenido que quieres incluir como una visión general de los tipos de logotipos, por lo que ésta solo debería ser una página sencilla que le dé al usuario una mirada muy básica a los diferentes tipos de logotipos que están disponibles para tu marca. Como puedes ver para sloan taylor, este es un logotipo basado en texto muy sencillo. Esta es realmente la única opción que está disponible. Para mi visión general, es extremadamente simple, que como verán, es el enfoque que realmente tomo a través del tablero. Todo lo que mi visión general realmente dice es que este es el logo, este es el logo principal, esto es lo que quieres usar la mayor parte del tiempo, y que cualquier variación de este logo está disponible en los diversos formatos que podrías necesidad. Ahora bien, esta marca en particular tiene un eslogan que está diseñado de una manera muy específica y configurado en una paleta de colores específica, por lo que esos detalles realmente ameritan su propia página y descripción separadas y en la guía, para que puedas ver cómo me divido que aquí fuera. En la descripción, que de nuevo es muy corta, les estoy dando una visión general de lo que significa este lema y de dónde viene, y luego también yendo a entrar un poco más de detalle sobre los detalles. En este caso específico que es identificar qué tipo de letra se utiliza aquí y expresar que las obras de arte están disponibles en diferentes formatos y en un par de opciones de color diferentes. Esta es la tercera página que he incluido en la categoría de uso de logotipos, y esto solo da una visión general de las diferentes opciones de color que están disponibles para el logotipo. A pesar de que esta marca tiene asociado un logotipo tipográfico, está disponible en tres variaciones de color diferentes. El primero es este color azul primario, que también se traduce a CMYK, como se puede ver a la derecha, y luego también está disponible noqueado en negro. En la descripción de la izquierda simplemente se repasa esto muy brevemente y se explica qué formato se debe usar dónde y cuándo. El segundo apartado que va dentro del uso del logotipo es un tamaño requisitos. Esto realmente es algo que se puede determinar de algunas maneras diferentes, pero esencialmente solo necesitas hacer algunos experimentos con diferentes aplicaciones. Si no has establecido esos para el momento en que estás poniendo a la guía estrella junto, es algo que solo podrías querer tomarte el tiempo para hacer un ejercicio rápido y probar las cosas. Las principales cosas que quieres mostrar aquí son el tamaño máximo en el que se puede usar el logotipo si existe esa regla, el tamaño mínimo que se puede usar el logotipo, y otra cosa que incluyo es la báscula. Aquí, lo que hice para el tamaño máximo es el tamaño máximo que el logotipo puede ser utilizado en una hoja de papel 8.5 por 11 ya que esa es la pieza impresa más común que va a ser distribuida o creada por cualquiera que use la guía, Quería asegurarme de dar esa pauta. Entonces el tamaño mínimo es el tamaño más pequeño del logotipo se puede utilizar y aún así ser legible en diversas aplicaciones. Entonces también lo que estoy haciendo aquí para la báscula es mostrar cómo vería el logotipo si tiene el tamaño adecuado para una hoja de papel 8.5 por 11, y luego mencioné aquí que eso se muestra a escala del 40 por ciento, lo que eso le da al usuario un perspectiva de cómo eso realmente tamaño hasta el tamaño real de 8.5 por 11 hoja de papel. Entonces la visión general del lado izquierdo, describí que el logotipo debería ser generalmente tamaño a alrededor del 20 por ciento del tamaño del documento con el que estás trabajando, y definitivamente mencioné que eso es una cuestión de juicio basada en una pieza en particular, pero de esa forma al menos le da al usuario un punto de partida y algo con lo que trabajar cuando está configurando un nuevo documento. Entonces el siguiente apartado es área de aislamiento. Esto es realmente importante porque quieres asegurarte de que el logotipo destaque en cualquier aplicación en la que se esté viendo, y una forma de realmente asegurar que eso se haga es que haya suficiente espacio en blanco alrededor del propio logotipo. Esto no es algo que necesariamente funcione para cada marca, pero yo diría que la gran mayoría tiene alguna instancia donde esto se aplica. Nuevamente, la forma en que determinas el espaciado está abierta a la interpretación, y creo que hacer algo de experimentación con diferentes aplicaciones es una forma de solidificar las mediciones para ti, pero lo que hago siempre es tomar algo del logo en sí y utilizar eso como el formato de medición que luego aplicé a toda el área de aislamiento. En este caso, utilicé las s minúsculas, y luego creé solo un diagrama muy sencillo que muestra una altura de las s alrededor de cada lado del logo y cómo funciona eso. Eso te da un panorama amplio de cómo debe ser el espacio cuando se presenta correctamente con las medidas correctas, y luego también sólo un detalle de lo que es esa unidad de medida específica. Entonces lo último que incluyo es el uso incorrecto, con el que puedes divertirte un poco. Es posible que te sorprenda las diferentes formas en que un cliente usará el logotipo cuando no se les den reglas sobre cómo se pretende usar. Aquí tienes una divertida oportunidad de hacer todas las cosas que nunca quieres que el cliente haga al logo para mostrarles que estas no son cómo usarlo. Estos son solo los básicos que siempre incluyo, pero puedes enloquecer con esto si quieres. Tan sólo para repasar rápidamente lo que incluyo aquí. No estires el logotipo de manera desproporcionada, realmente te sorprendería cuántas personas estiran un logotipo en una dirección u otra sin mantener las proporciones consistentes y distorsionar totalmente el aspecto del logotipo. Entonces no llenes el logo con colores que no sean de marca, no tiporen el logo en otras fuentes, no delineen el logo, eso puede ser algo que no se aplique a ti ni a tu marca pero eso es algo que encontré importante aquí. No coloques el logotipo en una forma, otra cosa que podría no aplicarse a ti, pero me pareció importante incluir aquí. No disminuyas la opacidad del logotipo, eso es algo en lo que definitivamente quieres pensar. Si no quieres que tu logo sea tintado o transparente de todos modos, eso es algo que absolutamente señalaría aquí porque es algo fácil para alguien ejecutar sin entender que esa es una mirada que deben evitar. Entonces no colorees el logo con otros colores de marca. En este caso específico, el logotipo en sí solo debe llenarse con el único color de la marca primaria, y tenemos una paleta de colores toda más grande, cual les voy a mostrar en breve, que no debe aplicarse al logo, solo deberían aplicar a diferentes elementos de la marca, así que eso es una cosa que quería señalar. Entonces no uses más de un logotipo en una superficie visual, esto es algo que es importante, creo, cuando la gente está diseñando documentos diferentes o incluso camiseta o algo así. No quería que el logo se pasara por la borda y apareciera muchas veces. Sólo voy a mostrar un ejemplo muy simple aquí de un artículo tamaño tarjeta de visita con dos logotipos en él para demostrar que realmente solo debería tener uno. Eso realmente cubre todos los componentes básicos de uso del logotipo. A continuación vamos a sumergirnos en color. 5. Color: Bienvenido a Unidad 3, Video 2, donde vamos a hablar de color. Al igual que con el uso del logotipo, hay algunos componentes esenciales de la sección de color que siempre incluyo. Entonces solo voy a pasar por esos uno por uno y darte un poco más de detalle sobre cómo los configuré. Generalmente, mantengo mi paleta de colores realmente simple. Esta es una zona donde definitivamente puedes elaborar si sientes que eso es necesario. Realmente solo depende de cuál sea tu paleta de colores específica y cómo se usa, cómo decidiste configurar este tipo de página. El primero que proporcionamos es una visión general. En este caso, en realidad tengo una paleta a todo color que se desglosa en tres secciones. El color principal primario, una paleta secundaria, que se usa con mayor frecuencia en combinación con el color primario, y tienen paleta terciaria, que se usa raramente en ciertas situaciones. Lo que estoy haciendo del lado izquierdo aquí es solo dar una visión general de los tres paladares diferentes y cómo se usan. Por ejemplo, en la sección primaria, solo digo que esta es la firma Sloan Taylor color azul y debería aparecer en cada pieza y menos restricciones requieren impresión en la escala de grises. Entonces entro en ese mismo nivel de detalle para cada una de las diferentes secciones de color. Entonces un par de cosas más que creo que vale la pena mencionar aquí es que, en términos de uso, expliqué que siempre que sea posible se debe usar el color PMS para imprimir y que RDB solo se debe usar para online o en pantalla aplicaciones. Esas son cosas que quiero asegurarme de que la gente entienda como están usando la guía. El PMS colores, siempre vamos a conseguir el mejor partido a los colores que inicialmente pretendíamos. Entonces quiero asegurarme de que si esa es una opción, esa es la opción que toman. Entonces también mencioné el tintado. tintado es algo que siento que se hace a menudo cuando no debería serlo, y estos colores, sobre todo para esta marca, siempre se deben usar toda la fuerza. Entonces quiero asegurarme de que eso esté deletreado, que no se deba teñir en absoluto excepto por este color gris que actúa como neutro. Ahora, el uso del color, solo para acercar esa misma página, un poco más, es solo algo en lo que quieres pensar es, ¿tienes diferentes variaciones en tu paleta de colores? ¿ Tienes diferentes secciones que necesitan desglosarse más, y hay alguna instrucción especial que venga con los colores como el tinte? Otra cosa que incluyo aquí es el blanco. Esto entra en juego para varias marcas que he hecho, pero sobre todo para esta. Yo rompo esto en realidad en una sección diferente de mi libro, pero quiero incluirlo aquí solo para mostrarte cómo lo manejo, ya que técnicamente forma parte de la Guía de Colores. El objetivo principal aquí es sólo señalar que la inclusión del blanco es esencial para la marca, y si bien no se descompone como un color real en la paleta que es importante que cada pieza incluya alguna área de blanco para proporcionar relieve para el espectador y crear equilibrio con las diferentes paletas de color en cada pieza, y que debes usar tu juicio en cuanto a cuánto debes usar de pieza a pieza. Entonces se descompone el color. Nuevamente, las guardo muy simples. Yo uso el color PMS. En algunos casos, se desea incluir tanto codificados como no codificados. Para mí, todos los colores codificados y no codificados se tradujeron lo suficientemente bien aquí que no necesitas usar diferentes colores, ese no siempre es el caso. Si hay situaciones como esa, quieres asegurarte de que estás escuchando ambas. También tengo el desglose CMYK, el desglose RGB, y el desglose del valor HEX. Ahora, quiero hablar un poco de las traducciones a color porque sé que es una pregunta que mucha gente ha tenido sobre todo en la clase de identidad de marca. Si bien no soy un experto en esto, solo quería darte alguna información sobre el proceso por el que paso para crear las traducciones y solo darte un punto de salto para ese proceso. Ahora, sólo para dar un paso atrás un poco, y cuando expliqué que todavía, no importa el proyecto, traduzco estas cuatro averías de color. No creo que siempre sean un 100 por ciento necesarios para cada marca. Por ejemplo, no recuerdo la última vez que imprimí algo offset CMYK, solo haciéndose cada vez menos común con el trabajo que estoy haciendo, pero aun así mi sensación general es que es mejor seguro que lo siento. Entonces tiendo a crear todas estas desgloses de color diferentes solo para que estén ahí en caso de que alguien las necesite, y entonces de esa manera no tienes que volver atrás y hacer trabajo extra por el camino cuando surge un tema. Describí esto un poco en mi clase de identidad de marca, pero solo para volver a pasarlo, mi proceso personal cuando estoy haciendo un sistema de identidad es que siempre empiezo con colores en pantalla. Por supuesto, la pantalla no es un 100 por ciento confiable en cuanto a la traducción de color, porque los monitores difieren tan grandemente de pantalla a pantalla. Siempre deja muy claro a mis clientes en las etapas iniciales de identidad de marca que el color no es un 100 por ciento exacto, y si son muy particulares o detallados orientados sobre ese aspecto del proceso, solo ajuste mi proceso un poquito. En ese caso, podría volver a los chips Pantone y en realidad mandar al cliente que chips para elegir colores de esa manera y luego trabajar un poco hacia atrás. Pero en general, en pantalla funciona para mí como primer paso. Entonces una vez que se apruebe ese color y me estoy preparando para preparar mi guía, eso es o imprimir algo , lo que venga primero, ahí es cuando voy al PMS. Lo que hago ahí es que tengo un conjunto real de fichas de las que saco y solo emparejo fichas lo mejor que pueda como a los colores para que esté viendo en pantalla, y vaya desde ahí. Sé que todos no siempre pueden poner sus manos en un chip real arriba porque son realmente caro, así que sí me encontré con un par de recursos que te pueden dar transiciones de tono panameño, que voy a proporcionar en el recurso PDF. Yo no llamaría a eso un 100 por ciento exacto, pero creo que probablemente sea un buen comienzo si no puedes poner las manos en las fichas. partir de ahí, entonces también traduzco a HEX, que es muy fácil de RGB, y traduzco a CMYK. Hago todas estas cosas en Illustrator, generalmente en el recolector de color, y estas cosas no siempre son un 100 por ciento de precisión, así que definitivamente tienes que hacer algunas pruebas. Pero siempre encuentro que este es un punto realmente bueno saltando fuera para empezar. Entonces así es como voy a traducir todos mis colores. Eso es todo para la visión general y el color y a continuación vamos a hablar de tipografía. 6. tipografía: Bienvenido a Unidad 3/ Video 3 donde vamos a hablar un poco más de tipografía. Tan solo para meterse en ello, tipografía realmente es una sección bastante simple en comparación con algunas de las otras. Esto depende de cuánta tipografía tengas realmente como parte de tu sistema, donde tengas diferentes variaciones en las tipografías, si cuántas tipografías realmente estás incluyendo, etc. Puede ser más grande de lo que te estoy mostrando dependiendo sobre lo que requiere tu marca. El primer apartado que incluyo es un resumen de la tipografía que forma parte de la marca. Como puedes ver esta marca en particular tiene dos tipos de letra que se utilizan principalmente, uno es un Sans-Serif y el otro es un Serif. Aquí siempre configuro un par de especímenes muy simples que muestran la tipografía para usar de tantas maneras diferentes como posiblemente se verá, utilizados con la marca. Siempre creo un espécimen con un titular, un párrafo, y luego rompo las diferentes formas de letras en mayúsculas, minúsculas y números solo para obtener una visión muy rápida de cómo se ven esos. Entonces esta marca en particular también tiene una tipografía de pantalla que se utiliza en mucho más casos frecuentes. De nuevo, lo rompí aquí y también acabo de crear un ejemplar muy sencillo. Esta tipografía en realidad ya que es display tiene muchas menos opciones de uso que las tipografías primarias lo hacen, por lo que este espécimen es aún más símbolo. Yo sí quiero señalar que este es un área donde se puede conseguir un poco más creativo. Como ya he mencionado antes sí trato de mantenerme más instruccional y simple con los gráficos que estoy usando. Pero por ejemplo si piensas de nuevo al PDF I Love New York que te mostré en la Unidad 1 usa los especímenes de tipo instruccional, pero lo hace de una manera un poco más interesante y muestra muchas más variaciones que estoy mostrando aquí. Puedes hacer algo así siempre y cuando estés teniendo en cuenta que la razón principal por la que realmente estás dividiendo este contenido es para mostrar a la persona que usa el libro que tantas opciones de uso como estén disponibles para cada tipo de cara para que obtengan lo más grande de la comprensión que puedan de cómo pueden poner a usar ese tipo. El segundo que quieres explicar en esta parte de la guía es la forma en que se puede utilizar la tipografía. Simplemente hago esto en el párrafo de texto del lado izquierdo de la página. Nuevamente, mantengo esto muy breve, pero hay un par de cosas que sí quiero señalar. Una es la tipografía funciona para, y dos es el peso real del tipo que se va a utilizar. Por ejemplo, la primera tipografía que estoy mostrando aquí es Eames Century Modern, y expliqué por el lado izquierdo en esa sección que esto funciona especialmente bien con body copy y luego en call-outs. Eso no dice que funcione exclusivamente en esas situaciones, pero enfatiza los tipos de situaciones para las que quiero que se utilice esa tipografía. Entonces el segundo párrafo también explica que esta tipografía debe utilizarse siempre en el caso de la frase o del título y nunca en todas las tapas o tapas pequeñas. Eso es algo que definitivamente quieres delinear en tus instrucciones si esas son restricciones que tienes, porque hacer algo vocal realmente cambia el aspecto de una pieza. Si no es lo que pretendías definitivamente va a menoscabar la consistencia que tienes en la marca a través de diferentes medios, así que eso es algo a tener en cuenta definitivamente. mismo con la pantalla, solo estoy haciendo exactamente lo mismo aquí donde digo que esta cara de pantalla se usa en aplicaciones limitadas, y que solo se debe usar para titulares y oraciones cortos y nunca para establecer secciones largas de copia del cuerpo y luego también delineando que esta tipografía nunca debe usarse en todas las tapas. Eso es algo de lo que quiero tener cuidado porque esta es una fase de visualización especialmente. Quiero asegurarme de que siempre sea legible, y solo hay ciertas instancias en las que se puede usar en que maximicen esa legibilidad. Eso es todo para la tipografía, tipografía es una sección realmente sencilla de armar dependiendo de los elementos que forman parte de tu marca. A continuación vamos a entrar en elementos gráficos. 7. Elementos gráficos: Bienvenido a Unidad 3, Video 4, donde vamos a repasar la sección de elementos gráficos de tu guía de estilo. Como mencioné antes, igual que con tu identidad de marca, la sección de elementos gráficos va a diferir dependiendo del contenido con el que tengas que trabajar. Te voy a llevar por la sección de elementos gráficos de este tipo en particular que te he estado mostrando para Sloan Taylor y solo te mostraré cómo lo he configurado en esta instancia. Pero esta es una sección que definitivamente va a diferir mucho dependiendo de los componentes que incluya tu identidad. Esta marca en particular, como ya he mencionado antes, tiene mucho patrón involucrado. Lo que hago es empezar con una página de visión general del patrón y simplemente usar una muestra muy pequeña de algunos de los patrones aquí para darle al usuario una visión general del tipo de patrones con los que tienen que trabajar y luego en la descripción, sólo explicar que cada patrón está disponible de ciertas formas de color pero se puede adaptar a combinaciones de colores ilimitadas y que también incluyo la regla de que solo se debe usar un patrón por pieza, lo cual es muy importante aquí porque mientras que el es de patrón pesado, también requiere un equilibrio de color y espacio en blanco y si empezaste a mezclar demasiados de estos patrones, podría volverse loco muy rápido. Eso es algo que quiero asegurarme de señalar. Entonces a medida que me moví, muestro algunas versiones más grandes de los patrones y en realidad los separo en categorías más pequeñas. El primero con el que estoy empezando aquí es el patrón de logotipo, que tienen en dos opciones, la opción a todo color y la opción con el azul primario. Nuevamente, solo estoy incluyendo una descripción muy simple aquí que incluye solo la información que necesitan saber para su implementación. Lo único que aquí es realmente importante saber es que otras variaciones de color se pueden desarrollar en este patrón. El único lineamiento que hay es que el azul de Sloan Taylor es que el color dominante? Entonces estoy mostrando este patrón de raya firma, que diría técnicamente es el patrón primario de la marca. Sólo hay uno de ellos. No hay múltiples variaciones, razón por la cual he usado una muestra tan grande aquí. Nuevamente, solo estoy esbozando en la descripción que otras variaciones pueden desarrollarse siempre y cuando el azul de Sloan Taylor sea un color dominante. Entonces tengo patrones de puntos dispersos. Como puedes ver, he separado estos enteros diferentes categorías agrupando patrones juntos, por lo que cada patrón no necesariamente necesita su propia página. En esta sección sólo se muestran tres variaciones diferentes en el patrón de puntos, que se pueden adaptar a cualquier combinación de colores y eso es lo que he configurado ahí en la descripción. Entonces también he mencionado que se han creado muestras de patrones en estas tres formas de color que puedes ver para empezar. Entonces esta marca también cuenta como parte de un elementos gráficos varias colaboraciones de ilustración. Esto es algo que se pretendía evolucionar con el tiempo y cambiar dependiendo de los proyectos en los que realmente estaba trabajando este cliente. Lo que hice aquí es solo tomar algunos ejemplos de ilustradores con los que iban a estar trabajando actualmente en ese momento e incluyeron algunos ejemplos de su trabajo justo como pauta para que el usuario pueda empezar a ver los diferentes estilos con los que trabajará la marca. Ahora estoy saltando a un tipo diferente que he hecho aquí solo para mostrarte otro ejemplo de un elemento gráfico que forma parte de una marca. En este caso, esto es para una empresa llamada Canopy Health y el uso de la fotografía de acciones fue bastante importante para ellos. Lo que he hecho aquí es una página de resumen que muestra un ejemplo de una fotografía que realmente consigue el punto al otro lado del estilo de la fotografía que se debe usar y en la descripción solo explico que el propósito de la la fotografía es agregar calidez a la marca y que se deben elegir imágenes que incluyan los niños y sus familias disfrutando de su tiempo juntos y se prefiere un ambiente soleado al aire libre. Eso deja las cosas abiertas y conduce para que el usuario pueda hacer su propia dirección de investigación y arte pero da algunas pautas claras para que tengan un marco para trabajar con ellos. Entonces también incluyo una segunda página que simplemente es esencialmente una hoja de contactos de un montón de fotos diferentes que caben todas, que se ajusten a esas pautas para que esta sea otra referencia a la que el usuario pueda volver a ver si las fotos e imágenes que están escogiendo encajan con la intención para las marcas. Después saltando a otro guía. Esto es para W&T Seafood, que es un pequeño distribuidor de mariscos. Tienen muchas ilustraciones, ilustraciones vintage que forman parte de su marca que todas cuentan con imágenes relacionadas con los mariscos. Esta es una página realmente sencilla que solo muestra una visión general de cuatro de las ilustraciones más comunes y coloreadas la forma en que generalmente tendemos a colorearlas. El criterio real no es muy específico porque se trata de un componente bastante abierto de la marca. No existen pautas estrictas en cuanto al dimensionamiento o cómo se usan. Toda la explicación que he dado aquí es sólo que estas ilustraciones se utilizan para añadir un toque de capricho a las piezas colaterales. Eso es todo lo que realmente necesitas saber en lo que a esta marca se refiere. Eso también te da una idea de ser abierto frente a ser súper instruccional cuando se trata de elementos gráficos como estos. Eso te da una visión general de cómo los elementos gráficos pueden incorporarse a la guía. Después el siguiente video vamos a hablar de contenido opcional. 8. Contenido opcional: En esta, repasaremos algunas opciones diferentes que tienes para el contenido que deseas incluir además de los componentes esenciales. Esto solo te dará un punto de salto para que puedas expandirte sobre él por tu cuenta dependiendo de lo que realmente necesite tu cliente. Para empezar, lo que voy a hacer, es pasar por los componentes opcionales que he incluido en mi guía de muestras de Sloan Taylor. Empezando por un tablero de humor, como mencioné desde un principio, creo que esto es algo que si has creado puede ser bueno para incluir, definitivamente no es necesario pero sí me gusta la idea de que esto le dé a cualquier usuario una visión amplia de la visual look y sentir que vas a por con la marca. En este caso, esta marca es muy visual y muy colorida y muy pesada de diseño así que pensé que la pizarra de humor en realidad no tenía sentido incluir. Entonces lo segundo es la esencia de la marca. Como mencioné antes, esto puede tomar forma de muchas maneras diferentes. Creo que en realidad hay muchas definiciones diferentes por ahí para lo que realmente es la esencia de marca, pero cómo se manifestó en este caso es en dos cosas específicas. El primero son las creencias de Sloan Taylor, y esto es algo en lo que el cliente y yo colaboramos juntos. Se trata sólo de varias frases cortas que realmente se mete en el corazón de lo que cree la marca. Creo que esto definitivamente es algo que si has desarrollado es realmente útil incluir, aunque esto no sea algo que desarrollaras por tu cuenta para la marca, pero si es algo que ya tiene el cliente y proporcionado a usted como punto de partida para su trabajo sobre la identidad, creo que esto definitivamente es invaluable y le da al usuario una base realmente buena para trabajar desde lo que se refiere los componentes emocionales e intelectuales reales que conforman el propia marca. Lo verás en algunas de las aplicaciones que te muestro un poco más lejos. Pero aquí hay una página de idioma muy simple en la que puedes entrar tanto más detalle sobre esto dependiendo de lo que hayas desarrollado o lo que tengas del cliente que esté existente. Pero para nosotros, sí establecimos una cierta forma de hablar con el público a través de nuestras aplicaciones que es alegre, acogedora, y conversacional, y la describimos aquí mientras hablamos con nuestro cliente como lo haríamos por un querido amigo o acariciado invitado. Esta página solo da algunos ejemplos de titulares conversacionales que podríamos utilizar en diferentes instancias a lo largo de las aplicaciones. Pero en lugar de ser directivas específicas, creo que esto sólo da una buena visión general del tipo de estilo de lenguaje que buscamos. Entonces la cuarta sección que utilicé aquí que creo que realmente se ve comúnmente como una inclusión opcional, son las aplicaciones, no súper específicas. Solo estoy dando ejemplos visualmente de las cosas que hemos diseñado. En realidad no son fotografías, solo son diseños, porque había cosas que no se produjeron en esa etapa. Pero no estoy dando detalles en cuanto a dimensionamiento o medidas ni nada por el estilo, ni proporcionando plantillas que hacen algunas marcas. Esto es solo para darle al usuario una idea de, acabas de mirar a través de todos los diferentes componentes que componen la identidad, y aquí tienes un ejemplo de cómo realmente puedes ponerla a usar. Este es un ejemplo de tarjetas de visita. Después algunas tarjetas de notas. Estas son tarjetas de notas de conversación. Notarás que el lenguaje de una de las páginas anteriores se incorpora literalmente aquí. Después una etiqueta de correo, un sobre y forro, y sello de sobres. Esto puede incluir tantas piezas como tengas, o puede ser realmente simple. Lo que hice aquí es solo mostrar tanta variedad como teníamos para las piezas que ya hemos desarrollado. El propósito es que siempre podamos sumar más cosas por la línea a medida que las desarrollamos si sintiéramos que eran importantes para que la guía exhibiera. Solo quiero pasar por algunos ejemplos de marca externos, para que puedas ver algún otro contenido que quizá quieras incluir si funciona para tu marca. El primero es Pfizer. Yo solo voy a pasar por esto de forma rápida y otra vez, te daré un enlace a este y al PDF para que puedas descargar y voltear esta guía tú mismo si quieres echar un vistazo más de cerca. Por supuesto, Pfizer es una marca enorme. Sus pautas de marca son muy detalladas y muy complejas. Este es casi el extremo opuesto completo del espectro desde el tipo de trabajo que generalmente estoy haciendo, que es, sobre todo, por lo que quería mostrarles. Esta página es sólo su arquitectura de marca. Se trata de una descripción de muy alto nivel de la forma en que su marca trabaja en conjunto, en cuanto a sus divisiones, programas y productos, y cómo se plasman en este sistema arquitectónico. Después entran en aún más detalle sobre la estructura arquitectónica aquí. Esto en realidad descompone todos los colores de su marca y te muestra los diferentes porcentajes que están disponibles, específicamente para su uso en gráficos informativos. Entonces esta página en realidad muestra cómo configurar una cuadrícula. Lo que han hecho aquí, se ha ido realmente muy lejos en detalle para que cualquiera esté configurando cualquier tipo de documento para ellos. Dan mediciones decimales muy específicas para el tipo de tamaño de página que estás usando, qué margen se debe usar, y luego qué cuadrícula se debe usar, cuántas columnas, cuál debe ser el tamaño de canalón y luego el cuadrícula basal tipográfica. Entonces también entran en PowerPoint, que es realmente una aplicación común para muchas empresas en este momento. Si eso es algo que se usa con frecuencia, esa podría ser una aplicación que quieras incluir, quizá quieras mostrar las pautas de cómo debe configurarse una presentación. Ahora voy a saltar por encima de las pautas de Jamie Oliver, que definitivamente es un poco diferente, pero también incluye algunas cosas aquí que aún no hemos visto. Una gran parte de lo que la identidad de Jamie Oliver necesita aplicar es el embalaje. Esta guía en particular entra en profundidad sobre el packaging en términos de diferentes audiencias, pero se utiliza para y cómo cambia el diseño en base a esa audiencia y aplicación. Esto solo te da algunos ejemplos diferentes de tamaños que se usarían, y también te muestra algunas reglas que están asociadas a cada uno. Después siguieron a eso mostrando que no es así. Al igual que hicimos con el uso del logotipo, esto es algo que también podrías incluir si crees que sería útil en cuanto tus aplicaciones o cualquier otra sección de tu guía, realmente, donde estás mostrando qué no hacer para que el usuario se asegure de evitar diversas aplicaciones o ejecuciones de los diferentes elementos que definitivamente no quieres formar parte de la marca. Nuevamente, esto sólo está entrando un poco más de detalle de la configuración del empaque en cuanto a las excepciones que se permiten. Otra variación del envase donde se habla de centrar el logotipo y cuando eso es apropiado y cuando no lo es, y ahora esto se está centrando en la parte posterior del paquete con excepciones. Esto se está centrando en la parte posterior del paquete cuando se trata de un paquete alimenticio y entra en mucho detalle sobre cómo se debe diseñar eso, y los diferentes tipos de tamaños que se deben usar, y los diferentes tipos de pesos que deben ser utilizado. Entonces ahora solo voy a saltar a Demanda medios. Esta página es algo que no hago a menudo, pero creo que podría ser bastante útil si tienes muchos activos diferentes con los que estás trabajando. Este es un resumen de los diferentes formatos de archivo para los logotipos. A la izquierda les da la clave de significado, que definitivamente creo que podría ser útil, sobre todo para personas que no necesariamente están acostumbradas a trabajar con archivos de diseño y no saben qué buscar, eso podría ser un guía realmente útil para que alguien tenga. Entonces en realidad muestra dónde se encuentran cada uno de estos logotipos en la estructura de carpetas que se proporciona. Ahora se trata de más detalles sobre los logotipos, que es un componente esencial, pero este uso específico no siempre es necesario ni aplicable. Aquí tienen un logotipo al que están llamando insignia de atribución. Esto tiene que ser siempre colocado y utilizado de una manera específica. Los están mostrando separados. Entonces también en realidad colocado en una página y cómo eso funcionaría. También han mostrado una preferencia de colocación primaria y secundaria. Entonces aquí solo están mostrando ejemplos de uso final, que siempre creo que es una gran idea. Entonces esta marca tiene estos elementos gráficos de punta de flecha que utilizan, cuales se resaltan grandes aquí, y luego se muestran en diversas aplicaciones cómo se pueden usar, lo cual creo que es realmente genial otra mostrando de tantas maneras diferentes. Entonces este es otro elemento gráfico que es muy específico de la marca. Es este uso de alineación de tipos y ángulos y se pone bastante específico sobre cómo se debe usar eso, y los ángulos y los diferentes porcentajes que deberías estar usando en términos de espaciado. Entonces aquí hay otro do y no sección que creo que podría ser útil en ciertas situaciones. Este es un ejemplo de muchas aplicaciones diferentes donde el uso del color es correcto. También tienen una página domo, pero no los estoy incluyendo aquí, así que puedes revisar eso en un PDF si quieres echar un vistazo más de cerca. Esto también muestra las flechas aplicadas a la fotografía. Después también cuentan con una sección de comunicación digital. Así es en realidad como configurarías una firma de correo electrónico, y da todos estos detalles diferentes sobre el color y el tamaño y el interlineado que deberías estar usando. También tienen algunos lineamientos de sitios web. Ahora, no me metí en las pautas web en absoluto, sobre todo porque esta es una clase que realmente está enfocada en una guía de identidad de marca. Pero obviamente los sitios web son extremadamente importantes para las marcas en estos días y las pautas son realmente necesarias si tienes un sitio más grande en el que van a estar trabajando múltiples personas. Adicionalmente, por qué no me metí en ellos aquí, es porque requiere todo otro conjunto de reglas además de lo que ya he hablado para la identidad y realmente puede ser todo un conjunto de lineamientos por sí mismo. Incluiré un par de enlaces en el PDF, si definitivamente necesitas incluir pautas de sitio web que te darán un poco de orientación como cómo hacer eso aunque también. Eso lo cubre para todos los detalles de contenido que vamos a repasar. A continuación, voy a repasar los detalles finales para armar tu guía. 9. Detalles finales: Oigan, todos. Bienvenido al video final en clase donde voy a pasar por todos los detalles que necesitas saber para solo conseguir que tus libros sean pulidos y terminados. Te voy a llevar a través de algunos consejos respecto a tipografiar y abotonar el diseño que creo que sería útil solo por ponerle los toques finales a tus guías. Entonces los voy a llevar a través de la final Sloan Taylor, chicos. Se puede ver cómo todo se juntó al final. También solo tienes que darte un poco de información sobre los tipos de archivos y cómo configurarlos para el uso de tu cliente. Así que vamos a sumergirnos justo en. Ya deberías tener una guía de estilo totalmente completada con todas tus páginas diseñadas y todo el contenido incluido. Antes de terminarlo por completo y enviárselo al cliente, hay algunas cosas que recomiendo hacer, y lo primero es comprobar tu contenido. Hechizo revisión dos veces. Siempre lo paso dos veces porque tiendo a apresurarme a través de ella. Si no las dos veces, entonces definitivamente la primera vez que me apresuro por ello y siempre tiendo a extrañar una cosa aquí o allá. Entonces creo que es importante pasar por ello con cuidado. Entonces también quieres leer a través de tu contenido para mayor claridad, asegurarte de que todo tenga perfecto sentido y tomarte un poco fuera de tu marco de referencia de diseño y asegúrate de que todas las instrucciones que estás dar tendría sentido a alguien que no está tan familiarizado con la marca. Entonces, por último, solo asegúrate de haber incluido toda la información necesaria. Vuelve atrás y compara la guía con el esquema de contenido original que hiciste y solo asegúrate de haber incluido cada detalle que sea necesario. Ahora tipografía básica. Mi primer trabajo fuera de la universidad, terminé trabajando mucho en reportes anuales. Entonces aprendí mucho sobre la tipografía que definitivamente no aprendí en la universidad. Todos esos pequeños detalles que son meticulosos y a veces frustrantes como lo son para ejecutar realmente ayudan a pulir un documento y hacerlos parecer súper profesionales al final. Por lo que esta clase definitivamente es demasiado corta y sencilla para que yo entre en ella con extremo detalle. Pero pensé que al menos pasaría por algunos conceptos básicos para que comenzaras y solo te proporcionaría algunos recursos adicionales en el PDF. Entonces solo voy a pasar por cinco cosas que creo que son las herramientas de tipografía más importantes que debes usar. En primer lugar, es encontrar un sustituto de espacios dobles. Todavía hay un poco de debate por ahí sobre esto. Pero en la comunidad de diseño a través del tablero, solo debes usar un espacio después de una oración. Sé que no nos enseñaron de esa manera. Definitivamente me enseñaron en la escuela para escribir dos espacios después de un periodo. Pero cuando se trata de tipografiar, eso es simplemente incorrecto. Permite una experiencia de lectura mucho más agradable cuando no tienes estos grandes bloques de blanco entre cada oración que rompen tu patrón de lectura. Así que siempre asegúrate de que haya uno y solo puedes hacer un hallazgo muy rápido y reemplazar en InDesign para deshacerte de esos. En realidad siempre hago eso dos veces más bien porque nunca se sabe a veces si podrían aparecer tres espacios y en ese caso, hacer el reemplazo final una vez solo se encargaría de uno de esos espacios y entonces seguirías quedando con el doble espacio. Entonces siempre pasa por eso dos veces. El siguiente es asegurarte de que estás usando cotizaciones inteligentes, definitivamente no quieres usar marcas int que ves a la izquierda. Las cotizaciones inteligentes a la derecha son cotizaciones rizadas. Esos son el glifo tipográfico adecuado para usar. Usar esos es un ajuste muy sencillo en tus preferencias. Así que mira tus preferencias en la sección tipográfica y ahí encontrarás una casilla de verificación. Por lo general eso solo dice Usar Cotizaciones Inteligentes. Así que siempre asegúrate de que eso está comprobado. Por lo general paso y solo verifico dos veces, escaneo todo el texto para cualquier instancia de cotizaciones y me aseguro de que sean citas inteligentes y puedes cambiarlas manualmente si por alguna razón esa configuración no se aplica a todos de tus glifos. En tercer lugar, es remover a cualquier huérfano y viuda. Entonces si no estás familiarizado con esto, un huérfano es una sola palabra o una agrupación de dos palabras muy cortas que cae de una columna a la siguiente columna y aterriza en la parte superior de la columna por sí solo. Entonces una viuda es también una palabrita o un par de palabras muy cortas que cae al final de un párrafo. Nuevamente, al igual que con los espacios dobles, esto solo evita una experiencia de lectura muy suave y limpia. Esto es algo que definitivamente quieres evitar y asegurarte de que te estás deshaciendo de ellos ajustando el seguimiento y ajustando la separación de guiones, a la que también llegaré en el próximo par de consejos para hacer seguro que ninguno de esos existe en tu contenido. Ahora lo siguiente que quieres hacer es ajustar el trapo de tu texto. Esto podría no ser necesario si no estás usando párrafos largos de texto en tu guía. Si solo tienes una frase o dos de una descripción, esto no es algo por lo que debes alborotar durante mucho tiempo, pero si tienes una copia extensa, esto es algo a lo que quieres asegurarte de que estás prestando un poco de atención. Como puedes ver a la izquierda, este es un ejemplo incorrecto donde el trapo realmente está haciendo una forma de onda en el lado derecho del mismo. Es una lectura muy entrecortada cuando algo se ve así. Entonces a lo que quieres apuntar es algo más parecido a lo que ves a la derecha, donde tienes un ritmo muy parejo de líneas de textos y no hay una forma distinta que realmente te esté distrayendo y si entrecerras los ojos, realmente obtienes un gran color muy consistente con todo el texto. Esto también es algo que quieres ajustar con el seguimiento y la separación de guiones. Eso es algo también como dije, que no me voy a meter súper en este momento, pero me aseguraré de que tengas los recursos para aprender más sobre eso más adelante. Lo último que quieres hacer es limpiar la separación de guiones. Como se puede ver a la izquierda, este párrafo tiene una tonelada de separación por sílabas, que a menudo en InDesign es lo que sucede cuando se utiliza la configuración predeterminada. Por lo que quieres evitar un par de cosas aquí. Se quiere evitar demasiados guiones seguidos. Se puede ver al mirar hacia abajo hacia el final del primer párrafo, hay tres guiones seguidos. Definitivamente es demasiado. Ni siquiera tendría dos seguidos, si fuera posible. Entonces lo otro aquí es que tienes dos de la misma palabra exactamente con guión. Eso es algo que absolutamente quieres evitar. Por lo que todo esto se puede ajustar a través del uso del seguimiento y la configuración de separación de guiones. Una cosa que siempre uso es el ajuste de una sola línea en contraposición al párrafo. Eso es algo que te permite ajustar realmente cada línea de texto por sí solo en términos del seguimiento y espaciado para que no rehuffe el párrafo cada vez que realices un ajuste. Siempre encuentro que eso se presta a resultados mucho mejores cuando estás tipografiando un párrafo. Entonces solo pequeños ajustes de diseño que quieres pasar y hacer. Simplemente enciende tus líneas de cuadrícula y asegúrate de que todo esté alineado correctamente, que todo sea consistente de página a página en cuanto a dónde cae en las líneas de cuadrícula. Limpia tus colores. Como puedes ver en este ejemplo de paleta, esto es antes de que estén completamente limpiados. Tengo algunos colores PMS y luego tengo algunos colores CMYK que se nombran de manera inconsistente. Quieres asegurarte de que, número 1, no tengas ningún color en tu paleta que no se esté utilizando, lo cual es una solución realmente rápida en el menú flyout de muestras. Simplemente puedes seleccionar todos en uso y luego eliminarlos a partir de ahí. Entonces también quieres simplemente cambiar el nombre de todo, dijo que son consistentes y que solo es muy fácil de ver. Entonces también quieres limpiar tus hojas de estilo, que es algo que deberías estar usando en todo el diseño, si estás usando mucho texto. No me metí mucho antes en las hojas de estilo porque de nuevo, ese es todo otro tema que requeriría algo más de tiempo. Proporcionaré recursos a info sobre hojas de estilo. Pero generalmente deberías estar usando esos tanto como sea posible porque lo que eso te permite hacer es tomar un estilo, por ejemplo, esta copia corporal que puedes ver en el lado izquierdo de mi guía, y simplemente aplicar eso rápidamente a cualquier otro instancia de esa copia corporal a lo largo del libro. Entonces si quieres hacer un cambio a ese estilo, digamos cambiar el tamaño del tipo o el alquiler. Entonces todo lo que tienes que hacer es entrar en esa hoja de estilo y hacer el ajuste ahí, y se aplicará a todo lo que se aplique. Eso es limpiar las hojas de estilo, solo quieres asegurarte de que no haya nada que no se esté usando en la paleta, y que todo se aplique de manera consistente de la misma manera. Solo quieres un botón arriba y asegúrate de que esté muy limpio. Ahora solo voy a dar la vuelta a través la guía final de estilo de Sloan Taylor solo para que veas cómo eso se juntó muy rápidamente. Lo vamos a ver en spreads para que puedas ver cómo cada página se conecta a la siguiente. Entonces tapan y luego tenemos la portada interior, y la tabla de contenidos, donde se divide en secciones. El apartado esencia de la marca. Incluí aquí la pizarra de humor porque es una pieza de contenido visual de muy alto nivel. Entonces la sección de tono de voz, que es muy corta y dulce. Entonces la sección de elementos de marca, que es la mayor parte del contenido aquí. Estamos empezando con el uso de logotipos, paleta de colores, tipografía. Tenemos el espacio en blanco, patrón, luego ilustración. Entonces tengo los ejemplos de uso en su propia sección separada. He dividido la impresión aquí porque la intención siempre fue que hubiera un componente web que se agregaría más adelante por la línea. Entonces aquí solo puedes ver todas las aplicaciones; diferentes aplicaciones de papelería, todas al lado de la otra. Después tenemos la contraportada interior y esa página de cara. Lo que suelo hacer ahí en todas mis guías es tener información de contacto. Esto da la oportunidad de incluir tanto el contacto como la propia marca y luego también el contacto del estudio de diseño, para que cualquier persona que utilice la guía tenga múltiples canales para obtener respuestas a sus preguntas. Entonces tenemos la contraportada y eso es todo. Rápidamente antes de irme, sólo quiero hablar muy brevemente sobre los formatos de archivo porque una de las otras cosas que va a la par con enviar una guía de estilo es enviar la obra final. Yo solo quiero darles una visión general de cómo hago eso. Generalmente, estos son los cuatro formatos de archivo con los que estoy abordando o trabajando. Archivos EPS, JPEG, PDF, y PNG. Un archivo EPS es lo que uso para cualquier cosa basada en vectores. Todos los logotipos, cualquier muestra de patrón que se necesite utilizar, cualquier otro elemento gráfico basado en vectores. Normalmente también incluyo JPEG de logotipos y cosas así. Esto tiende a ser útil si estás usando un PowerPoint o algo así, eso se va a ver en pantalla. He encontrado a través de la experimentación de usar ese tipo de aplicaciones que los JPEG de alta resolución funcionan realmente bien en algo así como un PowerPoint que también necesita ser impreso. No siempre incluyo archivos PDF, pero a veces la gente pide esos además de los archivos EPS. Los hago a través de Illustrator por lo que también están basados en vectores, pero son visibles en cualquier máquina en un montón de aplicaciones diferentes donde un archivo EPS es realmente abrible en Illustrator, si quieres todavía editar los vectores. Entonces archivos PNG que uso en la web. Se puede tener transparencia en estos archivos a diferencia de un JPEG, lo cual es realmente útil. Es así generalmente como funciona la estructura de mis carpetas que envío. Envio una carpeta comprimida que tiene toda una estructura de carpetas dentro de ella. Generalmente tendré la carpeta principal con la obra final. Entonces para esta marca en particular que les estoy mostrando, las dos cosas principales que estaba enviando de logotipos y patrones. Este logotipo tenía varias opciones diferentes, tenía un logotipo primario, una marca secundaria, y opción apilada. Dentro de esas tres carpetas, también tengo una carpeta para impresión y pantalla. Es así como separo los diferentes formatos. Esta persona pide archivos AI en contraposición a EPS, lo cual es una solución fácil. Así que los guardé como archivos AI en su lugar y los incluí aquí. Como puedes ver, acabo de guardar las diferentes opciones con su nombre de color etiquetado al final. Es así como los distingo. Se puede ver aquí tengo un CMYK negro, ambos PMS codificado, y sin codificar en RGB y blanco. Esas son todas las diferentes opciones de color que se aplican a ese logotipo específico. Entonces las mismas opciones de color aparte de las opciones PMS y CMYK, simplemente se traducirían a pantalla. Entonces hago lo mismo por las marcas secundarias y las marcas apiladas. Entonces para los patrones, realmente también es el mismo tipo de enfoque. Generalmente empiezo con archivos basados en vectores para las muestras de patrones que hago en Illustrator. Eso es generalmente lo que quiero recomendar para que la gente esté usando a través del tablero de todos modos. Pero también sí incluyo tanto archivos digitales de alta resolución como de baja resolución para pantalla, para que si alguien quisiera usarlos en una presentación de PowerPoint o algo en ese sentido que pudieran hacerlo. Entonces así es como organizo todo. Es muy estructurado y jerárquico. Como dije, acabo de comprimir la carpeta y enviar esto con la guía y esto suele ser bastante suficiente. Eso es todo por cómo crear una guía de estilo. Espero que ustedes disfruten esto y sacaron algo de ello. Tengo muchas ganas de ver tu trabajo. Gracias. Oigan a todos. A mí me gusta tomarme un minuto para presentar al patrocinador oficial de esta clase, Squarespace. Ahora que has completado tu proyecto de identidad de marca, uno de los siguientes pasos lógicos será ponerlo en marcha en un sitio web. No todos somos expertos en diseño web o tenemos acceso a un desarrollador. En ese caso, Squarespace es realmente una excelente opción. Squarespace proporciona una plataforma todo en uno para crear un sitio web de forma rápida y sencilla con plantillas receptivas de aspecto profesional para elegir y 24-7 o soporte a través de chat en vivo y correo electrónico. Puedes darle una oportunidad a Squarespace inscribiéndote en un juicio, no se requiere tarjeta de crédito y empezar bien. Lo que es aún mejor es que como estudiante de esta clase, puedes obtener un 10% de descuento al inscribirte. Simplemente ve a la URL que ves en tu pantalla, squarespace.com/courtney, introduce código de oferta habilidad6. Muchas gracias por apoyar a esta clase y gracias de nuevo a Squarespace. Una mejor web comienza con tu sitio web.