1
00:00:01,780 --> 00:00:19,820
Lo primero, voy a ir mostrando tareas de algunos y algunas de otras que tengo por ahí y que nadie se tome, si ve lo suyo, nadie se tome muy a pecho lo que digo, es todo para mejorar y si queréis que hablemos de alguna cosa o meditemos, pues lo hacemos, ¿vale?

2
00:00:19,820 --> 00:00:22,199
me gustaría en primer lugar

3
00:00:22,199 --> 00:00:24,320
que habláramos un poco

4
00:00:24,320 --> 00:00:26,339
de lo que es el diseño entendido

5
00:00:26,339 --> 00:00:28,579
como cuál es su función

6
00:00:28,579 --> 00:00:29,480
entiendo

7
00:00:29,480 --> 00:00:32,600
y en el tema 2 ya se habla de ello

8
00:00:32,600 --> 00:00:34,579
que cuando hablamos de diseño

9
00:00:34,579 --> 00:00:37,020
se podrían entender

10
00:00:37,020 --> 00:00:38,659
corregidme si no

11
00:00:38,659 --> 00:00:40,520
dos funciones principales del diseño

12
00:00:40,520 --> 00:00:42,219
¿por qué se diseña?

13
00:00:42,579 --> 00:00:44,799
si alguno me quiere responder

14
00:00:44,799 --> 00:00:46,600
¿por qué nos vamos

15
00:00:46,600 --> 00:00:48,500
a preocupar, por ejemplo

16
00:00:48,500 --> 00:00:54,100
en esta tarea, en hacer un buen diseño. Cuando os habéis enfrentado y habéis estado pensando,

17
00:00:54,700 --> 00:01:02,679
¿qué pensáis que se busca con el diseño? Simplemente ordenar cosas o que sea, no sé,

18
00:01:05,390 --> 00:01:16,040
no sé si alguien... Vale, indican llamar la atención, ¿vale? Pero bueno, llamar la atención,

19
00:01:16,180 --> 00:01:22,760
por ejemplo, es una función que está destacar algo, hacerlo llamativo. Y todos estáis como

20
00:01:22,760 --> 00:01:25,140
orientándolo hacia

21
00:01:25,140 --> 00:01:27,500
eso, destacar

22
00:01:27,500 --> 00:01:29,200
o que llame la atención, como una

23
00:01:29,200 --> 00:01:31,120
función persuasiva, casi

24
00:01:31,120 --> 00:01:33,159
como una función publicitaria

25
00:01:33,159 --> 00:01:35,079
pero bueno, tú cuando estás leyendo

26
00:01:35,079 --> 00:01:37,200
un libro, el diseño

27
00:01:37,200 --> 00:01:39,280
de las páginas, no busca

28
00:01:39,280 --> 00:01:41,420
que llame la atención, busca más una funcionalidad

29
00:01:41,420 --> 00:01:43,400
y que sea atractivo

30
00:01:43,400 --> 00:01:44,799
a nivel de lectura, bueno

31
00:01:44,799 --> 00:01:47,159
y legible, que sea fácil

32
00:01:47,159 --> 00:01:49,060
de leer, que tenga

33
00:01:49,060 --> 00:01:51,260
un orden, que se pueda continuar

34
00:01:51,260 --> 00:02:04,719
Y en ese caso, por ejemplo, en las páginas de un libro, habitualmente, tampoco busca una función de ser atractivo visualmente, más allá de que la elegibilidad sea fácil y permita comprender lo que te están contando.

35
00:02:05,079 --> 00:02:13,979
Hay que ir distinguiendo también las distintas funciones. Sí, eso es verdad. Depende de libros que tienen un diseño impresionante.

36
00:02:13,979 --> 00:02:19,159
sí, por supuesto, me estoy refiriendo a la típica novela, que no tiene ni ilustración, etc.

37
00:02:19,919 --> 00:02:29,360
Si no, claro, ya estamos entrando más en el diseño editorial, más relacionado con usos más ilustrativos, etc.

38
00:02:30,379 --> 00:02:35,879
Entonces, un poco, viendo esta entrega, es una de las entregas que me llegaron,

39
00:02:36,560 --> 00:02:42,039
claro, en la tarea no se especifica que tiene que tener un uso u otro,

40
00:02:42,039 --> 00:03:11,419
Es decir, igual lo que es la función que se está buscando es la de, bueno, pues el primer episodio de la novela. La novela en este caso, Flynn. En ese caso puede que este diseño sea conveniente, que sea pertinente o que se ajuste, porque está relativamente bien jerarquizado, me refiero, tiene un título que destaca de manera obvia, luego tiene un subtítulo que ocupa ese segundo lugar.

41
00:03:11,419 --> 00:03:16,460
además va siguiendo el orden de lectura, izquierda, derecha y de arriba a abajo, que es como en Occidente vamos leyendo,

42
00:03:17,319 --> 00:03:28,620
y después hay un cuerpo de texto que va, bueno, pues ya teniendo una redacción más elaborada y más larga,

43
00:03:28,759 --> 00:03:34,000
me refiero, para explicar lo que quiere explicar, no es tanto un conjunto de palabras como en un subtítulo,

44
00:03:34,479 --> 00:03:37,379
que es para condensar algo, no, aquí se está desarrollando ya la idea.

45
00:03:37,379 --> 00:03:54,039
Si la función fuera esa novela, ese ebook, o forma de leer un contenido que no busque nada más, esta maquetación, esta composición sería adecuada, porque cumple las funciones.

46
00:03:54,039 --> 00:04:10,780
¿Qué ocurre? Que yo entiendo, cuando se leía la tarea, que la función no debía de ser esa exclusivamente. Es decir, sí que hay una elección de las tipografías, hay una justificación de por qué se han buscado esas tipografías.

47
00:04:10,780 --> 00:04:26,160
Sí que es verdad que si leyerais otra cosa importante, aunque en este caso es menor porque, bueno, no lo habría buscado el sentido, etcétera, lo hizo, lo relacionó con Flynn, el actor Errol Flynn, bueno, un actor clásico del Hollywood clásico.

48
00:04:26,160 --> 00:04:28,639
entonces, bueno, claro, al verse

49
00:04:28,639 --> 00:04:30,560
esta tipografía, pues no

50
00:04:30,560 --> 00:04:32,519
tenía mucha relación con el fling de la casa

51
00:04:32,519 --> 00:04:34,680
de los paranoides espaciales, que es ese videojuego de Tron

52
00:04:34,680 --> 00:04:36,579
¿vale? pues que tiene

53
00:04:36,579 --> 00:04:37,879
además Tron una estética

54
00:04:37,879 --> 00:04:40,519
bastante marcada, retrofuturista

55
00:04:40,519 --> 00:04:42,160
que supongo que los que habéis hecho la tarea

56
00:04:42,160 --> 00:04:44,459
pues habéis buscado y que no cuadra en absoluto

57
00:04:44,459 --> 00:04:46,420
¿no? estos neones, estas

58
00:04:46,420 --> 00:04:48,439
líneas, bueno

59
00:04:48,439 --> 00:04:49,480
pues de neón

60
00:04:49,480 --> 00:04:52,279
estos tonos que

61
00:04:52,279 --> 00:04:54,439
centellean, pues claro, no tiene

62
00:04:54,439 --> 00:05:00,920
nada que ver entonces quería enseñar este este primer primera entrega porque condensa algunas

63
00:05:00,920 --> 00:05:06,379
cosas que son erróneas primero cuando estamos trabajando con tipografías como bien se ven en

64
00:05:06,379 --> 00:05:12,019
el en el tema las tipografías los textos más allá del contenido tienen ese continente que

65
00:05:12,019 --> 00:05:19,620
son las tipografías como se muestran y no es cosa menor porque transmite una sensación u otra si me

66
00:05:19,620 --> 00:05:40,220
En la composición que os acabo de decir, desde luego, a menos que esté jugando a hacer algún uso irónico o que es premeditadamente que busca el contraste, pues este cartel, este diseño no tiene una función de llamar la atención, esa que estabais comentando, de destacar algo.

67
00:05:40,220 --> 00:05:56,259
Es verdad que la arquitectura de la información, los órdenes de lectura están bien, pero no es especialmente llamativo o si lo pusiéramos en la marquesina de autobús lo leeríamos. Y si lo leyéramos sería justamente por poco llamativo probablemente.

68
00:05:56,259 --> 00:06:00,920
entonces lo que quiero decir con esto

69
00:06:00,920 --> 00:06:02,720
es que por ejemplo

70
00:06:02,720 --> 00:06:04,339
aunque se haya cubierto

71
00:06:04,339 --> 00:06:06,879
más o menos lo que es la tarea

72
00:06:06,879 --> 00:06:08,819
para mí este diseño

73
00:06:08,819 --> 00:06:10,819
no busca lo que debería

74
00:06:10,819 --> 00:06:12,740
estar buscando ¿vale? y eso es

75
00:06:12,740 --> 00:06:14,860
a un nivel de composición y maquetación

76
00:06:14,860 --> 00:06:16,860
luego habría que aterrizar

77
00:06:16,860 --> 00:06:18,660
efectivamente en la selección

78
00:06:18,660 --> 00:06:20,199
tipográfica, que en este caso

79
00:06:20,199 --> 00:06:22,160
en las otras sí que ya tiene más sentido

80
00:06:22,160 --> 00:06:23,519
en este caso no

81
00:06:23,519 --> 00:06:52,699
No tiene relación con lo que está buscando, no tiene la personalidad que se está buscando. Desde luego, esta tipografía con serifas, bastante clásica, aunque tenga aquí estos remates un poco distintos, más modernistas, etc., no llega a ser el estilo retro o neón o pixel art, incluso se podría también, que tendría sentido en algo relacionado con Tron.

82
00:06:53,519 --> 00:07:18,079
Entonces, me parece importante incidir en lo que a veces parece obvio, en otras ocasiones no es, que es que la función del diseño no es solo, entre varias que me podríais haber dicho, no es solo llamar la atención o no es solo poner un texto sin más, es también representar y personalizar un mensaje, un mensaje visual.

83
00:07:18,079 --> 00:07:31,079
Porque realmente cuando estamos escribiendo un texto, aunque contenga palabras y sea verbal, al trasladarlo a remates, al trasladarlo a formas, a trazos, pues ya es un componente visual.

84
00:07:31,839 --> 00:07:42,740
Esto, cuando veáis la tarea de la unidad 3, vais a ver que en cierto modo es una evolución, como otra versión con más parámetros que se os pide y otro software y tal.

85
00:07:42,740 --> 00:08:01,699
Es una evolución de esta tarea, ¿vale? Tenéis que pensar precisamente eso. ¿Por qué estáis escogiendo una tipografía? ¿Qué representa esa tipografía? ¿Qué transmite esa tipografía? No es solo poner por poner, ¿vale? Que hasta cierto punto es lo que yo entendí cuando vi esta tarea.

86
00:08:01,699 --> 00:08:18,100
No había habido esta reflexión o este intento por ir más allá. Sí que hubo una selección de tipografías y lo he dicho. Por ejemplo, esta segunda, que ya sí que juega con los colores de los Simpsons, tiene un poco más de trabajo de color también, que se relaciona con la serie.

87
00:08:18,100 --> 00:08:37,879
Bueno, podría ser más trabajado, como otros que vamos a ver, tiene más sentido, pero nuevamente esto sería una maquetación muy básica, muy de texto de corrido, texto de cuerpo de texto, que no busca una función ni persuasiva ni de captar la atención.

88
00:08:37,879 --> 00:08:54,240
¿Vale? Que quizá es la que se busca, claro, todo depende de cuál es el destino del mensaje, pero en este caso, bueno, sí que hubiera sido mejor optar por este tipo de función o persiguiendo ese objetivo.

89
00:08:54,720 --> 00:09:06,500
¿Vale? Luego, en alguno de ellos, esta persona, pues sí que introdujo algún elemento de imagen, bueno, pues poco a poco se podría ir completando más o incluso puede estar buscando con la simplicidad.

90
00:09:06,500 --> 00:09:32,240
Antes de avanzar a otros ejemplos, sí que me gustaría que pensáramos cuál es la función, porque a la vez que estoy diciendo que esta página en blanco, que este diseño minimalista en ciertos niveles,

91
00:09:32,240 --> 00:09:55,419
Pues no persigue una función persuasiva, así que, por ejemplo, hay diseñadores y hay usos como el de Isidro Ferrer, voy a poner aquí algún ejemplo, que fijaos, ¿vale? Y estos son pósters, diseños que hace normalmente para el Centro Dramático Nacional o bueno, para obras de teatro. Voy a buscar alguna más.

92
00:09:55,419 --> 00:10:00,940
fijaos que realmente está jugando a ser minimalista

93
00:10:00,940 --> 00:10:02,820
y llamar la atención con ese minimalismo

94
00:10:02,820 --> 00:10:05,580
vamos a ver algún ejemplo por aquí

95
00:10:05,580 --> 00:10:09,879
pues por ejemplo con muy pocos elementos

96
00:10:09,879 --> 00:10:12,559
en este sí que tiene más textura y ese fondo

97
00:10:12,559 --> 00:10:15,039
incluso tiene este texto que

98
00:10:15,039 --> 00:10:18,620
con una extrusión pretende esta apariencia

99
00:10:18,620 --> 00:10:21,659
de 3D, bueno pues realista dentro de lo minimalista

100
00:10:21,659 --> 00:10:24,360
fijaos que hay momentos que lo que hace es

101
00:10:24,360 --> 00:10:37,960
Poner mucho texto que está muy bien compuesto, está desequilibradamente equilibrado, pero sobre todo mete un elemento para llamar la atención y ver que el resto del lienzo es en blanco.

102
00:10:37,960 --> 00:10:55,360
Esto no quita que un fondo blanco y un texto negro no pueda servir para captar la atención. Incluso puede llegar a contenidos que mediante la abstracción reflejan ideas más profundas o que son difíciles de mostrar.

