Más allá del logotipo: crear una identidad de marca | Courtney Eliseo | Skillshare
Menú
Buscar

Velocidad de reproducción


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

Más allá del logotipo: crear una identidad de 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.

      Tráiler/avance

      7:18

    • 2.

      Introducción a la identidad de la marca

      7:18

    • 3.

      Breve descripción de la creatividad

      12:35

    • 4.

      Descripción del tablero de inspiración

      10:36

    • 5.

      Descripción de color

      6:40

    • 6.

      Crear paletas de color

      8:39

    • 7.

      Descripción de la tipografía

      13:24

    • 8.

      Escoge la tipografía

      9:10

    • 9.

      Descripción de lenguaje gráfico

      6:54

    • 10.

      Diseñar el lenguaje gráfico

      9:28

    • 11.

      Presentación

      10:27

  • --
  • 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.

26.774

Estudiantes

233

Proyectos

Acerca de esta clase

Desarrollar una identidad visual. Sé reconocible instantáneamente.

Los logotipos son imprescindibles, pero no existen en la vacía. Aprovechar el conocimiento para que tu logotipo sea la piedra de la identidad de marca completamente realizada en la clase de 90 minutos de Courtney Eliseo. Desde el color y tipo hasta los patrones e ilustraciones, aprenderás a reconocer y crear cualidades visuales esenciales para transmitir valores de marca y de la personalidad. Además de 10 lecciones de video cortos, estamos encantados de compartir 15 páginas de recursos específicos y descargables para ayudarte a realizar la visión de tu proyecto. Muestre tu marca al mundo.

Mira 10 lecciones de video.

  • Conceptos básicos: ¿qué diferencia de "marca" de "marcas" y cómo trabajan juntos para apoyar y mejorar tu logotipo?
  • Aplicaciones: ¿cuáles son diferentes consideraciones de medios impresos y digitales?
  • Decisiones paso a paso: cubriremos cómo elegir una paleta de colores, cómo elegir la tipografía complementaria y cómo desarrollar una biblioteca de elementos gráficos de apoyo adicional: desde los patrones hasta los logotipos secundarios, ilustraciones y más.
  • Puesta de la a la posición: repasaremos los métodos para organizar estos componentes en un formato adecuado para una presentación de tu cliente.

Aprende haciendo. 

Al final, tendrás un sistema completo de identidad de marca listo para la presentación de clientes y de la implementación del mundo real. Ampliarás un logotipo existente (tuyo o propuesto) para crear un sistema de identidad de marca integral, incorporando todo color, patrón y tipografía complementario para apoyar elementos gráficos, como los patrones o ilustraciones de patrones.

______________

Resumen de la clase

  • Introducción de la identidad de marca. La veterinaria de la industria del diseño de Courtney Eliseo enseña más allá del logotipo. En esta clase, tu tarea será crear tu propia identidad de marca. Con la ayuda de Courtney, descubrirás que los logotipos nunca existen de una vacuum, y crear un logotipo de negocio significa diseñar un marcador que se adapta a tu marca en general.
  • Descripción de los informes creativos. Courtney comienza cada proyecto de logotipo de diseño gráfico con una descripción creativa. Aprenderás qué incluir en tu cliente de una página (o personal) indicarán. Courtney te guía a través de cada sección. Ella comienza con el fondo, el objetivo, el público objetivo de destino y el mensaje. y se termina con la competencia, las características distinguidas, las consideraciones creativas y las palabras clave. Estos pasos te permitirán perfeccionar la personalidad de la marca que estás diseñando.
  • Descripción de la base de luz. Un panel de inspiración es una contraposición visual de tu resumen creativo. Ambos sirven el ejemplo de tu proyecto de diseño de logotipos. Courtney te mostrará tres grandes plataformas para crear paneles de inspiración: Pinterest, Dropmark, e Icebergs. También tendrás una idea de cómo investigar de tu panel de inspiración y cómo organizar tu tablero de inspiración y de cómo personalizar tu de tablero en Illustrator.
  • Descripción del color. Puedes perfeccionar una paleta de colores; teniendo en cuenta los medios que usarás, cuántos colores necesitarás y cuáles son las preferencias de tus clientes. Para empezar
  • Creación de paletas de colores. Aprenderás a crear paletas de colores en Illustrator, basado en tu panel de inspiración y en tu guía de cliente. Courtney te mostrará cómo usar la herramienta guía de colores de Illustrator, que genera varias paletas de color a partir de una sola muestra. Puedes seleccionar esta muestra de tu panel de inspiración.
  • Descripción de la tipografía. Al determinar qué tipografía usarás en tu proyecto, aprenderás a mantener sencillo eligiendo dos tipo de letra diferentes. Courtney te mostrará cómo asegurarte de esos tipo de letra de tipo de letra de ofrecen los niveles adecuados de contraste y similar. También aprenderás a descargar fuentes de alta calidad de Google y explorar diferentes opciones de licencia de fuentes creadas por otros diseñadores y distribuidas en línea.
  • Elección de la tipografía. A veces, los tipos de letra de tu diseño de logotipo personalizado no se traducirá al resto de tus materiales de branding. Para encontrar las fuentes adicionales adecuadas, aprenderás a experimentar explorando cómo se ven parecidas de varias opciones (en todas las capas, minúsculas y como números).
  • Descripción de la descripción de la lengua gráfica. Una de las partes favoritas del proceso de identidad de marca es el lenguaje gráfico, que es parte integral de la teoría de diseño. Este elemento es especialmente importante cuando se trata de asegurarse de que tu logotipo de encaje de forma de marca de forma general. Verás cómo crear un sistema de identidad al quitar elementos directamente de tu logotipo.
  • Diseño de lenguaje gráfico. En Adobe Illustrator, verás cómo Courtney expone su tipografía y paleta de colores, para crear patrones que se ven mejor para su sistema de branding. Puedes lograr este objetivo utilizando la herramienta "guía".
  • Presentación. Finalmente, aprenderás a crear un diseño claro de los elementos de identidad de marca que has creado para tu cliente, utilizando las diapositivas y un collage de identidad.

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

