Diseño de materials de marca: tutorial sobre el caso de estudio de Abi-Haus Restaurant

1. Introducción: ¿qué es Abi-Haus?: Hola a todos. Mi nombre es Ryan Feerer. Soy diseñadora, ilustradora, educadora y restauradora aquí en Abilene, Texas. Estoy súper emocionado con esta clase y ojalá aprendamos mucho sobre extender tu marca en contextos de mi restaurante, Abi-Haus, con la esperanza de hacer tu marca más visible y divertirnos aprendiendo sobre logotipos, logotipos secundarios, iconos y sistemas de diseño. Entonces, empecemos. Entonces, todo esto comenzó en Halloween del 2010 cuando Jimbo Jackson y su familia se detuvieron por mi casa para engañar o tratar. Eran una familia joven. Éramos una familia joven, y de inmediato nos dimos cuenta y nos hicimos grandes amigos. Ambos compartimos amor por la gran comida y mezclamos nuestras experiencias en nuestros hogares anteriores, Pittsburgh, Pennsylvania y la ciudad de Nueva York. Entonces, siempre nos juntábamos y tendríamos cook-outs y nos haríamos nuestros platillos favoritos. Un día, Jimbo Jackson tuvo la oportunidad de salir de la Fuerza Aérea y se acercó a mí para abrir un restaurante. Pensando que nada saldría la idea, dije: “Claro, ¿por qué no?” Porque siento que muchos amigos siempre tienen esas conversaciones de hacer estas grandes cosas y nunca siguieron adelante con ello. Cuatro meses después, teníamos un restaurante. Pero no podríamos haberlo hecho sin contratar a la gente adecuada. Anteriormente, no teníamos experiencia en restaurantes. Simplemente nos encanta la buena comida. Entonces, fue vital que contratáramos al equipo adecuado con el fin de hacer realidad nuestros sueños y que esos sueños sigan sucediendo. Mucha gente me pregunta cómo se nos ocurrió el nombre Abi-Haus, y quería tocar eso brevemente. Sabíamos que queríamos incluir a Abilene en nuestro nombre alguna manera y también incorporar los nombres de nuestros hijos. nombre del hijo de Jimbo es Haustin y el de mi hija es Rose. Jugamos con toneladas de opciones pero ninguna de ellas realmente funcionó. Entonces, un día recuerdo a Jimbo hablando con su hijo diciendo: “Oye, Haus, ven aquí y ayúdame con esta cosa”, y realmente me pegó. Haus, H-A-U-S, ser la palabra alemana para casa era brillante y tenía que incorporarse al nombre de alguna manera. Entonces, entonces fue, ¿cómo podemos adjuntar Abilene al nombre de nuestro restaurante? No se sintió bien que fuera Abilene House. Entonces, hice un poco de pensamiento y el código del aeropuerto me llegó A-B-I, Abi, adjuntó que con Haus, Abi-Haus y agregamos, se sintió bien. Mucha gente nos ha preguntado “¿Por qué abre un restaurante como este en Abilene?” Mi respuesta fue algo así debería haber existido hace mucho tiempo. Nuestro acercamiento al restaurante y las razones por las que queríamos iniciarlo fueron algo egoístas. Queríamos tener estos alimentos increíbles que nos perdimos de nuestros hogares anteriores, y simplemente no podemos encontrar eso aquí. Aquí te dejamos una tonelada de increíble Tex-Mex y barbacoa pero cualquier otra cosa que no sea eso, tienes que conducir tres horas y media a Dallas o Austin para tener esa experiencia. Yo sólo quería crear una gran comida y bebida increíble pero también hacerlo de la manera correcta, preparando bien los alimentos. Hacemos muchas cosas desde cero, desde nuestros panes hasta nuestras salsas, nuestras salmueras para encurtidos. Incluso en el lado de la barra, quiero decir, hacemos muchas de nuestras mezclas desde cero. Creemos que la comida debe hacerse bellamente y hacerse bien. Es un oficio, y es un arte, y tratamos de acercarnos a todo dentro del restaurante de la misma manera. Creo que realmente ha dado sus frutos. Queríamos crear una fuga para los abilenios aquí en la ciudad. Queríamos transportarlos a un lugar diferente y siento que lo hemos logrado realmente bien con la ayuda de profesionales como nuestro chef ejecutivo, Kyle Clemmer, y nuestro gerente de bar, Drew Garison, y la ayuda de Dana Tamanachi y Jeff Rogers, quienes sacudieron absolutamente el espacio interior. Hemos tenido mucha exposición por el diseño del restaurante desde los exteriores hasta los interiores y por todo el colateral como el menú y todo. Entonces, hemos sido muy afortunados de haber llegado tan lejos y estamos emocionados de ver qué pasa a continuación. 2. Desarrollo del logotipo: Muy bien todos, pongámonos a ello. Ahora mismo vamos a hablar del logo. Vamos a analizar el logotipo de Abi-Haus y tener una breve visión general del proceso de creación. Lo que quiero que ustedes hagan es elegir una marca de logotipo que crearon previamente, o desarrollar una nueva. Esto debe tener una solución tipográfica pero también se puede emparejar con un icono. Lo que ves en la pantalla ahora mismo, es todo un montón de bocetos aleatorios desde iconos hasta formas de letras similares a las de la tercera edad, hasta realmente áspero en campusing como diseños de marca de logotipo, como puedes ver justo aquí, aquí, justo aquí, aquí, y de nuevo, estos son súper diminutos pero estos son puntos de partida para mí. Tengo una idea básica de lo que quiero en mi mente, y luego voy a la ciudad y empiezo a crear un tipo personalizado para estos diseños. Como puedes ver aquí, ya he empezado a desarrollar algún tipo de lenguaje visual, usando scripts, scripts de stencil, y algunas otras cosas. Entonces, antes de empezar a hablar del proceso de diseño para el logotipo de Abi-Haus, quería darles unas palabras de aliento chicos. Algo que he notado de mis alumnos es que realmente se ponen abajo en sí mismos cuando el trabajo, la calidad del trabajo que producen no equivale a los diseñadores que analizan, lo cual es realmente ridículo porque acaban de comenzar su carrera en el diseño y están comparando su trabajo profesionales que muy probablemente han dedicado sus vidas al diseño y tienen mucha más experiencia. Lo que trato de decir es que está bien chupar desde el principio, y creo que necesitas abrazar eso y saber que vas a producir un trabajo realmente terrible. Siempre y cuando aprendas de esos errores y te valore a ti mismo por ellos, vas a hacer muy bien. Si te apasiona el diseño, realmente quieres hacerlo bien, vas a dar los pasos necesarios para mejorarte en tu pensamiento en el diseño. Entonces, veamos algunas cosas. Entonces, tengo aquí algunos bocetos, ya hablamos de ellos brevemente, realmente brevemente, pero quiero mostrarles dónde empecé en ilustrador a partir de estos bocetos. Entonces, aquí es donde empecé y se ve absolutamente terrible. No tiene personalidad, por supuesto que no estaba planeando usar esto para el logo, pero aquí es donde empecé. Este es el tipo de logotipo final justo aquí, y tiene mucha más personalidad. Cuando lo copié por encima perdí mi título, así que sólo voy a fingir por aquí muy rápido. Ahí lo tienes. Agradable. Entonces, esta es la marca final aquí, y quiero hablarles de tipo de donde empecé para que puedan ver la evolución de donde empezó esta cosa, y donde terminó, y ver todas las cosas desagradables en el medio, y especie de cómo tenía mi momentos aha, y espero que sea valioso para ustedes chicos. De lo primero que quiero que hagas como estás creando tu marca, cuando decidas hacer revisiones sobre lo que tienes en tu pantalla, quiero que copies sobre lo que estás trabajando. Haga sus revisiones, cópielo, haga más revisiones para que con el tiempo tenga esta historia visual al que pueda volver y agarrar elementos que realmente funcionaron, e ignorar aquellos que no lo tienen. Pero es realmente alentador ver ese proceso y ver la evolución, y ver que las cosas están mejorando. Si entras aquí y tienes una cosa en tu pantalla y estás haciendo cambios, y estás cambiando tipos de letra y todo eso, solo te está haciendo la vida más difícil. Entonces, te animo a tener una bonita mesa de trabajo grande, salir fuera de la mesa de trabajo, experimentar, divertirte, copiar cosas, y jugar alrededor. Entonces, brevemente voy a ir por algunas de las marcas que no hicieron el corte en especie de cómo llegué ahí. Entonces, como pueden ver, tengo algún espécimen tipo aquí. Tengo algunas fases condensadas, algunas losas, algunas sans serifs, algún tipo personalizado que creé, más de una fase biselada, más especímenes tipo, algunos iconos por aquí pero aún no vamos a hablar de esos. Entonces, en un principio, quería crear un mensaje que fuera algo acercable y divertido, pero el lenguaje visual que quería ser muy crudo, por lo que se ajustaba a la estética del propio edificio. Entonces, aquí es donde empecé y no es nada bueno, pero eso está bien porque va a mejorar. Va a evolucionar. Voy a aprender de las cosas horribles que tengo en mi mesa de trabajo y las cosas van a mejorar, así que está bien. Entonces, aquí es donde empezamos. Vamos a movernos por nuestra pizarra, se puede ver que las cosas están mejorando o gooder. Si es malo, lo siento. Aquí arriba voy con algunos guiones aquí y especie de llevar la Germanness a la marca del logotipo. Traer algunos elementos de contenedor aquí no funcionó del todo, comenzó a texturizar algunas cosas, hablaremos de eso más adelante también. Nuevamente, como estos no son muy interesantes, quiero decir que están mejorando un poco. Este tipo de matrícula parece una matrícula de Texas, no muy buena. Entonces, ponte un poco loco por aquí, sesgado en algún tipo. Mejorando un poco en términos de jerarquía, enchufando mucha más información. Me gusta la idea de tener todo lo que posiblemente necesitarías para contactar al restaurante en la propia marca, la dirección, el número de teléfono, el sitio web. Es muy utilitario. Siento que funciona bien en algunos casos, no todos. Pero para éste, pensé que funcionaba bien. Entonces, ahora tengo este script personalizado aquí, se ve bien, está bien. Nada demasiado loco. Sentí que era un poco demasiado femenino en este punto. Pensé que debería ser un poco más masculino. Entonces, yendo por aquí, tenemos este bistec de Texas, del cual me encantan las imágenes, pero no somos un asador a pesar de que tenemos uno de los mejores filetes de la ciudad. Tengo algo más de trabajo que he hecho para otros clientes como inspiración. Entonces, aquí es donde terminé en este tablero de arte, pero eso no es todo. Entonces, donde lo dejé en el último tablero de arte, copié eso en uno nuevo y empecé a hacer lo mismo, copié la marca, hice algunos cambios, lo copié, hice algunos cambios. Hice estos pequeños florecimientos para las esquinas. De nuevo, pensé que era un poco demasiado femenino a pesar de que me gustó el aspecto de la misma. Los diferentes tipos de contenedores aquí, nada bueno. Algo de inspiración por aquí, me pareció realmente útil. Si tienes alguna buena inspiración, trae esos a tu tablero de arte para que puedas usar como referencias, no para copiar, sino de nuevo, como referencia. Se puede ver cómo esta marca está evolucionando. Tenemos un poco de llama de Texas aquí en el título del ojo. Está empezando a mejorar. No es tan malo, tampoco es tan bueno. Entonces, ya terminé con eso. Pasemos al siguiente. Aquí es donde empezó a juntarse realmente. Nuevamente, esto es absolutamente terrible, terrible uso del espacio aquí dentro. Estos bits de información están conteniendo el nombre de la empresa, y esto es simplemente malo. Traje algunos otros guiones aquí. Nuevamente, un poco femenino, un poco demasiado delicado. Yo hice este ícono del cráneo de Longhorn o cráneo de Bull, pero de nuevo, creo que hace referencia bistec casas más de lo que hacía el tipo de comida que servimos a nuestros clientes. Entonces tuvimos esta cosa aquí la cual creo que es bastante bonita, aunque tiene es buena vibra de limpieza que totalmente echa de menos la marca. Entonces, sí, se ve bastante bien, pero de nuevo, no está ahí. Todas estas cosas están mecanografiadas a medida. Algo que trato de hacer con mi trabajo de cliente en cuanto a branding es desarrollar un enfoque de tipo personalizado para su tipo de logotipo. Ellos responden realmente bien a eso porque es algo que no se reproduce fácilmente. No puedes simplemente agarrar la herramienta de tipo, escribir el nombre y copiar eso. Entonces, responden realmente bien a eso. Entonces, todo esto es de tipo personalizado y se está poniendo un poco mejor. No sé qué es esto, esto es malo. Yo estaba como, vale, olvida todo esto. Este es el enfoque de Serif occidental, vamos a Sans, no funcionó del todo. no quiero hablar de iconos, pero se puede ver que utilicé muchas formas geométricas en mi trabajo de iconos. Sigamos aquí, lo copié de nuevo, empezamos a hacer más revisiones y adiciones. Como se puede decir comparando estos enfoques con la marca final, hay muchas similitudes que he traído. Entonces, empezando a tomar forma realmente, experimenté con algunas serifs de losa extendida, no funcionó del todo, intenté apilar algo de ese tipo, otra vez, no funcionó. Esto no leía bien, ABI-HAUS. Yo quería que se leyera como una palabra, no funcionó del todo. A través de eso, se me ocurrió este lenguaje aquí mismo, que es realmente sencillo; vaca, cordero, cerdo, pescado, pájaro, todo tipo pila, que terminé usando en la fachada del restaurante. De todos modos, a través de esta exploración, las cosas van a suceder. Vas a desarrollar activos que puedes utilizar en diferentes lugares. Es una cosa hermosa. Pero si no pasaras por este proceso y copiaras estos elementos en los que estás trabajando y mejorándolos, entonces probablemente no hubieras encontrado estas bonitas sorpresas. Vamos a hacer zoom aquí. Está bien, así que aquí es donde estoy. Si ese es un número ficticio, no lo llames. Entonces, una vez que tuve el diseño general de lo que quería, el tipo no me sentía del todo bien, no se sentía terminado. Entonces, volví a algún tipo viejo que había creado y lo dividí en escalones. En primer lugar, tenía esta cara biselada. Realmente bonito, requería múltiples colores, pero quería empujar esto un poco más allá, así que se me ocurrió una serie de serifs ornamentados que luego solía terminar este tipo y me quedé muy contento con esto. Pero de nuevo, quería una versión en blanco y negro. En realidad, fue un accidente. Yo lo apagué todo. Convertí eso en trazos, luego se me ocurrió esto, que me voló la cabeza porque no había visto nada realmente parecido a eso, estilísticamente por ahí. Por supuesto, necesitaba algo de trabajo, como en las barras transversales de aquí. Se está poniendo un poco apretado en los espacios negativos. Tenemos algunas áreas que necesitamos cerrar. Pero visualmente, pensé que era realmente agradable. Entonces, yo uso eso como punto de partida. Se puede decir aquí, cerré este B, este tazón, el B allá, y necesitaba hacer algunas visiones más. Si puedes decir aquí, no sólo el B es mucho más grueso, sino que si lo comparas con el final aquí, hice algunos cambios más con eso en línea aquí. Tenía una conexión. Me deshice de esta zona aquí, y visualmente, funciona mucho mejor. Entonces, así caí en el logo de ABI-HAUS. Nunca hubiera llegado tan lejos si no fuera por ese proceso de creación y poder ver esta cosa evolucionar con el tiempo y caer a su propia. Espero que hayan aprendido de eso. Ahora bien, para su encargo, me gustaría que se acercara a su marca de manera similar. Yo quiero que veas tu marca evolucionar con el tiempo. Yo quiero ver una amplia historia de lo que desarrollaron y ver cómo se mejora en el camino. Sí, así que empieza. 3. Creación de logotipos secundarios e iconos: Entonces, la tercera parte de esta clase es aprender sobre logotipos e iconos secundarios. Miraremos el desarrollo secundario de logotipo e icono en una charla de aplicación de esos elementos. Entonces, los pasos que quiero que ustedes tomen, es elegir un elemento de su marca principal del logotipo que crearon para aplicaciones independientes. Entonces, no vas a usar el logotipo completo sino una porción de eso para aplicaciones más pequeñas. Entonces, también quiero que desarrolles un pequeño conjunto de iconos con el mismo estilo que el logo. Estos deben ser más sencillos en la ejecución para que no distraigan del logotipo primario porque estos son solo elementos de soporte. Entonces, mi enfoque con el logotipo de Abi-House fue realmente sencillo. Yo lo estaba mirando y ¿cuáles fueron algunos de los elementos más memorables para mí? Era del tipo Abi-House en sí y decidí tomar la A de Abi-House porque era la letra más especial Abi-House empieza con un A. Sí, tiene sentido. Entonces, fue muy sencillo. Simplemente copio eso y le pongo un círculo a su alrededor y esa es la marca independiente que usamos para delantales y mangas de las camisas de los empleados y nuestras gafas de pinta y todo eso. Entonces, se trata de Abi-House en su forma más simple. Entonces, ahora hablemos un poco de los iconos. Entonces, cuando empiezo mis iconos por primera vez, no se ven muy bien pero los desarrollo y los puliré y el producto final siempre es mucho mejor. Pero está bien tener algo que no es increíble. Esto aquí mismo, tan muy sencillo. Acabamos de utilizar la herramienta Ellipse aquí, teníamos unos cuantos círculos. copió eso en accidente. Escala hacia abajo, y luego los conectó. Es decir, es simplemente ridículamente simple. Por supuesto, las proporciones aquí están equivocadas. Puedes pegarla si quieres, copiarla, reflejar esa línea, adjuntarla. Entonces, las formas geométricas son tu amigo. Deberías utilizarlos tanto como sea posible, y vas a ver por qué. Usé muchas formas geométricas para crear estos logotipos, quiero decir, estos iconos. De nuevo, se trata de un gruñero. Se ve absolutamente terrible. Eso está bien, se va a mejorar. todos modos no usamos a ese tipo. Entonces, hice algunas con un contador. Este vaso de pinta con contador, demasiado complicado en mi opinión. Estos están empezando a mejorar un poco. Agregando más detalles, estos son bastante bonitos pero no sentí que se ajustara tanto a la marca del logo final. Yo quería que fueran un poco más crudos. Entonces, empecé a desarrollarlas un poco más allá, otra vez, usando muchas formas geométricas. Se trata de un medio círculo en un rectángulo, fusionado junto con la herramienta Pathfinder, justo aquí en la herramienta Unite. Veamos dónde terminamos aquí, poniéndonos un poco más sencillos. Empezó a crear algunos de los animales que representaban los diferentes elementos de nuestro menú. Porque originalmente, los creé para vivir en el menú para que a primera vista, pudieras ver el icono de la vaca y saber que ese elemento del menú estaba hecho con vaca, o tenía vaca en ella. Pero vi que el menú se complicaba mucho más, que no es lo que quieres para un menú. Se quiere que sea capaz de leer rápidamente. No quieres que el cliente se sienta frustrado o confundido, y sentí que se estaba poniendo así. Entonces, terminé desarrollando todos estos iconos, no usándolos para lo que pretendía que fueran utilizados al principio, pero encontré un lugar para ellos más tarde y te lo mostraré en un segundo. Pero como puedes decir aquí, usando muchas formas geométricas. Este es el comienzo de la vaca aquí. Utilizó una herramienta de círculo, rectángulo que acabo de agarrar esos puntos de anclaje y los jalé, los até al círculo, de nuevo, usando la herramienta Unite en la herramienta Pathfinder, el botón Unite de ahí. Esta es la forma que se me ocurrió. Las orejas son realmente simples. Son solo dos cuartas partes de un círculo que me fusioné, solo conectando esos puntos de anclaje. Compónganlos juntos. Entonces, de todos modos, realmente simple. Los cuernos, medio círculo. Añadí puntos de anclaje aquí, eliminé ese punto para conseguir la marca final de vaca. No me pregunten qué es esto, es un híbrido de pato, vaca, y pescado. Debe haber sido tarde cuando creé eso. No pude explicar esa. Entonces, de todos modos, muchas formas geométricas. Los cuchillos, súper sencillos. Un cuarto de círculo, rectángulo, asegúrate de que recorte al punto de anclaje ahí. No es lo que quería hacer, pero está bien. Otro rectángulo. El cuchillo era tan fácil de hacer. Mira eso. Simple. Entonces, este es el conjunto de iconos final. Aviso de nuevo, todas las formas geométricas, y lo hermoso de este conjunto es que, muchos de los elementos fueron utilizados para múltiples iconos, como las orejas para la vaca se usaron para el cuerpo del pez, se usaron para las orejas del cordero, que se usaban para la cola del ave. Acelera el proceso y crea una continuidad entre el grupo de iconos. Lo mismo con la cristalería de aquí, la copa de pinta, la taza de café, la copa de vino, y la copa de cóctel todo comenzó con una herramienta de rectángulo. Nuevamente, crear una consistencia reutilizando elementos donde puedas, realmente te ayudará y otra vez, agilizar el proceso. Entonces, ese es el conjunto de iconos que creé originalmente para el menú pero fue demasiado complicado. Entonces, decidimos usar eso en el elemento para el exterior de nuestro edificio o fachada en las ventanas, así como las tarjetas de regalo. Aquí, se ve un ejemplo del logotipo secundario, el Abi-House A usado en la puerta al entrar Abi-House. Una bonita introducción al restaurante. Entonces, eso cubre logotipos e iconos secundarios, sección tres de nuestra clase. Espero que lo hayan disfrutado y hayan aprendido algunas cosas. 4. Desarrollo de directrices y cuadrículas de marca: Antes de hablar del menú, quería repasar algunas Directrices de Abi-Haus que hice para mí. Si puedes ver aquí tengo esta pequeña página con todos mis activos. Tenía mi logo primario, logo secundario que es el tipo solamente, otro logotipo secundario para aplicaciones pequeñas y así como nuestros iconos establecidos en nuestra paleta de colores. Nuestra paleta de colores se divide en tres colores. El oro siendo la señalización de vinilo y el negro y el blanco para todo nuestro colateral de impresión y todas esas cosas. Entonces, súper simple, sí usamos un azul claro en ocasiones pero esos son nuestros tres colores principales. Entonces, cuando estoy tratando de descifrar mi sistema de diseño muchas veces voy a hacer un par de ejemplos. Ve cómo funciona la jerarquía de tipos y esto es lo que se me ocurrió, el lenguaje que se me ocurrió. Entonces, cada categoría de comida en el menú siempre estará contenida en un rectángulo negro y el tipo es noquear sumo completo en 44 puntos. Entonces, aperitivos, cenas, menú de almuerzo, menú brunch todo se manejará de esa misma manera. Entonces subcabezas de categoría de alimentos como nuestras bebidas en cualquier momento. El pelo del perro, los Cocktails Haus todos esos serán manejados con un knockout lleno de peso medio 18 puntos. Nuestros artículos de comida y bebida serán noqueados welterweight 14 puntos. Nuestras descripciones de artículos de comida y bebida serán noqueados de peso medio junior en 10 puntos aquí mismo. Nuestro precio de artículo de comida y bebida será un welterweight knockout 14 puntos y bebida ingrediente de artículo será un estilo gráfico regular 10 puntos que guión aquí. Entonces también tenemos reglas verticales y horizontales para la separación de contenidos. Utilizamos iconos para relleno de espacio, y mensajes secundarios y fusionar llamada en la columna de la derecha sobre escuchar. Nuevamente, una especie de relleno espacial pero sirve más de un propósito que los propios iconos. Estos sí tienen un llamado a la acción por parte de una camisa oficial de Abi-Haus por $20 Long Live Abilene un mensaje importante para nosotros y la pequeña cerveza artesanal llama aquí. Entonces, una vez que establecí todas esas cosas como que puse mis reglas. Es así como voy a acercarme a todo este tipo de contenido diferente. Se va a crear una consistencia y legibilidad es genial. Sólo un buen lenguaje visual para mirar. Entonces, ahora quiero hablar un poco sobre la creación de una cuadrícula. Para tu menú o cualquier garantía que estés haciendo. No voy a entrar en el diseño de la misma pero sí quiero mostrar cómo se puede crear una bonita rejilla y adjuntar lazo a esa rejilla. Entonces, ahora mismo, tengo un nuevo documento aquí. Simplemente haremos una página adelante y haremos 11 por 17 número de columnas. A mí me gusta tener muchas opciones voy a ir con 12. Entonces vas a Okay aquí. Pon eso solo. Esto es lo que se te ocurre. Pido disculpas si todo el ruido de fondo estoy en el restaurante y la gente está crujiendo hielo. Entonces, lo siento. Entonces, tenemos nuestras 12 columnas aquí. Ahora mismo necesitamos mostrar la cuadrícula de línea base. Entonces, si vas por aquí a ver rejillas y guías. Mostrar cuadrícula de línea base, aparecerá tu línea de base. Está bien. Entonces, vamos a un buen comienzo. Ahora, agarra tu herramienta atada y a muchos estudiantes les cuesta saber dónde hacer clic y arrastrar para escribir ventanas. Piénsalo aquí como una cruz. Está bien. Por lo que necesita estar centrado, la parte superior izquierda de la rejilla, dibujar hacia abajo y siempre se quiere terminar en el lado izquierdo de estas canaletas, a la derecha. Entonces, tienes un espacio entre cada párrafo o cuerpo de contenido. Entonces, puedes seguir adelante y escribir algo. Abi-Haus es impresionante y mucha diversión! De acuerdo, observe que el tipo no está adherido a la línea de base. Es una solución fácil, vamos a seguir adelante y cambiar la tipografía aquí. A Naco porque eso es lo que he estado usando, vas por aquí a un medio camino completo. Lo que tenemos que hacer, me adelanté y clicé fuera del texto compré todo un control. Voy a dar clic en el blog de texto o marco de texto. Voy a ir aquí a opciones de marco de texto. Opciones de línea base, y lo que quiero compensar la línea de base al arrendamiento. Todavía no se va a apegar porque nuestro dejar justo aquí es un 14 punto. Voy a cambiar el tamaño del punto. El tamaño del punto puede ser cualquier cosa. Lo importante es que el arrendamiento es divisible por 12. Siempre y cuando estés dejando es divisible por 12, y tus opciones de línea de base se desplazan al dejar que todo se alinee a la línea de base. Es realmente bonito y conveniente y todo es yo ligado perfección y vas a estar contento de que montes una grilla y restrinjas con tus pautas. Sí, todo será cohesivo y hermoso. Entonces, espero que eso haya sido de ayuda. 5. Branding: diseño del menú: Entonces, en esta siguiente sección vamos a estar hablando del elenco de soporte en los sistemas de diseño. Desarrollar una serie de colaterales y objetos que lleven tu marca más allá a través de iconos, fuentes, y señalización. Al principio, quiero hablar un poco del menú porque siento que eso ayuda a definir la estructura tipo general, porque es la pieza de diseño más complicada del restaurante. Entonces, empezaremos ahí y eso ayudará a definir nuestro lenguaje visual tipográfico y sí, así que empecemos. Entonces, como dije en un principio, Jimbo y yo no tuvimos experiencia en restaurantes antes de abrir este lugar, así que sabíamos que era muy importante contratar a la gente adecuada. El chef, obviamente siendo uno de los elementos clave de nuestro éxito. Entonces, permítanme darles un pequeño consejo, si están empezando una empresa y están tratando de acercarse a profesionales que quieren involucrarse con su empresa, intenten volarse la cabeza con diseño. Porque cuando ven estas cosas, estas maquetas de menú. Se siente real para ellos, y especial y tienen un sentido de estas cosas realmente pueden suceder, y tuve una oportunidad frente a mí. Entonces, este es nuestro primer menú. No usamos esto en el restaurante, esto es con lo que nos acercamos a Kailer, jefe de cocina, así como a Drew Pearson, nuestro gerente de bar. Entonces, la estructura es, no hay nada especial en ella. Es muy similar a cualquier otro menú que puedas encontrar, que no es lo que queríamos, pero ayudó a que nuestro concepto les transmitiera y realmente lo apreciaron. Entonces, solo señalaré algunas de estas cosas. Tenemos nuestro logo aquí en la columna de la izquierda. Tenemos nuestros titulares, brunch, aperitivos, almuerzo. Todos los detalles más finos están en un Sans regular o este bonito guión aquí, todos los precios están en amarillo, entre paréntesis, aspecto y tacto muy sencillos a este recinto en particular. Antes de empezar a diseñar su menú, quiero que establezcan unas cuantas cosas por adelantado. En primer lugar, de qué tipo vas a usar para tus títulos. ¿ Qué tipo vas a utilizar para los elementos de detalle? ¿ De qué tipo vas a usar para la copia corporal? Todas estas cosas se pueden establecer desde el principio, para que no estés experimentando durante la fase de diseño, ¿verdad? Al igual que ya has establecido tus reglas y lineamientos. Esto va a hacer que tu vida sea mucho más sencilla. Entonces, sí. No te vuelvas loco con los elementos de diseño, como yo uso estas reglas horizontales aquí solo por estructura, para ayudar a estructurar en romper estas diferentes secciones brunch, aperitivos, almuerzo, etc. Tenía una columna más estrecha en la izquierda para bebidas, y después bebidas, y todas esas cosas. Nuevamente, este es muy nivel de superficie en comparación con el primer menú que terminamos usando aquí mismo. Entonces, tenemos en la cabecera por aquí, Abi-Haus grande, audaz, destaca muy bien. Pero, también queríamos que las sesiones destacaran mucho, el brunch, el almuerzo, la cena, e incorporaran las horas, y como un bonito mensaje, un bonito mensaje alentador, solo para traer una sonrisa a la cara de los clientes. Entonces, vamos a acercarnos aquí, y miremos algunas cosas. Entonces, sí, estás empezando a ver mi acercamiento aquí. Estamos usando estos negritas, estoy usando knockout aquí. Esta negrita fase condensada aquí para los elementos del menú. Ves este GF y una V aquí que significa un gluten y un vegano, eso se llama. Aquí mismo, probablemente no sea el mejor lugar para poner esta información, pero nuestros servidores educan a nuestros clientes también sobre sus necesidades, por lo que no es ideal, pero esto es lo que hicimos. Entonces, ponemos los precios al final de cada descripción, para que sea más probable que el cliente lea la descripción del artículo antes de mirar el precio. Entonces, si ves el precio primero, puede que ni siquiera mires ese artículo y pases a lo siguiente, no queríamos que nuestros clientes hicieran eso. Entonces, tenemos el asterisco por aquí, que llama a las aves de corral poco cocidas, la carne y el pescado. Entonces, se puede ver eso en esos artículos. Nuevamente, estoy usando reglas horizontales, verticales para romper diferentes piezas de información, los complementos advirtieron en separar una columna de los artículos del brunch a la otra. Para la sección de almuerzos aquí mismo, mismo enfoque, nada nuevo aquí. Esto fue honestamente una preocupación para mí, esperando que el cliente pudiera leer bien esto. Esta es la pesada hamburguesas paso uno, recoge tu carne. ¿ Quieres carne de res o quieres el frijol negro y arroz? Paso dos, ¿qué lados quieres? Estos lados, son cero dólares. Estos lados, donde toppings más bien un dólar, tocino dos dólares. Recoge tu salsa. Estas salsas son gratis, estas salsas son un dólar extra. Entonces, me sentí como, bueno, lo que me preocupaba es que el cliente mire esto y no siga los pasos y se confunda, pero funcionó, funcionó bien. Entonces, bebidas de la casa pública, esto es lo que llamamos nuestra zona de bar, así que tienes tus bebidas fuertes por aquí, té, café, refresco. Tus bebidas más fuertes Gimlet de albahaca, Mimosa, Cadáver. Bebidas más fuertes: Manhattan, Dark & Stormy, Sazerac, lo que sea. Tenía algo de espacio extra que necesitaba llenar, y esa fue una oportunidad perfecta para traer el conjunto de iconos. De nuevo, no significa nada, no. Pero, es una textura agradable y elemento visual para incorporar al menú y se llena bien. No se siente fuera de lugar, es agradable, simple. Solo detalle. Decidí añadir esto. De verdad nos importa, número de teléfono de Abi-Taxi aquí y está enchufado a nuestro menú de bebidas porque beber y conducir es malo. Entonces, no lo hagas. De todos modos, sí, mercancía. Contamos con mercancía. Compra una camisa oficial de Abi-Haus por $20. Tenemos un descuento de 10 precent para todos los estudiantes, militares activos, y adultos mayores sin incluir bebidas ni propinas. Nuevamente, tratamos de incorporar un poco de humor aquí y allá. Entonces, no sé si eso se cruza, ojalá, lo haga, y luego alguna información de contacto en la parte inferior. Envíenos un correo electrónico a hello@good-haus.com, o llámenos a nuestro número. Al igual que nosotros en Facebook, síguenos @Abi_haus. Entonces, este menú nos sirvió bastante bien al principio, pero aprendimos algunas cosas. Teníamos aquí algunos elementos que necesitaban ser mejorados. Llegaré a esos en tan solo un segundo. Este es el lado flip del menú. Es de doble cara. El apartado de cenas. Aperitivos, cena, postres y otra vez, las bebidas. Mismo pie de página mismo enfoque sin la información de contacto. ¿ Por qué? Porque me quedé sin espacio. ¿ Esa es una buena razón? No, en realidad no. Sentí que se puso mucho énfasis en los postres lo cual está bien, pero está en tu cara y no mucho que mostrar por ello. Otro problema que tuvimos fue este guión es realmente delicado y no estaba pensando en nuestros clientes mayores y en su falta de visión. Entonces, eso fue una cosa que se destacó inmediato y acabamos de dar vueltas a hacer nuestro cambio de menú con nuevos elementos. Entonces, nos acercamos a eso un poco diferente. Vamos a ver por aquí. De acuerdo, entonces nuestro menú de brunch y almuerzo, concepto similar. Encabezado en la parte superior. Nos despojamos de muchos de los detalles innecesarios como los grises por aquí que me gustaron pero no fue del todo necesario. Entonces, los despojé. Tenemos nuestro brunch Sábado, Domingo 10 de la mañana hasta cerrar. domingos estamos abiertos más tarde para el brunch de lo que estamos los sábados. Entonces, este menú de aquí fue problemático porque decía dos cuando en realidad, domingos estamos hasta las tres. Entonces, eso tenía que arreglarse y ese es un arreglo sencillo, a las 10 de la mañana hasta cerrar. Entonces, tenemos de nuevo nuestros artículos, abordados de manera similar. Yo sí cambié el guión aquí que es mucho mejor. A pesar de que es un script de stencil, se lee muy bien en tamaños pequeños. Otra cosa que agregamos que pensamos que era apropiado fue este mensaje en la parte inferior. Para frescura, los platos se presentan a su mesa a medida que están preparados. Somos un pequeño restaurante boutique y tenemos la cocina estilo escopeta y si tienes una mesa de 15 personas, no toda tu comida se va a salir al mismo tiempo. No es un gran salto. No son grandes brechas de tiempo, pero sí entregamos los alimentos ya que están preparados para la frescura. Entonces, no teníamos eso en el menú anterior, pero es agradable tenerlo así, configuramos las expectativas de nuestros clientes. Entonces, este es un cambio que pensé que era un realmente apropiado. Tuvimos algunos problemas previamente con clientes mirando la sección de aperitivos y cena durante el brunch y el almuerzo, que no servimos en ese momento y viceversa. Con la gente de nuevo, brunch y almuerzo durante la cena y pensé que esta es una solución sencilla. lado del brunch y el almuerzo del menú será de color blanco, apetitosa sección de cena será de color negro. Tiene sentido perfecto. No sé por qué no lo pensé antes, pero ya ha hecho una gran diferencia, sólo un ligero cambio de color, sólo un ligero cambio de color, bueno no se desliza realmente, el gran cambio de color a cualquier ritmo. Nuevamente, la estructura es muy similar. Establecí los elementos de diseño más pequeños que utilizaría a lo largo de las reglas verticales horizontales, el peso de esos trazos, los títulos de las secciones, y la tipografía que se usaba en el tamaño de punto. Lo mismo con los guiones y las explicaciones aquí, los detalles de los elementos del menú aquí. Todo lo que se estableció entrando en el diseño del menú. Aparte del tipo y estos pequeños elementos detallados que planeas agregar, debes configurar una cuadrícula. Aquí mismo, tengo tres columnas en la parte inferior, tengo más o menos dos columnas en la parte superior aquí. Se configuró más o menos en una cuadrícula de 12 columnas, pero ten cuidado con la forma en que alineas tu tipo. No deberías tener un tipo de centro, alinear a la izquierda, alinear a la derecha, tipo completamente justificado todo en una sola página. Se pone un poco caótico. Fui un poco cauteloso al respecto, centrando el tipo dentro de la sección ABI-hamburguesa. Siento que funcionó bastante bien así, yo estaba de acuerdo con eso, pero ten cuidado con tu alineación y tu estructura de rejilla. Define todos tus tamaños de puntos para ti teclear y cómo interactúan con diferentes tipos de información y diviértete con ella. 6. Cómo los murales tipográficos definen un espacio: Entonces, en este video, vamos a hablar de extender la marca en el interior y el espacio exterior. Vamos a ver los murales individuales en ellos en su conjunto, cuál fue nuestro enfoque y qué estamos tratando de lograr con esos murales y cómo se suman a la experiencia general. Buenos amigos míos Dana Tamanachi y Jeff Rogers entraron de Nueva York para ayudarme con estos murales y no podría haberlo hecho sin ellos. Bueno, probablemente podría haberlo hecho, pero se habría visto casi como bueno. Entonces, cada uno de nosotros tenía propiedad en diferentes piezas en todo el restaurante, pero todos colaboramos en la mayor parte de ellas, y no pude estar más contento con el desenlace. Cuando lo miro, sólo tengo una abrumadora sensación de orgullo y alegría, y simplemente estoy muy agradecida de que sean capaces de ser parte de este proyecto que me apasiona tanto. Entonces, antes de que comenzáramos el Abi-Haus, no había lugar en la ciudad donde pudieras comer bien y sentarte al aire libre y comer. Entonces, sabíamos que necesitaba ser una gran parte de quiénes somos. Estamos tratando de educar a nuestros clientes en no sólo comida y bebida, sino también ambiente mural saludable juega en eso. Realmente puede mejorar tu experiencia gastronómica en general. No sólo creamos estos murales exteriores solo para looks. También informan a nuestros clientes en los tipos de platillos que servimos aquí en Abi-Haus, aunque sea a nivel de superficie, refresco, cerveza artesanal, cócteles, café, vaca, cordero, cerdo, pescado. Probablemente el mural más importante que tenemos es el Long Live Abilene en la pared trasera, y se puede ver en el cuadro actual aquí. Esa fue nuestra intención. Queríamos que el transeúnte o la persona que está conduciendo por el restaurante viera este enorme mural y les diera una sensación de orgullo. De nuevo, debería explicarlo con un poco más de detalle. Abilene es conocido por ser aburrido o así dicen. Incluso hay una tienda en la ciudad que vende, Keep Abilene Boring shirts, y todo mi pensamiento fue que no necesita ser aburrido y mucha gente siente lo mismo. A ellos les gusta salir, y les gusta divertirse y ahora tienen un lugar para eso. Entonces, Viva Abilene. Otra pieza increíble hecha por Dana Tanamachi en el restaurante, cita, “La buena comida termina en buena charla”. Eso es lo que queremos que ustedes experimenten. Queremos que vengas aquí con tus amigos o tu familia y comas buena comida y tengas grandes conversaciones y hagas unos recuerdos duraderos y eso es solo un lindo recordatorio. Tómalo con calma y disfruta de la vida, y disfruta de la comida, y la vida es demasiado corta. Entonces, disfrútalo. Esta es una pieza en la que colaboramos Dana y yo, “Abilene puedo volar”. Entonces tiene mucho significado, pero esto es solo para traer una sonrisa en los rostros de nuestros clientes. No estaba planeando hacer esta pieza, pero Dana y Jeff Rogers me animaron a hacerlo. Es una especie de estafa de, “creo que puedo volar”, “Abilene puedo volar”. Abilene es el hogar de una base de la Fuerza Aérea, y también tiene un significado positivo como puedo volar, puedo hacer cualquier cosa, “Abilene puedo volar”. Entonces, como que tiene mucho significado, pero de manera lúdica. Entonces, esta es una bonita pedacita que disfruto bastante. Este no es el mejor cuadro, pero una de las partes realmente importantes del restaurante es el menú de pizarra en la pared lejana aquí. Nosotros los tres le ponemos mucho trabajo y sirve un gran propósito. Aquí es donde ponemos todos nuestros especiales de bebidas, todos nuestros especiales de cena y almuerzo, especiales de postre. Es nuestra junta especial, pero es un punto focal agradable en el restaurante y es divertido y juguetón. Tenemos estos divertidos ositos que están sosteniendo el marco del menú. Es sólo una pequeña pieza bonita. Después tenemos murales aleatorios en todo el resto del restaurante como, “Por favor, espere a estar sentados” y “baño, uno a la vez por favor”, solo pedacitos de diversión aquí y allá. Voy a saltar de nuevo a esta foto de Jeff Rogers trabajando en un mural que dice: “La gente aquí no te trata en serio”. Esto es algo por lo que siempre tratamos de esforzarnos. Queremos tener un ambiente seguro en este recinto donde la gente pueda entrar y simplemente pasar un buen rato y realmente conectar con nuestro personal desde los servidores hasta la dirección y eso es realmente valioso para nosotros. Queremos hacer estas relaciones a largo plazo con los clientes. Queremos que vengan una y otra vez y para ello, queríamos construir una amistad. Entonces me siento como este mural, el mensaje detrás de él es realmente poderoso y, sí, creo que es algo por lo que todos deben vivir. Observe cómo el enfoque para estos diferentes murales son bastante diferentes. Algunos tienen estos bordes ornamentados realmente hermosos. Algunos son un poco más sencillos como, mural de “Larga vida Abilene” y algunos son completamente libres como, “La gente aquí no te trata en serio”, pero hay una cohesión entre ellos y siento que eso tiene que ver con el enfoque usando los marcadores de tiza y simplemente teniendo una calidad cruda a estas ilustraciones en estas letras dibujadas a mano y agregando pequeños detalles como serifs ornamentados, y los delicados bordes ornamentados. Todos funcionan muy bien juntos y, sí, resultó maravillosamente. No podría haber pedido más. 7. Texturas: Entonces, esta es la conclusión de envolverlo y la sección de consejos útiles, donde quiero tocar algunos temas con los que mis alumnos lo pasan mal. Entonces, lo primero que quiero enseñarles chicos, es cómo crear una textura sutil en su logotipo, o icono, o cualquier otra cosa para el caso. Entonces, tengo mi logo aquí. Voy a copiar esto y lo voy a pegar en un Photoshop. Nuestro tablero aquí y escalarlo un poco. Vamos a estar saltando de ida y vuelta con Photoshop, e Illustrator. Lo hermoso de este proceso, es que no tienes que ensuciarte las manos creando una textura. Pero requerirá que hagas algo de preparación de antemano. Sería genial si tuvieras acceso a un Breyer y algo de tinta de impresión. Puedes hacer algunas texturas, escanearlas, como yo tengo aquí mismo y crear unos pinceles, realmente sencillos. Vamos a estar usando un pincel en la herramienta de borrador para texturar logo. Entonces, si obtienes la herramienta de marquesina por aquí y seleccionas un área de textura, puedes subir aquí para editar, definir el preajuste de pincel. Bien. Está bien. Tienes este bonito pincel texturizado para trabajar. Ahora mismo, tengo tobogán verde, eso es la pantalla. Entonces, tengo uno que uso con bastante frecuencia. Es muy similar al que acabamos de crear, pero les voy a mostrar cómo funciona. Primero, frota la herramienta de borrador, ve al desplegable aquí abajo, selecciona tu pincel, necesitas rasterizar nuestra imagen y solo voy a tocar un par de veces en la pantalla. Observe que se pueden ver algunos de los grises aquí dentro, desde el pincel que acabamos de usar. Después, ve a filtrar, afilar y haz eso un par de veces, para que sea agradable y crujiente. Se ve bastante bien. Vamos a arrastrar y soltar esto en ilustrador y vamos a hacer un rastro en vivo, un rastro de imagen. Si tienes CS 5.5 o anterior, va a ser mucho más fácil. Si tienes CS 6 o Creative Cloud, vas a tener que jugar con algunas cosas. Entonces, tengo mi imagen ráster seleccionada. Voy a ir al desplegable en la parte superior de la pantalla. De nuevo, si estás por debajo de CS 6, elige la opción de letras. Hice uno personalizado y nombré un logotipo también. Desafortunadamente, no documenté ese proceso, así que pido disculpas. Entonces, seleccionas eso y factoriza tu logo. Entonces, voy a ampliar eso. En ocasiones, si te das cuenta seleccionaremos este logotipo. Ven aquí y mira el color, el relleno es multicolor,. A pesar de que no lo puedes ver, es un color transparente. Entonces, con las herramientas de selección directa, como el negro, ve a seleccionar, mismo, color de relleno, solo voy a seleccionar todo el negro en toda la pizarra. Observe lo denso así, vamos a pegar eso. Entonces, ahora tenemos este bonito logo negro, no hay otros colores. Voy a ir por aquí al pathfinder y unir ese logo. Entonces, no tenemos un montón entero de piezas flotantes. Adelante y borremos a estos tipos. Entonces, esto es lo que tenemos. Si estás un poco preocupado por la cantidad de textura, pero ya has pasado por el proceso y no quieres volver a pasar por él, y quieres cerrar algunas de estas áreas, algo que me pareció funcionó muy bien, es crear un trazo. Se ve terrible ahora mismo, pero vamos a eliminar este error. Disminuir el peso del trazo, 0.25. Observe que, está empezando a cerrar algunas de estas áreas. A menudo, iré por aquí al trazo y tendré las cabinas y las esquinas redondeadas. Sí, así es como puedes crear rápidamente un sencillo logotipo texturizado. Entonces, espero que eso haya sido de ayuda. 8. Opciones de tipografía: A veces, voy a conseguir la pregunta, ¿cómo sabes qué tipo emparejar con otro tipo? Quieren mezclar y combinar tipo. A ellos les cuesta mucho hacerlo bien. Entonces, mi consejo para ustedes sería primero, explorar con un tipo de letra que tenga una gran familia de fuentes y experimentar con la combinación de negritas, cursiva ligera, y versiones extendidas de estos tipos de letra, todo en un solo bloqueo. Creo que esa es una buena manera de empezar. Simplemente escogiendo una tipografía con una gran familia de fuentes. Entonces, si quieres ser un poco más aventurero, diría explorar con tipo que fue diseñado o creado durante la misma época. Esperemos que allí haya algunas conexiones. Eso sería un buen ejercicio para que ustedes pasen, pero cuando se trata de ello, la gente contrata a diseñadores por su enfoque de diseño y su gusto. Eso puede ser algo difícil de enseñar. Pero ustedes saben, esperemos, lo que se ve bien y lo que no. Os animo a todos a diseccionar el diseño que os gusta, averiguar por qué lo aman y tratar de imitar eso. No estoy diciendo copiar palabra, pero averigüe qué tiene tanto éxito de las cosas que está mirando, y trate de lograr eso en su propio trabajo. Tienes que empezar en alguna parte. Está bien no tener un trabajo de calidad de Sagmeister en tu segundo año en la universidad, eso está bien. Pero usa esas inspiraciones para conducirte, y empujarte, y para animarte a pasar más tiempo en el diseño y crear mejores diseños más bellos y reflexivos. 9. Reflexiones finales y conclusiones: También quiero que se sientan cómodos con la creación sistemas de diseño específicamente con tipografía y pequeños elementos de diseño web. Establecer reglas y lineamientos para ti mismo desde el principio te ahorrará mucho tiempo y creará una consistencia en tu tipo. Combinando eso con una rejilla estricta a la que adjuntas tu tipo, ya sabes tener todo tu tipo alineado a la línea de base, va a crear una estructura hermosa, agradable y limpia. Eso sería definitivamente algo que mejoraría la calidad y consistencia de su trabajo. También, iconos, usando formas geométricas y combinando aquellas de diferentes maneras para crear las diferentes marcas que vas a buscar. Al combinar todos estos elementos juntos, la marca de marca que creas con las diferentes combinaciones de tipo con tu sistema de diseño de tipo en tu cuadrícula, todas estas cosas trabajando juntas crearán una marca que es más memorable, que destacará entre tus competidores. Esperemos que ustedes puedan lograr eso en su propio trabajo y espero ver lo que producen. Espero que ustedes aprendan mucho en esta clase. Aunque aprendas una cosa, yo estaría feliz pero ojalá te quites más que eso. Fue un honor ser parte de la clase de Skillshare, y gracias chicos por escuchar y prestar atención. Mantendré los ojos fuera en algunos de los trabajos que subes y sí, buena suerte. Gracias, chicos y que Dios bendiga.