Transcripciones
1. Introducción a la Bootcamp en UI: Bienvenido al diseño de
interfaz de usuario Bootcamp. Estarás aprendiendo a hacer tus diseños de interfaz de usuario
estéticamente bellos. El factor más grande que influye en la experiencia del usuario si tu aplicación es
lo bien que se ve. Entonces, pongámoslo bien. El 95 por ciento de su
aplicación es topografía. Entonces vamos a estar buscando que eso sea correcto primero, expondremos algunos de
los mitos comunes que
escuches sobre la legibilidad. Aprenderás sobre la
historia de las tipografías, cómo se interpretan a menudo, y luego crearás tu
propio sistema tipográfico. Se te darán actividades para mejorar tu
uso intuitivo del color. Después seguirás ejercicios
prácticos para desarrollar una paleta de colores
para tu aplicación. Alinear tus elementos a una cuadrícula es la forma más rápida que he visto para que un diseñador junior mejore
instantáneamente
sus creaciones. Seguirás nuevamente
ejercicios para entrenar tu ojo y mejorar intuitivamente
tus habilidades de composición. Y seguirás
ejercicios para crear una cuadrícula que funcione en el desarrollo web
basado en componentes modernos. Al comprender los bits
sobre cómo se construyen los sitios web, crearás cuadrículas
que funcionan en escenarios
del mundo real, a menudo pasadas por alto por los elementos de diseño de la
interfaz de usuario. Este curso tiene una tonelada de teoría, pero en su mayoría es práctico
y te anima a poner en práctica tu aprendizaje. Tendrás un mejor ojo e intuición para que el diseño de la interfaz de usuario haga. Las apuestas son decisiones estéticas en sus diseños de interfaz de usuario. Y tendrás una mejor
comprensión y vocabulario para poder comunicar esas decisiones con
tu equipo o cliente. Esta primera semana se
trata de composición. Cada video se
construirá sobre el último, enseñándote los elementos que hacen una composición de bello tu proyecto de clase
será subir un garabato muy simple
de cada video. Es realmente importante
hacer estos
porque estos garabatos construyen tu intuición para
hacerte mejor al ver y trabajar
con composiciones. Es genial hacer esto
antes de empezar preocuparte por todos los
elementos de la página web. Si quieres
empezar a crear hermosos diseños de
interfaz de usuario, este es el paso que
necesitarías para empezar. Entonces vamos a garabatear.
2. Composición: Cuando
hablamos de diseñar una aplicación o un sitio web, una gran parte de
lo que estamos
hablando es diseñar
una composición. Y realmente, podemos tomar mucha
inspiración del mundo del arte para empezar. Aquí hay un cuadro de John Constable hace unos
200 años. John Constable era bastante famoso porque fue una
de las primeras personas en hacer algo donde
salía al campo y
dibujaba una vaca, y dibujaba un árbol, y dibujaba un puente. Pero luego llevaría todos
estos dibujos de vuelta
al estudio y averiguaría cómo encajarlos
juntos en la página. ¿ Cuál es la forma más visualmente
agradable también? Organízalos en este lienzo. Entonces en realidad, tal vez estas
vacas no estaban en esta posición. A lo mejor este edificio lo era, y Dios sabe qué
más en este cuadro no
estaba realmente en
este lugar exacto. Estas son simplemente
las posiciones en las que John Constable cree
que se verían bien. En mi opinión, lo
más dominante en ese cuadro era esta vaca. En la parte inferior izquierda
de la imagen. ¿ Era esta vaca? ¿ Por qué fue este un buen
lugar para poner esta vaca? Definitivamente queremos que
haya una cosa en la imagen. Eso es lo primero que la gente nota que llama
su atención primero. Y esta vaca fue lo que
John cómodo decidió. Pero, ¿no
atraería más atención si estuviera en medio? Y eso no
tendría más impacto si la vaca fuera más grande en
caso de que no se pueda decir. Esas fueron preguntas retóricas. No sé la respuesta. Y la respuesta también
va a
depender en gran medida de qué
más hay en la imagen. A lo largo de este primer módulo, te
voy a dar un montón de ejercicios
muy, muy cortos. Puedes hacerlas con un
lápiz y un trozo de papel. Puedes hacerlas mientras estás en la llamada telefónica a alguien. Probablemente podrías hacerlas
mientras estás viendo la televisión. Estos ejercicios son para ayudar a entrenar y construir nuestros músculos
mentales para identificar lo que va a ser una buena composición cuando
vengamos a empezar a agregar topografía, agregar colores, y agregar
imágenes a nuestro sitio web, si queremos poder crear intuitivamente
una buena composición, cuando estamos creando un sitio web, necesitamos poder hacerlo
bastante bien antes de tener otros 1000 pensamientos
en la cabeza sobre qué tipo de letra estamos usando
y de qué color es algo. Por lo que durante este módulo
no estaremos hablando de botones y un encabezamiento
textos e ilustraciones. Tampoco vamos a estar
hablando de vacas y
edificios y ríos. Sólo estaremos hablando de
formas y líneas y marcas. Y lo vamos a
construir despacio. Lo vamos a construir
muy lentamente, un paso a la vez y poco a poco mejorar
nuestras composiciones. Pero eso no
significa que tengas que pasar mucho tiempo
en cada ejercicio. De hecho, les exhorto a que se
resistan a esa
necesidad insistente del perfeccionismo. No importa si
son un poco feos, si solo son
garabatos en la parte posterior de una servilleta está absolutamente bien. Vamos a estar entrenando
nuestros ojos y nuestra intuición, así que está ahí cuando lo
necesitamos más tarde. Entonces asegúrense de que realmente hagas estos ejercicios antes de que
agreguemos algo a esta página, al menos
quiero que aprecien esto es
genuinamente una composición. Esta página en blanco llano
es una buena composición. Y en realidad, un montón
de artistas a lo largo los años han creado piezas de arte que son solo
un lienzo blanco liso y salarlas por
bastante buen dinero. Esta composición es absolutamente
nunca va a llenar los requisitos de su sitio web
o de su aplicación web. Pero solo ten presente
que si no
necesitas agregar algo
a tu composición, probablemente no deberías agregar algo a
tu composición. La siguiente composición más simple que posiblemente
podríamos crear si acabamos añadir una sola línea
recta por el medio de nuestra página. Esto también es sin duda
una composición. Yo sí dije Lo tomaríamos despacio. Ahora, probablemente tener
esta línea recta por el medio es un
poco demasiado aburrido. Vamos a moverlo a un lado
en alguna parte. Podría hacer que nuestra composición sea
más interesante, como si no simplemente pusiéramos la vaca en medio
de la imagen. Ahora bien, aunque no queremos que
las cosas sean demasiado aburridas, tampoco
queremos que esto
sea demasiado loco. Si movemos la línea
demasiado cerca del borde, podría sentirse incómodo. Podría haber alguna
sensación de que se va a
caer o se imprimió
mal o algo así. A lo mejor esto no
se siente completamente cómodo y tal vez a
veces Eso es lo que queremos. A lo mejor se siente diferente si la ligereza de un lado de la página más que del otro, sin pensar
demasiado aún lo que hará cada una de estas
composiciones, podemos reconocen que hay una
sensación ligeramente diferente que obtenemos de cada una de estas composiciones
cuando es literalmente sólo una línea por el
medio de un cuadrado. Ahora actualmente esto es un
poco demasiado simplista
para que te preocupes por sacar
tu lápiz todavía. Hay una variable
y ese es el eje x, qué tan lejos está a través de esta línea. Pero solo puedes ver
por estos ejemplos he puesto en la
pantalla que sí
cambian cómo
se siente la composición para tu primera tarea, lo que quiero que hagas
es enmarcar un cuadrado. Ve cuántas
formas diferentes puedes hacer este ejercicio muy, muy sencillo de
posicionar un cuadrado dentro de una caja. Piensa en esto como si
estuvieras enmarcando una fotografía. Ahora un truco común que la gente hace al enmarcar es
que en realidad dejan un poco de espacio extra en la parte inferior que en la parte superior. A lo mejor hay más espacio en
un lado que en el otro lado. A lo mejor R-cuadrado es simplemente
realmente, realmente pequeño. Así que simplemente usa el
tamaño y la posición aquí y ve cuántas
composiciones diferentes puedes crear. Creo que esto es interesante
porque puedes tener un solo elemento en
una sola página web. Y hay 100
mil maneras diferentes en las que
potencialmente podrías hacer eso. Por lo que para tu primer ejercicio, quiero que encuadres
algunas casillas. Vas a pasar dos
minutos agarrar un trozo de papel, dibujar tantos cuadrados
como puedas caber en él. Estos serán tus marcos y luego vas a
dibujar una plaza en el interior. Puede haber diferentes tamaños. Pueden ser diferentes
distancias de los bordes y ver cuántas variaciones
puedes obtener. Imagina que es una página web que
tiene un elemento en ella. ¿ A dónde
va el elemento y qué tan grande es? No tienen que quedar bien. Esto es sólo para que empecemos. Es solo para que nuestro cerebro
funcione un poco. Ve cuántos cuadrados
diferentes
puedes enmarcar en dos minutos.
3. Expresión: En el siguiente módulo,
vamos a
empezar a hablar de tipografía. Pero por ahora, quiero que
solo miren estos dos A's. Ahora bien, no hablan con
la misma voz, ¿verdad? Tienen sentimientos y
emociones muy, muy
diferentes y sus transmiten cosas
muy diferentes. A veces la gente
sólo intentará encontrar cartas que no parecen
comunicar tanto, que se vean muy estándar y piensen que eso
no dice nada. Pero si por supuesto que lo hace, siempre
estás
transmitiendo algún tipo de mensaje con estas decisiones. En la carta hay todo tipo de
detalles sutiles. El contraste entre líneas
gruesas y delgadas, los ángulos que ocupan los
espacios, todo se suma a la personalidad de
las letras. Pero antes de
preocuparnos por todas esas cosas, vamos a construir
esto lentamente. Veamos si podemos construir alguna emoción con solo R-cuadrado. Esta composición que he
creado aquí a la izquierda y esta composición a
la derecha tienen un tacto muy diferente a ellos. Algo sobre cuántos
espacios a su alrededor, cuánta variación
de tamaño hay. Hay todo tipo de
cosas que ahora tenemos control sobre ese
cambio como se sienten. Si tuvieras que mirar estas dos imágenes y
decir lo que te hicieron sentir o qué tipo de personalidad
crees que tienen. Probablemente se te ocurriría con respuestas
ligeramente diferentes para mí, pero probablemente se te
ocurra algo vagamente similar. Ahora en un momento, te
voy a pedir que hagas este ejercicio para crear una composición sólo usando cuadrados que transmita una
emoción o un sentimiento. Y no todos van a
crear la misma composición. No hay una respuesta correcta
o incorrecta. Vamos a crear composiciones de aspecto muy
diferentes partir de las mismas palabras Lu, verdadero propósito del
ejercicio es conseguir que pienses en composiciones como
expresar una emoción. Para que con
pensar en lo que cada forma, su posición, y su ángulo
transmitan lo que comunican. Y queremos
pensar en esto de manera muy simple sí solos antes de empezar a
pensar en otra cosa, para que esté intuitivamente disponible cuando estamos
creando nuestras composiciones, que siempre estamos
pensando al respecto en algún nivel consciente o
inconsciente cuando empezamos a construir
el resto de las cosas. Para este primer ejemplo, me di la palabra borracho. Me gustó bastante la idea de
tener mucho peso en un lado de la página y
el otro tener non, hace que
se sienta
incómodo y se suma a esa sensación de que
se va a caer
como lo hace por supuesto, teniendo las
formas más pesadas hacia la parte superior y las formas más ligeras
hacia la parte inferior, hace que se sienta de arriba pesado. Le da esa sensación
inestable, como si pudiera caer. Y los ángulos y diferentes tamaños le dan
cierta sensación de energía. Se siente un poco enérgico. Muy raramente usaríamos un
ángulo en un diseño de página web, pero actualmente solo estamos
pensando en cómo expresar un significado
con las formas. En segundo lugar, me di
la palabra claustrofóbica. Y había algo que me pareció bastante ansiedad induciendo por tener una
línea de bloques muy ordenada. Y había algo
que muchos también se sienten un poco incómodos por tener
algo que era tan
raro trabajo con un poco incompleto
en el medio. Y entonces por supuesto, ese espacio
en blanco atrapado en el medio es muy pequeño y te hace sentir muy cerrado en solo mirarlo. Y ahora quizá no estés de
acuerdo con mi razonamiento en absoluto en cualquiera de esas
composiciones, pero eso está bien. En realidad partes de
tener que explicar por qué
piensas que algo
transmite una emoción es
parte bastante importante de esta Tarea 2, porque esa siempre es
una conversación que
puede terminar teniendo con un
cliente o un miembro del equipo. Y si eres una persona de mente bastante
lógica, nunca
fuiste a la
escuela de arte ni estudiaste. Esto probablemente todo se siente
un poco wishy-washy, pero sólo quédese conmigo por el momento y dale a esto un bash. Entonces tu ejercicio al
pensar en la expresión es simplemente crear muy rápidamente
unas composiciones usando palabras describiendo. ¿ Y el conflicto o el éxtasis? Puedes elegir tus
propias palabras o podrías elegir estos dos
ejemplos que he dado. Y sólo muy, muy rápidamente
garabateó algunos cuadrados en una composición que
sientes transmite ese mensaje. Y puntos de bonificación completos. A ver si puedes justificar por qué
tomaste esas decisiones. A ver si puedes explicar por qué tu disposición de
formas significa éxtasis. hay absolutamente ninguna respuesta correcta
o incorrecta a estos. Así que siéntete libre de volverte loco. Y por supuesto, cuantas más veces
pruebes este experimento, y como dije
antes, solo podrías hacerlo mientras estás
en una llamada telefónica. Cuanto mejor, lo mejor
que vas a conseguir en ello.
4. Balance: Una emoción que casi siempre vamos a querer
transmitir es la estabilidad. Nuestra marca, nuestra, nuestra aplicación
podría tener una emoción, han sido un poco salvajes y
liberales y creativas. O quizá tenga la
sensación de ser muy sensato, conservador,
y seguro. Pero cualquiera de estos opuestos
polares todavía quiere sentirse estable. Sigamos con el
mundo del arte por un poco más. Imagina que estás pintando un árbol. Ahora si pintaras el árbol, así todas las ramas
estaban de un lado, le daría al espectador una sensación incómoda porque en algún nivel inconsciente, podrían pensar que
están buscando algo que está
a punto de caer o, y esta es una
teoría importante que
sustentará muchas de las cosas de las que
hablaremos en este curso. Sentirán lo
que están mirando, algo que no es natural y que nos da una sensación
incómoda. Nos gustaría entender
el mundo que nos rodea. Entonces para ser amable con nuestros televidentes, cualesquiera que sean
las características que tenga el árbol, todavía
vamos
a querer que tenga una cantidad igual de ramas de un
lado al otro. O si tenemos una rama grande y
pesada en un lado, tal vez tengamos unas
ramas más ligeras en el otro. Crear Equilibrio
no
significa necesariamente hacerlo conservador. No significa
hacer una mirada aburrida, y ciertamente no significa
que tengamos que hacerlo simétrico. Simplemente significa hacer que
parezca que existe en el mundo real y obedece
las leyes de la física. Si empezamos por crear esta composición
realmente sencilla, solo tiene una caja grande y
pesada en el lado izquierdo. Y ahora queremos
contrarrestar esto porque está
haciendo que nuestra página se
pondere por un lado. lo que podríamos, por ejemplo, poner una caja más pequeña en el lado derecho si
estuviera más lejos del centro. Imagina por un segundo que
las páginas en un balancín, si una forma más pequeña está
más lejos del centro, Va a
equilibrar bien la forma más grande. Entonces tal vez esta pequeña
caja de la derecha se convierte a esta
composición en algo un
poco más equilibrado. Alternativamente podríamos tener cajas
aún más pequeñas en
el lado derecho, pero entonces tal vez
sólo más de ellas. Por lo que esto va a crear un peso
adicional en ese lado. Y por el bien de
este próximo ejercicio, voy a sugerir
que se puede jugar con lo claras u oscuras que son las
cajas también. Porque si hacemos la caja de la
izquierda, por ejemplo, un poco menos oscura, tiene menos contraste
con el fondo, y esto le da
menos peso también. Y por último, podemos por supuesto, equilibrar nuestra composición
simplemente haciéndola simétrica. Por supuesto, en el
mundo real de hacer un sitio web, muy raramente se
te dará la oportunidad de hacer
una composición que simplemente equilibrio simétrico en creación de una composición significa debería
haber ser una cantidad
igual de señal
visual en ambos lados. Y realmente vale la pena que
practiquemos esto ahora, porque cuando metamos más
elementos en nuestra composición, todos diferentes colores y
formas y densidades, se va a volver muy, muy difícil conseguir
esto equilibrio a la derecha. Entonces, cuanto más lo practiquemos ahora, más nuestra intuición va a poder trabajar
con ella más adelante. Por lo que tu ejercicio para este
video es muy sencillo. Vamos a crear algunas
composiciones usando cuadrados,
usando al menos dos
o tres cuadrados donde la composición
se sienta equilibrada. Podemos jugar con la forma, podemos jugar con
lo oscuros que son. Podemos jugar con un par
de cosas diferentes para intentar crear un equilibrio en la página y solo ver cuántas puedes crear en un
par de minutos.
5. Contraste: Si eres un poco demasiado
inteligente para tu propia circuncha, probablemente
te hayas dado cuenta de que puedes crear una composición
equilibrada simplemente dibujando absolutamente
nada en la paga, bien hecho. Pero tu equipo de marketing
probablemente no va a estar muy contento con
esto como diseño, pero probablemente no
estarían súper contentos con ese completamente
simétrico. O bien. gente le gustan naturalmente los entornos de
Benin y mirando diseños
que no los confunden, pero son muy baja complejidad
visual, paleta de colores
muy limitada, cantidad
muy limitada de
formas en la página. Pero tampoco
notamos estas cosas. realidad no prestamos
demasiada atención. No
los recordamos y
realmente no nos involucramos tanto con ellos. Los encontramos relajantes
y agradables. Entonces, incluso cuando
solo estamos diseñando un sencillo
formulario de entrada en una página web, queremos que eso sea
algún contraste con. Queremos que el árbol
se vea equilibrado, pero no completamente equilibrado. Tiene que haber un poco de tensión y pequeños pedacitos de malestar que mantenga despiertos e interesados a nuestros
usuarios. Para ello, siempre nos aseguramos de que nuestros diseños tengan algunos
elementos de caos, algún elemento de contrastes entre lo que hay en
la composición. Entonces, por ejemplo, si sí
tenemos un cuadrado a un
lado de la página, tal vez lo equilibramos con
la forma que es tan grande que ni siquiera
cabe en la página. Y una forma que tiene atributos visuales
muy diferentes a la plaza. Ahora tenemos algo que
mantiene a la gente mirándolo. Mantiene su cerebro estimulado más que si sólo
tenemos las dos cajas. Y podríamos usar cualquiera de las técnicas que usamos cuando
hablamos de equilibrio, pero tal vez jugar un poco con
ellos. Estos círculos ahora están
dispuestos de una manera que los hace bastante
diferentes a un cuadrado, pero la página todavía tiene una cantidad
razonable de saldo. Contraste un cuadrado con un
círculo es bastante bonito porque un cuadrado es muy rígido y un
círculo se siente muy orgánico, pero podemos ser mucho más
orgánicos que un círculo. ¿ Y si contrasté
con esta hoja? Hablaremos mucho más de
contrastar colores más adelante, pero esta hoja es verde. A lo mejor hacemos de la caja un color
muy diferente. A lo mejor lo hacemos rojo. Creo que esto se ve bastante bien. Pero en algún momento, sobre todo si teníamos más elementos
en nuestra página, vamos a llegar
al punto donde simplemente
tenemos demasiado contraste. Sólo queremos un
poco de contraste. Queremos que en su mayoría se sienta bastante
conformado, incómodo. Entonces, ¿qué tal si
limitamos la cantidad de atributos que varían
entre estas dos formas. Ahora que también hemos incluido
una imagen, podemos jugar con la
idea de que tal vez mantengamos la misma
forma que el cuadrado, pero usamos la textura
de la imagen. Por lo que ya podemos ver
cosas como la forma, el color, y la textura todos se
pueden usar para crear algún contraste en nuestra composición para hacerlas más
visualmente interesantes. También podríamos organizar
potencialmente algunas de las formas en
una especie de patrón. Si quisiéramos, podríamos jugar con la calidad de estas líneas. Estos se ven muy rígidos, pero podría haber
un poco áspero. Podrían ser curvos, podrían parecer dibujados a mano,
similares a nuestra hoja. Si creáramos una
composición como esta, sería muy fácil para nosotros crear demasiado contraste para las dos áreas de la página parezcan que pertenecen
a mundos diferentes. Y recuerda, queremos que nuestro usuario en un nivel
inconsciente se sienta cómodo, se sienta como una cosa
real natural que están mirando y que lo
entiendan y
vean patrones en ella. Entonces no queremos limitarnos sólo a limitar la cantidad de
atributos que tenemos contraste, entonces podríamos querer crear
otras restricciones a, si solo estamos tratando de
crear contraste en la página, estamos muy rápidamente
va a hacer algo que es casi
repulsivo de mirar, que la gente se siente incómoda
incluso mirándolo. Entonces en este ejemplo exacto, solo
he usado líneas
del mismo grosor, la misma longitud,
y solo verticales, horizontales o de un ángulo
específico. También tenemos contraste en esta composición
exacta porque el lado izquierdo todavía
tiene muchos espacios en blanco a su alrededor. Está muy limpio. Y cuanto más desorden tengamos, más queremos
asegurarnos de que tengamos mucho espacio o cosa redonda. A medida que intentas crear algún
contraste en tu composición, intenta mantener esa
sensación de equilibrio. Y lo que notarás es, medida que empieces a añadir formas, cuando hayas añadido tres o cuatro formas
a la composición, Va a empezar a parecer
un poco más caótico. Y va a ayudar
si luego comienzas a crear algún tipo de reglas, como tal vez solo uses
un cierto número de formas o solo usas un
cierto número de colores. O por supuesto, podría ser
bueno empezar a pensar en cómo se alinean dentro de
la composición. En este punto, no
te preocupes demasiado por crear estos lineamientos
ni nada por el estilo. Simplemente reconoce que a medida que añades más formas a
la composición, comienzas a crear reglas
mentales sobre qué tamaños pueden ser y
qué colores están permitidos. Tiendes a empezar a
crear reglas para mantener ese sentimiento de conformidad
en tu composición. Pero lo que vas a hacer
es empezar con una composición con
un elemento en ella, y luego probar con dos, y luego tratar de crear
otra composición con tres elementos y
asegurarte tienen algún
elemento de contraste, pero se asegura de que no
empiece a parecer loco también. Este fue un video razonablemente
corto, pero es un
tema muy importante para que practiques. Así que asegúrate de gastar
un poco más en este que en
los anteriores. Quiero que creéis
lotes y montones de composiciones
diferentes
donde
haya un elemento de contraste. Formas contrastantes, colores
contrastantes, tamaños
contrastantes, texturas
grandes y pequeñas, suaves y duras, patrones crean alguna
forma de contraste. Empezar pequeño, tres formas. Y luego para las formas y
construir y hacerlas más complejas. A medida que las haces más complejas, no
tienes que crear
intencionalmente reglas, sino solo reconocer que
para que se vean bien, se empieza a crear algún
tipo de reglas para mantener un sentido de conformidad
en estas composiciones.
6. Forma de forma: Se trata de un ejercicio creado por Kandinsky donde
pidió a sus alumnos que
intentaran igualar las
características de los colores con las
características de las formas. Pondré un enlace en los recursos para que
puedas tener un go tú mismo. No voy a hacer clic en Enviar, así que no estropeo la sorpresa
si lo haces bien o no. No estoy seguro si
necesariamente estoy de acuerdo con sus ideas sobre qué
formas son las personalidades, qué colores son las personalidades. Pero probablemente podamos estar de acuerdo que diferentes formas
podrían comunicar cosas
diferentes y
podrían ser mejores para diferentes marcas o
diferentes emociones, diferentes situaciones. Tomemos el
triángulo, por ejemplo. Ahora el triángulo tiene unos puntos muy
precisos en los bordes. Y creo que eso comunica un muy buen
mensaje de branding si
estás creando una aplicación para una
empresa de ingeniería quizás, pero eso
cambiaría por completo su significado si entonces redondearon los
bordes de este triángulo. Ahora se siente totalmente diferente. En realidad comunica un mensaje
totalmente diferente. O si dibujamos a mano los bordes, podría tener bordes ligeramente
más ásperos y luego definitivamente no funcionaría
para una empresa de ingeniería. En lo que pensamos cuando decimos la palabra triángulo
podría significar potencialmente cosas
muy diferentes que comunican cosas muy
diferentes. Tienen
personalidades muy diferentes. La forma de una forma simple
puede cambiar bastante. Pero qué pasa cuando
nos metemos en algo aún más complicado como estos patrones o texturas que
miramos un poco
en el último video. He descargado estas texturas de Internet en alguna parte
y les tienen mucho caos y muchos sentimientos
texturales ásperos para ellos. Pero si tan sólo traigo esto de vuelta
al mundo real de diseñar
una aplicación de nuevo, probablemente
usaría
algo más como esto, un poco más sutil. Digamos que estaba creando una aplicación móvil para ayudar a
los músicos a encontrarse. Ahora, la música es muy visceral. Es muy tipo de cosa fluida de tipo
natural. Entonces no querría algo tan angular y tan aburrido
con tan poco contraste. Pero podría muy fácilmente hacer este diminuto cambio y en realidad
mejorar la aplicación. Estoy usando estas líneas de sensación fluidas, naturales, orgánicas
como textura en el
fondo muy sutilmente. Y siento que eso
funciona bastante bien para comunicar música y comunidad. Obviamente también acabamos de
hablar de contraste con, y probablemente
queramos pensar la forma de nuestras formas y
estamos viendo el contraste. El formato de esta caja es
realmente angular y rígido. Y la forma de estas líneas fluidas
contrasta perfectamente con esa caja de una manera en la que mi ejemplo anterior de un círculo completo quizá
no lo hiciera tan bien. Digamos si en lugar
de tener una caja aquí, tenemos algunos textos
que acaban de decir forma. Ahora esto como contrasta muy, muy bien porque
el texto aquí es muy geométrico y angular, similar a la caja que acabamos de tener. Si traté de hacer el mismo texto, las mismas letras, pero con
una forma ligeramente diferente. Se ve más fluida
y natural y tal vez en lugar de contrastar con las formas de la derecha, tipo de choques con ellas. Entonces este video fue
un poco un recapitulativo de lo que hemos
hablado hasta ahora, pero también hemos mirado un poco en forma y cómo puedes
tener un triángulo lo, y aparecer muy
diferente solo por ajustando un poco las líneas y
los bordes. Y al igual que en
nuestro primer ejercicio, hablamos de cómo
queríamos expresar emoción y algunas características
con nuestra composición, con las formas muy exactas
en la composición, podemos comunicar
parte de eso también. Entonces quiero que vuelvas a ese primer
ejercicio donde
creamos un par de composiciones que expresaban una palabra específica o podrías crear
unas nuevas desde cero si así lo deseas. Y esta vez, quiero que tomes lo que hemos
aprendido desde entonces. Yo quiero que las recreas para que
tengan un cierto elemento de
equilibrio ahí dentro, pero también cierto
elemento de contraste. Y puedes usar formas
contrastantes ahora
dos formas diferentes, pero también diferentes texturas
y patrones que ayudan a comunicar lo que
estás tratando de expresar. Si sí quisiste
crear dos nuevos, tal vez trate de
expresar un sentimiento de seguridad con una composición, después tratar de
expresar un sentimiento de libertad con una composición.
7. jerarquía: Hasta ahora hemos mirado el
equilibrio y el contraste, que van
a asegurarse de que nuestras composiciones se vean bien. Hemos mirado la
expresión y la forma, lo que asegura que
se comuniquen o hablen en el
tono correcto de voz. Ahora construyamos sobre eso con algunas técnicas
que van
a hacer que nuestras composiciones sean
un poco más útiles. No vamos a crear arte. Eventualmente estaremos creando diseños y tendrán un estadounidense piense de nuevo a ese cuadro de
John Constable
con la vaca en él. Ahora bien, había otro objeto, creo que tal vez un edificio
al otro lado
del río y otro árbol, tal vez había una jerarquía obvia
dentro de esta composición. Hacía fácil saber qué primero y qué
mirar en segundo lugar, mayoría de los artistas tendrán algún
tipo de jerarquía dentro su composición en formar al espectador qué
mirar primero, segundo, a veces incluso
usando líneas reales o incluso flechas
dentro de patrones para guiar el ojo alrededor de
la composición y mantenerla dentro de los
límites de esa imagen. Si nosotros, por ejemplo, tomamos de nuevo la composición. Acababan de ser dos vacas de igual tamaño en mi composición. Ya sabemos que
esto no crea un contraste
particularmente agradable
en nuestra composición, aunque sí crea un equilibrio
muy bonito, también
deja al espectador
preguntándose cuál de estos dos es el más importante que deben mirar en primer lugar. Y hay cierta
cantidad de conflicto e incomodidad dentro de
su subconsciente. El artista o diseñador que
crea la composición tiene mucha más información
para decidir qué alguien debería
mirar quizá primero, la persona que la mira no puede decidir dentro de una
fracción de segundo, que es lo más
importante a estar mirando. He creado un
ejemplo News homepage que podría crear
si alguna vez tuviera un blog. Y hay unas rutas relativamente
obvias que podrías
mirar en esta página. Antes que nada, notarías
esta historia sobre los derechos. Tiene el texto más grande. Se ve diferente a
todas las demás historias, um, y está bastante
arriba de la página. Y luego hay quizás
dos áreas diferentes que podrías mirar a continuación porque una es un poco más grande
y consume más espacio, pero la otra tiene
unos diseños ligeramente más únicos por aquí. Entonces esto potencialmente dos cosas que podrías mirar después de eso. Los sitios web de noticias son grandes fuentes para mirar cómo las personas usan jerarquía
visual
porque normalmente tienen bastante información. Están tratando de meterse en una cantidad
muy pequeña de espacio. Pero primero veamos algo
en donde entra la
mayoría de la no-enfermedad
comenzaría a pensar en la jerarquía. Si alguna vez has escrito un
ensayo en un documento de Word, sin duda
has tenido un
título grande en la parte superior con algunos textos en y
texto más pequeño debajo en párrafos. En este caso, tal vez una viñeta
apunta para una página de contenido porque este es
el fondo que
todos tenemos en crear
una jerarquía. Los nuevos diseñadores siempre piensan el tamaño del texto cuando intentan hacer
algo más importante. Y potencialmente
pensar en mover las cosas por la página al tratar de
hacerlo más importante. Si miramos este
documento, tengo aquí, Hay un rubro y cinco
enlaces a artículos a continuación. El rubro. Las últimas noticias no son
enormemente informativas, sobre todo para alguien que
vio esta página muchas veces. Por lo tanto, realmente no
queremos que esto sea realmente grande. Probablemente queremos que sea
más alto en la jerarquía aunque. Entonces tal vez podríamos hacer de
esto un color diferente. Por lo que destaca pero en realidad lo
hacen mucho más pequeño. Entonces está fuera del
camino después de eso. Tener cinco encabezamientos
en realidad es un poco demasiado. Es muy difícil para la
gente tomar una decisión entre cinco cosas o
sin duda alguna más de cinco. Por lo que quizá queremos guiarlos hacia uno para al
menos conseguir que
comiencen a leer titulares en
lugar de
dejarse comiencen a leer titulares en
lugar de
dejarse atrevidos por la indecisión y
nunca leerlos realmente. Por lo que quisiéramos evitar
tener cinco cosas de la misma importancia exacta
y tal vez sólo sacar una. Si tan solo pudiéramos escoger uno al
azar o pudiéramos decidir lo que creemos que es lo más
importante y arrastrarlo hacia fuera, hacer que el texto sea mucho más grande, haciendo de éste la jerarquía
más alta. Y podríamos hacer esto
más importante aún sacándolo de la lista. Actualmente está en. Echa un vistazo atrás a este diseño. Acabo de crear esta página de
inicio de noticias y ver si
puedes identificar lo que es lo más
importante en la página. ¿ Qué es lo
que notas primero? A lo mejor ordenarlos a
partir de 1, 2, 3, 4 en orden de cómo
los notes, ver si puedes identificar qué es
lo que hace
algo en la página. Lo primero que notas o lo segundo que notas, probablemente no sea solo tamaño. Y luego cuando
termines de mirar esto, ve y mira tu periódico
favorito que normalmente miras y ve qué técnicas
han utilizado. Y tal vez incluso
mirar algunas composiciones artistas y ver qué fosos de jerarquía han utilizado
para hacer que veas primero la composición de
un camino
y veas una parte de segundo. Ahora, volvamos a
crear nuestras composiciones. Como punto de partida para esto, siéntete libre de mirar
cualquiera de los que has creado para los ejercicios
anteriores. Y quiero que añadas formas, pensando en el
contraste y el equilibrio. Pero esta vez, empezó a
pensar en la jerarquía. Asegúrate de que haya
una cosa y la composición que sea lo
más importante. Y luego una segunda cosa, que es la segunda cosa
más importante. A medida que trabajamos más
abajo en la jerarquía, está bien tener algunas
cosas en el mismo nivel, pero más arriba, eso sólo debería ser una cosa más importante. Intenta usar algunas de las técnicas que has identificado
al mirar periódicos y otras
piezas de arte y ve si puedes usarlas para crear diferentes composiciones con
diferentes jerarquías, tal vez consigue uno que
estés contento con el pelo. He usado bastante
contraste de color. Los grises más claros
son menos prominentes. Pero tal vez si hago una
más oscura y de repente hace que esa pieza en realidad sea mucho más importante en la composición. O si efectivamente cambié su
color y cambié esta forma, lo va a hacer mucho más importante en esa competencia. Entonces intenta crear
algunas composiciones que no tienen jerarquía. Lo obvio sería solo una lista de
casillas como ésta y luego ver si puedes jugar con ella para que una
cosa destaque, para que sea más importante. Al igual que con todos nuestros ejercicios
anteriores, no
hay manera correcta o incorrecta. Y no estás
intentando necesariamente que se vean
increíbles ahora mismo. Lo que estás tratando de hacer es entrenar tu intuición
para que cuando estás tratando con más elementos sean más cosas en las que debes
pensar en la página. Simplemente puedes crear de forma natural esta jerarquía en tus diseños. Tanto lo siento, eso fue un
poco largo. Pero solo recapitular
tu ejercicio para esto es crear una composición. Puedes usar diferentes
colores, formas, y todo lo
que hemos usado hasta ahora. Pero asegúrense de que haya una jerarquía visual
para el primero, solo crea tres elementos en tu composición y luego
intenta con cuatro y sigue agregándolos y ve
si puedes tener un jerarquía coherente
en sus composiciones.
8. Relaciones en las relaciones: Entonces en nuestro video anterior, estábamos hablando de jerarquía, que en gran medida se trata de hacer algo
destaque entre la multitud. Lo que hace que algo
sea lo
más importante, lo más obvio en la página. Pero lo contrario de eso
es cómo agrupamos las cosas para demostrar
que pertenecen juntas? Si miramos atrás a
este diseño aquí, podemos ver que estos
tres artículos de
la izquierda obviamente están
relacionados de alguna manera. Tienen un
nivel de importancia similar. Probablemente tengan algún tipo
de relación entre sí. De igual forma, estos
artículos en la parte inferior izquierda o estos artículos
en la parte inferior derecha, tener más
artículos siguiendo exactamente
el mismo patrón
en la parte inferior derecha, dice
que son menos importantes para que no capten nuestra
atención tan rápido. Pero también nos dice cuando
empezamos a mirarlos, que hay algo
similar en ellos, que pertenecen juntos
por alguna razón. Entonces si miras hacia atrás este
diseño o algún periódico, o incluso si te gusta
una composición de
arte, puedes intentar identificar cómo se
han hecho ciertos elementos para parecer que forman parte
del mismo patrón que
pertenecen juntos. Y luego intenta crear nuestras propias composiciones
usando esas técnicas. Entonces, por ejemplo, si tuviera
un círculo y quisiera equilibrar eso en el lado derecho
de la composición. Podría similar a esos
artículos de noticias en la página web, usar algo así como tres cuadrados
apilados igual a partes. Tiene el mismo tipo de
peso que el círculo, pero se ven menos importantes
porque siguen el mismo patrón y
parecen que se
relacionan entre sí. Sabemos que tienen
algo en común. Podríamos tener dos
formas que no encajan tanto en un
patrón como entre sí, pero tal vez están contenidas
dentro de otra forma. Esta es otra
forma en la que podríamos decir que estas dos
formas están relacionadas. E incluso si estas formas
se convirtieron en círculos, por ejemplo, Todavía parece que las
formas de la derecha están más relacionadas entre sí
que la de la izquierda. Porque hay un tamaño similar y están relativamente
cerca uno del otro. Tal vez
parecen que pertenecen juntos más que
el de la izquierda. En fin, intentemos que se
vean más relacionados. Podrían simplemente estar
conectados teniendo una línea real conectando
las formas que funcionan. O tal vez haya algún tipo de forma abstracta que ambos se superponen que los hace
sentir que pertenecen
a una tercera forma. O por supuesto,
podría haber todo tipo de cualidades que
las formas tienen manera diferente que hacen
obvio que están
relacionadas de alguna manera. Por lo que probablemente lo has adivinado. Yo quiero que hagas
exactamente lo mismo que hiciste en el último ejercicio. Crear una composición
con jerarquía. Pero ahora intentemos
relacionar algunos de los
elementos menos importantes de la página. Y por supuesto, tal vez
relacionar algunos de los elementos muy importantes con algunos de los elementos menos
importantes. Porque por supuesto, cuando
empezamos a crear diseños, podrías tener un encabezado muy
importante con algunos
elementos ligeramente menos importantes debajo de él.
9. Alineación: Como mencionamos un
poco antes, una vez que tengas demasiados
elementos en tu página, las cosas van a
empezar a ponerse un poco caóticas. Y así, naturalmente
comenzaremos a crear algunas reglas para agregar
algo de conformidad. Por lo que sólo hay un pequeño área
de espacio para el caos creativo. Por ejemplo, podemos limitar la cantidad de
colores que podemos utilizar. A lo mejor diremos que solo hay
tres colores específicos que podemos usar para estas
formas en nuestra composición. Estaremos hablando más de
colores más adelante en el curso. Pero por ahora, hablemos de
nuestro diseño de composición. Ahora, antes dije que podrías empezar a crear una especie de cuadrícula en tu mente o
asegurarte de que las cosas estén alineadas para intentar
reducir ese caos. También hablaremos de rejillas más adelante en
el curso también. Pero por ahora, estás empezando
a crear algunas composiciones. Y algunos de ellos
tienen muchos elementos. Están empezando a parecer
un poco caóticos. Queremos asegurarnos de que estamos manteniendo las cosas
alineadas entre sí. Y así quise
sugerir algunas cosas que
pueden ayudar a que estas
alineaciones se vean bien. Por lo que en la pantalla tengo tres cajas de
igual tamaño son del mismo color y encajan
perfectamente en esta cuadrícula imaginaria. Yo lo he puesto encima. Si agregué
un cuarto cuadro, idealmente, no
quiero que no se
alinee a esta misma cuadrícula
limitando las posiciones que son elementos pueden aparecer
en mi composición. Le estoy dando una
sensación de conformidad, lo
que le da un patrón agradable
y satisfactorio para que el usuario lo vea. No obstante, a lo mejor quiero crear algunos intereses visuales y
podría querer algún caos, en cuyo caso tal vez
un elemento no aparezca alineado con el
resto de la cuadrícula. Pero incluso entonces, me
gustaría descartar diciendo que sólo un elemento mi composición se puede
alinear a la cuadrícula. Pero estas reglas
van a cambiar dependiendo de la
composición que estemos creando. A menudo dependiendo
del tipo de sentimiento
que queremos que la composición
inculque en la persona que la
mira. Podríamos crear algo
como esto donde se
tiene un bonito equilibrado
a la composición, pero también tiene un poco de contraste
entre izquierda y derecha,
y simplemente haciendo que
la forma más grande
alinee dos diferentes dentro de la cuadrícula por lo que es más grande. Donde esto va a
empezar a
complicarse un poco más es cuando
empezamos a introducir
diferentes formas, pero queremos aplicarlas a
la misma cuadrícula de alineación. Si por ejemplo, queremos
la composición así, donde estamos equilibrando un cuadrado y un círculo ligeramente más ligero. El círculo no va a aparecer como
encaja en esta cuadrícula, igual que lo hizo el cuadrado, porque no tiene las esquinas
rellenadas como un cuadrado. El círculo no
tiene un bonito borde plano para sentarse al ras con
la rejilla de alineación. Entonces para que nuestro círculo quepa dentro de
esta misma rejilla de alineación, en realidad
queremos
expandirla siempre tan ligeramente. Queremos empujar ligeramente su
peso hacia afuera. Y ahora tal vez esto se sienta
un poco más como si estuviera alineado a la misma
cuadrícula que lo hace el cuadrado. En el último video, estábamos hablando de
formar relaciones con formas si
pertenecen juntas o hay algún tipo
de relación entre lo que esas
formas significan para la página. Si nosotros, por ejemplo, queríamos que este cuadrado
y el círculo
estuvieran alineados y también nos
relacionáramos de alguna manera. A lo mejor los
alinearíamos en realidad basándose en el punto central
de las dos formas. Ahora, digamos que
queríamos por alguna razón alinear el círculo la línea de base del cuadrado en lugar del
centro de la plaza, como acabamos de decir sobre dimensionarlo, vamos a empujarlo un
poco por encima de esa línea. Me gusta
imaginarlo como estas líneas tienen un poco de género
esponjoso para ellos. Ahora hagamos lo
mismo con una
forma ligeramente diferente con un triángulo. Si tuviéramos el
triángulo de esta manera arriba, probablemente
se sentaría en
especie de la misma línea de base. Pero si lo damos la vuelta, entonces está en un punto muy, muy afilado el cual
probablemente va a empujar
un poco hacia abajo por la ponderación
central de eso. Y si quisiéramos alinear centralmente el
cuadrado y el triángulo, el triángulo tiene la mayor parte de su espera en el
lado más grande, obviamente. Entonces en realidad vamos
a empujar eso un
poco hacia abajo y tratar esto como si los puntos centrales
del triángulo un poco más
lejos de los puntiagudos. Y piensa en dónde está el
centro del peso de la forma
más que el centro real. Y por último, si
dejamos de pensar en líneas de
cuadrícula o
líneas de alineación por un segundo y pensamos en un
montón de formas en una secuencia espaciada por igual. Se puede ver en realidad he
hecho el círculo un poco más grande y el triángulo
un poco más grande
a, para empujar sobre esas líneas de base
y esa línea superior. Pero quiero
hablar de cómo están espaciados
horizontalmente
a través de la pantalla. Bueno, ahora mismo, lo que he hecho similar a las líneas de
cuadrícula antes antes, es que he puesto un espacio
igual entre el borde mismo de cada una
de estas formas. Ahora el problema aquí, nuevo es que las plazas
tienen un borde muy plano. Están sentados al ras
contra este hueco. En tanto que el triángulo
y el círculo tienen unos puntos muy precisos que están tocando en
el borde de la brecha. En lugar de espaciar
estas formas hacia fuera, me preocupa mucho más el área del espacio
entre cada forma. Si en cambio miro los tres
espacios entre las formas, rápidamente
me doy cuenta de que este espacio de la izquierda
es mucho, mucho más pequeño. Entonces quiero empujar ese círculo
y que el espacio de
la derecha sea un poquito más pequeño. Entonces solo quiero aplastar un poco
ese triángulo hacia
la izquierda. Y ahora si vuelvo
a colorear esas formas, estoy mucho más contenta con lo
bien espaciadas que están. Por supuesto, todavía estás
trabajando con bolígrafo y papel. Por lo que estarás imaginando
las líneas de cuadrícula o imaginando estas
áreas entre ellas. Y les instaría a seguir trabajando con pluma y
papel porque estamos entrenando nuestros ojos
y estamos entrenando nuestra intuición creando
cada una de estas composiciones. Toma las composiciones
que creaste para las dos últimas secciones
y recíalas, pero tómate un poco más de tiempo sobre ellas ahora tal vez
hazlas un poco más grandes y dedique tiempo a
pensar en la alineación, exactamente lo cerca que está cada
forma una de la otra, y por qué la composición como creamos en este
ejercicio van a verse casi exactamente
igual que las dos anteriores. Pero créeme,
va a hacer una enorme, enorme diferencia. Siempre que veo a un principiante, diseñador
gráfico o
un diseñador web empezar a usar una cuadrícula y
pensar en la alineación. Es honestamente lo
número uno que hace que estas
composiciones solo parezcan mucho más profesionales.
10. Secuencia y ritmo: Con todas las cosas de las que
acabamos de hablar, jerarquía, relaciones
y luego alineación. Estamos
hablando mucho de crear un sentido del orden en la página. Todavía creamos
mucho caos con la expresión y el contraste. Y entonces simplemente creamos un
buen orden. orden es sobre la
función de la página, pero el ritmo es un poco
más sobre el jugueteo. Ahora vamos a hablar de
ritmo un poco más. Si te imaginas música, claro que
la música tiene un ritmo. Mira estas cajas
en la pantalla. Están muy bien espaciados
a un ritmo muy específico. Imagina una canción que sólo
tiene unos ritmos repetitivos. Esta composición es
muy similar a una canción que apenas tiene unos continuos ritmos
repetitivos a
lo largo de la canción. Ahora una canción con unos ritmos repetitivos
continuos puede ser bastante satisfactoria. Puede que nos guste bastante, pero nos vamos a
aburrir rápidamente. Se va a poner monótono. Y donde lo
vamos a apagar para nuestro cerebro se
va a ir a dormir. En realidad podría ser
bastante bueno para dormir. Lo que haremos con
una composición es muy similar a lo que
haremos con la música. A lo mejor nos limitamos a quitar
algunos de estos beats. A lo mejor uno de ellos es
offbeats o sincopado. A lo mejor alargamos
algunos de estos beats, o tal vez lo hacemos tener un sonido diferente
o en este contexto, por
supuesto,
sería un color diferente. Por supuesto, si agregamos una
cuadrícula sobre nuestra composición, creamos antinaturalmente
una forma de ritmo. Estamos creando ritmos de forma natural donde ciertos elementos
se sientan en nuestro diseño. lo que estamos
pensando un poco más en este video es, ¿la posición de esos beats crea un ritmo interesante? ¿ Hay un buen
ritmo a la página? Y eso es prácticamente imposible de
hacer si estamos
hablando de este ritmo horizontal
yendo de izquierda a derecha. Y eso es porque, claro, sabemos que a veces usamos nuestros
teléfonos móviles en nuestro iPad. Y el ancho del diseño, la composición
va a cambiar drásticamente y muchos bits
se van a mover de lugar, y por lo tanto
prácticamente va a arruinar este ritmo horizontal. Además, si estás buscando
en un teléfono móvil, No
hay mucha
diferencia de izquierda a derecha. Entonces si empezamos a regresar
al mundo del diseño web, realmente
queremos pensar
en nuestro ritmo de arriba a abajo, el ritmo vertical. Para el último ejercicio
en este módulo, quiero que trabajes con
un Lienzo vertical, algo que parece un área blanca en la pantalla aquí, si lo dibujas
en cajas sobre un pedazo de papel o cualquier otra cosa
está absolutamente bien. Ahora antes que nada, imagina que tiene este ritmo repetitivo debido
a bajar la página. O podrías dibujarlo ligeramente a lápiz sobre tu composición. Y luego vamos a construir una composición donde
agregamos elementos que sólo una línea a
estos ritmos iniciales. Ahora, obviamente, podríamos simplemente tenerlos todos del
mismo tamaño alineados, bajando la página así. Pero esto va
a ser realmente aburrido y va a hacer que
nuestro usuario se quede dormido. Entonces, en cambio,
intentemos construir estas formas de
diferentes tamaños y colores
ligeramente diferentes
para tratar de darle una pieza interesante
por la página, pero aún alineándonos con
estos beats subyacentes. Prueba algunas versiones diferentes. Prueba diferentes
formas si quieres. Pero intenta notar
cuando algo está funcionando mejor y cuando no
lo es, por ejemplo, esta naranja, no
ocupa demasiado espacio, pero si tuviéramos una forma anaranjada
grande, podría ser un poco demasiado. Podría hacerse cargo de
toda la composición, un ritmo con el que estás contento, y luego intenta agregar un par de otros elementos a
la composición. Pensando en todas
las demás cosas que hablamos en este curso. Pensando en cómo
se relacionan las cosas entre sí y si la composición está bien equilibrada y si
hay algún contraste. Tómate un poco de tiempo para construir
sobre estas composiciones finales para incorporar todo lo que hemos aprendido a lo largo del módulo. Así que pasa un poco más de
tiempo en este y siéntete libre de usar un
programa gráfico en este punto. Si te sientes más
cómodo haciendo eso, quiero que te
asegures de que tu lienzo, la forma que estás creando, la composición dentro
de sea vertical. Se trata de retratos. Es, es
más alto de lo que es largo. Dibuja ligeramente algunas
líneas a lo largo con una brecha consistente entre, imagina que este es tu ritmo
subyacente de tu página, el ritmo. Y luego usa estos beats para crear
cajas de diferentes tamaños que serán el fondo de tu
composición y hacerlas diferentes colores y
diferentes alturas. Por último, utiliza todo lo demás que
hemos aprendido en
todo el resto de este módulo para agregar otros tres o cuatro
elementos a la composición. Y esta podría ser tu última oportunidad de
crear algo
donde no tienes ningún otro objetivo en mente se trata
solo de jugar y
divertirte un poco y tratarde divertirte un poco y tratar identificar lo que
crees que podría quedar bien. Así que asegúrate de divertirte un
poco con este.
11. Resumen: A través de estos primeros videos, hemos trabajado en varios ejercicios rápidos pero muy prácticos que cada uno construye sobre el último y entrena nuestros
ojos y entrena nuestra intuición para crear
mejores conversaciones. Volvió a estos tantas
veces como quisieras. Consigue que la composición luzca
bien antes de empezar a pensar en el contenido o el
branding o cualquier otra cosa. Cuando trabajemos con
el posicionamiento de contenido
real en la página más adelante, estaremos pensando en otras 100 cosas y luego nos será realmente difícil identificar si la composición general
es bien equilibrado, bien visualmente
interesante, o incluso si la
propia composición comunica el mensaje correcto trabajando en estos ejercicios independientes
del contenido de la página. Ahora es segunda naturaleza para nosotros. Nos llega de forma natural
cuando lo necesitamos, y no necesitamos
pensarlo
conscientemente para que nuestras composiciones
funcionen bien.
Rob Sutcliffe, UI Designer / Developer