103
00:10:55,360 --> 00:11:14,759
Al ver esta hoz, realmente se dan con un único elemento, porque el resto no deja de ser la información propia de una obra de teatro, actores, fechas, etc. Con un solo elemento, llama la atención con la simplicidad que representa.

104
00:11:14,759 --> 00:11:22,279
Con una hoz, estos cinco años, nos mete con esta hoz en el contexto de esta obra de teatro.

105
00:11:22,419 --> 00:11:26,080
La verdad es que no tengo muy claro de qué va la obra de teatro,

106
00:11:26,700 --> 00:11:35,799
pero precisamente cuando veamos este cartel por la calle, vamos a decir, pues tendrá lugar en el ámbito rural, por ejemplo.

107
00:11:36,179 --> 00:11:41,200
Y no se ve ningún campo, se ve una herramienta de campo que en realidad es un cinco, es lo que persigue.

108
00:11:41,200 --> 00:11:56,820
Entonces, este minimalismo, no me malinterpretéis con lo anterior que he dicho, en el sentido de que un lienzo en blanco con pocos elementos, con poca mancha, como se diría, no pueda ser persuasivo o llamar la atención.

109
00:11:56,820 --> 00:12:22,500
Voy a buscar alguno más. Jiménez Centro Dramático Nacional. A ver si sale alguno más. Pues, por ejemplo, La Ola, una obra de teatro sobre el auge del nazismo. Bueno, el auge del nazismo sobre una clase en la que... Bueno, no, perdonad, no es esta ola que estoy hablando.

110
00:12:22,500 --> 00:12:26,179
No, es sobre los años 60, así que me estoy columpiando

111
00:12:26,179 --> 00:12:30,220
Vamos a ver otra que tenemos por aquí

112
00:12:30,220 --> 00:12:32,960
Fijaos que con muy pocos elementos

113
00:12:32,960 --> 00:12:35,779
Este diseñador lo que va consiguiendo es

114
00:12:35,779 --> 00:12:39,080
Captar la atención con poquitas

115
00:12:39,080 --> 00:12:44,480
Un fondo blanco

116
00:12:44,480 --> 00:12:48,879
En algunas ocasiones mete elementos fotográficos

117
00:12:48,879 --> 00:12:50,820
Pero veis que lo combina con fondos

118
00:12:50,820 --> 00:13:06,159
Bueno, más planos, menos llamativos, ¿vale? Y fijaos también el uso que hace, para el tema 3 y que he empezado por ahí un poco, el uso que hace de los vectores, ¿no?

119
00:13:06,159 --> 00:13:27,879
Al final los vectores también, igual que antes hemos enseñado esta hoz, que con un solo elemento puede contar varias cosas, ser polisémica, con los vectores podemos conseguir también que mediante formas muy simples, sin tener que recurrir a ninguna imagen fotográfica, etc., hacer llamadas de la atención o hacer composiciones.

120
00:13:27,879 --> 00:13:55,679
Fijaos que no se ciña hacer dos columnas, no se ciña solo poner un elemento central, va distribuyendo y va generando ritmos visuales con pocos elementos que no se meten en problemas normalmente de los derechos de autor, porque al ser vectores no es una imagen tan reconocible como en un raster.

121
00:13:55,679 --> 00:14:15,399
Fijaos en este cartel también. Con vectores, no hay ni una sola fotografía. Representa una idea abstracta con muy poca mancha. Es una página en blanco, pone el vector blanco y negro.

122
00:14:15,399 --> 00:14:32,980
El logo que por motivos obligatorios tiene que llevar ciertos colores, pero fijaos que prácticamente colores apagadísimos, solo este marrón, el resto es blanco y negro, con un vector bien jugado, representa ideas que dan que pensar.

123
00:14:34,879 --> 00:14:42,840
Este perro con una calavera de humano dentro, ¿qué querrá decir? ¿Llama la atención? ¿Es persuasivo? Ahí tenemos un ejemplo.

124
00:14:42,840 --> 00:15:02,820
Por ejemplo, hay un diseñador, aunque ya no sea tan minimalista, como Javier Jaén, que a veces con vectores, a veces simplemente con juegos visuales, con muy pocos elementos, nuevamente consigue expresar ideas muy complejas en su abstracción.

125
00:15:02,820 --> 00:15:17,080
Vamos viendo que este diseñador tiene normalmente el chico de la última fila. Pues tiene una composición que no es muy recargada, no es muy... bueno, pues no bebe de tantos elementos.

126
00:15:17,080 --> 00:15:37,639
Entonces, fijaos que a veces la simplicidad sirve para llamar la atención también. En el caso de Javier Jaén, que os recomiendo mucho que veáis, con muy pocos elementos consigue muchos resultados de abstracción que son muy válidos.

127
00:15:37,639 --> 00:15:55,159
Este, por ejemplo, para hablar de Donald Trump, me parece también muy sintético y, bueno, pues que expresa muchas cosas con muy poco. Está muy pensado, pero fijaos que no deja de ser un fondo plano, un elemento y muy bien jugado, pues ya consigue contar cosas.

128
00:15:55,159 --> 00:16:08,559
¿Vale? Entonces, esto lo digo sobre todo para que no malinterpretéis que un fondo blanco y elementos blanco y negro tirados de manera correcta y pensada no puede ser muy potente.

129
00:16:09,279 --> 00:16:14,259
Lo único es que sí que es verdad que hay que intentar, ¿vale? A menos que la función sea esa, claro, siempre hay que pensar.

130
00:16:14,720 --> 00:16:21,240
Cuando, por ejemplo, presentéis la memoria de un proyecto escrito, pues a lo mejor tiene que parecer un Word, como parecería esto, ¿no?

131
00:16:21,240 --> 00:16:27,519
Un documento de texto, pues que tiene un texto y que se vea bien y tenga un sentido.

132
00:16:28,080 --> 00:16:35,100
Pero, bueno, en este caso, por ejemplo, se buscaba algo que fuera más, bueno, pues menos pongo un texto, luego el siguiente, luego el otro,

133
00:16:35,100 --> 00:17:03,100
y pongo tres cosas y lo justifico, intentad ir más allá, cuando vayáis a hacer vuestros currículums para la tarea 3 o para vuestra vida profesional, si va a ser algo relacionado con el ámbito visual, creativo, etc., tenéis que intentar perseguir más ejemplos como los que os he mostrado, mejor que ceñiros a plantillas, por ejemplo, como las que os comentarán desde el departamento de orientación,

134
00:17:03,100 --> 00:17:07,339
De FOL o de orientación o de la aula de emprendimiento, si vais.

135
00:17:07,940 --> 00:17:10,059
Que bueno, pues está el Europass, si no me equivoco se llama así.

136
00:17:10,839 --> 00:17:18,740
Vale, pues que son plantillas que tú vas rellenando documentación y al final te hace un documento muy, lo que yo llamo,

137
00:17:19,740 --> 00:17:26,880
entenderme, no quiero menospreciar nada, pero muy Word, muy currículum que podría hacer cualquier tipo de trabajador de cualquier ámbito.

138
00:17:27,440 --> 00:17:32,019
Hay que intentar que nuestro currículum no se parezca al de un contable.

139
00:17:32,019 --> 00:17:45,599
¿Por qué? Porque un contable no tiene por qué tener gusto ni criterio estético, simplemente tiene que saber usar los softwares que sean correspondientes y saber de contabilidad, fiscalidad, lo que sea.

140
00:17:45,599 --> 00:18:13,539
Vale, entonces, simplemente, por favor, os recomiendo, en los temas se os va dando conceptos, se os va dando herramientas, vamos repasándolas, etcétera, pero lo que creo que es esencial, y eso en parte también depende de vosotros que vayáis intentando adquirir este juego crítico, es que vayáis fijándoos en ejemplos en la calle, cómo son los pósters, cómo son las maquetaciones de una revista.

141
00:18:13,539 --> 00:18:37,559
Como antes ha dicho la compañera, hay libros que, aunque yo al principio he dicho a leer un libro, no, claro, hay libros que tienen una maquetación impresionante, ¿vale? Y cómo van conjugando. También ir discriminando, ¿vale? Para películas, ¿qué suelen hacer o qué diseño suelen hacer? Porque eso os va dando ese ojo que os sirve tanto para este módulo como para ser modelador audiovisual o editor de vídeo, os sirve para todo.

142
00:18:37,559 --> 00:18:48,859
Tenéis que ir pensando cómo lo han hecho otros y luego ir llevándolo a vuestro terreno. Y creo que una práctica muy buena para eso es precisamente este currículum que tenéis que hacer.

143
00:18:48,859 --> 00:19:15,920
Bueno, dicho esto, vamos a ver otros ejemplos. Un poco el orden lo vamos viendo. Aquí juega un poco a lo mismo, en el sentido de que no deja de ser titular, subtítulo y texto justificativo, aunque vamos a ver un par de cosas que realmente aportan una pequeña diferencia con el anterior que hemos visto.

144
00:19:15,920 --> 00:19:44,240
En primer lugar, algo muy importante es, y os lo digo con razón de causa, porque me ha tocado trabajar horas extra a causa de motivos así, que es, por favor, si os pasan un texto que tiene que ser ese texto, fijaos que aquí pone fin y no flin, el que ponga un texto mal escrito, y sobre todo en lo que es el título, puede conllevar a que se haya impreso un póster,

145
00:19:44,240 --> 00:19:46,339
en teoría lo revisa gente

146
00:19:46,339 --> 00:19:47,759
pero bueno, la gente que lo revisa a veces

147
00:19:47,759 --> 00:19:50,140
tiene poco tiempo o no le pone el empeño

148
00:19:50,140 --> 00:19:51,440
nosotros como diseñadores

149
00:19:51,440 --> 00:19:54,259
o gente que nos dedicamos a lo

150
00:19:54,259 --> 00:19:55,759
audiovisual, pues

151
00:19:55,759 --> 00:19:58,079
tenemos que ser el filtro

152
00:19:58,079 --> 00:20:00,000
correcto, entonces por favor

153
00:20:00,000 --> 00:20:01,599
si ponía que se llamaba Flynn

154
00:20:01,599 --> 00:20:04,059
que ya en la palabra más importante

155
00:20:04,059 --> 00:20:05,799
falte una de las cinco letras que tiene

156
00:20:05,799 --> 00:20:08,319
pues es dramático

157
00:20:08,319 --> 00:20:10,160
porque lo dicho, si se llega a imprimir ese

158
00:20:10,160 --> 00:20:11,299
póster y habrá pasado

159
00:20:11,299 --> 00:20:14,099
conmigo ha pasado alguna vez, habrá pasado infinidad

160
00:20:14,099 --> 00:20:14,500
de veces

161
00:20:14,500 --> 00:20:17,900
luego hay que volver a imprimirlo con

162
00:20:17,900 --> 00:20:20,099
la pérdida de tiempo y de dinero que eso supone

163
00:20:20,099 --> 00:20:22,039
así que atención, no es algo menor

164
00:20:22,039 --> 00:20:24,319
yo por ejemplo, a nivel de impresión

165
00:20:24,319 --> 00:20:25,960
no he estado tan relacionado

166
00:20:25,960 --> 00:20:28,500
pero en grafismos de algún programa de televisión

167
00:20:28,500 --> 00:20:30,019
pues poner el nombre del invitado

168
00:20:30,019 --> 00:20:31,819
que va a un programa, ponerlo mal

169
00:20:31,819 --> 00:20:34,200
y que luego en postproducción haya que cambiarlo

170
00:20:34,200 --> 00:20:35,920
algo que era muy fácil

171
00:20:35,920 --> 00:20:38,140
si se hacía bien

172
00:20:38,140 --> 00:20:40,140
en origen, luego cuesta

173
00:20:40,140 --> 00:20:50,599
horas de corregirlo. Por tanto, no es cosa menor. Si trabajamos con textos, si somos diseñadores, el texto, como algo visual que es, tiene que verse bien

174
00:20:50,599 --> 00:21:03,900
y tiene que estar bien escrito, ¿vale? Lo mismo sucede, y esto lo diré siempre, la falta de ortografía, ¿vale? En teoría deberíamos saber escribir, bueno,

175
00:21:03,900 --> 00:21:08,859
las tildes correctamente, más o menos la expresión también correctamente, no es cosa menor, ¿vale?

176
00:21:09,640 --> 00:21:15,880
Por ejemplo, si os presentáis a ciertos exámenes vais a ver que os puede penalizar de una forma increíblemente fuerte.

177
00:21:16,400 --> 00:21:24,200
Vale, en este caso, bueno, las tipografías sí me repinten más a ese mundo de los neones, ¿vale?

178
00:21:24,240 --> 00:21:31,420
Las líneas rectas, bueno, pues de la cuadrícula y de las orientaciones que tienen las motos que usan, ¿no?

179
00:21:31,420 --> 00:21:36,019
Los personajes, los colores también son así, flúor, bueno, se relaciona.

180
00:21:36,460 --> 00:21:42,339
Intentan buscar, que es otra de las cosas quizá que se podía buscar con esta de las cuatro propuestas,

181
00:21:42,500 --> 00:21:47,799
pues buscar una tridimensionalidad, aunque fuera básica, porque Tron, una de las gracias que tiene es que cuando se creó,

182
00:21:47,799 --> 00:21:52,000
pues fue uno de los primeros ejemplos de uso 3D, de películas con usos 3D.

183
00:21:52,259 --> 00:21:58,000
Todavía muy rudimentarios, pero en el momento pues fueron rompedoras.

184
00:21:58,000 --> 00:22:11,259
Entonces, bueno, este uso un poco más avanzado de intentar con efectos, en este caso, que ha puesto una sombra paralela, de darle esta tridimensionalidad, aunque sea básica, pues bueno, pues está bien tirada.

185
00:22:12,279 --> 00:22:19,539
Algunos compañeros, aunque ahora veremos el ejemplo, han conseguido hacer esta tridimensionalidad de una forma también muy simple, que ya os dejo también por aquí,