2. Introducción a la identidad de la marca: Hola a todos, bienvenidos a Beyond the Logo: Crafting a Brand Identity. Yo soy Courtney Eliseo, y en esta clase voy a estar llevándote a través de mi proceso personal para desarrollar una identidad de marca para que puedas tomar esas herramientas y usarlas por su cuenta cuando estés trabajando con tus propios clientes, o si estás diseñando una identidad de marca para ti y para tu propio negocio. A lo largo de la clase, voy a estar usando una mezcla de diapositivas y algún casting de pantalla para que puedas ver con un Illustrator un poco de cómo me junto algunos de los elementos. Entonces vamos a empezar con una introducción y vamos a meternos en ello. Antes de entrar en demasiados detalles, debo decir que esta es realmente sólo una forma de hacer las cosas. Es un proceso que he desarrollado a lo largo de los años, y realmente me ha funcionado, trabajando con pequeñas empresas, pero cada estudio y diseñador, estoy seguro que tiene una forma diferente de hacer las cosas, así que siéntete libre para sustituir partes del proceso o para poner tu propio giro en las cosas. Este no es el fin todo, ser todo de proceso de identidad de marca. Entonces solo para darte un poco de antecedentes sobre mí mismo, dirijo un estudio de diseño con mi esposo que es desarrollador web, Su nombre es Bryan y el estudio se llama Seamless Creative. Nos especializamos en crear identidades de marca para pequeñas empresas. También dirijo un blog de diseño llamado Design Work Life, que cuenta con inspiración de diseño, y ambos negocios han existido desde 2008. Entonces esto es solo un pequeño muestreo de algunos de los logotipos que hemos creado a lo largo de los años, que forman parte de proyectos de identidad de marca más grandes. A lo largo de las presentaciones, he rociado parte de este trabajo a través de cada unidad para que se pueda ver en algunos casos cómo un logotipo se ha desarrollado en un sistema de identidad de marca más grande, y eso lo señalaré cuando lleguemos. Con todo eso fuera del camino, vamos a meternos en ello. Entonces lo primero con lo que quiero empezar es hablar de marca versus identidad de marca. Creo que en el mundo del diseño, los términos marca y branding se tiran un poco a donde no pertenecen exactamente, así que creo que es importante cubrir las definiciones de lo que son esas dos cosas, y determinar cuáles son sus diferencias. respecta a la marca, hay definición que personalmente me gusta por Seth Godin, y esa definición es, “Una marca es el conjunto de expectativas, recuerdos, historias, y relaciones que tomaban en cuenta en conjunto para decisión de un consumidor de elegir un producto o servicio sobre otro”. Entonces una marca no es algo tangible que realmente no puedas tocar o ver. Va más allá del diseño, y dentro de esa marca sin embargo, encontrarás la identidad de marca, que es la representación visual de todos aquellos que implican pensamientos intangibles, sentimientos, y relaciones que el consumidor tiene con un producto o una organización o un negocio. Realmente siento que esta distinción es importante hacer, por eso siempre soy muy específica cuando hablo del trabajo que hago al decir que es identidad de marca y no branding, porque el branding es un tema enorme y yo realmente se especializan en la parte de identidad visual de eso. Eso es lo que vas a estar haciendo también en esta clase, por lo que no abarca la práctica mucho más amplia del branding, que involucra todo tipo de disciplinas diferentes y muchas otras personas que necesitan involucrarse en la creación de un marca holística. Entonces en cuanto a una identidad de marca, en mi práctica, hay algunas cosas principales que conforman los componentes de lo que es eso. En su núcleo está el logotipo para la empresa u organización, y esto puede ser un logotipo singular o un sistema de logotipos coordinados, pero de cualquier manera, siempre es el identificador principal de ese negocio. Donde entra la identidad de marca, es que un logotipo nunca se ve ni se experimenta de manera aislada. Siempre lo estás viendo en algún tipo de contexto, y en algún tipo de entorno, ya sea un sitio web o en una tarjeta de visita o en una cartelera o algo así. Todos los elementos que estás juntando con el logotipo realmente necesitan ser considerados cuidadosamente porque la forma en que se unen juega un papel realmente enorme en cómo tu cliente se presenta al mundo. Entonces en mi proceso, hay tres componentes principales que se unen para apoyar el logotipo en un proyecto de identidad de marca, y esos son el color, tipografía, y el lenguaje gráfico. En las próximas unidades, vamos a entrar en mucho más detalle sobre cada una de esas cosas. Por lo que pasando por tu proyecto a lo largo de esta clase, vas a estar creando tu propia entidad de marca a medida que avanzamos, y como mencioné en la descripción, puedes usar un logotipo que ya tienes, sea para a ti mismo o aprobado por un cliente, o si no tienes uno y solo quieres hacer el ejercicio, sí me maquillé un logo para que lo uses. Entonces este es el logotipo, y algunos de ustedes podrían reconocer esto si les gusta la cultura pop. Se trata de una empresa de uno de mis programas de televisión favoritos que ahora está fuera del aire llamada Party Down. Técnicamente tenían un logotipo si cuentas los títulos para el programa de televisión, pero lo ordeno un poco. Entonces esta es solo la versión en blanco y negro de la misma que tengas una especie de pizarra limpia con la que trabajar, y estoy aportando algunos otros elementos de los que hablaré también en el próximo par de videos. Además, a medida que pasemos por esta clase, te voy a estar mostrando cómo desarrollo una identidad de marca con uno de los logotipos con los que he trabajado en el pasado. Entonces para mi proyecto, te voy a estar mostrando la identidad para la fotografía de Maggie Harcourt, quien es fotógrafa de bodas, y en cada paso del camino te voy a mostrar cómo se desarrolló su identidad, que tú puede ver cómo estoy juntando algo justo a tu lado armándolo para ti mismo. Ahora antes de ir más allá, debo decir que esto también supone que tienes dos piezas realmente importantes del rompecabezas en su lugar, y es decir, un breve creativo, y un tablero de humor. Para mi proceso, estos son esenciales, y hay dos documentos a los que vamos a estar refiriendo constantemente a lo largo del proceso, así que es algo que realmente necesitas tener, y por si acaso estos son las cosas con las que no estás familiarizado y no has hecho antes, tengo dos videos siguiendo este que te dan una visión general de ambas para que puedas establecerlas por tu cuenta. Esto suele ser algo que armé antes incluso de empezar con un logo. Pero para los efectos de esta clase, está bien si solo tienes que dar un paso atrás y desarrollarlos basados en el logo que ya tienes. Entonces eso es todo para la introducción, y a continuación vamos a hablar breves creativos. 3. Breve descripción de la creatividad: Hola a todos. Bienvenido a Unidad 1, video 2, donde vamos a hablar de breves creativos. Escribir breves es en realidad una práctica que aprendí en la universidad, y realmente me ha pegado a lo largo de los años en dirigir mi propio negocio. Es algo que uso en cada proyecto que hago. Definitivamente siento que los proyectos son mucho más exitosos, y corren más suavemente cuando empiezan con uno. También tengo que mencionar que sí pedí a algunos de ustedes me enviaran sus preguntas antes de comenzar la clase, para ver si puedo incorporar algunas de las respuestas a ellas en el plan de estudios. Muchas de las preguntas que tuviste realmente se pueden responder usando un muy buen resumen creativo sobre un proyecto. Vamos a meternos en ello, y te daré algo más de información a medida que avancemos. ¿ Qué es un breve creativo? En realidad es sólo un documento que esboza los parámetros del proyecto de una manera clara y concisa. Siempre digo a mis clientes que actúa como un plano o una guía para la dirección que debe tomar el trabajo creativo. Realmente asegura que tanto tú como un cliente estén en la misma página, antes de que pases algún tiempo desarrollando la obra en sí. El modo en que suelo reunir información antes de armar un breve conjunto, es simplemente a través de conversaciones con el cliente, ya sea por teléfono o por correo electrónico. También suelo armar un cuestionario que personalicé para cada cliente antes de comenzar el proyecto, para obtener toda la información básica, y para que el cliente realmente piense en el proyecto por su cuenta, antes de trabajando conmigo. Una vez que tengo toda esa información, eso me da una base realmente buena para el contenido en el breve, y me da suficiente contenido por lo general para que lo junte por mi cuenta. En ocasiones un cliente me proporcionará un breve que uso sin tener que cambiar en absoluto. Pero eso es bastante raro. Yo diría que la mayor parte del tiempo, estoy iniciando el proceso, y controlando la redacción real del escrito. Este es un ejemplo de uno de mis escritos creativos. Es por el proyecto que les voy a estar mostrando a lo largo de la clase. Lo que voy a hacer en este video, es sólo pasar por cada parte del breve, y explicarte qué tipo de información debe ir allí. Entonces al final, también he incluido un breve para que descargues, es decir para el proyecto de muestra que te he dado, para nuestro catering Party Down. Puedes usar eso si estás usando el logotipo de Party Down como tu proyecto, o simplemente puedes usarlo como referencia si necesitas renovar el breve en el que estás trabajando para tu propio proyecto. Sólo pasemos por cada uno, uno por uno. El primer apartado es de antecedentes. La pregunta que quieres contestar aquí es, ¿quién es el cliente y cuál es su situación actual? Tan sólo una descripción realmente breve de quién es el cliente y cuál es su problema ahora mismo. Por ejemplo, Maggie's es, Maggie Harkov es una fotógrafa autodidacta de bodas basada en la ciudad de Nueva York. Su identidad actual de marca no refleja su perspectiva o personalidad única. Tan muy sencillo, no necesitas ser un escritor increíble para escribir un buen breve creativo, solo necesitas ser claro, conciso, y simple, y no hacerlo demasiado complicado. El segundo apartado es el objetivo. La pregunta aquí es, ¿qué estás tratando de lograr? La respuesta a esto no debe ser algo sencillo como diseñar un logotipo. El objetivo realmente debe ser una respuesta al problema que el cliente está tratando de resolver a través del proyecto, o lo que están tratando de lograr a través de hacer este trabajo. Por ejemplo, Maggie's es, reposicionar la marca fotográfica Maggie Harkov, para que refleje con mayor precisión la personalidad y el enfoque únicos de Maggie. En realidad ya tenía un logotipo en su lugar antes de que empezáramos a hacer el proyecto, pero no sintió que realmente reflejara quién es. Ella quiso hacer que esa parte visual de su negocio estuviera más en línea con quién era como persona y fotógrafa, que empezara a atraer más del tipo adecuado de clientes para ella. El tercer apartado es el público objetivo. La pregunta aquí es, ¿quiénes son los clientes ideales de tu cliente? Esto no necesariamente necesita enumerar ahora a sus clientes, si están buscando dirigirse a un nuevo público, puede ser su cliente ideal. Simplemente necesita enfocarse en hacia quién se enfoca este proyecto en particular. El objetivo aquí es ser realmente lo más específico posible, porque eso sólo te ayudará a acostarte y refinar mejor el trabajo a medida que avanzas en el proceso. Por ejemplo, el público de Maggie es educado, hombres y mujeres profesionales, 25 a 35 años, que aprecian una atención al detalle, y buscan una experiencia fotográfica muy personal. Si lo cortan en esa primera línea, hombres y mujeres profesionales educados, 25 a 35 años, ese es un público reducido, pero sigue siendo bastante amplio. Una vez que agregas gente que quiere una experiencia fotográfica muy personal, eso la estrecha aún más, lo cual es aún mejor. De verdad solo quieres ponerte lo más específico posible, cubrir todo desde edad, género, educación, estatus socioeconómico, creencias culturales, cualquier cosa que creas que es relevante para tu cliente. El número 4 es el mensaje. Esto cubre lo que intenta decir tu cliente? Este mensaje sólo debe ser realmente claro y conciso. Si puedes bajarlo a una frase, eso es ideal. El de Maggie, por supuesto, es un poco más largo que eso porque sí tenía más de una cosa que quería decir. Por lo que la suya es, con un genuino aprecio por el amor verdadero, Maggie Harkov te proporcionará algo más que una típica experiencia fotográfica. Será una presencia calmante, y traerá la comodidad de un amigo al día de tu boda. Lo que quiero mencionar aquí es que el mensaje debe escribirse de una manera que esté hablando directamente con el público al que está apuntando el cliente. La sección 5 es competencia. Esto solo cubre quiénes son tus clientes los mayores competidores? Esto es esencialmente sólo una lista de con quién compite el cliente, a quién ven como sus competidores en el mercado. Para Maggie, en realidad no tenía a nadie específico que sintiera que estaba haciendo exactamente lo mismo, pero ella, por supuesto, siempre va a estar compitiendo con otros fotógrafos de su zona. Esto puede ser tan específico o general como quieras. Es posible que tu cliente tenga algunos negocios que sienten que siempre están en el mismo nivel que ellos que quieren listar aquí. También puedes incluir sus sitios web si quieres una referencia específica a ellos. Pero mientras haya una lista general de quiénes son esas personas, eso es lo que estás tratando de lograr con esa sección. El número 6 es características distintivas. Esta sección solo debe cubrir lo que hace que tu cliente sea único. En la sección anterior, enumeraste su competencia, en esta sección, quieres pensar en cómo se destacan de esa competencia. Simplemente hago esto como una simple lista con boletas, con frases muy breves que resaltan esas diferencias. Por ejemplo, Maggie traerá el toque de un amigo al día de tu boda. Ella quiere hacer una conexión personal contigo. Ella ama el amor. Estas son todas las cosas que ambos sentimos eran algo diferentes a los fotógrafos de bodas que estamos viendo por ahí. Esas no son necesariamente cosas que otros fotógrafos usan para identificarse. Simplemente realmente quieres buscar cuáles son los elementos más singulares de la personalidad de ese cliente y sus prácticas de negocio, porque eso es lo que quieres asegurarte de que estás destacando cuando haces el trabajo. El número 7 es consideraciones creativas. La pregunta aquí es, ¿tiene el cliente alguna normativa específica que deba aplicarse a su trabajo? Yo diría que más a menudo que no, mayoría de los clientes con los que he trabajado tienen algo para esta sección. Por lo general, estas son direcciones visuales realmente específicas. Por ejemplo, si un cliente quiere usar un color específico, o quiere evitar un color específico, o si hay una aplicación específica que hay que tener en cuenta. Por ejemplo, si un logotipo al final necesita ser impreso en cuero, entonces eso es algo que hay que tener en cuenta a la hora de diseñar, que los detalles de ese logotipo se puedan reproducir fácilmente y con éxito en ese material. Así es básicamente como es esta sección. Se puede ver como ejemplo de Maggie's, ella quería que evitara el blanco y negro. A ella le gustaban los verdes, los grises y las teals. Ella quería que probara el logo con la etiqueta de fotografía y sin ella, y también probara algunas opciones donde el logo estaba dentro de un contenedor. Ahora bien, me gusta llamar a esto consideraciones creativas, porque me gusta mantener este apartado más abierto, sólo porque quiero tener la opción si. Cuando estoy trabajando en el proyecto, y evaluando el breve, quiero poder volver con el cliente si dicen: “Quiero que uses rosa caliente”. pero luego estoy haciendo el trabajo y evaluando todo, y no me sientas que el rosa caliente es el camino correcto para ir, quiero que esto sea un poco más abierto, que pueda volver a ellos y decir, “intenté esto, pero realmente no creo que funcione por la razón que sea”. Entonces el número 8 es tono o palabras clave. La pregunta que estás haciendo aquí es, ¿qué personalidad quiere proyectar el cliente a su público? Normalmente se me ocurre una lista de 3-5 adjetivos que describen al cliente. Cuando un cliente está lluvia de ideas sobre la personalidad, tiendo a decirles que piensen en su negocio como persona, y cómo describirían su personalidad, si ésta fuera una persona que conocieran en la vida real. Siempre es todo adjetivos. También trato de hacer las palabras lo más específicas y descriptivas posible, y de evitar palabras genéricas. Por ejemplo, evito palabras como profesional, porque profesional es una palabra bastante genérica, y probablemente debería aplicarse a cada proyecto que estés haciendo, no solo a este en particular. En tanto que si piensas en románticos y sofisticados, esos tienen un poco más de un visual específico que estaría asociado con ellos. La combinación de estas cinco palabras definitivamente tiene un visual específico para ellas. Definitivamente trato de mantenerlo a cinco o menos porque una vez que te estás metiendo en más palabras que eso, las palabras son demasiado por todo el lugar para que en realidad se te ocurra cualquier solución que las satisfaga a todas. Al final, lo que hago es, juntar todo esto en un documento. Como dije, me gusta mantenerlo a una sola página. Normalmente lo comparto con los clientes, y luego vamos un poco de ida y vuelta si ven algo que quieren ser cambiados, o no se siente bien a su proyecto. Por ejemplo, si pongo amistoso como palabra clave y simplemente no sienten que eso sea totalmente representativo de quiénes son como negocio, entonces trabajaremos en eso para cambiarlo. Por lo general si hago suficiente investigación al principio y hago suficientes notas buenas cuando estoy hablando con el cliente en sus conversaciones, y armar un cuestionario lo suficientemente detallado, generalmente tengo suficiente información que realmente puedo destilar esto abajo en el primer intento. Tan sólo para traerlo de vuelta al principio, sólo quiero mencionar, de nuevo, que para las preguntas que les hicieron, un breve creativo es realmente una manera de resolver muchos de los temas que estás teniendo a medida que avanzas. Ya sea que estés trabajando en un rebrand, o si estás haciendo un proyecto por ti mismo, un breve creativo es una herramienta realmente útil para usar a lo largo del proceso. Especialmente cuando trabajas por ti mismo, porque sé que es realmente difícil diseñar para ti mismo. Yo también he luchado con eso. Un breve creativo es tal salvavidas porque te obliga a separarte un poco del negocio, y mira el proyecto como si lo estuvieras diseñando para un cliente. De esa manera, cuando estás diseñando tu propio logotipo personal y desarrollando la paleta de colores para ti, tienes un documento real al que referirte, para ponerlo en foco, que puedas decir: “Vale, ¿estoy en camino? ¿ El color encaja en estas palabras clave?” , etc. Creo que es una herramienta realmente buena. Te animo a empezar a usarlos si no los estás usando ahora, en todos tus proyectos avanzando. A continuación, vamos a hablar de los tableros de humor, que es otro componente realmente importante para el proyecto. Te veré ahí. 4. Descripción del tablero de inspiración: Hola a todos. Bienvenido a Unidad 1, video 3. En la última lección, les di una visión general del breve creativo. Ahora estamos hablando de pizarras de humor, que en realidad es el segundo paso en mi proceso, en cualquier proyecto realmente, pero sobre todo con proyectos de identidad de marca. Entonces, ¿qué es un tablero de humor? Si un breve creativo es un proyecto escrito para un proyecto, entonces un tablero de humor es visual. Esencialmente, es un collage de imágenes que se une para evocar el estado de ánimo que la identidad de marca debe abarcar. Este paso es importante, porque te permite a ti y a un cliente llegar a la misma página visualmente, lo que también puede realmente ahorrar tiempo durante todo el proceso y simplemente hacer que todo funcione más suavemente. No la definición de negrita o techie de todos es la misma cuando eso se traduce a un formato visual. Bajar esto en papel realmente te permite tener una discusión de lo que significan esas palabras cuando se traducen en imágenes. Aquí te dejamos un ejemplo de un tablero de humor que hice. Esta es mi forma de juntarlas, pero puedes hacer lo que quieras. Es realmente divertido. A mí me gusta experimentar. Pero en su mayor parte, me gusta crear collages asimétricos donde las imágenes estén todas separadas y se unan de diferentes maneras en diferentes formas y tamaños. Este es otro ejemplo de tableros de humor que quería mostrarles. Estos los hace Breanna Rose, quien tiene un blog realmente genial. Si no la estás siguiendo deberías. Ella hace muchas pizarras de humor y las publicas en su sitio. Ella sólo los mantiene un poco más compactos que yo, que es sólo otra forma de hacerlo, y creo que esto está totalmente bien también. Como dije, realmente se puede ser creativo con eso. Esta es una de las partes más divertidas del proceso para mí. El primer paso para crear un tablero de humor es elegir el método. El modo en que haces y presentas un tablero de humor es realmente subjetivo. Es justo como quieres trabajar. Tengo una manera particular de hacerlo. Pasaré por eso y solo te mostraré rápidamente, pero solo mantén una mente abierta y siéntete libre de experimentar. Hay un montón de aplicaciones por ahí que se construyen específicamente para la recolección de imágenes, ahora hay toneladas de ellas. Hay tres de los que voy a hablar un poco porque tengo experiencia personal con ellos, pero sé que hay un millón más, así que esto de ninguna manera es una lista exhaustiva. Primero es Pinterest. Yo uso Pinterest constantemente. Soy un usuario de Pinterest realmente ávido, pero no lo uso para el trabajo de los clientes. Esta es una forma de recolectar imágenes en un tablero para un tablero de humor. Mucha gente usa a Pinterest como el final todo ser-todo para sus tablas de humor. Por lo que crearán una pizarra de humor con sus alfileres y luego compartirán eso con un cliente e irán y vendrán de esa manera. Ya puedes hacer tableros privados en Pinterest, que lo hace creo un poco más factible para el trabajo del cliente. Realmente no hay inconvenientes para este propósito, solo prefiero usar Pinterest para pintar y ahorrar inspiración y usar otra app para mi trabajo de cliente real para que estén en espacios separados. La segunda app que realmente me encanta es Dropmark. Yo uso mucho esto para la recolección de imágenes para los tableros de humor. Realmente es esencialmente la misma configuración que Pinterest, donde hay un marcador que usas y puedes recolectar imágenes de esa manera en una carpeta específica. Simplemente las puedes ver así como un collage de imágenes y rosa, o puedes hacer clic a través de ellas una por una, que en realidad es algo que no creo que Pinterest lo haga. Si hice clic en esta primera imagen fijada en la parte superior derecha, entonces puedo desplazarme por ellos uno por uno, lo cual es una pequeña característica agradable. La tercera app que quería mencionar se llama Icebergs. Es una app más nueva. Lo presenté en el diseño de la vida laboral un poco atrás. Pero aún requiere una solicitud de invitación para entrar en ella. No estoy seguro con qué frecuencia o facilidad les están regalando esos, pero definitivamente vale la pena un shock. Esa es una aplicación realmente genial. Yo al menos me pondría en la lista de correo para cuando tengan un lanzamiento más amplio. Funciona muy similar a las otras dos apps que ya te he mostrado. Pero una de las cosas que me gusta de él es que te da la capacidad de crear realmente notas justo dentro de cada carpeta. Por lo que me gusta hacer mucho escribir cuando estoy lluvia de ideas para las cosas. Eso realmente me ayuda. También puedes subir todo tipo de tipos de archivos diferentes, lo cual es diferente de Pinterest y otras apps como esa donde realmente solo se basa en imágenes. Como dije, esta es realmente solo la punta con las apps que están disponibles para ti. También puedes simplemente parar aquí mismo. Podrías parar aquí mismo y tener un tablero de humor completo digitalmente que puedes compartir con un cliente y discutir de esa manera. Personalmente me gusta llevarlo un paso más lejos. A mí me gusta, una vez que tengo todo reunido en una carpeta, descargar todas las imágenes a mi computadora y de hecho entrar en Illustrator y crear una pizarra de humor plana a partir de algunas de las imágenes y collage juntas. Eso es sólo un proceso con el que me gusta trabajar mejor, y estos son los resultados visuales que más me gustan. Me gusta tener las imágenes más al lado del otro sin la separación de los detalles de la pantalla de la app, me gusta ver cómo interactúan con diferentes formas y tamaños. Pero como dije, eso depende realmente de ti. Una vez que hayas elegido tu método para crear el tablero del estado de ánimo, es hora de empezar a investigar imágenes visuales para incluirlas en el tablero. En este punto, debes tener una idea aproximada de dónde debe ir el camino visual del tablero del estado de ánimo, porque tienes el breve creativo en la cabeza que acabas de desarrollar. Teniendo eso en cuenta, es hora de simplemente hacer tanta investigación como sea posible y reunir tantas imágenes como crea conveniente para el tablero. Tiendo a reunir una tonelada de cosas y luego refinarla más tarde. Si no estás seguro por dónde empezar, Google Images es un lugar realmente bueno. Tiendo a empezar con cosas como las palabras clave de lo breve. Si tropical como palabra clave por ejemplo, comienza con la búsqueda de imagen de Google para tropical y ve qué surge. Es posible que encuentres algunas imágenes que son buenas para el tablero y podrían provocar una idea para otra cosa que buscar. Yo en realidad haciendo esta búsqueda de imagen el otro día, noté que ahora tienen una categoría de patrón a veces en la parte superior, lo cual creo que es impresionante. Al ser alguien que usa mucho patrones, eso ofrece una tonelada de posibilidades para gráficos en el tablero del estado de ánimo. También busco en Pinterest una tonelada, porque ahí hay tantas imágenes, y en realidad también uso inspiración de diseño, son otro buen sitio para buscar información y visuales específicamente relacionados con el diseño . Pinterest tiene tantos temas diferentes que cubrir para que sea genial porque te dará resultados que cubren un montón de cosas diferentes. Por lo que te dará mucho de lo que sacar. El propósito aquí es simplemente pasar de verdad e investigar todo lo que puedas y reunir todo lo que puedas, para que tengas un gran número de imágenes con las que trabajar para la pizarra del estado de ánimo. Entonces una vez que tienes un gran número de imágenes con las que trabajar, el siguiente paso es solo afinarlo, llamarlo a qué imagen crees que representa lo breve la mejor manera posible y la dirección visual que la marca debe entrar. Tan rápido, te voy a mostrar, sí hice una pizarra de humor también para el proyecto de fiesta abajo si estás trabajando con eso. Eso va a estar disponible para su descarga al final de esta unidad. Esto es lo que parece basado en el breve que te di. Puedes tomar ambas cosas y compararlas y ver cómo encajan juntas. La otra cosa es que todo esto está realmente abierto a la interpretación. Alguien más podría haber tomado mi breve y llegar a un tablero de humor completamente diferente al que hice yo. Eso es lo que me gusta de este proceso, es realmente divertido y realmente puedes ser creativo. Entonces sólo para mostrarles mi pizarra de humor, este es el tablero de humor para el proyecto de Maggie del que estaré trabajando a lo largo del proceso. Creo que es bueno que tengas estas dos cosas para que tengas en mente ya que te estoy mostrando el trabajo que hago y cómo se me ocurrió esas soluciones. Cosas que quieres considerar ya que estás refinando y hirviendo todo es color y tono. No creo que el color tenga que estar exactamente donde vas con la marca, pero creo que debería ser algo similar. Por ejemplo, si tienes una marca que se describe como femenina, tal vez quieras tener colores más femeninos en el tablero, no quieres que sea un súper masculino con aspecto aburrido. Otra cosa que hacer es mirar fuera de la industria. Creo que a veces los clientes tienen dificultades con los tableros si están viendo logotipos y otras piezas de diseño de alguien que está en su misma industria. Es muy fácil distraerse con esa imagen específica. Me gustaría tratar de sacar cosas que están justo fuera de lo que esa empresa realmente está haciendo hasta cierto grado. Número 3 es mantenerlo suelto. Lo que eso significa es que solo debes tener en cuenta y asegurarte de que el cliente entienda que nada de lo que está en la pizarra está destinado a ser tomado literalmente. Por ejemplo, la fiesta abajo en la tabla donde había una fotografía de palmeras, eso no quiere decir que la identidad vaya a incluir automáticamente palmeras o una fotografía de palmeras. Creo que solo es importante reforzar que esto es sólo una interpretación visual suelta del camino que debe tomar la identidad de marca. Entonces sólo pregúntate al final, ¿es alineado? ¿ Se puede mirar la pizarra del estado de ánimo en el breve uno al lado del otro y encajan entre sí? ¿ Todas las palabras clave que incluyste en el breve coinciden con la pizarra? Si no, definitivamente necesitas cambiar algo, ya sea que eso sea realmente cambiar una palabra en breve y volver atrás y refinar esa parte del proyecto, o quitar algunas imágenes que tienes de la pizarra y reemplazándolos por otros que tienen más sentido. Eso es todo para los tableros de humor, y terminas esta unidad. Por favor avísame si tienes alguna pregunta en el aula. asegúrate de descargar los archivos que proporcioné, y luego en la siguiente unidad vamos a hablar de color. 5. Descripción de color: Hola a todos. Bienvenido a la Unidad 2 donde vamos a hablar de color. Antes de entrar en los detalles, sólo quiero mencionar que como se trata de una clase intermedia, no voy a conseguir demasiado teoría del color ni conceptos básicos del color. Esto va a ser más sobre cómo desarrollar tu paleta de colores en base a que ya tienes ese conocimiento. Pero si esto es algo de lo que quieres aprender más o no sientes que eres fuerte en, voy a proporcionar una lista de algunos recursos realmente buenos al final de la unidad que puedes descargar y explorar más en tu propio ya que estás juntando tu proyecto. La elección de colores en un sistema de identidad es realmente muy subjetiva. Definitivamente la teoría del color debería entrar en juego. Deberías tener ese conocimiento en mente pero hay muchas otras cosas que van a tener en cuenta de una manera más obviaen una manera más obvia cuanto al breve que desarrollaste y al tablero de humor que desarrollaste, todas esas cosas ya han establecido alguna pauta de color de ordenar ya. Antes de empezar, algunas cosas a tener en cuenta, los medios que se utilizarán, cuántos colores realmente necesitas y cuáles son las preferencias del cliente. Considera los medios de comunicación que se utilizarán. Obviamente, aquí tienes una visión general del formato básico de color que vas a estar usando en una identidad de marca. El Pantone Matching System para impresión, CMYK para impresión, RGB para trabajo en pantalla, y valores HEX para el trabajo en pantalla. Esta es una situación en la que no necesitas considerar todo en cuanto a desgloses de color muy específicos en esta etapa ya que esencialmente vas a estar recogiendo colores de la pantalla, pero es algo que quieres tener en cuenta . Por ejemplo, si sabes que tu cliente solo tiene un presupuesto para impresión digital, no vas a poder replicar un color Pantone que sea metálico o un neón en la impresión digital. Eso es algo que quieres tener en cuenta. Si el cliente sólo va a tener un sitio web y nunca van a tener ningún material impreso, entonces eso es otra cosa a tener en cuenta. Los metalicos tampoco pueden realmente estar muy bien reproducidos en la web por lo que podría ser algo que quieras evitar en cuanto a colores planos para la marca. Ahora sólo una rápida mención de valores RGB versus HEX. Por lo que entiendo por la forma en que los he usado, son bastante intercambiables. Los valores HEX que la mayoría de las personas tienden a pensar que son más comúnmente utilizados porque en realidad son simplemente más prácticos. Son series de números y letras todas en una fila a diferencia de RGB que tiene tres entradas separadas para los valores de color. Simplemente es más fácil copiar y pegar de un programa a otro si estás usando HEX. Segunda cosa a tener en cuenta es, ¿cuántos colores necesitas? Creo que una buena manera de ir es simplemente empezar con tres o menos. Si sabes que tu cliente realmente quiere un look en blanco y negro entonces eso está totalmente bien. No hay necesidad de agregar un tercer color en. Pero en lugar de volverse loco y tener una paleta de siete colores, creo que empezar más pequeño es mejor y simplemente más fácil trabajar con. A medida que empieces a practicar y crear identidades de marca más, te pondrás más cómodo con cómo se van a utilizar los colores y cuántos realmente necesitas para cada proyecto específico. Pero tiendo a empezar con tres y siempre tiendo a usar un color primario, un color secundario, y un color neutro. Es más frecuente que haya un color neutro para cosas como el texto, cuando estás usando texto en un sitio web o en una tarjeta de visita. Eso no es un 100 por ciento el caso todo el tiempo, pero esa es una regla general y normalmente te da una base para empezar. Se trata de pocas selecciones de paletas de colores aleatorias que encajan en ese sistema. Entonces, ¿cuáles son las preferencias del cliente? Estas cosas deberían haberse abordado con las consideraciones creativas en lo breve. Si hay alguna preferencia específica del cliente sobre el color, eso es algo que debes saber de inmediato así que si odian el naranja y no quieren incluir el naranja, eso ya te ahorra tiempo porque ese no es un color que debes ser explorando. Son pocas las cosas que hago para empezar. El primero es referirse a la pizarra de humor y breve. Como dije, esos si has hecho un trabajo lo suficientemente minucioso con ellos ya deberían empezar a informar a dónde debe ir la paleta de colores, por lo que debería darte una idea general de lo que estás buscando. En este caso con la pizarra de humor de Maggie, la cliente me dio alguna dirección de color específica en cuanto al uso de verdes y teales, y también aprobó este tablero que exploraba algunos otros colores. Definitivamente me da varios puntos saltando de donde empezar. El segundo es mirar a la competencia. Estos son algunos de los competidores de Maggie y en este caso, realidad no se ve una tendencia enorme en el color que no sea un uso fuerte del negro, gris, blanco, que Maggie también me dijo que evitara de todos modos. A veces solo hacer un análisis visual de la competencia realmente te ayuda a guiarte en términos de color. A veces lo harás y verás, oh wow, todos los competidores del cliente usan verde y ese es un buen lugar para decir, vale, no voy a usar el verde, voy a usar un color diferente porque eso sólo hará que destaquen aún más . Entonces lo último es solo experimentar y divertirse un poco con él. Hay una tonelada de herramientas en línea que puedes usar para crear esquemas de color y algunas herramientas con un ilustrador que te mostraré cuando lleguemos al siguiente video. Los colores son realmente populares video en línea y también incluiré esto en mi documento de recursos al final de esta unidad. Al final, solo unas preguntas para hacerte una vez que hayas terminado con la paleta de colores. ¿ Es apropiado? Dos, ¿tiene sentido para el público? ¿ Tiene sentido para el cliente? ¿ Tiene sentido para la industria? ¿ Cubre con las necesidades del breve? ¿ Encaja con el tablero del estado de ánimo? Al final, todo el trabajo que estás creando debe, el número 1, responder a lo breve y satisfacer todas las preguntas, y también debe encajar con la pizarra de humor. Si copia y pega ese logotipo o sistema de identidad en la pizarra del estado de ánimo, debería parecer que encaja ahí en algún grado. Eso es todo para la visión general de color y siguiente arriba voy a ilustrar un poco y mostrarte cómo desarrollo mis paletas de colores. 6. Crear paletas de color: Ahora que hemos hablado un poco de color, te voy a mostrar cómo creo paletas de colores en Illustrator. Entonces vamos a Illustrator. Aquí puedes ver tengo la pizarra de humor de los proyectos de Maggie. Entonces tengo un par de pequeños archivos de muestra configurados aquí. Ya he muestreado uno en verde de la pizarra del estado de ánimo. Ese suele ser el primer lugar al que me gustaría empezar, es sólo tratar de empezar a probar algunos colores del tablero de humor y jugar con ellos para ver cómo funcionan. También trabajo con solo muestras cuadradas, en mi documento que me parece lo más fácil para mí ver los colores de esta manera y también solo corresponde a paleta de muestras de Illustrator realmente fácilmente. Lo primero que hago, como dije, son los colores de muestra. Ya sé que Maggie quiere alguna combinación de verdes y teals y grises. Por lo que quiero quedarme en esa zona. Básicamente sólo voy a empezar a experimentar. Me gusta mucho este verde, quiero construir las paletas fuera de este verde. Este es un color que ya casi he decidido ser parte de la identidad. Pero quiero construir algunas paletas diferentes para poder comparar y elegir la mejor. Me gusta mucho esta imagen. Tiene muchos de los colores azulado en ella que ella quiere. Entonces voy a ver cómo se ve esto, que realmente me gusta esa combinación. Entonces necesito un color neutro. Entonces voy a probar este color a partir de aquí. Realmente me gusta esa opción. Este neutro podría no funcionar al final porque es bastante ligero y podría necesitar un color adicional así como eso. Pero me gusta mucho esta paleta como opción, así que voy a aferrarme a eso. Entonces voy a crear otra. Ahora este te quiero mostrar un viaje diferente, así que me voy a deshacer de esos dos colores. Todavía quiero empezar con este verde. Así que en realidad tomé otra clase de Skillshare de Brad Woodard bastante recientemente, y te daré un enlace a eso al final. Me enseñó aquí una nueva herramienta de la que no estaba al tanto, y es la guía de color. En realidad es realmente impresionante y no puedo creer que no lo haya usado hasta ahora. Es realmente bueno si tienes un color con el que empezar. Voy a seguir adelante y hacer de esto una muestra aquí y sólo arrastrarlo. O en caso de que no sepas hacer muestras, también puedes ir a editar y crear nueva muestra aquí. Por lo que estoy seleccionando muestra y luego voy a ir a la Guía de Color. Básicamente esta es solo una herramienta realmente bonita para ayudarte a crear paletas de colores. Esto te da algunas opciones aquí dentro, como puedes ver cuando hice clic en él ya estaba configurado en silenciado y vívido por lo que está mostrando un rango basado en este color que se ajusta a esas dos categorías. Puedes cambiar eso en este pequeño desplegable de aquí para mostrar tintes y sombras, o cálido y fresco, y simplemente puedes jugar con esas cosas diferentes. Pero la parte realmente buena de esto es que si haces clic en este pequeño ícono del arco iris aquí, te traerá a esta herramienta tipo generador de paletas. Si vas a Editar aquí, puedes cambiar todo tipo de cosas.Puedes mirar esto en formato de barra, lo cual creo que es realmente bonito porque obtienes una gran muestra de tus colores. También podrías hacerlo con las ruedas de color de dos maneras diferentes si prefieres mirarlo de esa manera. Como pueden ver, ya empecé a configurar este color aquí. Si miro esto con las barras aquí en este desplegable, se puede ver todo tipo de paletas diferentes construidas a partir de este color desde colores complementarios con apenas dos a una segunda paleta complementaria. Estas son todas las paletas que Illustrator acaba de generar automáticamente para mí en base a ese color, que es impresionante. Entonces voy a elegir este color complementario y solo jugar un poco con él. No, no quiero morados, pero esto podría darme otro verde que me gustaría usar. Entonces estas pequeñas herramientas puedes jugar con la saturación del matiz y el brillo y cambiar esos niveles, lo que te dará paletas totalmente diferentes aquí dentro, lo cual también es impresionante. Podrás ver a medida que te desplazas, esto te da ideas de paleta realmente geniales e interesantes que quizá no te hayas ocurrido solo. Se puede ver esto cambiarlo también. Después se llega a ver el brillo. Realmente puedes jugar con esto sin fin. Cuando estás satisfecho con la paleta, todo lo que tienes que hacer es crear un nuevo grupo de colores aquí. Apenas golpea nuevo grupo de colores, este botón con el signo más justo aquí y aparece en este lado de la ventana, y luego también aparecerá en tu paleta de muestras aquí mismo. Tiene su propia carpeta, lo cual es genial. Esto sí creó este nuevo verde para mí mientras estaba jugando con él. Una cosa que no señalé como lo estaba usando es, ya que estás desplazando por esos diferentes números, la muestra en la que estás resaltado cambiará en realidad. Puedes ver cómo está afectando a cualquier muestra o ilustración o patrón que estés usando en tu pantalla real mientras juegas con los colores. Voy a seguir adelante y usar esta pantalla para agregar también el verde original. Entonces tengo dos greens diferentes con los que trabajar. También necesito un neutral. Creo que quiero un color diferente para esto, tal vez un poco de un color más cálido. Esto es más de un color crema que de un gris. Pero como dije cuando estaba explicando con breve creativo, siento que es importante mantener las cosas abiertas en esta etapa y jugar alrededor y llegar a algo que tú creas que se siente bien y también encaja realmente con el breve. Por lo que realmente no me gusta este verde de aquí, creo que es un poco demasiado brillante. Yo sólo voy a entrar en esto, la paleta de colores aquí y simplemente elegir algo que sea un poco más oscuro, algo que se parezca más a eso. Creo que esas dos cosas van un poco mejor juntas. Entonces sigo adelante y creo tres paletas. Este, voy a tratar de tomar muestras más desde aquí. Esta paleta tiene otra buena azulada, es un poco más ligera que también me gusta. Entonces no he usado ningún tipo de neutro más oscuro. Voy a tratar de encontrar un neutro más oscuro en esta paleta. Aquí hay algo de pastoreo que creo que podría ser bueno. Ah sí, eso es un grandioso, bonito gris medio. Ahora tengo tres paletas y puedo mezclar y emparejar estos un poco y jugar con ellas hasta conseguir algo que creo que se sienta bien. De mirar esto, hay unos colores que me sobresalen y es el verde original, que me gusta mucho, este nuevo verde y el gris más oscuro. Creo que esos tres colores realmente representan a Maggie lo mejor que creo que pueden, y también encajan en sus lineamientos que sugirió en el breve. Creo que juntar a estos dos, con este neutral va a ser el camino a seguir. Como puedes ver, vamos a dar click sobre la final, y esta es la paleta de colores, reordené ligeramente las cosas un poco. Yo sí usé este gris neutro oscuro, pero también agregué uno más claro a la paleta. Como dije, suelo empezar con tres, pero luego si surgen diferentes necesidades en base breve o en base a lo que el cliente esté prefiriendo en su momento, agregaré colores si los necesito. Entonces sí agregué un gris más claro porque creo que en ciertas aplicaciones el gris oscuro va a ser un poco demasiado duro, y quiero tener la capacidad de tener ahí algunos contrastes en diferentes piezas. Creo que esta paleta de cuatro colores es esencialmente todo lo que necesitaremos y esto es algo con lo que definitivamente podemos trabajar, definitivamente encaja con el tablero de humor y definitivamente se ajusta al breve. Entonces esta es la forma en que voy a ir por todo el resto de los elementos también. Eso es todo para el color y tienes algunas tareas que hacer. Como siempre, solo hazme algunas preguntas si tienes alguna en el aula. En la siguiente unidad, vamos a meternos en la tipografía. 7. Descripción de la tipografía: Bienvenido a la unidad 3, video 1. Este es el inicio de nuestra sección de tipografía. Al igual que con la última sección de color, solo quiero decir rápidamente que por tratarse de una clase intermedia, no me voy a meter demasiado de los conceptos básicos de tipografía, pero te voy a proporcionar muchos recursos si quieres aprender más sobre tu después de que termine la clase o después de completar la unidad y antes de comenzar su trabajo. Esencialmente, lo que estamos tratando de hacer en tipografía para una identidad de marca es desarrollar un sistema que una vez en su lugar pueda ser utilizado en una variedad de aplicaciones diferentes, desde un sitio web hasta una tarjeta de visita, y puede ser utilizado de manera consistente y también tener suficiente flexibilidad que si surgen nuevas aplicaciones, tienes todas las herramientas que necesitas para diseñar esas piezas. Antes de empezar, unas preguntas que hacerte. Número 1, ¿cuántas tipografías necesita? Dos, ¿dónde se utilizará el tipo? Tres, ¿qué tipos de información necesitarás expresar? ¿ Cuántas tipografías necesitas? Normalmente trato de mantenerlo lo más simple posible y mantenerlo a dos tipos de letra. Esto no siempre es así porque hay algunas identidades que se prestan a la mezcla de tipografía diferentes maneras y termina ahí siendo un múltiples tipos de letra que se utilizan de diferentes maneras en diferentes aplicaciones. Pero normalmente, trato de mantenerlo a dos y suele ser un sans-serif y un serif los que se complementan de alguna manera. Uno se utiliza para titulares y el otro se utiliza para la copia corporal, por ejemplo, cada uno tiene diferentes roles. Lo siguiente es ¿dónde se utilizará el tipo? Estas son solo algunas muestras de nuestro trabajo para mostrarte diferentes aplicaciones. Un embalaje de postal, una aplicación para iPad, un sitio web, un folleto. Necesitas pensar en qué materiales está produciendo tu cliente y dónde se van a ver porque cada uno tiene diferentes requisitos para la tipografía que van a necesitar usar. Entonces, por último, ¿qué tipo de información necesita expresar? ¿ Van a estar escribiendo muchos artículos así que necesitas una tipografía que va a ser muy legible en línea? ¿ Producen mucho empaque? ¿ Producen mucha infografía? Necesitas pensar en cuál va a ser ese contenido y luego determinar la mejor tipografía para cada uno de esos usos. Una vez que tienes eso determinado, todo se trata de tratar de encontrar el tipo que necesitas. El primer lugar que busco es mi propia computadora. Desde que llevo trabajando tanto tiempo como lo he hecho, he establecido una biblioteca muy grande de tipografía, y las guardo en FontExplorer, que es lo que uso para administrar mis fuentes. Te daré un enlace a eso al final. Es una aplicación realmente genial. Hay otros, pero realmente no he probado demasiados otros porque encontré que esto se adapta a todas mis necesidades. Lo primero que hago es mirar a través de todo lo que tengo en este área de cajita de mensajes donde se ve el rapido zorro marrón salta sobre un perezoso perro. Pondré alguna tipografía en ella que se va a utilizar para el cliente para que pueda desplazarme por todas las tipografías que tengo y ver ese lenguaje que es específico del cliente en todas las tipografías que tengo y obtener sólo un vistazo rápido a la variedad y el número de opciones y tratar de reducir a algunas cosas que creo que potencialmente podrían funcionar. Si por alguna razón necesito algo más o no creo que nada que tenga vaya a funcionar, buscaré en línea. Ahora, hay unos cuantos lugares a los que voy a menudo y hay unas cuantas fundiciones a las que voy a menudo y unas cuantas tiendas que tipo celular de muchas fundiciones diferentes. Esta diapositiva es representativa de algunas fundiciones que son algunas de mis favoritas. Hoefler & Frere-Jones, Tipo Comercial, Village, y Lost Type Co-op son realmente grandes fundiciones. Village en realidad sí ofrece tipografía de otras fundiciones también, pero tienen sus propias tipografías que producen. Estos son lugares donde siempre vas a encontrar un tipo de muy buena calidad. Eso me lleva a mi siguiente punto, elegir tipo de calidad. Esto por lo general no significa libre. Las fuentes gratuitas, en su mayor parte no van a ser casi tan de alta calidad como las fuentes por las que se paga, y es justo lo mismo que se obtiene lo que se paga por teoría que se aplica a cualquier otra cosa que se compra en la vida. La mayoría de las veces, la cantidad de trabajo que se pone en una fuente gratuita es mucho menor que el tiempo que se pone en una para la que se tiene que comprar una licencia. Lo que significa que vas a tener muchas más opciones en la tipografía, solo va a ser de mayor calidad en general. Siempre recomiendo tipo de compra si puedes. Las personas que lo crean pasan mucho tiempo creándolo y definitivamente merecen que se les pague por su trabajo. Hay un par de excepciones para esto con las que personalmente estoy de acuerdo. El primero está en MyFonts, tienen una búsqueda de $0. Si entras en la Búsqueda Avanzada y seleccionas precio y seleccionas $0, hay toneladas de tipografías de alta calidad que solo ofrecen una semana de forma gratuita. Creo que esa es una buena manera de descargar algunas fuentes de alta calidad y empezar a experimentar con ellas, y eso te permite tomar la decisión de si la tipografía es adecuada para el proyecto o no. En esos casos, es posible que puedas conseguir que el cliente compre esa tipografía por ti antes de tiempo si no tienes el presupuesto por tu cuenta para comprarla para completar la obra. Entonces Lost Type Co-op también se configura en una paga lo que quieres modelo. Esto es genial si quieres probar fuentes y quieres descargarla gratis. Muchas de las fuentes tienen diferentes tipos de licencia, donde si pagas hasta cierta cantidad, solo puede ser utilizada para uso personal sin fines de lucro y se requiere pagar por encima de cierta cantidad para poder contar con una licencia profesional. Presta atención a eso cuando estás navegando por las fuentes, y siempre trato de pagar por cualquiera de estas fuentes sin importar los requisitos de licencia, porque creo que las personas que pasaron el tiempo haciéndolo merecen conseguir algunos compensación. Eso es lo que te recomiendo si buscas fuentes con un presupuesto ajustado. Ahora, para empezar, tres sencillos pasos. Empieza con el logo. Empieza con el logo. Ya elegiste tipo que va con el logotipo basado en el breve y el tablero del motor. Ese es un buen punto de partida. Por lo general, vas a usar al menos una tipografía del logotipo como tipografía primaria en la marca. Es sólo una manera muy clara de asociar los dos juntos, y sólo tiene sentido hacer eso. Este logotipo en realidad tiene tres tipos de letra diferentes en él. El G y la M en la parte superior, o una tercera tipografía. Esa es una situación en la que podría simplemente guardar esas, esa tipografía G y esa M en el logo y usar las otras dos tipografías en los diferentes materiales a medida que voy. Pero ese es un buen lugar para empezar y te da una base para avanzar. A continuación, refiérase a la pizarra de humor y al breve. Siempre quieres tener en cuenta esas dos cosas mientras trabajas. El tablero del estado de ánimo podría darte algunas ideas para diferentes tipos si quieres agregar algo más de interés a la identidad más allá del logotipo. Por ejemplo, este tablero de humor tiene todo tipo de scrips, algunas letras en la mano. A lo mejor eso te da una idea, “Oh, quiero intentar dibujar un guión para algún tipo de pantalla”. Esta es solo una manera realmente genial de generar ideas. Entonces lo tercero que hay que hacer es cuando emparejando tipo, es un arte aprendido y en la sección de recursos, voy a proporcionar algunos artículos más sobre esto. FontShop en particular tiene una serie de artículos realmente genial sobre tipo de emparejamiento que creo que sería realmente útil si es algo en lo que necesitas un poco más de trabajo. Las dos cosas a considerar realmente cuando estás emparejando tipo entre sí es el contraste y la similitud, y quieres asegurarte de que haya suficiente de ambas para que sean un par adecuado. En esta página, estoy mirando a Elena a la izquierda y a Clavo a la derecha. En este caso, simplemente no hay suficiente contraste. No emparejarías estas dos fuentes porque son diferentes si miras los pequeños detalles, pero son demasiado similares para ponerlas en el mismo contexto. No permite distinguir la información de ninguna manera, y simplemente será confuso usar dos tipos de letra así. Este es un ejemplo de demasiado contraste. Estas tipografías no van juntas para nada. Definitivamente son diferentes por lo que obtienes suficiente contraste, pero luego en el lado de la similitud, simplemente no hay suficiente similitud. Tienes una fuente curvada, bulbosa, ancha, redondeada a la izquierda y una fuente angular muy vertical a la derecha. Muy a menudo esas cosas simplemente nunca van a ir juntas. Hay excepciones a esto, por supuesto, si estás usando una fuente altamente display, eso puede ser algo donde está bien tener una tonelada de contraste porque solo se va a usar con moderación. Pero aquí estamos esencialmente buscando un titular y una copia corporal, que es una práctica realmente común con la que vas a necesitar para sentirte cómodo cuando estás eligiendo tipo. Este es un ejemplo de tipografías siendo justo justo para emparejarse. En este caso, estas dos tipografías están hechas por la misma fundición. Ese es otro buen lugar para buscar si estás luchando con un par, muchas fundiciones hacen familias tipo que tienen un sans-serif y un serif que se emparejan muy bien. Éstos no son técnicamente una familia, pero se emparejan bastante bien porque están diseñados esencialmente en la misma línea. Una forma de comprobar la similitud es medir la altura X. Si la altura X de las letras es bastante similar, lo más probable es que se vayan a mezclar bastante bien. Aquí puedes ver los he medido y la altura X no es exacta, pero es muy similar. Eso es algo que va a permitir que las dos tipografías simplemente trabajen juntas de manera más armoniosa cuando las estás emparejando en diferentes situaciones. Pero entonces como puedes ver, aquí también hay mucho contraste porque uno tiene serifs y uno es totalmente sans. Permite que las dos tipografías se destaquen cuando están emparejadas para que puedas llamar a diferentes tipos de información. Ahora, vamos a entrar brevemente a la tipografía web. Este es un tema gigantesco que no puedo cubrir todo lo que está involucrado en esta clase, pero sí quise mencionarlo porque creo que es una consideración importante cuando estás desarrollando un sistema de identidad. En este punto, la tecnología de tipografía web ha avanzado realmente hasta el punto en que no tiene sentido ignorarla. Si tu cliente alguna vez va a tener un sitio web o un sitio web es una parte importante de su identidad de marca, esto es algo a considerar definitivamente y elegir tipo que tenga un componente de tipografía web. Hay muchos lugares para obtener tipo web. Google Fonts es una muy popular y ahí están libres, lo cual es genial. También puedes descargar versiones de escritorio de esas fuentes para que puedas jugar con ellas en tus archivos de diseño web y ver cómo se ven antes de que realmente estén en línea. Entonces también las mismas fundiciones que mencioné antes de todo ofrecen muchas opciones de tipografía web. MyFonts especialmente tiene una tonelada de opciones de tipos de letra que ofrecen versiones tanto de escritorio como web. su licencia es diferente dependiendo de la fuente y definitivamente es diferente de web a escritorio. Es importante revisar esa información antes de recomendar algo a tus clientes para que entiendan cómo funcionará el precio. Pero ahora hay tantas opciones que puedes usar tanto para impresión como para web que tiene sentido si vas a tener algún tipo de componente web, que estás eligiendo tipografía que está disponible para uso web. Si por alguna razón no lo haces, si encuentras una tipografía que realmente funciona para la identidad que no tiene un componente web, creo que Google Fonts es un gran lugar para ir por una fuente a específicamente para su uso en la web, para encontrar un par lo suficientemente bueno, algo que lo coincida bastante bien. Ahora hay tantas opciones en Google que normalmente puedes encontrar algo que es relativamente similar al look que buscas y que se puede usar en la web. Al final, solo quieres hacerte las mismas preguntas una vez que hayas emparejado el tipo. ¿ Es apropiado? ¿Cubre con las necesidades del breve? ¿ Encaja con el tablero del estado de ánimo. A continuación, te voy a mostrar un poco de desarrollo de sistemas tipográficos en Illustrator. 8. Escoge la tipografía: Bienvenido a Unidad 3, Video 2, esto es elegir tipografía. Sólo voy a mostrarte muy rápido cómo se me ocurrió la familia de la tipografía para la identidad de Maggie. Vayamos a Illustrator. Este es el archivo con el que he empezado. Yo de nuevo, tengo mi tablero de humor, tengo mi nueva paleta de colores, y esencialmente estoy construyendo continuamente a partir de ese archivo inicial que empecé. Verás al final que mis archivos de Illustrator tienden a ponerse bastante desordenados, pero prefiero trabajar de esa manera y tener todo en un solo lugar. Como puedes ver, también he aplicado mi nueva paleta de colores al logo, puedes ver cómo funciona eso aquí, y estoy empezando a organizar la tipografía. Ya saqué las dos tipografías del logo que hay aquí. Este Herr Von Muellerhoff y Trump Gothic. Esto es lo que la fotografía está listada aquí dentro, y esto es lo que está la Maggie Harkov en ella. Ahora ambas, sé que no puedo usar a través del tablero. Esta fuente Herr Von Muellerhoff es en gran medida una fuente de visualización. No va a ser legible en largos bloques de texto, claramente sé que quiero usarlo con mucha moderación. Trump Gothic, a mí personalmente me gusta mucho en gorras, pero no me gusta que esta fuente muy condensada se use en caso de título con en bloques largos de copias. Sé que solo voy a usar esto en situaciones muy específicas. Sé que necesito un par de fuentes más. Necesito algo que pueda usar para correr y copiar. Tiene un folleto que da a todos sus nuevos clientes que delinea todos sus procesos, y sobre ella, y los paquetes que ofrece. Sé que voy a necesitar escribir algo de texto ahí. Entonces, también estoy pensando en el sentimiento vintage moderno que ella quiere, que requiere esta mezcla de tipografía. Entonces quiero un poco más de contraste de lo que tengo ahora, y quiero una fuente serif también trajo en la mezcla. Al principio, ya sé que busco esas dos cosas. Una fuente serif para usar probablemente de nuestros propósitos de visualización, y una sans serif para usar para copia corporal. Lo que me gusta hacer es configurar especímenes de tipo y simplemente empezar a jugar con tipos de letra que creo que podrían funcionar. He configurado esto con un párrafo, y luego siempre configuro alfabeto en mayúsculas, minúsculas en números, solo para que pueda obtener una visión muy rápida de cómo se ve cada forma de letra en ese tipo de letra. Un pequeño truco, tengo esta pequeña herramienta aquí arriba. Se llama Lorem Ipsum. Es una pequeña aplicación genial si quieres usar Lorem Ipsum en tus proyectos, y solo te permite hacer clic en el número de palabras, líneas, o párrafos, y solo tienes que hacer clic en una copia y puedes pegarlo justo en tu documento. Sólo un pequeño truco. Lo que hago es, ya tengo algunas tipografías activadas desde fond explorer. Esto es sólo una aérea en este momento. Lo primero que voy a hacer es sólo para empezar a activar algún texto aquí con diferentes fuentes y simplemente jugar y ver cómo se ve. Como dije, ya pasé por piso de fonética y elegí un montón de cosas que pensé que potencialmente podrían ser coincidencias para esta identidad. Voy a empezar sólo a destacarlos. Brandon grotesco, esa podría ser una buena opción para el sans-serif que quiero. Yo sólo voy a elegir regular para esto, sólo para que pueda tener una idea general de cómo se ve esta tipografía, y me voy a deshacer del rastreo aquí. Ahí vamos. Tengo uno abajo, así que vamos a armar un par más y echarles un vistazo. Voy a buscar primero el sans-serif, y sé que uno más que me gusta es Sweet-sans, que sólo tengo un par de pesos como este. Voy a ir con la luz. Ya se puede ver que estos son similares, pero diferentes en que la altura X es mayor, sobre todo en este, pero ambos tienen un aspecto bastante redondeado. Esto definitivamente es más amplio, dulce-sans, pero me da una buena comparación en estas dos cosas. Echemos un vistazo a algunas serifs. Sé que el objetivo aquí es mejorar este look vintage moderno, así que quiero conseguir algo que se vea bastante clásico. Un tipo que me siento como es Craw Modern. Tengo dos versiones de esto, pero voy a empezar con esto. Esta es una fuente realmente grande, de gran tamaño. Pero creo que esto potencialmente podría ir muy bien. Voy a cambiar un poco el tamaño en esto sólo porque está sobrealimentando a los otros que tengo aquí, para que pueda tener una mejor mirada. Eso ya es suficiente por ahora. Vamos a echar un vistazo a una más. Echemos un vistazo a Elena. Este es definitivamente un serif clásico. Tengo cuatro tipos de letra para mirar y comparar. Normalmente, a veces miraré una tonelada de tipos de letra diferentes. Miraré a 20, miraré a 30 y solo compararé así. Pero ahora ya tengo una idea muy clara de las cosas que busco, así que eso me permite limitar mis opciones desde el principio y ahorrarme algún tiempo. Ya mirando estos, sé que quiero eliminar a Elena. Es una tipografía realmente hermosa, pero simplemente no funciona realmente con la sensación moderna vintage y no funciona con las otras tipografías con las que ya elegí trabajar aquí. Yo sólo voy a deshacerme de eso. Creo que este Craw es el mejor serif con el que trabajar. Realmente complementa muy bien estas dos tipografías de display, y sé que no me encanta cómo se ve en un párrafo. El espacio entre las palabras es un poco extraño porque es muy amplio y el tipo de letra en sí es tan amplio que simplemente no se ajusta realmente hacia largos bloques de copias. Esta va a ser otra tipografía que se utiliza en más situaciones de visualización. Genial, voy a tener eso. Ahora es el momento de comparar los sans-serifs, y me gustan mucho ambos. Creo que ambos pueden funcionar. Pero como ya tengo tres tipografías elegidas, esencialmente es cuál se empareja mejor con las que hemos elegido. Ahora si miras estos al lado del otro, puedes ver que Sweet Sans y Craw, pesar de que estos son tamaños diferentes en este momento, tienen proporciones más similares, que Brand y Grotesque. Ambos son bastante redondos. Si miras a los Os, sus Os anchos, redondeados casi aplastados porque son tan anchos, y así esto solo automáticamente me hace ver una conexión entre los dos y darme cuenta que estos se emparejarían muy bien juntos y funcionarían realmente bien. Eso me deja con cuatro tipografías, que por supuesto dije es más de lo que quieres empezar. Se quiere empezar con dos. Este logotipo es definitivamente una excepción ya que solo estoy usando dos logotipos para empezar, y algunos de los detalles en el breve simplemente realmente se prestan a usar más. Aquí es donde terminé y esto me da los bloques constructivos en el sistema de tipografía. Ahora tengo todas estas diferentes tipografías para elegir cuando realmente empiezo construir las piezas estacionarias y otros materiales de marca que ella necesita usar. Por lo que puedo decidir sobre circunstancias específicas para cada tipografía y averiguar cómo se van a utilizar en esa etapa. Pero ahora mismo, sé que tengo suficientes tipos de letra diferentes que cubren todas esas necesidades diferentes, todo el tipo de información que necesita para mostrar, y todas las aplicaciones donde se va a ver su identidad. Ahí lo tienes. A continuación, vamos a repasar el lenguaje gráfico, y sólo hablar de esos elementos. Ya que acabamos de terminar una unidad, asegúrate de hacerme saber si tienes alguna pregunta mientras empiezas a trabajar en tu sistema de tipo. 9. Descripción de lenguaje gráfico: Hola a todos, bienvenidos a Unidad 4, Video 1. Este es el inicio de nuestra unidad sobre lenguaje gráfico, y esta es la presentación general. Esta es una de mis partes favoritas del proceso de identidad de marca porque realmente puedes ponerte creativo aquí y también vas a empezar a ver que todo se junte en un paquete de identidad. Entonces solo para darte una breve visión general de lo que son los lenguajes gráficos, solo se refiere a una amplia gama de elementos visuales que apoyarán el logotipo en el sistema. Esto realmente podría incluir tantas cosas diferentes desde patrones que personalmente uso todo el tiempo, hasta fotografía, ilustraciones, texturas, iconos, realmente puede ser cualquier cosa que se te ocurra que ayude a apoyar el logo y traer eso identidad en conjunto. Entonces, antes de empezar, quieres tener las mismas consideraciones que has tenido en todas las demás etapas del proyecto, dónde se usarán los elementos, cómo trabajarán juntos y qué es apropiado? Entonces si estás diseñando un patrón, deberías tener en tu mente, no hace falta que sea definitivo porque vas a jugar un poco cuando llegues a ese escenario, pero debes tener en tu mente, ¿cómo podría funcionar este patrón con esto ir en la página web o esto simplemente se restringiría a materiales impresos, etc. Esas son solo algunas cosas que quieres tener en mente antes de empezar. Vamos a sumergirnos justo en. Por lo que hay cuatro pasos que considero para empezar. Si uno no funciona para ti, otro ojalá pueda correr tu creatividad y conseguir que surjas algunas ideas divertidas. Por lo que el primer paso es mirar hacia atrás al logotipo, que es la pieza central de toda la identidad. Entonces aquí un ejemplo de uno de nuestros sistemas de logotipos. Esto fue para una empresa que pudo crear productos para niños y padres. Esto tenía un sistema real donde el logotipo cambió y superaron una ilustración diferente dependiendo de dónde se usara. Como se puede ver, hay un espacio circular claro, ya tengo estas ilustraciones aquí dentro, ya hay muchos elementos que se pueden utilizar en patrones y otros elementos gráficos a lo largo de la identidad. Este es su sistema de identidad que se nos ocurrió. Por lo que tenemos este gran sistema de colores que viene directamente del logo, dos tipografías, y esta serie de patrones, que es la forma ovalada específica del logo de spot moteado, y luego también por supuesto, viene con una serie de iconos que presentamos en el logo y se pueden sacar. Entonces, cuando miras esto, es realmente bastante simple. Aquí hay muchos colores. Pero todo lo que hice fue sacar elementos exactamente del logotipo y simplemente reorganizarlos de una manera ligeramente diferente. Lo segundo que puedes hacer es mirar hacia atrás al tablero del estado de ánimo. El tablero del estado de ánimo tiene tantas pistas visuales en él que si estás tratando de encontrar una idea para algo, probablemente haya algún tipo ahí que pueda provocar algo. Por ejemplo, en esta pizarra de humor, volví y particularmente me di cuenta de este corredor de la mirada rayada en la parte inferior derecha, y estas cosas de pinwheel en el vivo colorido anuncio de Kate Spade me sentí un poco como confeti, y hay un montón de patrones y visuales realmente geniales aquí. Entonces esta es la identidad que derivó de eso. Como puedes ver, la escalera de raya uno se convierte en este genial patrón de doble raya, y ese anuncio de Kate Spade se convirtió en este patrón de confeti, y parte del estilo de fotografía del tablero de humor real también se mezcló en esa identidad. Entonces usamos este cálido, correcto, resplandeciente fotos de la luz del sol de familias y personas que lo pasaban muy bien, y ustedes vieron algo de eso en los tableros de humor, así que los trajimos aquí. Entonces solo considera el concepto. Por lo que W&T Seafood, es un fabricante de mariscos, y estas pueden ser conexiones obvias que hacer, pero hacerlas de una manera divertida y diferente es una buena manera de crear una identidad única. Entonces estamos usando estas ilustraciones vintage de peces y vida marina a lo largo de su identidad, pero lo estamos usando en divertidos colores más brillantes, como este verde brillante, eso es parte de su sistema de identidad. Por lo que eso sólo lo hace un poco más único. Entonces también estamos usando un patrón de onda en el fondo, que solo da una referencia visual obvia al océano, pero se hace de una manera más abstracta para que no esté por encima de la cima. Entonces lo cuarto que hay que hacer es simplemente experimentar. Como puedes ver mencioné antes que mis documentos de ilustrador se ponen bastante desordenados, y este es un ejemplo de una captura de pantalla de uno de ellos. Simplemente voy por todo el lugar en un millón de direcciones diferentes, y solo veo qué se pega, lo que termino pensando al final se ajusta mejor a lo breve y a la marca en general, y solo voy de ahí. Entonces una vez que has hecho todas esas cosas o cualquier combinación de esas cosas y sientes que tienes suficientes cosas con las que trabajar, la tarea es afinarla. Entonces por ejemplo, esta es nuestra identidad para Kanopi Health, y ya tenemos algunos de los elementos considerados. Por supuesto, ya hemos establecido la paleta de colores y parte de la tipografía, por lo que verás las que hay dentro. Pero también verás algunos experimentos diferentes alrededor con patrones y usando el logo encima de la fotografía y cosas por el estilo. Entonces paso de esto, un documento de Illustrator muy desordenado a esto, donde se refina, y de nuevo, como hago con las tablas de humor, esto es un poco de collage de los elementos identitarios, que yo te voy a explicar un poco más más tarde en la siguiente unidad. Entonces realmente quieres un sistema compacto aquí que tenga sentido para las aplicaciones en las que lo vas a usar, y simplemente tenga sentido para la marca. Entonces otra vez, justo después de cada paso, asegúrate de que te estás haciendo las mismas preguntas, ¿ es apropiado, satisface las necesidades del breve y encaja con la pizarra de humor? Esos elementos de identidad, al igual que con el logotipo y la paleta de colores y la tipografía, todos deberían poder ser tan solo copiados y pegados en el tablero del estado de ánimo y parecer que encajan. Entonces eso es sólo una buena pauta para ir a comprar. Entonces a continuación vamos a entrar en Illustrator y te voy a dar un poco de una visión general de cómo desarrollé algo del lenguaje gráfico para la identidad de la revista. 10. Diseñar el lenguaje gráfico: Bienvenido a Unidad 4, video 2: Diseñando Lenguaje Gráfico. Simplemente vamos a sumergirnos a la derecha en Illustrator y repasar todo lo que hay. Como pueden ver en mi expediente, acabo de construir sobre lo que tenía en la última unidad. Todavía tengo mi logo y paleta de colores aquí y también he presentado mi tipografía para que esté un poco más finalizada. Como pueden ver, aquí tengo un espécimen para arenas dulces. Voy a estar usando eso en bloques de copias. Por eso tengo esto dispuesto de esa manera. Entonces me he reducido a sólo los números. Esa es mi parte favorita de la tipografía. Lo más probable es que lo esté usando principalmente de esa manera. Este es mi punto de partida. Para mí, cuando empiezo a desarrollar sistemas de lenguaje gráfico, casi siempre incluyen un patrón o dos. Eso es sólo algo que es bastante particular a mi estilo, es algo que es muy cómodo para mí. No soy un enorme Illustrator, aunque es algo en lo que estoy tratando de mejorar. Pero así que realmente no voy en esa dirección y sí uso la fotografía a veces, pero los patrones parecen ir con casi todos los proyectos en los que he trabajado de alguna manera. Ahí es donde me gusta empezar. Simplemente me gusta empezar a jugar alrededor, y experimentar, y ver dónde termino al final. Mi primer paso cuando tengo un logo tan detallado como lo es Maggie's, para mirar esto y averiguar dónde puedo crear algunos patrones a partir de estos elementos. Aquí hay muchas opciones. Voy a empezar con uno realmente simple. Voy a usar esta pequeña forma de diamante que está al lado de la fotografía. Creo que ese es un patrón que podría ser un fondo realmente neutral para muchas cosas diferentes, y podríamos usarlo con todos los colores, y de muchas maneras diferentes. Te voy a mostrar cómo hacer un patrón, y vamos a usar mi forma de pequeño diamante aquí arriba. Esto es en el color verde oscuro. Permítanme decir, como un poco de descargo de responsabilidad, hay un millón de formas de hacerlo, y así es como lo hago. Es bastante rápido y fácil crear un patrón a partir de una forma geométrica como esta. Simplemente te mostraré muy rápido cómo hacer uno. Esencialmente, con una forma como esta, todo lo que realmente necesitas hacer para crear una muestra es que necesitas asegurarte que coincida en todos los lados. Solo necesitas usar una forma repetible como terreno para el patrón. En este caso, es ya sea un cuadrado o un rectángulo. Para esta forma en particular, voy a usar más de un rectángulo. Yo sólo prefiero la forma en que eso se va a diseñar a diferencia de una plaza con este diamante. Simplemente voy a crear mi pequeño rectángulo y realmente no estoy midiendo nada. Aquí es donde solo juego con él y veo cómo funcionan las cosas. Yo saqué el color de eso. Voy a alinear estos para que estén centrados. Entonces como probablemente hayas notado, tengo las guías inteligentes activadas aquí las cuales obtienes en la paleta Ver. Entonces es Command, U. Esto solía molestarme realmente, pero vienen muy útiles con hacer patrones. Desde que me he acostumbrado a ellos, sólo los uso todo el tiempo. Si resalta la forma, lo que haré a continuación es configurar guías para que coincidan con la forma. Aquí también es donde las guías inteligentes vienen increíblemente útiles porque todo simplemente se encaja directamente en el camino. Eso básicamente lo que necesito hacer es solo asegurarme todas las esquinas coincidan para que esta muestra se pueda repetir, ya que este es solo un patrón muy básico. Voy a tomar el diamante, voy a hacer otra copia del mismo y alinearlo aquí arriba. Como puedes ver, otra cosa asombrosa de las guías inteligentes es que esto me está diciendo exactamente donde esa forma se cruza con esas dos guías. No hay duda de si eso está alineado o no. Yo voy a hacer lo mismo en las cuatro esquinas. Realmente puedes sentirlo encajar en su lugar con las guías aunque no lo puedas ver en particular. Ahora, tengo todas mis piezas en su lugar y básicamente solo necesito recortar esta obra de arte desde fuera de los bordes de la forma. Llevaré esta plaza al frente, que configuré inicialmente, y luego resaltará tanto esa forma como los cuatro diamantes en el borde. Entonces voy a repasar la herramienta Pathfinder y golpear “Crop”. Entonces eso se deshace de todo fuera de esa caja, súper fácil. Entonces esto sí deja un espacio y un negativo. Voy a borrar eso solo para que no joda nada ni se confunda cuando estás llenando cosas. Entonces básicamente tengo una muestra de padres. Destacé todas estas formas. Entonces voy a subir a “Editar”, “Definir Patrón”. Entonces sólo vamos a nombrar algo a esto. Sólo voy a nombrar a este Diamonds 1. Nómbralo lo que quieras. Entonces solo probaremos nuestro patrón. Déjame dibujar una forma más grande y sólo tratar de llenarla con ese patrón. Ahí vas. Obtienes un bonito patrón repetible. Se puede cambiar el tamaño de este. Dependiendo de tu configuración, el patrón crecerá cuando cambies la forma. Si hace eso y no estás contento con ello, solo tienes que volver a hacer clic en él y se restablecerá. Entonces si quieres hacer uno con un color diferente, pero por alguna razón te deshaces de esta obra, también es realmente fácil. Simplemente toma esa muestra de la paleta de muestras y la arrastra a tu tablero. Entonces ten en cuenta que esto sí cuando crea una muestra, nos hace dar forma fuera de los límites de la misma, por lo que sí necesitas eliminar eso. Entonces puedes llenarlos con el color que quieras. Los haremos verde más brillante y luego daremos los mismos pasos, “Editar”, “Definir patrón”, Diamantes 2. Entonces tenemos dos versiones de la misma. A veces, supongo que no lo estás viendo realmente aquí mismo, pero verás en Illustrator que sí parece que hay algo de espacio aquí, pero normalmente desaparecen cuando haces zoom. Es sólo una cosa extraña con la pantalla de Illustrator. Sí quieres duplicar eso y asegurarte de que en realidad se está repitiendo. Si no lo puedes decir, intenta imprimirlo y eso te dará una imagen clara de cómo funciona. Pero eso es básicamente todo. Lo que tiendo a hacer es simplemente hacer una tonelada de esos, y jugar con ellos, y ver lo que creo que se ve mejor. Termino con algo como esto, otro archivo de Illustrator cubierto con todas las cosas. Te mostraré. Hice un montón de estos patrones de diamantes en diferentes combinaciones de colores. Entonces también tengo voluntad esta doble banda aquí. Intenté sólo una raya plana, probé una combinación de rayas con la banda externa curvada, la banda plana recta, y luego los zigzags. Está un poco modificado porque no es tan apretado. Entonces hice un patrón con sólo esas curvas exteriores. Entonces vine aquí y amplié las curvas en una forma más vintagey que en realidad se aparta un poco del logo. Entonces también hicimos este divertido patrón XO XO con cultivo y un poco de corazón que se adapta realmente a la personalidad de Maggie. Con todo esto, tengo esta gran gama de elementos, pero no necesito este patrón muchos, es un poco mucho. Simplemente juego con las cosas y elimino hasta que termine con esto. Lo que tenemos es una biblioteca de estos patrones de diamantes. Obviamente, esos no se van a usar todos a la vez, pero es agradable tener diferentes opciones de color para cambiarlo. Entonces sí tenemos este patrón forrado para su uso en diversas situaciones. El patrón XO XO es demasiado adecuado para ella, para Maggie, para que no lo utilicemos. Definitivamente vamos a usar eso. Entonces también, como pueden ver, como he estado construyendo, tengo un par de otras versiones de logo en las que sí trabajé durante esta gráficamente y en qué sección, y una cosa fue que necesitaba una marca de agua para sus fotos. Se nos ocurrió una versión simplificada del logotipo para eso. Entonces también, podríamos simplemente crear una versión sencilla del guión a partir de su logotipo que se pueda utilizar en situaciones en las que este enorme círculo detallado no sea apropiado. Ahí es básicamente donde terminé. Esos son los elementos con los que tengo que trabajar. A continuación, te voy a mostrar cómo tomar todo lo que tienes y has construido una identidad y juntarlo todo en una presentación que puedes mostrar a tus clientes y solo darte un poco de visión general sobre la mejor manera todo se debe configurar. 11. Presentación: Oigan a todos. Bienvenidos a la Unidad 5, la unidad final de clase. Vamos a hablar de presentación, y voy a pasar por cómo presento una marca Identity a mis clientes. Entonces, empecemos. Empezando por los elementos de identidad. Todas las cosas que has desarrollado hasta este punto. Eso debería parecerte algo así. Deberías tener un documento de Illustrator que tenga todos los elementos armados de una manera que esté bastante desorganizada y necesitan ser puestos en un formato que el cliente pueda digerir fácilmente, y ojalá te dé positivo retroalimentación. Empiezo con todo lo que tengo aquí, y en realidad uso InDesign para crear mi presentación particular pero puedes hacerlo también en Illustrator. Si creas múltiples mesas de trabajo del tamaño de tu presentación, solo puedes guardarlas como PDF con bastante facilidad a partir de ahí. Yo uso InDesign sólo porque me gusta su configuración en cuanto a la biografía de tipo de configuración, configuraciones y hojas de estilo, y cosas así. Funciona un poco mejor en Illustrator para mí. Lo primero que hago es crear un nuevo documento de InDesign, que puedes ver aquí. Empieza con una página de título, y luego yo solo, al inicio de la presentación, repaso por todos los elementos que hemos creado hasta ahora de forma individual. Primero empiezo con un tablero de humor, y luego separo todos los elementos que acabas de ver en esa página en sus propias páginas separadas. Creo que esto solo ayuda para que el cliente vea todo por su cuenta y juzgue todo individualmente sin estar demasiado abrumado. Siempre empiezo con un logotipo y luego esencialmente me muevo en el mismo orden en que realmente desarrollamos el sistema. Por lo que desde logotipos hasta paleta de colores. Como puedes ver aquí, también he enumerado los desgloes para cada color en los diferentes formatos de color. Esto no es totalmente necesario hacer en este momento, puedes hacerlo en la guía de estilo más adelante en tu proceso. Pero es algo a tener en cuenta, no hace daño incluirlo. Después tipografía. Todas estas cosas se pueden descomponer aún más si solo quieres incluir una cara de cinta por página, eso también está totalmente bien. Yo uso los mismos especímenes aquí a pesar de que no voy a estar usándolos todos de esta manera, sólo da al cliente y visión general de la tipografía que se va a utilizar. Entonces los patrones, y de nuevo, estos se pueden separar en sus propias páginas si lo prefieres de esa manera. Siguiente parte vamos a volver a Illustrator 4. Lo siguiente que me gusta incluir en la presentación es lo que llamo un collage de identidad. Esto es bastante similar a la pizarra de humor, solo usando todos los elementos que has creado para el sistema. Esto en realidad le da al cliente una instantánea de todos los elementos en un solo lugar después de que los acaban de ver en sus propias páginas separadas. Por lo que sólo los llevo a todos a Illustrator. Mis documentos a la mitad por 11 para coincidir con mi presentación de InDesign. Ese es el tamaño que siempre uso sólo porque es mucho más fácil para los clientes si quieren imprimirlo por su cuenta. Es sólo una situación práctica. Todo lo que empiezo a hacer con estos elementos es organizarlos en la página, y solo empiezo a jugar con cómo pueden trabajar juntos así. Simplemente me meteré con ellos en formato de collage como lo hago con la pizarra de humor hasta que consiga algo que me guste. Generalmente es un diseño similar a un tablero de humor donde es un collage abstracto con algunos elementos más grandes que el otro. Entonces para este en particular, aquí es donde terminé. Entonces solo tomo todo esto y lo copio y lo pego en mi documento, que puedes ver aquí mismo. Yo sólo creo que es importante para ellos ver todo juntos. Pero para la siguiente parte, al mismo tiempo, si bien es bueno ver todo juntos así, esto no es en realidad cómo se va a ver realmente nada. Todas las aplicaciones que tienen nunca van a tener todas estas piezas en un solo spot al mismo tiempo. Entonces es un poco poco poco realista. Lo siguiente que me gusta hacer son unas diapositivas de identidad, y voy a volver a Illustrator para mostrarte eso. Empezando con todos los elementos en mi collage, lo que hago es básicamente crear una serie de diapositivas y suelo hacer tres, pero puedes hacer tantas como quieras que son solo diseños ásperos de cómo se podrían usar juntos los elementos. Ni siquiera tienen que ser para nada en particular. No tienen que ser representativos de una aplicación específica, pero es solo una buena manera de mostrarle al cliente cómo algunos de los elementos podrían funcionar juntos una vez que empieces a desarrollar cosas como su estacionario, y sus sitios web y todo esos otros elementos. He creado tres mesas de trabajo en un documento de Illustrator que son todas del tamaño correcto para la presentación para que pueda simplemente copiarlas y pegarlas directamente en InDesign. Básicamente solo empiezo a jugar con las cosas aquí dentro hasta que consiga algo que me guste. Te voy a llevar a mis finales. Entonces esto es lo que se me ocurrió. Normalmente me gusta comenzar la primera diapositiva hacia fuera con algo que destaca de manera destacada el logotipo. Ya que es la pieza central de todo el sistema, solo creo que es una buena introducción a las diapositivas. A lo largo de las diapositivas, quiero asegurarme de que estoy mostrando tantos de los diferentes elementos como sea posible sin abrumar ninguna diapositiva y usar dos elementos a la vez. Empezó con un logo y solo mostrando simplemente cómo eso podría interactuar potencialmente con un patrón, y luego para mi segunda diapositiva, he tratado de mostrar algunos elementos diferentes. Te estoy mostrando este otro patrón XOXO y algunos más de los colores en un formato sólido que realmente no hemos visto aún. Entonces quería mostrar algo más de la tipografía que no está en el logo, así que acabo de agregar esta pieza de texto aquí que solo muestra las ubicaciones a las que sirve y acaba de salir con ese diseño. Para la tercera, quería asegurarme de tener algo de la fotografía de Maggie aquí dentro, y eso es sobre todo porque tenemos otro logotipo para usar como marca de agua. Entonces todavía tenemos algunos otros patrones que pensé que podrían ser buenos para mostrar, incluyendo las rayas y estamos mostrando los diamantes de nuevo. Esto es simplemente bueno porque también muestra cómo dos patrones pueden interactuar juntos, y simplemente le da otro campo con la fotografía. Entonces todo lo que hago es simplemente copiar cada uno de estos directamente en mi documento de InDesign, que les mostraré ahora. Pongo estos directamente siguiendo el collage, y notarás que le quito toda la información en la parte superior de la pantalla para que solo puedas enfocarte en estos elementos y no haya distracciones. Entonces sólo tienes que ir uno tras otro, y eso es todo. Ese es el final de la presentación. Tan solo para volver al principio rápidamente, solo quería mencionar que una cosa de la que realmente no hablé es que siempre incluyo algunos datos en la parte superior de la pantalla, que solo identifica qué sección de la presentación eres en y lo general. El proyecto, la fecha, cosas así. Creo que hace que sea más fácil para el cliente volver a referir cuando están revisando por su cuenta, y también a veces sí incluyo alguna información de fondo del breve, y notas que tengo sobre cada pieza del rompecabezas. Esto no era necesario en esta situación sólo por donde estaba en el proyecto con Maggie cuando le envié esto, pero definitivamente eso es algo a tener en cuenta dependiendo de cómo esté tu cliente. Si están mejor revisando las cosas por su cuenta en lugar de discutir contigo, podría ser mejor para ellos tener todas esas notas a las que hacer referencia después del hecho. Entonces eso podría ser algo para incluir. Sólo voy a dar clic a través de todo una vez más rápido para ti para que puedas ver cómo todo se juntó. Tengo mi diapositiva de presentación, luego el tablero de humor, logotipo primario, el logotipo secundario, la marca de agua, la paleta de colores, tipografía, patrones, el collage de identidad, y las diapositivas de identidad. Eso es todo. Entonces con eso concluye todas las presentaciones para clase. Ahora es el momento de que traigas todo en lo que has trabajado a lo largo de cada una de las unidades y juntes tu presentación y compartas con nosotros para que podamos brindar retroalimentación y aprender de los proyectos de cada uno. Por favor definitivamente avísame si tienes alguna pregunta. Gracias. Oigan a todos. Yo sólo quisiera 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 soporte 24/7 a través de chat en vivo y correo electrónico. Puedes darle una oportunidad a Squarespace inscribiéndote en juicios. No se requiere tarjeta de crédito y empiece de inmediato. Lo que es aún mejor es que como estudiante de esta clase, puedes obtener 10 por ciento de descuento al inscribirte. Simplemente ve a la URL que ves en tu pantalla, squarespace.com/courtney, introduce el código de oferta SKILL6. Muchas gracias por apoyar a esta clase y gracias de nuevo a Squarespace. Una mejor web comienza con tu sitio web.