Transcripciones
1. Introducción - UX Diamond y Diseño de Logotipos: Hola amigos, bienvenidos. Hoy estaremos viendo
cómo llegar a ideas de
logotipos junto
con el diseño uno, utilizando el
software de diseño libre, Big Mac. En este curso, estaré
enseñando tus principios. A continuación, puede usarlos por
su cuenta para resolver problemas. Enséñale a alguien a pescar
como es este ángulo, y
lo alimentarás por toda la vida. En este tutorial, aprendimos sobre el diámetro de dos polos UX, que es una visualización
de un proceso de diseño. Luego lo usaremos
para llegar a
un diseño de logotipo
a través de un ejercicio. A continuación, puedes publicar
tu ejercicio en la galería de proyectos de
este curso ubicado bajo la
pestaña Proyecto y Recursos para mostrarnos cómo
fuiste y recibir comentarios
de mí y de tus compañeros. Recuerda, es un
espacio seguro y la retroalimentación
nos ayuda a mejorar y mejorar
con el tiempo. Quieres retroalimentación. Mi nombre es Olivia. Soy Gerente
de Producto en Melbourne, Australia trabajando en productos de software
digital. Muy bien. Te veré en clase. Vamos.
2. Proyecto de clase y recursos: Equipo de bienvenida. Esta clase se
dividirá en dos secciones, una sección de teoría y
una sección práctica. En la sección de teoría, estaremos aprendiendo sobre
el doble diamante UX, así
como
los principios rectores detrás del diseño de logotipos. En la sección práctica, usaremos Figma para
diseñar nuestro logo. Y mientras
haces el ejercicio, va a ser bueno si
pudieras publicarlo en la
sección de galería de proyectos a partir de ahí, podré
darte retroalimentación, así
como si
tienes alguna duda, podrás
hacerme esas preguntas. Y también podrás
mostrar a tus compañeros cómo
progresas. Muy bien, empecemos.
3. Teoría de diamantes dobles UX: Bienvenido de nuevo. En esta clase, estaremos
mirando la UX duplicada. El doble diamante de
la ONU es la visualización
del proceso creativo. Básicamente, lo usamos
para resolver problemas. Muy bien, sigamos adelante y dibujemos nuestro doble denominador. La primera parte
del diamante nos ayuda a averiguar si estamos
diseñando lo correcto. El segundo diamante nos
ayuda a averiguar si estamos diseñando
la cosa, ¿verdad? El doble diamante
consta de cuatro D's. 1234. Más demanda para estos
fáciles de recordar. Número uno, ese es el
primer IEP es descubrir. Se define el número dos. desarrolla el número tres. entrega el número cuatro. Cuando descubrimos. Básicamente, queremos
divergir, es decir. Queremos mirar a través de
tantas inserciones como sea posible, ir de ancho y hacer nuestra investigación. Descubrir. Queremos divergir. Queremos ir de par en par y reunir la mayor cantidad de
ideas posible. Una vez que hemos hecho nuestra investigación,
nos hemos reunido dentro. Ahora queremos converger. Es decir, queremos definir, cuando definimos converger. Lo que eso significa es
que zonificamos en puntos de vista que es
de nuestro interés. Ahora, hemos hecho nuestra investigación. Estamos zonificando en
particular perspicacia. Y esto nos ayuda a
diseñar lo correcto. Y pasaremos
al número tres,
que se desarrolla. Cuando nos desarrollamos,
queremos divergir de nuevo. Lo que eso significa es que
queremos generar tantas ideas como sea posible. Generar ideas, y no
hay ideas tontas. Todo lo que viene a la mente, ponlo en papel, ponlo en tu software de diseño. No te limites. Lo libre para ello, y poner todo en papel. Una vez que tengamos muchas, muchas ideas, entonces
vamos a querer
converger en la idea final, que nos lleva a D número
cuatro, que se entrega. Cuando estamos entregando,
convergemos. Lo que eso significa es que
queremos hacer una zona en una idea. Una idea. En un nivel alto, el diamante UX básicamente
toma un problema. Pasando por los años 40. Nos ayudará a
acelerar una solución. Este es nuestro doble daño UX. En la siguiente clase,
estaremos usando esto para ayudarnos a llegar ideas de
logotipos y ojalá
un logotipo final o un equipo. Te veré en la siguiente clase.
4. Características de un buen diseño de logotipo: Bienvenido de nuevo equipo. Antes de saltar a Figma
y empezar a diseñar, veamos las
características que constituirían un buen logo. Logotipo debe ser
simple en memorable. Básicamente, hazlo bastante simple que la gente lo recuerde con
el tiempo con solo verlo. Y también debe ser
versátil y atemporal. Versátil, lo que significa que no lo
puedes tener grande o pequeño, cambiando los colores de la manera
que pienso es que lo hemos
puesto en camisetas. Puedes voltear los colores de
ida y vuelta entre negro y blanco, lo que significa hacer que tu logo sea
negro y la camiseta blanca. O haciendo que tu logo sea blanco
y la camiseta negra. Te veré en el siguiente
video donde estaremos diseñando nuestro logo en Figma. Nos vemos pronto.
5. Diseñando nuestro logotipo con el diamante doble UX y Figma: Hey equipo, Bienvenido a clase. Dónde vamos a mirar el doble diamante UX
y cómo podemos ayudarnos con nuestro diseño de logotipo. Muy bien, primero, si nunca lo has hecho antes, solo dirígete a figma.com.
Como se puede ver aquí. Y puedes inscribirte
para una salida numérica. Puedes usar Figma ya sea en navegador justo después de
registrarte para una cuenta, o puedes usar la
app Figma descargando la app para tu Mac o
tu máquina Windows, igual que he hecho aquí. Simplemente usaré la
app para este tutorial. Vamos a seguir adelante y
verás este plus aquí. Si has descargado la app, solo vas a hacer click en el Plus. Adelante y hazlo más grande. Daremos clic en el archivo de InDesign. Adelante y llama a
este diseño de logotipo. Genial. Muy bien, así que en primer lugar, dibujemos nuestra UX,
se duplicó. Y para hacer esto, solo toma un rectángulo
que puede encontrar aquí arriba. O pulsando R en tu
teclado. Estoy usando Mac. Algunos de los comandos
podrían no ser los mismos si ustedes están usando la máquina
Windows, solo
estamos haciendo clic en
Shift, hacer esto turnos más grandes para que mantenga su relación aquí, 256 por 256. Si ustedes presionan Shift X, qué va a hacer eso, se
invertirá el trazo y el relleno. Vamos a seguir adelante y
hacer ese trazo rojo. Lo creceremos un poco. Hacer con eso sea más grande. Podemos rotar esto a 45
grados justo aquí arriba. Oye, tenemos nuestro
primer diamante UX. Si pulsa opción. Básicamente es arrastrar
esta forma hacia fuera. Tendremos nuestro
diamante doble UX. Increíble. Muy bien, sigamos adelante y
presionemos L para la línea sobre esto. Así como así. Ven aquí,
vamos a devolver el trazo. Cambiemos la
línea para ir. Conmigo. Estoy usando un trackpad
en este viaje. Puede subir el
valor de trazo en la línea. Y si presionas aquí los
triples puntos, puedes ver que podemos cambiar la línea de trazo de sólido
y para que sea salpicada. Ahora de nuevo, si presionas Opción, básicamente
puedes hacer dos líneas y arrastrar
la otra línea aquí. Muy bien, sigamos adelante
y presionemos T para el texto. Y si recuerdas nuestro
diamante, la primera 1, primera parte de ella se debió esto, si recuerdas, los
40 básicamente descubren. Hagamos esto audaz. Hagamos esto más grande. Ahora, puedes encajar ese cuadro
al texto justo aquí. Mismo principio. Si presionas Option y
luego
arrastras esto hacia fuera, obtendrás otra de ella. Si vas al Comando D, el comando D colocará copias a la misma distancia
que la tenías antes. La segunda parte del primer
diamante fue por definir. El tercero fue
desarrollar y entregar. Y tenemos nuestro diamante
doble UX. Muy bien, sigamos
adelante y utilicemos esto para
ayudarnos a idear el diseño
de logotipos. Voy a esconder esto por un segundo. Agruparemos todo. Si lo resalta todo. Y pulse el Comando G se agrupará. Y entonces lo que
haremos es simplemente
expandirlo un poco para
darnos algo de espacio. Muy bien, entonces tuvimos la primera
sección del diamante. Descubrir. Si presionas F, Obtendrás la opción de
dibujar un marco. Y si miras aquí el
lado derecho, hay diferentes tamaños de marco. Vamos a seguir adelante y pk cinco. Entonces tenemos algo de espacio y lo pondremos en
la sección Descubrir. Digamos que tengo un café que quería diseñar el
logo para pecho T para texto. Dijo que mi kapha es oro. Otro, desde Cafe, digamos desde esa opción café
San Francisco y puedes arrastrar esto para
crear un área de texto duplicado. ¿ A qué me recuerda esto? Me recuerda al sol, al atardecer. Anaphase, obviamente. Quiero decir, Melvin
me recuerda a la playa. Supongo que un café en la playa. La playa. Lo dejaremos en eso. Por ahora. El Descubre parte
del diamante y vamos por qué objetivo divergente que
queremos poner tantas ideas
en papel como sea posible. No hay restricción
en el pensamiento ya que café me
recuerda a todas estas cosas. Muy bien, utilicemos
Google para la salud. ¿ Qué
nos dice Google para la inspiración? Si tenemos un Logotipo de Set desde? No tan mal, eso es bastante bueno. En realidad. Para inspirarme, voy a seguir adelante e imprimir
pantalla en estos logotipos. ¿ Qué tal algunos trabajos bajos para Cafe? Sé dos de esos. No se puede deletrear playa. ¿ Qué pasa con Melvin playa
cuesta tan grande. Solo tomemos una
captura de pantalla por ahora. Dale a eso un clúster. Ahora.
Veamos qué tenemos. Ya que logotipos espacio
más pequeño
y hacen esto más pequeño, estoy presionando turno
como nuestro reside. Simplemente puedes redimensionarlo
agarrándolo de la esquina. Como se puede ver, las bibliotecas son simples,
potencialmente memorables. Uno aquí, versátil. Probablemente pueda imprimirlo en cualquiera para mostrarlo a tirón el
color podría incluso tener una buena lectura si quiero escuchar es para nuestra inspiración. Por lo que en realidad se puede
ajustar el tiempo a estas actividades para el cuadro de
estudiantes en tiempo real. La mayor parte es que les hacemos sencillo para
ustedes tener una referencia, pero luego pueden salir en su propio tiempo y
jugar con ella. De acuerdo, sí divergimos, redescubiertos, y todos
estos son inspiraciones. Por lo que ahora queremos
converger y definir. Así que voy a seguir adelante
y escoger el que me guste. Eso me ayudará entonces con la tercera parte
del diamante, que es desarrollar algunas ideas. Vamos a pausar esto aquí. Así, bastante simple. Por los colores. Este de aquí. Bueno, supongo que estos dos
opera importante. Bueno, esto es un poco complicado
como muchos tonos ahí dentro. Entonces éste es potencialmente
simple, memorable. Y éste para los colores. ¿ Qué tal café sabio? la que
hablábamos antes, ¿cuál es este de aquí? Éste por su cosa
ondullada y temblorosa. Esa. porque es bastante
simple y memorable. Mellon uno no lo lamenta,
Interesante. Vale, genial. Entonces, ¿qué tenemos? Confluimos y estamos
agarrando estas cuatro ideas. Al hacer clic en Turno, puedo
redimensionar y unimodal. Por lo que de nuevo, el turno reside. Raspa en la esquina para
darnos un poco más de espacio. Muy bien, ahora que
hemos convergido y seleccionado
unos pocos que nos gustan, vamos a
seguir adelante y básicamente ahora dibujar nuestra mirada de ojos
o es la ideación? Estoy cansado de este
tutorial tan desarrollado, vamos a desarrollar
nuestras ideas de nuevo, vamos a presionar F A5 aquí. Muy bien, esto es
bastante interesante. Entonces mirando esto, lo que viene a la mente es
que puedes presionar P para pluma. El bolígrafo es una herramienta muy
cool en Figma. Te permite
dibujar todas las cosas. Temor de prensa por Point. Presione de nuevo, no suelte por otro punto
y luego mande. Y te permite
curvar. Bastante genial. Oye, genial. Escapar para romper eso. Entonces de nuevo, haga clic en la curva de retención. Y si sigues adelante, suele
dibujar otro. A lo mejor es el sol en el que
estoy pensando. Debido a la puesta de sol Café. Porque es un café. Probablemente representen
cátodo café puesta del sol. El sol se pone. A lo mejor se está poniendo
en mi taza de café. Un poco más grande. Turno. Las líneas se desplazan rectas. Mi copa tiene un mango, haga clic en Comando, arrastre T para el texto. Tal vez lo llamemos el café
de la puesta del sol. Ven aquí por el
lado derecho. Ajuste TTX. Y vamos a hacer esto
un poco más delgado. Como, oye, mira eso. Esa es mi primera idea de logotipo. En primer lugar, equipo de buena idea. ¿ Verdad? Ahora puedes llegar a nuevas ideas o seguir adelante
y jugar con esta aquí
para solo generar ideas
diferentes y
usar esto como fuente. Esto es lo que voy a hacer. A lo mejor primero agruparé estos, no lo rompan. Muy bien, así que ahora
presionas Opción y arrastra, acaba de crear un doble. Puedes jugar
con ese doble clic. Volverás a
este modo vector. Y si haces clic en
esto, puedes eliminarlo, eliminarlo, eliminarlo para que puedas eliminar secciones
de tu dibujo, lo cual es bastante práctico. Penn, quiero hacer
el auto un
poco más separado con la copa. Principal, haga clic, haga clic en
Comando y arrastre. A lo mejor quiero copa acorralada. Por lo que da click en esta
línea hacia abajo, presiona Eliminar y deshazte de ella. Puede hacer este turno un
poco más corto para que se mantenga recto. Esta línea roja aquí te
muestra que es una línea D para Penn. Haga clic. No dejes ir Arrastre Comando. Rojo, mostrándole número
recto, turno. Ayúdalo ahí. Haga clic, haga clic, arrastre. Suéltame. Este es quizás nuestro segundo video. Vamos a seleccionar esta opción. Arrastre esta propiedad con derechos de autor. Muévete, esto tal vez quiero
tener una especie de sol lleno. Entonces lo que puedes hacer es
la opción arrastrar y luego cambiar, cambiar para voltearla
vertical. Mira eso. A lo mejor quiero cambiar
esto un poco ahora. A lo mejor no quiero
esto diferente. A lo mejor queremos un tipo
diferente de taza. Ahora. Eliminar esto. Un poco más pequeño. P para pluma. Haga doble clic en esa
P para Pen Command. Y luego haz clic, haz clic en mantener presionado Comando. Haga clic, haga clic en Comando, cierre. Oye, mira eso. La idea está tomando forma. ¿ De acuerdo? Quizás esa sea otra idea. Opción, arrastre, quedando sin espacio para el tiempo. Así que sólo sigue volando. Queremos cambiar
esto un poco. Esta parte, genial. Quiero
jugar con mi hijo. P para pluma. Sufrimiento o no. Creo que fue apropiado. Algo así. Tal vez sólo quería un turno un
poco más pequeño y luego se puede
disminuir el tamaño. Estoy pensando es que tal vez el
sol está sentado dentro de este intento de eliminarlo. Si presionas Shift, puedes moverte por diez píxeles. Y si dejas ir Shift, puedes moverte por un píxel. Oye, mira eso. Mi hijo está dentro del auto. Muy bien, lo
dejaremos en eso. Creo que voy a ir con
este video por mi logo. O tal vez deberías simplemente
tratar de no dar forma bien, equipo ya que mi grabación
murió a mitad de camino. Así que sólo voy a hacer la voz
sobre el resto. Aquí. Yo haciendo Opción
arrastrar para duplicar. Quería hacer en
una idea diferente. Antes de terminar. Cambia el ángulo. ¿ Te negativo diez, como puedes ver en
el lado derecho. Creo que se nos viene
con un platillo tipo de idea. Presiona O para círculo y luego simplemente dibujas el círculo,
negativo diez de nuevo. Turno X. Vas a voltear el trazo y el relleno
solo para obtener el contorno. Y entonces básicamente puedes cambiar a cualquier color
aquí escogería negro por lo que solo refleja
todo. Tenemos. Otro. Sólo estoy retocando
un poco lo social. Si hace clic en la
línea y luego presiona Eliminar, la borrará. Sam, principal P para
pluma, haga clic, haga clic, mantenga pulsado y arrastre para que
su línea se convierta en curva. Entonces mismo en el otro lado. Haga clic y arrastre. Ahí vamos. Tenemos un buen
diseño social pasando aquí. Y ese es el diseño final con el que
vamos a ir. Puedes marcar el tiempo de esta actividad. Puedes seguir adelante
si quieres. Pero aquí para esto,
para el propósito de esta forma tutorial de timebox. Y esa fue la sección de
desarrollo. Entonces fuimos, ¿Por qué miramos
y encontramos muchas ideas? Básicamente poner botón
en nuestra cabeza sobre papel mirando el ejemplo de la idea. Acabamos de poner
todo en papel. Y entonces ahora iremos
al lado de la entrega, lo que significa que
vamos a converger de nuevo para limpiar nuestra idea final. Si presionas F para marco y luego A5 y
obtienes el marco AFI. Y tomamos nuestra idea final y vamos a hacerlo
un poco mejor. Yo Control C y luego
selecciono el marco
y tú controlas V. Entonces vamos a mirar
algunas paletas de colores aquí. Entonces lo que hice fue presionar o por rectángulo
y deja dedo en Shift
mientras lo arrastra
hacia fuera para convertirlo en una opción cuadrada, haz clic en arrastrar hacia fuera, y luego
presionas el Comando D para simplemente duplicar y duplicará el mismo
espaciado entre sí. Puedes seleccionarlos
todos y Comando D y luego básicamente lo
arrastra hacia abajo o lo siento, opción, y luego
lo arrastra hacia abajo. Aquí. Acabo de hacer el Comando D
para duplicar esta sección. Ahora vamos a usar
esto como nuestra paleta de colores. Controlamos X que
lo ponemos junto a los colores. Para ideas. Si selecciona uno
de los cuadrados. Después vas a la sección de
campo, que está a la
derecha. Haga clic en llenar. Cualquier otro
selector de color, pincha sobre él, es muy útil edad solo
tienes que hacer click en cualquier color que te guste
cualquier pozo, llénalo. Estamos mirando el sol aquí. Entonces este amarillo fue interesante. Estoy escogiendo el
siguiente tipo
de color anaranjado que sea
interesante para nuestro hijo. Después estaba este color
magenta, otra vez, interesado
en por el Sol. Este es el azul porque esa regla también fue
interesante. Y luego echemos un
vistazo a los colores del café. Para que Brown fuera interesante. El marrón pálido. Herramienta muy útil. Simplemente haz click en el color que te
guste y te lo llena. Sólo busca marcas todavía. Como ideas para colorear nuestra representación final
de nuestro logo. Este marrón aquí fue interesante. Entonces
buscaba marrón más claro. Que sea más ligero. Fue después busca de un amarillo más brillante. Amarillo ahí, y luego lo
hice más brillante. Esa es nuestra paleta de colores
para nuestra idea final, que saltamos sobre
el tablero de dibujo. Ustedes la tecla Shift Down y la
mueven hacia abajo por diez píxeles. Ese tiempo similar aquí. Entonces, ahora vamos a colorear el diseño. Por lo que solo necesitas hacer
doble clic en el diseño. Y toma de nuevo el selector color
y selecciona el color
que quieras. Color claro para la cubierta. Y esto también, estoy tratando de
hacer que el café del atardecer
un poco de frontera aquí. Como se puede ver que en la
medida de lo posible, hemos tratado de hacer
nuestros criterios de logotipo, significa simple,
memorable, versátil. Puedes cambiar los colores alrededor si quieres
ponerlo en camisetas. Y ojalá atemporal, como el sol se mantendrá igual con
el tiempo, incluso en muchos años a partir de
ahora mientras miramos hacia arriba. Muchas gracias. Por favor pon tus logotipos en la sección de proyectos de
esta clase y
podremos mirarlo y
darnos retroalimentación. Y luego si también tienes
alguna pregunta, solo tienes que ponerla en la sección de
comentarios y te
responderé solo para que la clase
sea interactiva. Te veré en
la conclusión. Nos vemos pronto.
6. Conclusión: Muy bien, amigos. Entonces eso fue todo por hoy. La
mejor manera de mejorar en lo que
cubrimos es simplemente
jugar con él. Tener un problema. Usa el diamante doble UX
para ayudarte a resolverlo. Utilízalo como marco. Básicamente, puedes usarlo
en muchos tipos de problemas. Esta fue mi primera clase. Entonces si tienes algún comentario torno a cómo podría mejorarlo, por favor háganme saber. En los comentarios.
Dma no importa. Cualquier comentario es bienvenido. Si te gustaría que
enseñara
algo más que esté relacionado con la tecnología
o relacionado con el proceso. Por favor, déjalo también en
los comentarios. Estoy feliz de crear una clase
alrededor de cualquier tipo de temas y hasta la próxima vez que mis
amigos se cuidan. Ver.
Olivier