186
00:22:19,539 --> 00:22:42,779
que es que copiando una capa y desplazándola ligeramente, si a esa capa le cambiamos el color, igual y amarillo, bueno, el que sea, un flor, fijaos que solo con duplicar y mover un poco la capa, se puede hacer estos rebordes, esta especie de sombra paralela, sólida, que da esta tridimensionalidad.

187
00:22:42,779 --> 00:23:09,359
En este caso, lo que se había hecho, y esto se habla más en el tema 3, existen los efectos de las capas, etc., y en ese caso lo que se jugó fue con una drop shadow, que es esto que tenemos aquí, que lo que hace es lanzar una sombra normalmente difuminada, aunque también dentro de los valores del efecto también se podría conseguir lo que os acabo de decir de copiar la tipografía y desplazarla con este efecto, si os fijáis.

188
00:23:09,359 --> 00:23:26,700
Pero bueno, que os suene. Y bueno, ha hecho una composición que está bien y fijaos a lo mejor en logos de películas, etcétera, que el claim o la frase que acompaña al nombre de la película, etcétera, pues no tiene por qué ir justo debajo, que es lo que solemos pensar.

189
00:23:26,700 --> 00:23:45,920
También puede haber composiciones un poco más creativas. Por ejemplo, aquí lo que he optado es por este texto y poner en tres líneas el subtítulo. Hay una cosa, y esto ya lo corregí, es decir, se lo cambié a la persona para su corrección.

190
00:23:45,920 --> 00:24:15,640
Me lo entregó como tal que así. Sí que estaba a su lado. Bueno, no sé, un 22. Y lo puso como así. Sí que os diría, y fijaos a partir de ahora, que cuando veáis elementos de texto, sobre todo, aunque en realidad era algo así, de texto especialmente, pero en realidad en la composición de todo, suele haber, si nos fijamos, ciertas lógicas internas en la composición.

191
00:24:15,920 --> 00:24:35,920
que se refieren a crear cajas constantemente, ¿vale? Voy a ir al grano con esto ahora mismo y luego me he hablado lo del grano otra vez, ¿vale? Si os fijáis, aquí ahora mismo tenemos esta palabra que tiene, si obviamos las sombras, los límites muy definidos porque son trazos rectos, ¿no?

192
00:24:35,920 --> 00:24:53,700
Si nos fijamos, a ver, voy a activar las reglas. Si nos fijamos, ah, mira, se están ahí, ya las puse ayer. Si nos fijamos, tenemos una línea visual muy fácil de identificar, ¿no? Sobre todo arriba. Abajo ya dependerá de si nos centramos en lo que es el límite inferior del texto o ya de este relieve que hemos dado, ¿vale?

193
00:24:53,700 --> 00:25:10,339
Pero para que todo quede más compacto normalmente, una buena práctica es intentar alinear o hacer bloques, ¿vale? Porque le da una coherencia y una cohesión que se agradece y que visualmente ayuda a organizar los elementos, ¿vale?

194
00:25:10,339 --> 00:25:26,440
Entonces, por ejemplo, en vez de tener elementos desperdigados, a no ser que se busque eso, que no cuadran, es muy habitual que se usen los límites de, por ejemplo, la palabra superior para hacer que coincida.

195
00:25:26,440 --> 00:25:40,539
Por ejemplo, aquí lo he ajustado para que coincida con los límites y tiene una entidad mucho más compacta que si cada elemento está un poco desplazado.

196
00:25:42,000 --> 00:25:50,759
Este compañero, luego vemos más ejemplos de esto, ha puesto su cuerpo de texto, ha hecho algo que me parece que está bien para que no sea tan plano,

197
00:25:50,759 --> 00:25:55,200
que es, bueno, pues alguno de los elementos, como es el nombre de las tipografías, pues les cambio el color.

198
00:25:55,559 --> 00:26:04,740
Y un detalle que yo, la verdad, que no he visto mucho que nadie haya usado, normalmente digo cuando leo revistas o veo publicaciones o diseño editorial,

199
00:26:05,220 --> 00:26:14,819
que es que ha jugado también algo que le da una personalidad, no molesta y quita esa monotonía, quizá, que puede tener un texto muy largo,

200
00:26:14,819 --> 00:26:17,140
de un mismo color, etcétera, que es

201
00:26:17,140 --> 00:26:19,259
que los signos de puntuación, las coma

202
00:26:19,259 --> 00:26:21,380
los puntos, les ha

203
00:26:21,380 --> 00:26:22,619
cambiado el color por este verde

204
00:26:22,619 --> 00:26:25,559
bueno, pues rompe un poco esta monotonía

205
00:26:25,559 --> 00:26:26,880
rompe un poco lo que es

206
00:26:26,880 --> 00:26:29,079
esta estética, luego aparte

207
00:26:29,079 --> 00:26:31,119
ha puesto un fondo que se referencia

208
00:26:31,119 --> 00:26:32,200
a los enemigos de la

209
00:26:32,200 --> 00:26:34,700
de la película

210
00:26:34,700 --> 00:26:36,400
y ha

211
00:26:36,400 --> 00:26:38,960
bueno, pues ha dicho

212
00:26:38,960 --> 00:26:40,740
que esta composición

213
00:26:40,740 --> 00:26:43,079
en la que empieza en una columna pero luego se divide en dos

214
00:26:43,079 --> 00:26:44,480
hace referencia a la forma

215
00:26:44,480 --> 00:26:56,740
Si os fijáis detrás, la forma que tienen esos enemigos. Bueno, pues hay una justificación. Nos puede gustar más o menos el diseño, pero al menos está dotando de una personalidad y además justificada a su producto.

216
00:26:56,740 --> 00:27:17,920
Eso no quita que, por ejemplo, estos caracteres que se cuelan aquí, quizá también se podría haber compactado más como bloque si justificáramos el texto. Si le hubiéramos dicho que todo fuera así, se parecería más a ese enemigo del que está hablando.

217
00:27:17,920 --> 00:27:46,059
Ahí está. Ahora sí que tiene un poquito más esa forma. Pero bueno, sobre todo me interesa que vayamos viendo justificaciones que se pueda hacer. En este caso, por ejemplo, el compañero ha optado, aparte de por meter imágenes que representan claramente al personaje, y bueno, que sí que recoge con la elección tipográfica un poco este aspecto, esta ambivalencia del personaje, que es un abogado, pero es caótico y chapucero, ha hecho esta composición.

218
00:27:46,059 --> 00:28:07,160
Que además, fijaos, que la lógica que ha seguido tiene un criterio porque los Simpsons se pueden relacionar fácilmente y además son cómics. Entonces, ha jugado con este bocadillo de cómic y ya ha seguido incluso que la maquetación tenga un orden de lectura que conocemos por el cómic.

219
00:28:07,160 --> 00:28:09,160
empieza con esta columna que hay que leer entera

220
00:28:09,160 --> 00:28:10,819
y luego ya sabemos que hay que pasar a siguientes

221
00:28:10,819 --> 00:28:13,319
¿vale? por convención, es así como leemos un comic

222
00:28:13,319 --> 00:28:15,059
¿vale? está muy bien tirado

223
00:28:15,059 --> 00:28:17,440
está resuelto, nos puede gustar más o menos

224
00:28:17,440 --> 00:28:19,119
a lo mejor la elección tipográfica

225
00:28:19,119 --> 00:28:21,259
pero la personalidad que buscaba

226
00:28:21,259 --> 00:28:22,460
de este personaje

227
00:28:22,460 --> 00:28:23,500
está

228
00:28:23,500 --> 00:28:27,200
más pensada que por ejemplo la que habíamos visto

229
00:28:27,200 --> 00:28:29,319
antes, que bueno, que eran elementos

230
00:28:29,319 --> 00:28:30,700
pues que se habían puesto ahí

231
00:28:30,700 --> 00:28:32,900
además hay algo también

232
00:28:32,900 --> 00:28:35,440
que es atractivo y que suele aportar

233
00:28:35,440 --> 00:28:36,799
pues roturas del

234
00:28:36,799 --> 00:28:38,759
texto corrido, ¿no?

235
00:28:39,759 --> 00:28:41,440
Roturas del ritmo y que aporta

236
00:28:41,440 --> 00:28:43,480
más riqueza, pues que es añadir

237
00:28:43,480 --> 00:28:45,380
a este personaje y que además interrumpa el flujo

238
00:28:45,380 --> 00:28:47,359
de lectura, ¿vale? Bueno, que lo interrumpa no es

239
00:28:47,359 --> 00:28:49,079
la palabra, sino que lo

240
00:28:49,079 --> 00:28:51,160
redirija de otras formas, ¿vale?

241
00:28:51,180 --> 00:28:53,059
Aquí ha hecho, en el tema 3 se habla

242
00:28:53,059 --> 00:28:55,259
de un ceñir texto, aquí lo ha hecho a mano, pues con

243
00:28:55,259 --> 00:28:57,539
espacios, entiendo, ¿vale? Hay opciones

244
00:28:57,539 --> 00:28:59,700
de los propios softwares, en Figma precisamente

245
00:28:59,700 --> 00:29:01,539
no, y los

246
00:29:01,539 --> 00:29:03,440
plugins que lo hacen, que yo conozco, no lo

247
00:29:03,440 --> 00:29:05,240
hacen especialmente bien, pero en

248
00:29:05,240 --> 00:29:21,339
En Affinity o en InDesign hay herramientas para que una forma, por ejemplo esta, vaya empujando al texto para que se adapte a sus contornos. Es lo que se conoce, por ejemplo, en InDesign como ceñir texto.

249
00:29:21,339 --> 00:29:46,819
Y eso permite hacer composiciones también, por si también en vuestro currículum o en algún trabajo queréis tenerlo en cuenta, esto en el tema lo tenéis, en el tema 3, pues podemos ir dando forma a... voy a hacer esto para que no se meta dentro, pero fijaos que va teniendo un poco la forma que va teniendo el elemento.

250
00:29:46,819 --> 00:29:59,299
Entonces, bueno, pues esto también puede dotar de personalidad y cierto atractivo que no es simplemente poner un texto y ya está. Entonces, en este caso, bueno, pues veo una intencionalidad mejor.

251
00:29:59,299 --> 00:30:11,980
Pero aparte, bueno, también rompe todo el bloque de texto para que sea igual, pues pone estos cambios cromáticos, ¿vale?

252
00:30:11,980 --> 00:30:17,180
También recordad que se pueden hacer variaciones de peso, como se veía, ¿no?

253
00:30:17,180 --> 00:30:22,440
Cada familia o muchas suelen tener variaciones del peso, ¿no?

254
00:30:22,440 --> 00:30:32,720
Entonces, bueno, pues sirve para, aparte de destacar elementos, sobre todo en ocasiones, que quede menos plano y menos aburrido, vamos a decir, también, ¿no?, el contenido.

255
00:30:32,880 --> 00:30:44,539
Si vamos dando con cinco pesos, por ejemplo, bien colocados, que además, pues eso, van liner hats, dos tipografías, sensación, bueno, pues palabras o frases que nos interese, bocadillo de subtítulos, no sé.

256
00:30:44,539 --> 00:30:58,819
Estoy hablando un poco así al tuntún, pero fijaos que ya con esto vamos ganando en riqueza y que sea menos plano todo, ¿vale? Esos recursos, pues tened en cuenta que existen y usadlos a vuestro favor, ¿vale?

257
00:30:58,819 --> 00:31:15,579
Y hasta aquí no sé si hay algo que queréis que comentemos. Sigo, si no, viendo ejemplos, pero un poco qué os parece, qué dificultad si habéis hecho la tarea teníais, algo que os haya cambiado de opinión de lo que estamos viendo, ya lo sabíais.

258
00:31:15,579 --> 00:31:18,240
si no sigo, pero bueno

259
00:31:18,240 --> 00:31:19,759
a lo mejor podemos hablar

260
00:31:19,759 --> 00:31:20,940
algo interesante

261
00:31:20,940 --> 00:31:27,490
mientras, por si alguno me está escribiendo

262
00:31:27,490 --> 00:31:28,650
déjame que busque

263
00:31:28,650 --> 00:31:30,569
una cosita

264
00:31:30,569 --> 00:31:48,789
vale

265
00:31:48,789 --> 00:31:54,119
luego hay otras

266
00:31:54,119 --> 00:31:55,900
el currículum

267
00:31:55,900 --> 00:31:57,440
también va a ser de diseño, entiendo

268
00:31:57,440 --> 00:31:57,799
sí

269
00:31:57,799 --> 00:32:01,339
están escribiendo en el chat

270
00:32:01,339 --> 00:32:03,619
el currículum también va a ser de diseño

271
00:32:03,619 --> 00:32:05,259
entiendo, efectivamente va a ser

272
00:32:05,259 --> 00:32:06,940
la tarea de la unidad 3

273
00:32:06,940 --> 00:32:10,900
es que hagáis vuestro currículum, tendráis alguna funcionalidad interactiva

274
00:32:10,900 --> 00:32:14,680
y pone en juego también diseño vectorial

275
00:32:14,680 --> 00:32:19,079
y fotográfico, y la unidad 4

276
00:32:19,079 --> 00:32:22,599
que ya trata cosas de vídeo, va a ser vuestra reel, ¿vale?

277
00:32:22,640 --> 00:32:26,880
si tenéis elementos vuestros, pues los incorporaríais, si no podéis usar

278
00:32:26,880 --> 00:32:31,000
vídeos de otras personas, pero sí, va a ser

279
00:32:31,000 --> 00:32:34,079
de diseño también, lo único es que en este caso, aparte de Figma, también

280
00:32:34,079 --> 00:32:43,299
También hay que usar Affinity. El tema 3, por cierto, ya está abierto, si no me recuerdo mal, desde hace semana y media. Os animo a que ya os pongáis a ello.

281
00:32:43,299 --> 00:32:59,259
¿Vale? Algo más así... Vale, hay un libro que se llama... Bueno, lo pongo como recurso. Se llama Diseño, rejillas... Uy, rejillas con J.

282
00:32:59,259 --> 00:33:15,420
Brockman, ¿vale? Que aquí lo tenemos, sistema de retículas de Joseph Müller Brockman, que es un libro, si en algún momento podéis haceros con él, aunque está descatalogado y es complicado, pero bueno, a lo mejor en alguna biblioteca lo veis, etc.

283
00:33:15,420 --> 00:33:31,779
Es un libro que en su momento fue fundamental para ir definiendo cómo maquetar de formas organizadas los elementos. ¿Esto qué quiere decir? Y está en relación con lo que os he hablado de la caja, componer a caja, que os había dicho antes entre el título y el subtítulo.

284
00:33:32,740 --> 00:33:38,000
Y en diseño editorial, si os ponéis a mirar revistas, lo vais a ver bastante referenciado.

285
00:33:38,059 --> 00:33:41,940
Y es importante que lo tengáis en cuenta porque si lo vais interiorizando será más fácil.

286
00:33:42,400 --> 00:33:48,039
Pero fijaos, por ejemplo, esta página, que aunque los elementos estén un poco separados y aleatorizados,

287
00:33:48,380 --> 00:33:56,480
fijaos que al final consiste en una retícula o en una rejilla de varios niveles.

288
00:33:56,480 --> 00:34:11,880
Aquí está como ejemplificado lo que está trasladando aquí, aunque no está a escala, esto debería llegar un poquito más abajo, pero fijaos que está como organizado por cuadrículas con estas medianiles, que se llamarían las distancias que hay entre columnas, etc.

289
00:34:11,880 --> 00:34:31,300
Estos tamaños. Y a partir de ahí se puede jugar el diseño. Aunque no ocupes todo el alto, fijaos que en maquetación estamos distribuyendo dos conceptos distintos, aunque están relacionados a la misma página, dos ideas.

290
00:34:31,300 --> 00:34:49,199
Y primero vamos a leer esta, vamos a seguir bajando, leeremos esto, luego leeremos esta, bajaremos. Fijaos que ya el propio cerebro está entendiendo que este es el título de este texto que tenemos aquí. Y luego habrá otra continuación aquí. Y este es el título y lo seguimos haciendo así.

291
00:34:49,199 --> 00:35:09,780
En diseño editorial es muy frecuente hacer estas columnas y en diseño web también, porque permiten ir organizando elementos de distintas longitudes. Fijaos que este contenido no es igual de largo que este. Empiezan en un mismo punto de la cuadrícula y llegan hasta donde acaba su área designada, que serían estos dos cuadrados.

292
00:35:10,360 --> 00:35:16,840
Luego, fijaos que los subtextos de este texto corrido también siguen esta lógica de cuadrícula.

293
00:35:16,840 --> 00:35:23,440
Están divididos en dos, porque originalmente estos están ocupando dos de ancho con respecto a los cuatro en los que se ha dividido el diseño.

294
00:35:23,920 --> 00:35:27,239
Fijaos entonces que hay lógicas internas a veces en las composiciones.

295
00:35:28,679 --> 00:35:35,820
Por ejemplo, aquí, si miramos esta página, tenemos este sistema que es exactamente igual que este,

296
00:35:35,820 --> 00:35:45,440
aunque aquí no lo desmenuza en cada una de las cuatro columnas que tendría. Pero fijaos que si juntáramos estas dos columnas, y estas dos columnas tienen el mismo ancho que estas dos,

297
00:35:46,059 --> 00:35:54,860
esto es un libro abierto, una página por un lado y otra por otro, pero cuando le interesa, pues lo desglosa, los titulares, fijaos que están todos a la misma altura,

298
00:35:54,860 --> 00:36:06,440
y luego empiezan en la misma altura otro de los elementos que, según lo que necesiten, usarán más o menos columnas, pero la lógica de columnas está ahí.

299
00:36:07,199 --> 00:36:23,480
Entonces, este libro se usa y otros sistemas, etc., pero yo creo que es importante conocerlo a nivel de pensar, ojo, no voy a dejar aquí un texto porque sí lanzado a mitad de un sitio.

300
00:36:23,480 --> 00:36:39,579
Si sigo un sistema de jerarquía o de composición sistematizada, en este caso, por ejemplo, con las rejillas, con las retículas, pues tengo un criterio para ir siguiendo y organizando el contenido.

301
00:36:40,019 --> 00:36:49,760
Fijaos que si yo abro aquí, por ejemplo, diseño editorial y busco una revista, bueno, aquí pone un ejemplo, pues fijaos, esta rejilla la he hecho con este sistema.

302
00:36:49,760 --> 00:37:06,599
Pues todo se va organizando dentro de este sistema. Vamos a ver, alguna revista sí que vea... Vale, esto por ejemplo. Si buscáis en internet veréis bastantes ejemplos. Fijaos aquí, por ejemplo, esta revista.

303
00:37:06,599 --> 00:37:09,480
a ver si me deja ponerlo más grande

304
00:37:09,480 --> 00:37:10,880
tu tu

305
00:37:10,880 --> 00:37:13,400
bueno

306
00:37:13,400 --> 00:37:16,159
pues fijaos

307
00:37:16,159 --> 00:37:19,000
tu tu

308
00:37:19,000 --> 00:37:20,199
abrir

309
00:37:20,199 --> 00:37:22,679
cuando se pone así

310
00:37:22,679 --> 00:37:24,260
esto en Pinterest

311
00:37:24,260 --> 00:37:25,880
no lo entiendo

312
00:37:25,880 --> 00:37:27,960
descargar el imágenes, venga

313
00:37:27,960 --> 00:37:28,940
ah pues no me deja

314
00:37:28,940 --> 00:37:31,440
abrir una pestaña nueva

315
00:37:31,440 --> 00:37:34,239
pues es que en Pinterest no lo quiero mirar

316
00:37:34,239 --> 00:37:34,500
hombre

317
00:37:34,500 --> 00:37:40,940
Vamos a buscar otro

318
00:37:40,940 --> 00:37:42,360
Bueno, era esto

319
00:37:42,360 --> 00:37:43,940
Pinterest también

320
00:37:43,940 --> 00:37:47,340
Fijaos, por ejemplo

321
00:37:47,340 --> 00:37:49,480
Aquí, que vamos a ver algún ejemplo

322
00:37:49,480 --> 00:37:54,010
Vale, sí, me tendría que hacer la cuenta

323
00:37:54,010 --> 00:37:57,550
Vamos a buscar otro

324
00:37:57,550 --> 00:37:59,170
Que no sea de Pinterest

325
00:37:59,170 --> 00:38:02,050
Este, por ejemplo

326
00:38:02,050 --> 00:38:06,250
Uy

327
00:38:06,250 --> 00:38:07,889
No me deja ver lo grande

328
00:38:07,889 --> 00:38:15,400
Vale, fijaos, no hace falta ni ver el detalle

329
00:38:16,239 --> 00:38:35,980
Fijaos que si hacen un sistema de rejilla, ¿vale? Fijaos que todos los elementos tienen dos páginas, ¿no? Es una revista abierta, tienen un margen ya definido, ¿vale? Y según eso se han definido en una, dos, tres, cuatro, cinco, seis, siete columnas, ¿vale? Con sus medianiles, etc.

330
00:38:35,980 --> 00:38:56,239
Y a partir de ahí los anchos y todas las cajas que se van incluyendo van siguiendo estas lógicas. Si os fijáis también tienen un tratamiento del texto diferente al de la imagen, la imagen ocupa la medianil entera, un pequeño margen este que le ponen, pero los textos sí que se van maquetando en base a eso.

331
00:38:56,239 --> 00:39:23,340
No vemos el texto, pero vemos que ya hay una sistematización en cómo se está maquetando esta revista. Esto también me sirve para cuando vayáis trabajando en diseños y vayáis pensando, al seleccionar uno de los frames, los frames entendidos como las páginas o los lienzos de cada uno de los elementos que vamos a ir componiendo, la página, hay una sección que se llama Layout Guide.

332
00:39:23,340 --> 00:39:38,079
Y si os fijáis al activarla, por defecto no tiene por qué venir activa, si la activáis deja distintos tipos de distribuciones con columna. Es una guía solo, esto luego no se imprime ni nada y se puede activar y desactivar la visualización con el ojito.

333
00:39:38,079 --> 00:40:05,579
Pero podéis decir, esto quiero que tenga una referencia de 8 columnas. Y lo mismo, pues si estamos usando este criterio de sistematizar con rejillas, que también existen las filas o la rejilla como tal, entendida con ejes verticales y horizontales, esto nos puede ayudar a organizar la información.

334
00:40:05,579 --> 00:40:26,320
Con esto, pues también habrá que ir definiendo, como hemos visto, y algunos lo he puesto, hay que intentar tampoco llegar con elementos importantes, como es el texto en este caso, a los límites de la página. Siempre hay que intentar dejar estos márgenes. Si vamos definiendo, aquí se puede decir que haya un margen de 20 puntos.

335
00:40:26,320 --> 00:40:50,039
Y en la medianil o guter, entre las columnas, pues que sea de tanto. Con estas rejillas, que también se puede subir la opacidad, se puede ayudar a uno para que nos ayude a tener también una distribución de cómo trabajar y cómo organizar nuestra composición.

336
00:40:50,039 --> 00:41:08,699
¿Vale? Esto es una forma de trabajar, no siempre hay que trabajar con rejillas, de hecho ahora os pongo algún ejemplo que precisamente juega a no usar la rejilla, pero si volvemos incluso a estos diseños que os puse de Isidro Jiménez, déjame un segundiete, que lo tenía aquí para volver al mismo de antes.

337
00:41:08,699 --> 00:41:32,699
Bueno, pues fijaos que aquí está jugando con las columnas y los textos, las cajas de textos, fijaos que coinciden. Está haciéndolo todo que coincida. Luego el perro no coincide, pero el logo, si bajo hasta aquí, el margen del logo sí está formando un cuadrado, un rectángulo, mejor dicho, que le da un criterio.

338
00:41:32,699 --> 00:41:55,039
Si yo siguiera estas líneas y las dibujara sería este rectángulo. Este está escaneado, pero también los márgenes seguramente son equidistantes, etc. Entonces, sistematizar o pensar en el diseño como algo que vamos manteniendo es importante.

339
00:41:55,039 --> 00:42:10,639
Si nos fijamos en este, que es bastante caótico a nivel de dónde está cada elemento, fijaos también en que se está creando un rectángulo perfecto que está marcando los límites del terreno de composición.

340
00:42:10,639 --> 00:42:29,179
Luego tiene estos márgenes alrededor. Luego, es verdad que todos los elementos están justificados hacia un mismo lado, pero se están organizando dentro de columnas que seguramente van teniendo estas distancias relativas con sentido.

341
00:42:29,179 --> 00:42:40,420
Sí que es verdad que a veces también estos márgenes se pueden pervertir. Por ejemplo, si la letra se sale y mancha el margen, también eso es una forma de llamar la atención.

342
00:42:41,539 --> 00:42:49,139
Vale. No sé si queréis aportar algo, me vais diciendo. Vamos a ver el siguiente, por ejemplo.

343
00:42:49,139 --> 00:42:51,739
la casa Lannister, este por ejemplo me parece

344
00:42:51,739 --> 00:42:52,360
menos

345
00:42:52,360 --> 00:42:55,960
bueno, menos justificado

346
00:42:55,960 --> 00:42:57,699
sí que bueno, veo la casa de la casa

347
00:42:57,699 --> 00:42:59,659
el león, el emblema de la casa Lannister

348
00:42:59,659 --> 00:43:01,659
este león, la casa Lannister

349
00:43:01,659 --> 00:43:03,519
pues una tipografía, bueno

350
00:43:03,519 --> 00:43:04,579
que remite a lo medieval

351
00:43:04,579 --> 00:43:07,420
la siguiente pues, veis

352
00:43:07,420 --> 00:43:09,840
es un poco lo mismo, está aquí el subtítulo

353
00:43:09,840 --> 00:43:10,800
un poco opuesto

354
00:43:10,800 --> 00:43:13,440
pero no veo justificación de que está aquí

355
00:43:13,440 --> 00:43:14,940
porque no está aquí a lo mejor

356
00:43:14,940 --> 00:43:17,840
si a lo mejor lo ponemos, aparte de que no hay mucho contraste

357
00:43:17,840 --> 00:43:24,079
igual también hubiera sido mejor no sé ponerlo en blanco así también se podría

358
00:43:24,079 --> 00:43:29,340
haber dicho oye lo que voy a hacer es que esté aunque se vea más pequeñico lo voy a

359
00:43:32,599 --> 00:43:39,340
a buscar este sentido lo dividiría en otro tipo de líneas buscaría otro texto bueno pues a lo

360
00:43:39,340 --> 00:43:46,519
mejor habría que buscar con las reglas donde cuadraría mejor es verdad que esta tipografía

361
00:43:46,519 --> 00:44:02,480
Yo la veo demasiado estándar la del subtítulo, pero si vamos buscando la lógica de estas grillas, estas retículas, pues a lo mejor así tiene más interés, ¿vale?

362
00:44:02,579 --> 00:44:15,280
O no, pero creo que si vamos trabajando un poquito más, buscamos una tipografía un poquito más compacta y con más personalidad, pues es que esta no la veo muy relacionada.

363
00:44:15,280 --> 00:44:17,059
pues podría quedar mejor

364
00:44:17,059 --> 00:44:19,159
sería trabajarlo

365
00:44:19,159 --> 00:44:20,039
sería más interesante

366
00:44:20,039 --> 00:44:23,280
no siempre el criterio es que sea más bonito o más feo

367
00:44:23,280 --> 00:44:25,079
sino que sea más atractivo

368
00:44:25,079 --> 00:44:25,900
llame más la atención

369
00:44:25,900 --> 00:44:28,199
y eso

370
00:44:28,199 --> 00:44:30,519
lo que no me cuadra mucho

371
00:44:30,519 --> 00:44:33,199
es que vuelva a usar

372
00:44:33,199 --> 00:44:35,159
el recurso de las dos columnas

373
00:44:35,159 --> 00:44:37,239
encuadradas, con un marco

374
00:44:37,239 --> 00:44:39,139
como el cómic de anterior

375
00:44:39,139 --> 00:44:43,320
quizá, se lo dije al compañero

376
00:44:43,320 --> 00:44:44,559
era mejor dejar esta

377
00:44:44,559 --> 00:44:46,940
cabecera y que el texto

378
00:44:46,940 --> 00:44:48,960
remitiera un poco a

379
00:44:48,960 --> 00:44:50,760
los bandos medievales, fijaos que

380
00:44:50,760 --> 00:44:52,960
sí que ha hecho algo que tiene que tener relación

381
00:44:52,960 --> 00:44:54,920
con lo medieval, que es usar esta

382
00:44:54,920 --> 00:44:56,159
inicial capitular, ¿no?

383
00:44:56,659 --> 00:44:57,820
Bueno, pues bastante de esa

384
00:44:57,820 --> 00:45:00,460
época, pero bueno

385
00:45:00,460 --> 00:45:02,679
un bando medieval, a ver que sale

386
00:45:02,679 --> 00:45:04,440
pero algo de este estilo

387
00:45:04,440 --> 00:45:06,599
o que remita a eso, vamos, no

388
00:45:06,599 --> 00:45:09,059
muchas veces lo que es algo del pasado

389
00:45:09,059 --> 00:45:10,559
realmente son interpretaciones que

390
00:45:10,559 --> 00:45:11,920
se han hecho en el presente

391
00:45:11,920 --> 00:45:13,800
Pero mira, feria medieval

392
00:45:13,800 --> 00:45:15,000
Bueno, a ver si de ahí

393
00:45:15,000 --> 00:45:17,719
Algo más

394
00:45:17,719 --> 00:45:19,880
Bueno, pues que esté más centrado

395
00:45:19,880 --> 00:45:22,260
Sea más como de estilo pergamino

396
00:45:22,260 --> 00:45:22,900
A ver

397
00:45:22,900 --> 00:45:26,500
Realmente, ayer encontré alguno

398
00:45:26,500 --> 00:45:28,440
Ah, bueno, es que no quiero lo de feria

399
00:45:28,440 --> 00:45:29,099
Bando medieval

400
00:45:29,099 --> 00:45:33,940
Es que ahí aparece una imagen

401
00:45:33,940 --> 00:45:35,500
Que me viene bien, pero no

402
00:45:35,500 --> 00:45:38,960
Vale, a ver

403
00:45:38,960 --> 00:45:41,179
Bando medieval, cartel

404
00:45:41,179 --> 00:46:04,869
Pues algo más este estilo. Más centrado, que ocupe todo el ancho. Ayer busqué, por ejemplo, si las 95 tesis eran de Lutero. Por ejemplo, aquí.

405
00:46:04,869 --> 00:46:19,230
Pues si nos fijamos en esta página, pues en esa época no se usaban, bueno, no, esto no lo voy a decir porque no es cierto, pero se usaba mucho el ancho completo y la letra capitular, pues un poco remitir a esto que tenemos aquí.

406
00:46:19,650 --> 00:46:32,989
Fijaos que la justificación de textos llegaba normalmente a, estaba justificado, no se hacía bandera, ¿vale? Pues un poco buscar estas referencias e intentar que remitan a ello, ¿vale?

407
00:46:32,989 --> 00:46:51,369
Fijaos que aquí sí que están usando las dos columnas, por tanto, eso que he dicho antes no es lo más correcto, pero si vemos referencias, por ejemplo, en la película de Lutero de cómo son la distribución, pues intentan usar más el ancho de la página.

408
00:46:52,369 --> 00:47:00,349
Entonces, bueno, no es incorrecto, pero no me remite a algo muy medieval, lo que es la composición del cuerpo de texto.

409
00:47:00,349 --> 00:47:03,670
y plan express pues es un poco

410
00:47:03,670 --> 00:47:05,730
la misma lógica

411
00:47:05,730 --> 00:47:06,690
que usó

412
00:47:06,690 --> 00:47:08,630
el compañero en el de

413
00:47:08,630 --> 00:47:10,349
en el de

414
00:47:10,349 --> 00:47:13,329
Lionhats

415
00:47:13,329 --> 00:47:15,210
bueno, pues lo ha jugado de otra forma

416
00:47:15,210 --> 00:47:17,510
importante aquí nuevamente falta

417
00:47:17,510 --> 00:47:19,489
una S en express

418
00:47:19,489 --> 00:47:21,130
no debería ocurrir eso

419
00:47:21,130 --> 00:47:23,670
vamos a ver

420
00:47:23,670 --> 00:47:24,809
otro por aquí

421
00:47:24,809 --> 00:47:27,070
otro tipo de

422
00:47:27,070 --> 00:47:28,250
composición

423
00:47:28,250 --> 00:47:30,170
¿vale?

424
00:47:30,349 --> 00:47:32,610
Más rebuscado

425
00:47:32,610 --> 00:47:33,210
Más

426
00:47:33,210 --> 00:47:35,090
Bueno, con más

427
00:47:35,090 --> 00:47:38,269
Elementos

428
00:47:38,269 --> 00:47:40,250
Decorativos, pero bueno

429
00:47:40,250 --> 00:47:42,230
Busca ese estilo

430
00:47:42,230 --> 00:47:44,349
Retro, sí que las tipografías

431
00:47:44,349 --> 00:47:45,090
Están más o menos

432
00:47:45,090 --> 00:47:48,429
Correctas, remite más al videojuego

433
00:47:48,429 --> 00:47:50,190
De los paneles espaciales Catrón

434
00:47:50,190 --> 00:47:52,110
Pero bueno, luego pone estas líneas

435
00:47:52,110 --> 00:47:54,429
Que si os fijáis, les sirven para ir conectando

436
00:47:54,429 --> 00:47:56,650
Los párrafos, el orden de lectura, lo que le indicaba

437
00:47:56,650 --> 00:47:58,230
Aparte de que en ocasiones

438
00:47:58,230 --> 00:47:59,869
Veo, y esto está bloqueado

439
00:47:59,869 --> 00:48:27,250
Dejadme un segundito. A ver por qué está bloqueado. Epa. No, no está bloqueado. Hay un elemento por encima. Cuando veáis que no podéis seleccionar algo, os recomiendo que vayáis a donde los zooms y busquéis la opción de Outlines.

440
00:48:27,250 --> 00:48:39,690
Esto de Show Outlines, ¿vale? Con eso permite ver los elementos a nivel de caja, ¿vale? Con Control Shift O activáis y desactiváis la vista de esquema, vamos a decir, ¿no? De figuras.

441
00:48:39,869 --> 00:48:48,469
Y con eso, aparte de que se quita mucha morralla para saber qué es lo que queremos seleccionar, pues, bueno, pues también a veces nos puede servir para ver los límites de nuestros elementos.

442
00:48:48,469 --> 00:49:04,030
Lo primero que no entiendo y que también hay que evitar es, aquí hay una caja, ¿por qué no está centrada la caja? ¿Por qué está hacia abajo? No le encuentro una justificación. En todo caso, si tuviera una justificación es que empiece un poquito más arriba, si acaso, porque empieza el texto y ahí se ha parado.

443
00:49:04,030 --> 00:49:22,389
aunque en realidad yo lo que intentaría es centrarlo, que sería, y os doy en el tema 3, forma de hacerlo con las opciones de alineamiento, que son estas que tenemos aquí,

444
00:49:22,389 --> 00:49:47,449
Os dejo que lo leáis en el tema 3. Es verdad que con los textos no funciona bien. Al ser un texto de párrafo, si os fijáis, tiene una caja que ocupa más que el propio texto. Habría primero que ajustar eso y ya al seleccionar los elementos se podría centrar.

445
00:49:47,449 --> 00:50:04,530
Entonces, con esas herramientas se pueden hacer centrados perfectos. Bueno, pues lo dicho, habría que intentar que estén centrados los elementos. Y aquí nos sigue el orden de lectura habitual. Empezamos leyendo por la derecha y si siguiéramos esa lógica tendríamos que pasar aquí.

446
00:50:04,530 --> 00:50:30,550
Vale, fijaos que aunque está en el límite, sí que uno empieza a leer por aquí y pasa aquí, por dos cosas. Primero, porque ante la duda busca y ve esta línea que le guía, y aparte por la altura, porque al dejar a medio escribir este párrafo, que continúa aquí, ya sentimos que, oye, pues aquí no puede ser, que empieza con mayúsculas, aquí pone ya un elemento decorativo, como que interrumpe demasiado.

447
00:50:30,550 --> 00:50:49,349
Bueno, pues se ha jugado de una forma que aunque no es la más ortodoxa, fijaos que al final tiene su sentido y lo ha buscado. Y estas líneas que las ha combinado con otras que ha ido dibujando, pues ya tiene un sentido que ayuda a orientar la mirada.

448
00:50:49,349 --> 00:51:01,170
Bueno, pues bien, mira, fijaos, es una composición que no es muy estándar, pero llama la atención porque es un poco caótica, pero a la vez está más o menos equilibrada.

449
00:51:01,170 --> 00:51:03,989
Lionel Hatch, ¿vale?

450
00:51:04,010 --> 00:51:06,510
otro ejemplo, aunque antes os he dicho la sistematización

451
00:51:06,510 --> 00:51:08,590
del diseño en cuadrículas

452
00:51:08,590 --> 00:51:10,530
etcétera, cuando un personaje

453
00:51:10,530 --> 00:51:10,989
es

454
00:51:10,989 --> 00:51:13,929
el caos o es

455
00:51:13,929 --> 00:51:15,789
no muy ordenado, digamos

456
00:51:15,789 --> 00:51:18,570
pues oye, precisamente hay que romper esas cosas

457
00:51:18,570 --> 00:51:20,570
entonces me parece un juego, aparte de que

458
00:51:20,570 --> 00:51:22,389
oye, está bien buscar esto de las hojas, me gusta

459
00:51:22,389 --> 00:51:24,530
igual es demasiado burdo

460
00:51:24,530 --> 00:51:25,989
en el sentido de facilón

461
00:51:25,989 --> 00:51:28,730
estas flechas para ir orientando la lectura

462
00:51:28,730 --> 00:51:30,869
pero bueno, sí que funciona

463
00:51:30,869 --> 00:51:43,449
Creo que sin poner las flechas también hubiera funcionado. Bueno, pues ha jugado a integrar el diseño a nivel ilustración con el diseño de maquetación del texto. Y está bien jugado. Creo que está bien.

464
00:51:43,530 --> 00:52:00,309
Entonces, oye, pues es una idea que se sale un poco de lo que estamos viendo a nivel compositivo, reglas. Fijaos que los textos están inclinados. Bueno, pues ya es algo menos ortodoxo, pero yo creo que funciona.

465
00:52:00,309 --> 00:52:12,570
La tipografía, es verdad, que si solo viera esta parte de aquí, pues no representa esa ironía del personaje del abogado chapucero, pero claro, luego hay que verlo en el conjunto del resto.

466
00:52:13,030 --> 00:52:20,769
Aquí ya, pues oye, ¿esto qué es? Entonces, bueno, pues fijaos que es algo que está bastante bien trabajado.

467
00:52:20,769 --> 00:52:33,769
Hay un elemento que sí que diría que se podría mejorar, que es que los márgenes, ya que nos ponemos así, que fueran todos iguales. Fijaos que este margen inferior es bastante más pequeño que el superior.

468
00:52:33,769 --> 00:52:52,050
Pues oye, si intentamos equilibrarlo bien, perfecto. Entiendo que a lo mejor lo ha hecho por este caos ordenado que está buscándose, pero bueno. En fin, que creo que con un margen más equilibrado quedaría más elegante.

469
00:52:53,010 --> 00:52:59,750
Aquí, fijaos que ha hecho, bueno, no estoy hablando de una cosa que en todas las páginas de este compañero

470
00:52:59,750 --> 00:53:03,690
hay una introducción de un hipervínculo que no era necesario, pero bueno, lo ha introducido

471
00:53:03,690 --> 00:53:08,030
y que nos lleva a algo relacionado con lo que se está hablando.

472
00:53:08,030 --> 00:53:11,230
Para un hipervínculo, por si tenéis curiosidad ya que lo estamos viendo,

473
00:53:11,989 --> 00:53:18,489
encima con seleccionar el texto, la parte de texto que queramos, hay un botón que es este de insertar un hipervínculo.

474
00:53:18,489 --> 00:53:25,150
Pues se pone la web a la que queramos que vaya y se introduce, ¿vale? Es una interactividad básica, pero oye, de las más utilizadas también.

475
00:53:26,789 --> 00:53:37,750
Vale, el de la casa Lannister. Vale, pues aquí sí que ha jugado, en mi sentido, con este criterio que yo decía, a lo mejor de bando tradicional, muy simétrico,

476
00:53:37,750 --> 00:53:40,269
muy que busca

477
00:53:40,269 --> 00:53:42,349
la verticalidad en el sentido

478
00:53:42,349 --> 00:53:43,610
de que ocupa el ancho

479
00:53:43,610 --> 00:53:46,090
creo que tiene la pega de que

480
00:53:46,090 --> 00:53:48,469
aunque tiene todo el sentido y lo que está buscando

481
00:53:48,469 --> 00:53:49,590
pues la tipografía

482
00:53:49,590 --> 00:53:52,329
no del título y del subtítulo que pueden ser

483
00:53:52,329 --> 00:53:52,949
decorativas

484
00:53:52,949 --> 00:53:56,630
y bueno pues más ornamentales

485
00:53:56,630 --> 00:53:57,469
porque al ser

486
00:53:57,469 --> 00:53:59,550
textos más grandes de tamaño

487
00:53:59,550 --> 00:54:02,309
me refiero que ocupa más espacio y tiene más mancha

488
00:54:02,309 --> 00:54:04,630
y el subtítulo pues aunque no

489
00:54:04,630 --> 00:54:05,989
es decir la legibilidad

490
00:54:05,989 --> 00:54:12,469
La legibilidad se percibe más fácilmente porque es un texto corto

491
00:54:12,469 --> 00:54:14,969
Pero cuando ya vamos a texto recorrido, a cuerpos de texto

492
00:54:14,969 --> 00:54:21,170
Usar tipografías más ornamentales suele restar legibilidad

493
00:54:21,170 --> 00:54:22,489
Más complicado

494
00:54:22,489 --> 00:54:26,650
Entonces bueno, dependiendo de hasta dónde estamos dispuestos a sacrificarlo

495
00:54:26,650 --> 00:54:31,309
Pues igual no recomiendo que se usen tipografías tan medievales en este caso

496
00:54:31,309 --> 00:54:35,210
Hay algunas que algún compañero me las ha presentado

497
00:54:35,210 --> 00:54:37,849
más, que aunque remiten

498
00:54:37,849 --> 00:54:39,489
bueno, pues un poco a esta característica

499
00:54:39,489 --> 00:54:41,510
manuscrita, pues no es tan

500
00:54:41,510 --> 00:54:43,449
no es tan intensa con esta, ¿vale?

501
00:54:43,489 --> 00:54:45,530
y ayuda a la legibilidad, y hay otra cosa

502
00:54:45,530 --> 00:54:47,170
que es que los hipervínculos, si os fijáis

503
00:54:47,170 --> 00:54:49,570
la elección de color, aunque es

504
00:54:49,570 --> 00:54:51,010
concordante con el resto de elementos

505
00:54:51,010 --> 00:54:53,389
es tan próxima a la del fondo que

506
00:54:53,389 --> 00:54:55,510
bueno, pues es un contraste

507
00:54:55,510 --> 00:54:57,070
pobre y no ayuda a que

508
00:54:57,070 --> 00:54:59,670
se entienda bien, entonces habría que buscar

509
00:54:59,670 --> 00:55:01,469
alguna forma de que hubiera

510
00:55:01,469 --> 00:55:03,710
una cierta separación entre fondo y texto

511
00:55:03,710 --> 00:55:04,750
en estos casos, ¿vale?

512
00:55:05,210 --> 00:55:06,929
nuevamente

513
00:55:06,929 --> 00:55:09,650
una distribución

514
00:55:09,650 --> 00:55:11,309
aunque no está como a media

515
00:55:11,309 --> 00:55:13,230
porque no ocupa todo el frame

516
00:55:13,230 --> 00:55:14,090
etcétera, pero bueno

517
00:55:14,090 --> 00:55:16,210
Plan Express también juega

518
00:55:16,210 --> 00:55:18,989
a esa ironía de una

519
00:55:18,989 --> 00:55:21,110
empresa de paquetería

520
00:55:21,110 --> 00:55:22,829
que también es un chapuz

521
00:55:22,829 --> 00:55:26,130
algo chapucero

522
00:55:26,130 --> 00:55:28,329
ha jugado nuevamente

523
00:55:28,329 --> 00:55:31,429
teniendo en cuenta la no gravedad

524
00:55:31,429 --> 00:55:32,250
que hay en el espacio

525
00:55:32,250 --> 00:55:34,570
hacer algo muy flotante

526
00:55:34,570 --> 00:55:36,929
inclinando este texto, etc

527
00:55:36,929 --> 00:55:38,989
pues ojo, no es tampoco ortodoxo

528
00:55:38,989 --> 00:55:40,929
pero tiene su sentido, ha buscado un sentido más

529
00:55:40,929 --> 00:55:42,849
bueno, pues creo que está bien hecho

530
00:55:42,849 --> 00:55:44,590
hay que tener cuidado con los recortes de imagen

531
00:55:44,590 --> 00:55:46,550
que bueno, que como no los hemos visto

532
00:55:46,550 --> 00:55:48,969
pues alguna cosa está ahí recortada

533
00:55:48,969 --> 00:55:50,929
a medias, pero bueno

534
00:55:50,929 --> 00:55:52,309
hay una intención

535
00:55:52,309 --> 00:55:55,130
y creo que está bien, a lo mejor el cuerpo de texto

536
00:55:55,130 --> 00:55:57,110
me parece, me falla

537
00:55:57,110 --> 00:55:58,550
algo que esté así tan

538
00:55:58,550 --> 00:56:00,889
tan centrado a la

539
00:56:00,889 --> 00:56:02,949
alineación, que no

540
00:56:02,949 --> 00:56:04,550
esté justificado en ninguno de los dos lados

541
00:56:04,550 --> 00:56:16,809
Pero bueno, tiene su intención. Voy a buscar este, por ejemplo. Este y otro y lo vamos dejando.

542
00:56:16,909 --> 00:56:28,010
Bueno, este es otro caso en el que creo que no ha habido una documentación previa, es decir, informarse de qué era esto de Flynn, la casa de los paranoides espaciales, porque lo ha hecho, ha entendido, de la serie Flynn sobre un marciano que yo no he encontrado.

543
00:56:28,010 --> 00:56:30,309
pero bueno, este marciano y la película

544
00:56:30,309 --> 00:56:31,650
de Tron no tienen mucho que ver

545
00:56:31,650 --> 00:56:34,250
pero me gusta la composición a nivel

546
00:56:34,250 --> 00:56:36,309
de que no hay que llenar toda la página

547
00:56:36,309 --> 00:56:38,369
de texto, se puede poner la misma cantidad de texto

548
00:56:38,369 --> 00:56:39,849
y no comprometer

549
00:56:39,849 --> 00:56:42,190
todo el espacio, ¿vale? un poco como

550
00:56:42,190 --> 00:56:44,269
lo que hacía Isidro Gemena en los diseños que os he enseñado

551
00:56:44,269 --> 00:56:45,449
¿vale? pues aquí

552
00:56:45,449 --> 00:56:47,289
obviamente ha jerarquizado

553
00:56:47,289 --> 00:56:50,010
título, subtítulo

554
00:56:50,010 --> 00:56:51,710
y cuerpo de texto, ¿no?

555
00:56:51,730 --> 00:56:53,869
la justificación del diseño

556
00:56:53,869 --> 00:56:55,289
pero

557
00:56:55,289 --> 00:56:57,110
ha dado más peso

558
00:56:57,110 --> 00:56:59,190
casi un, yo que sé

559
00:56:59,190 --> 00:57:01,590
más del 50% de la página

560
00:57:01,590 --> 00:57:03,449
a un elemento que en este caso

561
00:57:03,449 --> 00:57:05,429
es vectorial, podría ser de imagen

562
00:57:05,429 --> 00:57:06,929
raster, ¿vale? Pues

563
00:57:06,929 --> 00:57:08,230
que le da esta

564
00:57:08,230 --> 00:57:10,969
pues esta apariencia

565
00:57:10,969 --> 00:57:12,469
que

566
00:57:12,469 --> 00:57:15,309
da mucho peso a

567
00:57:15,309 --> 00:57:17,349
un elemento visual que sirve de key visual

568
00:57:17,349 --> 00:57:18,230
¿no? De

569
00:57:18,230 --> 00:57:21,170
ancla visual sobre lo que quieres contar

570
00:57:21,170 --> 00:57:22,650
o que ilustra

571
00:57:22,650 --> 00:57:24,469
de lo que va a hablar, ¿vale?

572
00:57:24,469 --> 00:57:28,230
fijaos que la composición no se parece a ninguna de las que hemos visto hasta ahora

573
00:57:28,230 --> 00:57:31,769
y sin embargo es una composición muy frecuente en una revista

574
00:57:31,769 --> 00:57:35,449
sobre todo en la primera página de un artículo que son varias páginas

575
00:57:35,449 --> 00:57:38,710
pues si buscáis fotograma, cinemanía, pues puede haber una página perfectamente

576
00:57:38,710 --> 00:57:41,969
en donde hay un fotograma de la película aquí arriba y luego empieza aquí el texto

577
00:57:41,969 --> 00:57:44,630
y a la siguiente página pues se van organizando

578
00:57:44,630 --> 00:57:49,110
no siempre hay que poner el texto lo primero, el título me refiero

579
00:57:49,110 --> 00:57:53,610
fijaos en este tipo de composiciones, también jugando con el espacio negativo

580
00:57:53,610 --> 00:57:55,690
no llena de elementos toda la pantalla

581
00:57:55,690 --> 00:57:57,929
en el solo vectorial, pues como hemos visto antes

582
00:57:57,929 --> 00:57:59,929
ayuda mucho, sí que juega

583
00:57:59,929 --> 00:58:01,309
a la caja, ¿vale?

584
00:58:01,429 --> 00:58:03,730
está bastante cuadriculado

585
00:58:03,730 --> 00:58:06,130
todo aquí, aunque luego salga el elemento

586
00:58:06,130 --> 00:58:07,670
pero está jugando a

587
00:58:07,670 --> 00:58:09,250
varias dimensiones, tenemos

588
00:58:09,250 --> 00:58:10,849
englobado el texto, iba

589
00:58:10,849 --> 00:58:13,530
en una caja aquí, fijaos

590
00:58:13,530 --> 00:58:15,889
en el dibujo que yo estoy marcando, no en los límites

591
00:58:15,889 --> 00:58:17,789
de capa, y luego tiene

592
00:58:17,789 --> 00:58:18,989
otro área abierto

593
00:58:18,989 --> 00:58:21,789
que es todo el ancho, ¿vale? si pusiéramos una foto

594
00:58:21,789 --> 00:58:24,090
pues no hay por qué restringirla

595
00:58:24,090 --> 00:58:26,150
como antes hemos visto en el ejemplo

596
00:58:26,150 --> 00:58:28,250
al mismo espacio que ocupa la caja

597
00:58:28,250 --> 00:58:30,090
la foto puede ocupar todo el ancho

598
00:58:30,090 --> 00:58:32,010
toda esa franja y luego ya pasamos

599
00:58:32,010 --> 00:58:34,210
a una lógica de maquetación de texto que

600
00:58:34,210 --> 00:58:36,190
sí que tiene otra

601
00:58:36,190 --> 00:58:38,230
distribución. Lo mismo en Lionel Hatch

602
00:58:38,230 --> 00:58:40,090
pues ha puesto una franja

603
00:58:40,090 --> 00:58:42,550
de imágenes, ha interactuado

604
00:58:42,550 --> 00:58:43,789
texto, imagen

605
00:58:43,789 --> 00:58:46,389
lo ha maquetado de forma que ha hecho esta caja

606
00:58:46,389 --> 00:58:48,389
ha centrado con respecto a esta caja

607
00:58:48,389 --> 00:58:50,230
que está justificado el texto

608
00:58:50,230 --> 00:58:52,789
pues este claim final

609
00:58:52,789 --> 00:58:54,530
bueno, pues bastante

610
00:58:54,530 --> 00:58:56,769
atractivo y creo que

611
00:58:56,769 --> 00:58:57,710
es un diseño que podría

612
00:58:57,710 --> 00:58:59,550
pertenecer a una página

613
00:58:59,550 --> 00:59:02,670
de una revista que hable de los Simpsons

614
00:59:02,670 --> 00:59:04,690
no sé, o de cualquier

615
00:59:04,690 --> 00:59:06,570
cosa. Esta de Juego de Tronos

616
00:59:06,570 --> 00:59:08,250
aquí por ejemplo hay un pero

617
00:59:08,250 --> 00:59:10,150
nuevamente de documentación que es

618
00:59:10,150 --> 00:59:12,489
que puede parecer una chorrada pero es que

619
00:59:12,489 --> 00:59:14,809
imagínate que te llaman para un proyecto de Juego de Tronos

620
00:59:14,809 --> 00:59:16,630
y te dicen, ah pues

621
00:59:16,630 --> 00:59:18,289
la casa la niste, venga

622
00:59:18,289 --> 00:59:20,469
hace el artículo, o maquétame algo, o haz un

623
00:59:20,469 --> 00:59:22,369
póster. Y de pronto en la casa Lannister

624
00:59:22,369 --> 00:59:24,469
pone el emblema del lobo, que es el de...

625
00:59:25,230 --> 00:59:26,469
A ver, no me lo sé bien, pero

626
00:59:26,469 --> 00:59:28,210
es los Stark, si no me equivoco.

627
00:59:28,550 --> 00:59:30,090
Que no son los Lannister, vaya, que es un león.

628
00:59:30,769 --> 00:59:32,530
Pues mal. Mal porque

629
00:59:32,530 --> 00:59:34,690
se nota...

630
00:59:34,690 --> 00:59:35,989
El que sepa de esto sabrá

631
00:59:35,989 --> 00:59:37,909
que no...

632
00:59:37,909 --> 00:59:40,309
¿Qué está pasando ahí? No está bien hecho.

633
00:59:40,889 --> 00:59:41,369
Entonces, bueno,

634
00:59:41,690 --> 00:59:44,389
importante documentarse. Si va a ser

635
00:59:44,389 --> 00:59:46,289
un artículo sobre algo, o

636
00:59:46,289 --> 00:59:54,210
O las obras de teatro que está enseñando antes el cartel, pues tiene que transmitir algo que luego se relacione realmente con lo que se está transmitiendo.

637
00:59:54,210 --> 00:59:59,329
O si hay una ironía o un contraste, bueno, tiene que estar también justificado, ¿vale?

638
00:59:59,710 --> 01:00:08,070
Bueno, aparte de eso, pues bueno, esta juega a algo que es poner el subtítulo, ¿no?

639
01:00:08,070 --> 01:00:10,889
Que normalmente lo lógico es ponerlo debajo, ¿vale?

640
01:00:13,289 --> 01:00:15,789
Arriba, no creo que reste nada.

641
01:00:16,289 --> 01:00:29,110
Deja mucho margen, mucho espacio negativo, se llamaría, mucho espacio que está vacío, ¿vale? Bueno, el espacio negativo en realidad es otra cosa, pero a nivel de composición sí que son los espacios en blanco, ¿no? Lo que no tiene mancha.

642
01:00:29,969 --> 01:00:33,510
Bueno, pues fijaos que está muy centrado, queda muy limpio, muy jerarquizado.

643
01:00:34,389 --> 01:00:36,230
No siempre hay que llenar toda la página.

644
01:00:36,230 --> 01:00:45,070
Y ojo, los márgenes siempre ayudan a que la elegancia esté ahí y también a no saturar, ¿vale?

645
01:00:45,090 --> 01:00:49,230
Dar cierto reposo al diseño y que no sea...

646
01:00:49,889 --> 01:00:52,670
Que normalmente cuando empezamos a diseñar intentamos llenar la página,

647
01:00:52,789 --> 01:00:56,130
tenemos como un horror vacui ahí de la página en blanco, vamos a llenarlo de cosas.

648
01:00:56,130 --> 01:01:12,510
Bueno, pues a veces se pueden concentrar en ciertos puntos los elementos y oye, hace respirar. Es verdad que si por ejemplo no se pusiera este pedazo de elemento, pues oye, aquí falta algo, ¿no? Pues se iría equilibrando, pero no siempre hay que llenar toda la página.

649
01:01:12,510 --> 01:01:27,869
Y hay una cosa que juega aquí, que en otros casos no está, que es las imágenes que cuentan con transparencia. En el tema 3 también se habla de, por ejemplo, los PNGs, etc. No todos los formatos de imagen son como este, que es el cuadrado que representa la imagen, tiene que estar lleno de información.

650
01:01:27,869 --> 01:01:46,769
Pueden tener recortes que, veis, tienen transparencia o, por ejemplo, este emblema está recortado. Eso también da ayuda a dar ciertas roturas del ritmo, que también ayuda.

651
01:01:46,769 --> 01:02:05,849
Bueno, también juega en este caso hacer un degradado cuando se selecciona los colores, igual que se puede poner un color sólido, rojo, tal, el que sea, fijaos que en los softwares, en la selección de color habrá algo relacionado con degradado o gradient, que nos permiten hacer degradados de distintos tipos.

652
01:02:05,849 --> 01:02:22,849
Los degradados son muy poderosos porque no llegan a ser, al final no dejan de ser colores uno tras otro, son planos, pero claro, como hay una interpolación, un recorrido entre un color y otro, pues precisamente permite que deje de ser algo plano.

653
01:02:22,849 --> 01:02:42,469
Entonces, bueno, el compañero optó por aquí, pues que es, bueno, pues a mí los colores me remiten a algo, se podría dirigir rápido a lo que es la casa Lannister, que es rojo y dorado, y bueno, y luego esta ceniza, ¿no?, como en la serie, pues como hay mucha guerra, dragones, fuego, pues es una especie de atardecer sangriento, ¿no?, lo que vemos aquí.

654
01:02:42,469 --> 01:03:09,170
Bueno, pues yo busco una justificación. Fijaos que con un único degradado ya tiene un fondo, que ese plano que hablamos al principio, que en ocasiones nos puede interesar, aquí tenemos un plano y aún así está bien maquetado, ha jugado a lo que se llama que el texto sigue una forma, un trazo, pues está usando más recursos, en el tema 3 se ha hablado de alguno más,

655
01:03:09,170 --> 01:03:39,150
pues bueno, recursos que ayudan a dar más atractivo y sobre todo que no sea todo tan esquemático y tan pleno, aunque antes se haya dicho este sistema de retículas que busca precisamente ser muy cuadriculado, pero dentro del cuadriculado, fijaos que luego, pues esto no dejan de ser dos columnas a caja, ¿no?, pues alineados como os he comentado antes, pues bueno, tiene estas roturas que ayudan a llamar la atención y aquí centrar luego el discurso más meditado del desarrollo de la red.

656
01:03:39,170 --> 01:03:44,210
explica lo que está haciendo importante nuevamente aquí hay una palabra mal escrita esto puede

657
01:03:44,210 --> 01:03:49,650
suponer muchos inconvenientes y sobre todo cuando es un texto que os dan copiar y pegar lo bien y

658
01:03:49,650 --> 01:04:02,670
revisarlo vale os lo digo también esto con énfasis porque no sería la primera vez ni va a ser la

659
01:04:02,670 --> 01:04:06,670
última seguramente que nos llega a un currículum de una luna y soy muy pesado los currículum porque

660
01:04:06,670 --> 01:04:09,230
os va a servir y va a ser parte de las tareas

661
01:04:09,230 --> 01:04:11,349
pero también pues porque es que es una herramienta

662
01:04:11,349 --> 01:04:12,849
imprescindible para cuando busquéis trabajo

663
01:04:12,849 --> 01:04:15,130
y nos han llevado muchas veces

664
01:04:15,130 --> 01:04:17,250
currículum cuando estamos en el proceso

665
01:04:17,250 --> 01:04:19,250
de práctica, de buscar prácticas, de FFE

666
01:04:19,250 --> 01:04:21,010
que llega el nombre

667
01:04:21,010 --> 01:04:23,269
vuestro propio nombre sin tildes

668
01:04:23,269 --> 01:04:25,130
o con falta de ortografía

669
01:04:25,130 --> 01:04:27,570
es que, por favor, que eso no suceda

670
01:04:27,570 --> 01:04:28,730
es que no puede ser

671
01:04:28,730 --> 01:04:29,570
vale

672
01:04:29,570 --> 01:04:33,130
vale, de este no voy a ir

673
01:04:33,130 --> 01:04:34,449
pormenorizadamente con todos

674
01:04:34,449 --> 01:04:36,949
me interesa sobre todo este de Lionel Hatch

675
01:04:36,949 --> 01:04:38,710
bueno, por lo mismo, me parecen

676
01:04:38,710 --> 01:04:40,789
composiciones, aunque no tan

677
01:04:40,789 --> 01:04:42,409
básicas como la primera, pues al final

678
01:04:42,409 --> 01:04:44,690
un poco tiradas ahí

679
01:04:44,690 --> 01:04:46,570
los elementos sin buscar algo más de

680
01:04:46,570 --> 01:04:48,789
requiebro, algo más de

681
01:04:48,789 --> 01:04:50,170
gracia, de atractivo

682
01:04:50,170 --> 01:04:52,869
aunque hay aquí uno que me llamó la atención, que es este

683
01:04:52,869 --> 01:04:53,929
cómo jugó

684
01:04:53,929 --> 01:04:56,769
para dar el aspecto chapucero con este celo

685
01:04:56,769 --> 01:04:58,809
que al final es un rectángulo que ha bajado

686
01:04:58,809 --> 01:05:00,610
la opacidad, pues cómo ha jugado

687
01:05:00,610 --> 01:05:02,030
este cartelillo

688
01:05:02,030 --> 01:05:17,070
Me parece que con algo muy simple se consigue, nuevamente la magia de los vectores, que es que algo con formas muy pequeñas consigue extraer ideas más potentes incluso que con imágenes fotográficas.

689
01:05:17,550 --> 01:05:22,809
Bueno, pues con este elemento ha pegado su nombre con un celo ahí inclinado.

690
01:05:23,469 --> 01:05:26,289
Pues ya dice mucho de lo que es este personaje.

691
01:05:26,849 --> 01:05:30,610
En este caso me interesó lo que vi.

692
01:05:30,610 --> 01:05:55,570
A ver, en este no sé si había... Ah, bueno, este ya lo vimos. Este, por ejemplo. Me parece que están bien jugados en general. Por ejemplo, arriesgan el momento de componer porque empieza la justificación del texto, no sigue, no está jerarquizada como venimos viendo hasta ahora después del título.

693
01:05:55,570 --> 01:06:10,250
Lo ha intercalado el título. Y cuando vemos esta página, lo primero que nos llama la atención es este flín, la Casa de los Paranoides Espaciales. Está aquí en el centro. Por lógica, por orden de lectura, no está arriba, pero sí que por el peso que tiene, el tamaño.

694
01:06:10,250 --> 01:06:35,869
Y bueno, y por cómo está también en el extremo de esta flecha que se ha generado detrás, etc., pues está bastante bien compuesta. No me parece la elección tipográfica ni los colores la más representativa de Tron, aunque tiene que ver con el videojuego este de Paranoides Espaciales, ¿vale? Lo está tirando más por ahí, pero bueno, está bien.

695
01:06:35,869 --> 01:06:47,849
Sí que es más cuestionable, aunque aquí funciona bien que se use una tipografía en mayúsculas, bueno, no, una tipografía en mayúsculas, no, que esté usando mayúsculas, la tipografía tendrá mayúsculas y minúsculas, ¿vale?

696
01:06:48,289 --> 01:07:02,969
Normalmente los cuerpos de texto largos no se suelen escribir con mayúsculas porque se pierde elegibilidad, es más complicado leer, pero en diseños que son más creativos, más de póster, puede tener un pase, puede llamar más la atención.

697
01:07:02,969 --> 01:07:22,510
Además son unas mayúsculas condensed, que están bastante, digamos, apretujadas, si os fijáis, en el plano horizontal, no hay apenas espacio. Entonces, digamos que esas mayúsculas se compensan con este compactado que se hace en las tipografías, condensed se llama, ¿vale?

698
01:07:22,510 --> 01:07:38,110
Es una tipología, es una variante que se puede hablar de igual que está la vol o la regular, pues las condenses son otro tipo de tratamiento que es que eso, el tracking del texto está muy concentrado y por tanto las palabras, las letras están muy pegadas entre sí.

699
01:07:38,110 --> 01:07:53,250
Y ayuda, pues eso, a que si esto lo cambiamos a otras tipografías y sigue estando mayúsculas, pues vamos a ver, por ejemplo, esta, que ya empieza a dispersarse y cuesta más, porque al ser más grande la mayúscula, pues cuesta más seguirlo.

700
01:07:53,250 --> 01:08:11,030
Lo que sí que no está bien es haber usado una tipografía, esta Bayón, que no tiene todos los caracteres de nuestro idioma. En este caso no tiene caracteres latinos como el de las tildes y por tanto no está representando esos caracteres bien.

701
01:08:11,030 --> 01:08:25,890
Cuando llega a un punto de una tipografía, un carácter que no está en su alfabeto, pues pasa a poner otra tipografía estándar para poner el texto, pero no con la estética que tiene.

702
01:08:28,890 --> 01:08:37,430
Por tanto, esto antes de ponernos a trabajar pasa aquí también en el fríos, pasa también en el además. Fijaos, esto no puede ser, queda muy chapucero.

703
01:08:37,430 --> 01:08:39,810
entonces antes de ponernos a trabajar

704
01:08:39,810 --> 01:08:41,930
comprobad que están todos los caracteres

705
01:08:41,930 --> 01:08:43,609
que vamos a usar, entiendo que aquí tampoco

706
01:08:43,609 --> 01:08:44,630
por ejemplo estará la ñ

707
01:08:44,630 --> 01:08:47,930
pues es una tipografía de esta bayón que estará pensado

708
01:08:47,930 --> 01:08:48,189
para

709
01:08:48,189 --> 01:08:51,729
el uso en inglés

710
01:08:51,729 --> 01:08:54,210
que no tiene estos caracteres

711
01:08:54,210 --> 01:08:55,149
bueno, pues eso

712
01:08:55,149 --> 01:08:57,529
esto es una muestra de que hay tipografías que

713
01:08:57,529 --> 01:08:59,390
en ocasiones no podemos usar en nuestro idioma

714
01:08:59,390 --> 01:09:00,590
o

715
01:09:00,590 --> 01:09:03,649
porque esto no es admisible, que se vea así el texto

716
01:09:03,649 --> 01:09:05,430
o tendremos que recrearlas a mano

717
01:09:05,430 --> 01:09:22,710
Pero claro, para un cuerpo de texto es demasiado trabajo. Para un titular, que a lo mejor es una letra que le falta una tilde, pues bueno, podemos tirar por ahí y no pasa nada. El resto pues está bien. Aquí se juega nuevamente al ceñir texto, que intenta un poco rodear al león, más o menos.

718
01:09:23,369 --> 01:09:30,369
Con otras herramientas se puede hacer que la tipografía vaya siguiendo el contorno de una imagen del león o de lo que sea.

719
01:09:30,750 --> 01:09:33,689
Ya veréis en el tema 3 se habla algo de esto.

720
01:09:35,989 --> 01:09:41,170
Me queda otro por aquí. No me acuerdo si había algo representativo. Ya lo hemos hablado.

721
01:09:41,890 --> 01:09:48,489
Aquí también hace la interrupción del ritmo de lectura con este salto a base de la imagen.

722
01:09:48,489 --> 01:09:50,649
bueno, pues

723
01:09:50,649 --> 01:09:54,819
podría

724
01:09:54,819 --> 01:09:57,060
tratarse de otra forma

725
01:09:57,060 --> 01:09:59,000
bueno, se usa, está bien buscado

726
01:09:59,000 --> 01:10:00,939
estas capitulares, etcétera

727
01:10:00,939 --> 01:10:02,819
bueno, hemos visto ejemplos mejores

728
01:10:02,819 --> 01:10:05,039
pero oye, aquí también se intenta que haga la forma

729
01:10:05,039 --> 01:10:06,939
del logo, lo siga, este señor

730
01:10:06,939 --> 01:10:09,119
texto, bueno, ya en las correcciones

731
01:10:09,119 --> 01:10:10,380
concretas de cada uno os he ido

732
01:10:10,380 --> 01:10:13,199
diciendo opiniones, esto también son opiniones

733
01:10:13,199 --> 01:10:14,920
yo, reglas cerradas

734
01:10:14,920 --> 01:10:16,539
en diseño no hay, pero

735
01:10:16,539 --> 01:10:18,960
pero bueno, sí que al menos

736
01:10:18,960 --> 01:10:20,159
entender pautas

737
01:10:20,159 --> 01:10:44,319
Que nos vayan ayudando. Aquí, por ejemplo, no está mal, recreó una tipografía, la vectorizó, no está mal. Me preocupaba un poco aquí que este fondo, que tiene que ver con Tron, son circuitos de un ordenador, me preocupa que esté tan al límite el texto y que no se distinga el texto, porque es tan recargado el fondo.

738
01:10:44,319 --> 01:11:02,340
Y el texto además también tiene una tipografía que es bastante, bueno, pues bastante curva, etcétera, que tiene trazos finos y trazos gordos, bueno, pues es bastante colorida, ¿no? Pues que no se lea bien lo que es el cuerpo de texto.

739
01:11:02,340 --> 01:11:16,960
Para estos casos puede funcionar bien lo que os he indicado antes de poner un degradado. Y esto se hace bastante. Vamos a irlo moviendo para atrás hasta delante de lo que es el fondo.

740
01:11:16,960 --> 01:11:41,979
Lo voy a poner en negro, pero lo que os he dicho, se pueden poner los degradados que teníamos aquí. Si yo digo que esto empiece a partir del cuerpo de texto, más o menos por aquí, hasta el final, lo que se puede hacer es que vaya desde un color, es decir, desde un negro puro hasta, si bajamos la opacidad,

741
01:11:41,979 --> 01:11:46,470
desde una opacidad

742
01:11:46,470 --> 01:11:48,050
que se va mostrando

743
01:11:48,050 --> 01:11:50,649
en este caso he puesto dos negros y lo que estoy cambiando

744
01:11:50,649 --> 01:11:52,630
es la opacidad de cada uno de los puntos

745
01:11:52,630 --> 01:11:54,550
del degradado, pues yo puedo ir diciendo

746
01:11:54,550 --> 01:11:56,590
que empiece viéndose todo

747
01:11:56,590 --> 01:11:58,590
como está arriba, que sería

748
01:11:58,590 --> 01:12:00,529
un 0%, pero a medida que

749
01:12:00,529 --> 01:12:02,869
vamos bajando, que se vaya oscureciendo

750
01:12:02,869 --> 01:12:04,449
la imagen, como si se estuviera ahumando

751
01:12:04,449 --> 01:12:06,689
fijaos que ahora con ese pequeño

752
01:12:06,689 --> 01:12:08,609
escurricimiento, con esto

753
01:12:08,609 --> 01:12:10,149
se va marcando donde empieza y donde acaba

754
01:12:10,149 --> 01:12:12,609
el degradado, pues ya gana

755
01:12:12,609 --> 01:12:14,670
bastante, se sigue viendo el circuito y sobre todo

756
01:12:14,670 --> 01:12:16,569
se ve la parte que es fácil leer el texto

757
01:12:16,569 --> 01:12:18,810
pero aquí, pues podemos ir

758
01:12:18,810 --> 01:12:20,609
a lo mejor no hace falta un 100, pero yo creo que es

759
01:12:20,609 --> 01:12:22,770
un 75, ¿vale? Hemos oscurecido

760
01:12:22,770 --> 01:12:24,810
hemos separado el fondo

761
01:12:24,810 --> 01:12:26,510
del texto y se lee mejor

762
01:12:26,510 --> 01:12:28,609
¿vale? Pues con esto, con un degradado que apenas se

763
01:12:28,609 --> 01:12:30,489
percibe, ya hemos conseguido

764
01:12:30,489 --> 01:12:32,670
con esa capa y ese degradado

765
01:12:32,670 --> 01:12:34,630
pues que se separe un poco el texto y se

766
01:12:34,630 --> 01:12:36,829
gane legibilidad, ¿vale? Los degradados

767
01:12:36,829 --> 01:12:38,470
pueden ser tan sutiles que

768
01:12:38,470 --> 01:12:39,590
eso, que ayuden

769
01:12:39,590 --> 01:12:42,590
a que se conserve el diseño como tal, pero bueno

770
01:12:42,590 --> 01:12:47,590
Ir demarcando zonas que se oscurecen ligeramente o tienen un ligero destello, etc.

771
01:12:49,289 --> 01:12:57,710
En este caso, aunque me parece muy extraño usar un texto de graffiti porque cuesta leerlo,

772
01:12:58,170 --> 01:13:05,609
ha hecho una composición el compañero o compañera en el que lo ha metido en el contexto de los Simpsons

773
01:13:05,609 --> 01:13:07,390
y es uno de los carteles de un

774
01:13:07,390 --> 01:13:09,149
bueno, un tablón de anuncios

775
01:13:09,149 --> 01:13:11,489
de distintos vecinos

776
01:13:11,489 --> 01:13:13,670
¿no? de un edificio

777
01:13:13,670 --> 01:13:15,630
etcétera, que tiene varias oficinas y una es esta

778
01:13:15,630 --> 01:13:16,590
bueno, pues ha jugado

779
01:13:16,590 --> 01:13:19,449
como si, a ver

780
01:13:19,449 --> 01:13:21,409
realmente Lionel Hatch en ocasiones

781
01:13:21,409 --> 01:13:23,510
también está como amenazado por lo mal

782
01:13:23,510 --> 01:13:25,510
que lo hace, ¿no? bueno, pues ha buscado

783
01:13:25,510 --> 01:13:27,350
otro sentido, lo ha puesto aquí encima

784
01:13:27,350 --> 01:13:29,670
en lo de abogado, no me puedo creer que sea una firma de abogados

785
01:13:29,670 --> 01:13:31,170
está esa ironía

786
01:13:31,170 --> 01:13:32,449
luego ha seguido esta

787
01:13:32,449 --> 01:13:35,409
maquetación pues usando graffiti, ya no sé

788
01:13:35,409 --> 01:13:37,250
si a nivel de conjunto funciona, pero la idea

789
01:13:37,250 --> 01:13:39,510
de mostrar al personaje

790
01:13:39,510 --> 01:13:41,109
con la tipografía así, bueno

791
01:13:41,109 --> 01:13:43,630
también tiene su justificación y también lo pone en el texto

792
01:13:43,630 --> 01:13:45,409
aquí fijaos que

793
01:13:45,409 --> 01:13:47,090
ha hecho este degradado que os indicaba antes

794
01:13:47,090 --> 01:13:49,350
para separar

795
01:13:49,350 --> 01:13:50,529
el fondo del texto

796
01:13:50,529 --> 01:13:53,310
sí que se ha comido un poco el texto y casi no se distingue

797
01:13:53,310 --> 01:13:55,770
el del subtitular, aquí ha jugado con degradados

798
01:13:55,770 --> 01:13:57,149
me preocupa

799
01:13:57,149 --> 01:13:58,289
que no se conserve un poco

800
01:13:58,289 --> 01:14:00,270
los márgenes

801
01:14:00,270 --> 01:14:02,930
creo que estaría bien si

802
01:14:02,930 --> 01:14:34,239
Y el texto, pues prácticamente todo, a ver, lo que tenemos aquí, lo hubiera subido, ¿verdad? No sé por qué está dividiendo, supongo que ha hecho dos degradados distintos, a ver, vale, sí, y así, bueno, pues que los límites de la página, a ver, este y este, bueno, pues que podrían, epa, si es que tiene más texto aquí también, vale, pues,

803
01:14:34,880 --> 01:14:54,140
Básicamente que el texto está muy en el límite inferior, ¿vale? Entonces, bueno, pues si lo hubiéramos subido todo, pues seguramente ganaría en una composición más equilibrada, ¿vale?

804
01:14:54,680 --> 01:14:58,699
Nuevamente, eso, el subtítulo le cuesta ser visto.

805
01:15:00,739 --> 01:15:02,180
Ah, me he salido del lienzo, vale.

806
01:15:04,720 --> 01:15:07,079
Es que tiene aquí un marco...

807
01:15:07,079 --> 01:15:09,100
Bueno, habría que ver esto bien qué es.

808
01:15:09,819 --> 01:15:14,149
Pero si el lienzo está ahí...

809
01:15:14,149 --> 01:15:15,970
Estoy tocando ahora en lo que es el grupo.

810
01:15:16,090 --> 01:15:17,069
Ah, vale, porque está agrupado.

811
01:15:17,430 --> 01:15:17,989
Vale, pues eso.

812
01:15:18,590 --> 01:15:22,569
Faltaría un poco que lo que es la página no esté tan en los límites.

813
01:15:22,569 --> 01:15:42,829
Luego en la cuarta, pues un poco lo mismo. Aquí hay mucho espacio para esta caja. El cuerpo de texto me parece que, aunque representa los colores de Futurama, es demasiado recargado este trazo amarillo para leer con facilidad el cuerpo de texto.

814
01:15:42,829 --> 01:16:02,289
Entonces se puede ir por algo más aséptico que es un blanco o similar. Se va por un blanco y quitamos este trazo y oye, pues igual se ve mejor. Está todo muy aplastado hacia arriba, habría que alejarlo un poco, poner aquí el subtítulo y lo vamos teniendo.

815
01:16:02,289 --> 01:16:04,390
y esta nave se ve demasiado

816
01:16:04,390 --> 01:16:06,250
habría también a lo mejor que bajarle

817
01:16:06,250 --> 01:16:08,409
la opacidad al

818
01:16:08,409 --> 01:16:08,909
elemento

819
01:16:08,909 --> 01:16:11,689
bueno

820
01:16:11,689 --> 01:16:14,310
pues un poco es un repaso de las

821
01:16:14,310 --> 01:16:16,270
tareas, las entregas, reflexiones

822
01:16:16,270 --> 01:16:18,229
así un poco nos sirve para cerrar

823
01:16:18,229 --> 01:16:18,989
la unidad 2

824
01:16:18,989 --> 01:16:22,470
no sé qué pensáis, si os ha abierto

825
01:16:22,470 --> 01:16:24,270
ya os digo, a quien

826
01:16:24,270 --> 01:16:26,149
lo haya intentado, lo haya hecho mejor o peor

827
01:16:26,149 --> 01:16:28,689
ver otras formas de resolver este ejercicio

828
01:16:28,689 --> 01:16:30,270
pues creo que siempre

829
01:16:30,270 --> 01:16:31,630
ayuda y es revelador porque

830
01:16:31,630 --> 01:16:33,789
fuerza

831
01:16:33,789 --> 01:16:36,829
muchas veces tenemos ya vicios o predisposiciones

832
01:16:36,829 --> 01:16:38,789
a imaginarnos los diseños de una forma

833
01:16:38,789 --> 01:16:40,369
o nunca nos hemos enfrentado

834
01:16:40,369 --> 01:16:41,670
pues ver otras formas de

835
01:16:41,670 --> 01:16:44,189
resolverlo

836
01:16:44,189 --> 01:16:46,170
siempre es enriquecedor y por supuesto

837
01:16:46,170 --> 01:16:48,470
observar como lo hacen los profesionales

838
01:16:48,470 --> 01:16:50,409
o como juegan con las maquetaciones

839
01:16:50,409 --> 01:16:52,170
las composiciones, los textos

840
01:16:52,170 --> 01:16:54,649
deberíais hacerlo ya de manera continua

841
01:16:54,649 --> 01:16:56,470
no solo en diseño estático

842
01:16:56,470 --> 01:16:58,250
sino también

843
01:16:58,250 --> 01:16:59,630
en diseño audiovisual

844
01:16:59,630 --> 01:17:09,369
ver créditos de películas, ver cómo se componen los planos, toda esa información, por qué lo hará así, pensarlo, siempre os va a ayudar.

845
01:17:10,510 --> 01:17:16,869
Bueno, no sé si hay algo que queráis comentar o vamos cerrando la tutoría por hoy.

846
01:17:20,800 --> 01:17:28,159
Vale, para la tarea de la unidad 3, ya la tenéis, podéis leer el enunciado, mirad un enlace que os dejo también con recomendaciones sobre currículum.

847
01:17:28,159 --> 01:17:52,199
Y vienen plantillas, lo dicho, vienen plantillas que podéis usar o no, o lo que os recomiendo que es que busquéis otras. Aunque partáis de una plantilla, eso no significa que tengáis que ceñiros a la plantilla, puede ser un punto de partida, podéis cambiar los colores, algún elemento de la composición, podéis inclinar textos porque os venga bien, porque represente vuestra personalidad, yo qué sé, ¿vale? Ya habéis visto que todo depende de lo que se busque.

848
01:17:52,199 --> 01:18:09,319
Entonces, bueno, intentad hacer currículums creativos y que cuando alguien de recursos humanos lo reciba, pues diga, anda, me llama la atención, voy a llamarle. Eso es lo que tenéis que pensar siempre con el currículum.

849
01:18:09,319 --> 01:18:11,199
No solo rellenar datos y ya está.

850
01:18:11,819 --> 01:18:18,260
No somos ni camareros ni contables, sin menospreciar nada.

851
01:18:18,260 --> 01:18:29,960
Pero tenemos que hacer diseños que demuestren que tenemos ese punch, esa aportación creativa y esa visión personal.

852
01:18:30,819 --> 01:18:31,439
Yo lo he pensado.

853
01:18:31,500 --> 01:18:34,420
Alguna vez que he tenido que buscar algún compañero, ver currículums, etc.

854
01:18:34,420 --> 01:18:51,359
Bueno, lo he pensado, digo, si no hay esta audacia, si no hay este intentar representarse a sí mismo, buscar esa personalidad en el diseño de uno mismo, pues difícilmente lo va a hacer para otros clientes o para otros encargos, ¿vale?

855
01:18:51,460 --> 01:19:01,340
Entonces, bueno, espero que os sirva un poco estas directrices para ir forzando la cabeza a ir más allá, ¿vale? Y analizar y ver referencias.

856
01:19:01,340 --> 01:19:04,239
vale, alguna cosa que queráis que tratemos

857
01:19:04,239 --> 01:19:06,119
algo que queráis ver

858
01:19:06,119 --> 01:19:08,800
alguna duda

859
01:19:08,800 --> 01:19:16,989
vale, pues nada, damos por cerrada

860
01:19:16,989 --> 01:19:18,689
la tutoría, muchas gracias por asistir

861
01:19:18,689 --> 01:19:21,109
y nada, ánimo, felices navidades

862
01:19:21,109 --> 01:19:23,329
que ya están a la vuelta de la esquina

863
01:19:23,329 --> 01:19:24,529
feliz año nuevo

864
01:19:24,529 --> 01:19:27,130
y muchas gracias por haber asistido

865
01:19:27,130 --> 01:19:28,750
venga, gracias