Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Autores:
Tutor:
Engels Ortega
C.I.: 12.804.567
iii
AGRADECIMIENTOS
A todas las amistades que hemos conocido durante estos años, por estar allí
dándonos momentos de alegrías; así como también, ratos divertidos de ocio
durante y fuera de clases.
Por último, al Sr. Alejandro Quiñones (Alex Knight) por darnos la oportunidad
de entrevistarlo para obtener la información necesaria, dando un punto de partida
a esta investigación.
iv
GONZÁLEZ HERNÁNDEZ, ANGEL DANIEL / MENDOZA SÁNCHEZ, VÍCTOR
MANUEL. DISEÑO DE REVISTA DIGITAL ORIENTADA A LA PUBLICACIÓN
DE MANGA Y CÓMIC DE ILUSTRADORES MARABINOS Y PIEZAS
PROMOCIONALES DE CAMPAÑA DE PRODUCTOS DIRIGIDOS A JÓVENES Y
ADULTOS. Universidad del Zulia. Facultad de Arquitectura y Diseño. Escuela de
Diseño Gráfico. Trabajo Especial de Grado para optar por el título de Licenciatura
en Diseño Gráfico. Maracaibo. Estado Zulia. Venezuela. Abril 2019.
RESUMEN
El presente proyecto tuvo como objetivo general diseñar una revista digital
orientada a la publicación de manga y cómic de ilustradores marabinos y piezas
promocionales de campaña de productos dirigidos a jóvenes y adultos. La
metodología de diseño para esta investigación se sustentó de forma teórica por los
siguientes autores: Frascara (2006), Munari (2016), adaptando las etapas de
experimentación, tercera definición del problema, desarrollo del anteproyecto y
solución; del mismo modo que, se toma en consideración los aportes de estudios
anteriores como los de Fuentes (2011), Flores y otros (2012), Perdomo (2015),
entre otros. Al cabo, se puede indicar que este tipo de proyecto requiere de
herramientas tanto a nivel de hardware como software para su desarrollo e
implementación, estimando un costo de Bs. S. 3.400.000,00, así como parámetros
específicos de diseño, criterios de estructuración y por supuesto, que existan
editoriales dispuestas a contribuir con su distribución comercial, de manera que
llegue a la población objetivo.
v
GONZÁLEZ HERNÁNDEZ, ANGEL DANIEL / MENDOZA SÁNCHEZ, VÍCTOR
MANUEL. DESIGN OF DIGITAL MAGAZINE ORIENTED TO THE PUBLICATION
OF MANGA AND COMIC OF MARABINE ILLUSTRATORS AND
PROMOTIONAL PIECES OF CAMPAIGN OF PRODUCTS DIRECTED TO
YOUNG PEOPLE AND ADULTS. University of Zulia. School of Architecture and
Design. School of Graphic Design. Special Degree Work to choose the Degree in
Graphic Design. Maracaibo Zulia state. Venezuela. March 2019.
ABSTRACT
The main objective of this project was a digital magazine oriented to the
publication of manga and comic books by marabine illustrators and promotional
pieces of products aimed at young people and adults. The design methodology for
this research was based on the theoretical form for the following authors: Frascara
(2006), Munari (2016), adapting the stages of experimentation, third definition of
the problem, development of the preliminary project and solution; In the same way
that the contributions of previous studies are taken into account such as those of
Fuentes (2011), Flores and others (2012), Perdomo (2015), among others. At the
end, it can be indicated that this type of project requires tools both at the hardware
and software level for its development and implementation, estimating a cost of Bs.
S. 3,400,000.00, as well as the content editors, the criteria of structuring and of
course, that there are editorials in a commercial writing, so that it reaches the
target population.
Keywords: digital magazine, manga and comic, advertising pieces, youth and
adults.
vi
ÍNDICE DE CONTENIDO
Introducción …………………………………………………………………………. 1
Capítulo I: Aspectos Metodológicos
1. Situación del objeto de estudio ……………………………………………. 3
2. Objetivos de la investigación ………………………………………………. 7
2.1. Objetivo general ……………………………………………………. 7
2.2. Objetivos específicos ………………………………………………. 7
3. Justificación de la investigación …………………………………………… 8
4. Delimitación de la investigación …………………………………………… 9
4.1. Delimitación espacial …………………………………………….... 9
4.2. Delimitación temporal ……………………………………………… 9
4.3. Delimitación poblacional …………………………………………… 9
5. Limitaciones de la investigación …………………………………………… 9
6. Método de diseño ................................................................................... 10
Capítulo II: Aspectos teóricos
1. Antecedentes de la investigación ........................................................... 19
2. Marco referencial .................................................................................... 21
2.1. Medios digitales .......................................................................... 21
2.1.1. Los medios digitales y su interacción con el público ....... 21
2.2. Revista ........................................................................................ 23
2.2.1. Estructura de una revista ................................................ 24
2.2.2. Elementos textuales de una página de revista ................ 27
2.3. Publicación digital ....................................................................... 32
2.3.1. Tipos de publicación digital ............................................. 33
2.3.2. Formatos de publicación digital ....................................... 35
2.3.3. Ventajas y desventajas de las publicaciones digitales .... 38
2.4. Marketing .................................................................................... 40
2.5. Publicidad ................................................................................... 40
2.5.1. Campaña publicitaria ....................................................... 41
2.5.2. ATL, BTL y TTL ............................................................... 42
2.6. Promoción .................................................................................. 46
vii
2.7. Pieza gráfica ............................................................................... 47
2.7.1. Clasificación de las piezas gráficas ................................. 48
2.8. Publicidad online ........................................................................ 50
2.8.1. Tipos de publicidad online ............................................... 51
2.8.2. Ventajas y desventajas de la publicidad online ............... 57
2.9. Página web ................................................................................. 60
2.9.1. Clasificación de los sitios web ......................................... 61
2.10. Redes sociales ......................................................................... 63
2.11. Retícula .................................................................................... 63
2.12. Alineaciones ............................................................................. 67
2.13. Imágenes retóricas ................................................................... 69
2.14. Formatos de imagen ................................................................. 72
2.15. Tipografía ................................................................................. 75
2.16. Color ......................................................................................... 76
2.17. Interacción ................................................................................ 77
2.18. Visualización ............................................................................. 77
3. Casos de estudio .................................................................................... 77
3.1. Comparación y síntesis de casos de estudio (revistas digitales) 84
3.2. Comparación y síntesis de casos de estudio (piezas
promocionales) ........................................................................... 85
4. Determinantes ........................................................................................ 86
5. Criterios de diseño ................................................................................. 90
Capítulo III: Aspectos de diseño
1. Referentes de diseño ............................................................................. 96
2. Concepto generador ............................................................................... 109
3. Tecnología y recursos ............................................................................ 110
4. Proceso creativo ..................................................................................... 114
4.1. Creación de identidad ................................................................. 114
4.2. Maquetado de revista digital ....................................................... 119
4.2.1. Portada ............................................................................ 124
4.2.2. Editorial ........................................................................... 129
viii
4.2.3. Créditos editoriales y arte de portada ............................. 131
4.2.4. Ejemplares manga / cómic .............................................. 133
4.2.5. Arte del mes .................................................................... 143
4.2.6. Especiales ....................................................................... 145
4.2.7. Tutoriales ......................................................................... 151
4.2.8. Sección imprimible .......................................................... 153
4.2.9. Noticias ............................................................................ 159
4.2.10. Horóscopo ..................................................................... 167
4.2.11. Espacios publicitarios .................................................... 169
4.2.12. Índice ............................................................................. 176
4.2.13. Funciones interactivas ................................................... 180
4.3. Diseño de piezas promocionales ................................................ 182
4.3.1. Redes sociales ................................................................ 186
4.3.2. Banners web ................................................................... 189
4.3.3. E-mail marketing ............................................................. 194
4.3.4. Publicidad exterior (valla) ................................................ 198
4.3.5. Poster .............................................................................. 200
5. Producto Final ........................................................................................ 201
Conclusiones .................................................................................................. 208
Recomendaciones .......................................................................................... 210
Anexos ............................................................................................................. 212
Bibliografía ...................................................................................................... 225
Gráficos
Gráfico No 1 …………………………………………………………………… 12
Gráfico No 2 …………………………………………………………………… 15
Gráfico No 3 …………………………………………………………………… 17
Gráfico No 4 …………………………………………………………………… 35
Gráfico No 5 …………………………………………………………………… 48
Gráfico No 6 …………………………………………………………………… 49
Gráfico No 7 …………………………………………………………………… 53
ix
Gráfico No 8 …………………………………………………………………… 60
Gráfico No 9 …………………………………………………………………… 67
Cuadros
Cuadro No 1 …………………………………………………………………… 16
Cuadro No 2 …………………………………………………………………… 20
Cuadro No 3 …………………………………………………………………… 36
Cuadro No 4 …………………………………………………………………… 37
Cuadro No 5 …………………………………………………………………… 45
Cuadro No 6 …………………………………………………………………… 46
Cuadro No 7 …………………………………………………………………… 73
o
Cuadro N 8 …………………………………………………………………… 74
Cuadro No 9 …………………………………………………………………… 78
Cuadro No 10 …………………………………………………………………… 79
Cuadro No 11 …………………………………………………………………… 80
Cuadro No 12 …………………………………………………………………… 81
Cuadro No 13 …………………………………………………………………… 82
Cuadro No 14 …………………………………………………………………… 83
Cuadro No 15 …………………………………………………………………… 84
Cuadro No 16 …………………………………………………………………… 85
Cuadro No 17 …………………………………………………………………… 101
Cuadro No 18 …………………………………………………………………… 102
Cuadro No 19 …………………………………………………………………… 103
Cuadro No 20 …………………………………………………………………… 104
Cuadro No 21 …………………………………………………………………… 104
Cuadro No 22 …………………………………………………………………… 104
Cuadro No 23 …………………………………………………………………… 104
Cuadro No 24 …………………………………………………………………… 105
Cuadro No 25 …………………………………………………………………… 106
Cuadro No 26 …………………………………………………………………… 107
Cuadro No 27 …………………………………………………………………… 108
x
Cuadro No 28 …………………………………………………………………… 109
Cuadro No 29 …………………………………………………………………… 112
Cuadro No 30 …………………………………………………………………… 112
Cuadro No 31 …………………………………………………………………… 113
Cuadro No 32 …………………………………………………………………… 113
Cuadro No 33 …………………………………………………………………… 125
Cuadro No 34 …………………………………………………………………… 132
Cuadro No 35 …………………………………………………………………… 147
Cuadro No 36 …………………………………………………………………… 148
Cuadro No 37 …………………………………………………………………… 149
Cuadro No 38 …………………………………………………………………… 154
Cuadro No 39 …………………………………………………………………… 161
Cuadro No 40 …………………………………………………………………… 164
Cuadro No 41 …………………………………………………………………… 179
Cuadro No 42 …………………………………………………………………… 201
Cuadro No 43 …………………………………………………………………… 204
Figuras
Figura No 1 …………………………………………………………………….. 26
Figura No 2 …………………………………………………………………….. 29
Figura No 3 …………………………………………………………………….. 29
Figura No 4 …………………………………………………………………….. 30
Figura No 5 …………………………………………………………………….. 31
Figura No 6 …………………………………………………………………….. 31
Figura No 7 …………………………………………………………………….. 34
Figura No 8 …………………………………………………………………….. 35
Figura No 9 …………………………………………………………………….. 43
Figura No 10 …………………………………………………………………….. 44
Figura No 11 …………………………………………………………………….. 48
Figura No 12 …………………………………………………………………….. 52
Figura No 13 …………………………………………………………………….. 52
xi
Figura No 14 …………………………………………………………………….. 53
Figura No 15 …………………………………………………………………….. 54
Figura No 16 …………………………………………………………………….. 56
Figura No 17 …………………………………………………………………….. 56
Figura No 18 …………………………………………………………………….. 57
Figura No 19 …………………………………………………………………….. 65
Figura No 20 …………………………………………………………………….. 65
Figura No 21 …………………………………………………………………….. 66
Figura No 22 …………………………………………………………………….. 66
Figura No 23 …………………………………………………………………….. 66
Figura No 24 …………………………………………………………………….. 70
Figura No 25 …………………………………………………………………….. 71
Figura No 26 …………………………………………………………………….. 75
Figura No 27 …………………………………………………………………….. 76
Figura No 28 …………………………………………………………………….. 96
Figura No 29 …………………………………………………………………….. 97
Figura No 30 …………………………………………………………………….. 97
Figura No 31 …………………………………………………………………….. 98
Figura No 32 …………………………………………………………………….. 98
Figura No 33 …………………………………………………………………….. 99
Figura No 34 …………………………………………………………………….. 100
Figura No 35 …………………………………………………………………….. 100
Figura No 36 …………………………………………………………………….. 114
Figura No 37 …………………………………………………………………….. 115
Figura No 38 …………………………………………………………………….. 115
Figura No 39 …………………………………………………………………….. 116
Figura No 40 …………………………………………………………………….. 116
Figura No 41 …………………………………………………………………….. 117
Figura No 42 …………………………………………………………………….. 117
Figura No 43 …………………………………………………………………….. 118
Figura No 44 …………………………………………………………………….. 118
xii
Figura No 45 …………………………………………………………………….. 119
Figura No 46 …………………………………………………………………….. 120
Figura No 47 …………………………………………………………………….. 120
Figura No 48 …………………………………………………………………….. 121
Figura No 49 …………………………………………………………………….. 121
Figura No 50 …………………………………………………………………….. 122
Figura No 51 …………………………………………………………………….. 123
Figura No 52 …………………………………………………………………….. 123
Figura No 53 …………………………………………………………………….. 124
Figura No 54 …………………………………………………………………….. 125
Figura No 55 …………………………………………………………………….. 126
Figura No 56 …………………………………………………………………….. 126
Figura No 57 …………………………………………………………………….. 127
Figura No 58 …………………………………………………………………….. 127
Figura No 59 …………………………………………………………………….. 128
Figura No 60 …………………………………………………………………….. 128
Figura No 61 …………………………………………………………………….. 129
Figura No 62 …………………………………………………………………….. 130
Figura No 63 …………………………………………………………………….. 130
Figura No 64 …………………………………………………………………….. 131
Figura No 65 …………………………………………………………………….. 132
Figura No 66 …………………………………………………………………….. 133
Figura No 67 …………………………………………………………………….. 134
Figura No 68 …………………………………………………………………….. 134
Figura No 69 …………………………………………………………………….. 134
Figura No 70 …………………………………………………………………….. 135
Figura No 71 …………………………………………………………………….. 135
Figura No 72 …………………………………………………………………….. 136
Figura No 73 …………………………………………………………………….. 136
Figura No 74 …………………………………………………………………….. 136
Figura No 75 …………………………………………………………………….. 137
xiii
Figura No 76 …………………………………………………………………….. 137
Figura No 77 …………………………………………………………………….. 138
Figura No 78 …………………………………………………………………….. 138
Figura No 79 …………………………………………………………………….. 139
Figura No 80 …………………………………………………………………….. 139
Figura No 81 …………………………………………………………………….. 140
Figura No 82 …………………………………………………………………….. 140
Figura No 83 …………………………………………………………………….. 141
Figura No 84 …………………………………………………………………….. 141
Figura No 85 …………………………………………………………………….. 141
Figura No 86 …………………………………………………………………….. 142
Figura No 87 …………………………………………………………………….. 142
Figura No 88 …………………………………………………………………….. 143
Figura No 89 …………………………………………………………………….. 144
Figura No 90 …………………………………………………………………….. 144
Figura No 91 …………………………………………………………………….. 145
Figura No 92 …………………………………………………………………….. 145
Figura No 93 …………………………………………………………………….. 146
Figura No 94 …………………………………………………………………….. 146
Figura No 95 …………………………………………………………………….. 149
Figura No 96 …………………………………………………………………….. 150
Figura No 97 …………………………………………………………………….. 150
Figura No 98 …………………………………………………………………….. 151
Figura No 99 …………………………………………………………………….. 151
Figura No 100 …………………………………………………………………… 152
Figura No 101 …………………………………………………………………… 152
Figura No 102 …………………………………………………………………… 153
Figura No 103 …………………………………………………………………… 153
Figura No 104 …………………………………………………………………… 154
Figura No 105 …………………………………………………………………… 155
Figura No 106 …………………………………………………………………… 155
xiv
Figura No 107 …………………………………………………………………… 155
Figura No 108 …………………………………………………………………… 156
Figura No 109 …………………………………………………………………… 156
Figura No 110 …………………………………………………………………… 156
Figura No 111 …………………………………………………………………… 157
Figura No 112 …………………………………………………………………… 157
Figura No 113 …………………………………………………………………… 158
Figura No 114 …………………………………………………………………… 159
Figura No 115 …………………………………………………………………… 160
Figura No 116 …………………………………………………………………… 160
Figura No 117 …………………………………………………………………… 162
Figura No 118 …………………………………………………………………… 162
Figura No 119 …………………………………………………………………… 162
Figura No 120 …………………………………………………………………… 163
Figura No 121 …………………………………………………………………… 165
Figura No 122 …………………………………………………………………… 166
Figura No 123 …………………………………………………………………… 166
Figura No 124 …………………………………………………………………… 167
Figura No 125 …………………………………………………………………… 167
Figura No 126 …………………………………………………………………… 168
Figura No 127 …………………………………………………………………… 168
Figura No 128 …………………………………………………………………… 168
Figura No 129 …………………………………………………………………… 169
Figura No 130 …………………………………………………………………… 169
Figura No 131 …………………………………………………………………… 170
Figura No 132 …………………………………………………………………… 171
Figura No 133 …………………………………………………………………… 171
Figura No 134 …………………………………………………………………… 172
Figura No 135 …………………………………………………………………… 172
Figura No 136 …………………………………………………………………… 172
Figura No 137 …………………………………………………………………… 172
xv
Figura No 138 …………………………………………………………………… 173
Figura No 139 …………………………………………………………………… 173
Figura No 140 …………………………………………………………………… 174
Figura No 141 …………………………………………………………………… 174
Figura No 142 …………………………………………………………………… 175
Figura No 143 …………………………………………………………………… 175
Figura No 144 …………………………………………………………………… 176
Figura No 145 …………………………………………………………………… 176
Figura No 146 …………………………………………………………………… 177
Figura No 147 …………………………………………………………………… 178
Figura No 148 …………………………………………………………………… 178
Figura No 149 …………………………………………………………………… 180
Figura No 150 …………………………………………………………………… 180
Figura No 151 …………………………………………………………………… 181
Figura No 152 …………………………………………………………………… 181
Figura No 153 …………………………………………………………………… 182
Figura No 154 …………………………………………………………………… 182
Figura No 155 …………………………………………………………………… 183
Figura No 156 …………………………………………………………………… 183
Figura No 157 …………………………………………………………………… 183
Figura No 158 …………………………………………………………………… 184
Figura No 159 …………………………………………………………………… 184
Figura No 160 …………………………………………………………………… 185
Figura No 161 …………………………………………………………………… 185
Figura No 162 …………………………………………………………………… 186
Figura No 163 …………………………………………………………………… 187
Figura No 164 …………………………………………………………………… 188
Figura No 165 …………………………………………………………………… 188
Figura No 166 …………………………………………………………………… 189
Figura No 167 …………………………………………………………………… 189
Figura No 168 …………………………………………………………………… 190
xvi
Figura No 169 …………………………………………………………………… 190
Figura No 170 …………………………………………………………………… 191
Figura No 171 …………………………………………………………………… 191
Figura No 172 …………………………………………………………………… 192
Figura No 173 …………………………………………………………………… 192
Figura No 174 …………………………………………………………………… 193
Figura No 175 …………………………………………………………………… 193
Figura No 176 …………………………………………………………………… 194
Figura No 177 …………………………………………………………………… 195
Figura No 178 …………………………………………………………………… 195
Figura No 179 …………………………………………………………………… 196
Figura No 180 …………………………………………………………………… 196
Figura No 181 …………………………………………………………………… 197
Figura No 182 …………………………………………………………………… 197
Figura No 183 …………………………………………………………………… 198
Figura No 184 …………………………………………………………………… 198
Figura No 185 …………………………………………………………………… 199
Figura No 186 …………………………………………………………………… 199
Figura No 187 …………………………………………………………………… 200
Figura No 188 …………………………………………………………………… 200
Figura No 189 …………………………………………………………………… 202
Figura No 190 …………………………………………………………………… 202
Figura No 191 …………………………………………………………………… 203
Figura No 192 …………………………………………………………………… 203
Figura No 193 …………………………………………………………………… 205
Figura No 194 …………………………………………………………………… 205
Figura No 195 …………………………………………………………………… 206
Figura No 196 …………………………………………………………………… 206
Figura No 197 …………………………………………………………………… 206
Figura No 198 …………………………………………………………………… 207
Figura No 199 …………………………………………………………………… 207
xvii
Figura No 200 …………………………………………………………………… 207
xviii
INTRODUCCIÓN
Es por eso que, el siguiente proyecto a desarrollar tiene como finalidad aportar
a la comunidad marabina un soporte de promoción y publicación digital estable,
donde los grupos conformados por jóvenes y adultos tengan la oportunidad de
disfrutar y compartir material inédito elaborado por los propios artistas que residen
la región.
1
CAPÍTULO I
CAPÍTULO I:
ASPECTOS METODOLÓGICOS
En este capítulo se describe la realidad actual del objeto de estudio, así como
el planteamiento de una solución, acorde a los objetivos y limitaciones
(geográficas, temporales, económicas y poblacionales) correspondientes al
proyecto de investigación, además de un breve análisis de los modelos de
planificación más apropiados para su desarrollo.
De igual manera, el cómic surge como tal durante la primera mitad del siglo XIX
en Europa y tiempo después en Estados Unidos dentro de la prensa escrita, como
medio primario de entretenimiento a escala masiva y como método para combatir
el analfabetismo de las poblaciones inmigrantes, además de que, es en este país,
donde se implementa definitivamente el globo de diálogo. Su orden de lectura se
3
efectúa de izquierda a derecha y en cuanto a su estética, predomina
mayoritariamente un grafismo caricaturesco y realista.
Desde esta perspectiva, existen eventos como el Salón Internacional del Cómic
de Barcelona (España, 1981), el Mercado de Historietas (Comic Market o
Comiket) de Tokio (Japón, 1975), la Convención Internacional de Cómics de San
Diego (Estados Unidos, 1970), el Festival Internacional de la Historieta de
Angulema (Francia, 1974) y la Comics & Games en Lucca (Italia, 1966), cuyo
4
margen de éxito y relevancia han contribuido con la propagación del cómic y del
manga dentro de la cultura.
Por otro lado, medios como Internet, han posibilitado una mayor difusión de
ideas, productos y servicios. La industria de telecomunicaciones está siendo
transformada o redefinida por la red, proporcionando el nacimiento de nuevas
funciones como correo electrónico (e-mail), televisión vía Internet, telefonía,
5
música y vídeo digital; al igual que nuevas formas de interacción personal como
mensajería instantánea, foros y redes sociales.
6
En ese sentido, puede decirse que la publicidad vía Internet o Publicidad Online
es una forma de anuncio accesible para dirigir campañas promocionales a
potenciales clientes, donde métodos como la publicidad por correo electrónico, la
mercadotecnia en buscadores web o Search Engine Marketing (SEM), espacios
en redes sociales, banners animados y publicidad móvil están dejando atrás, o al
menos en un segundo plano, lo que hasta ahora se conoce como publicidad
tradicional, contribuyendo a nuevas estrategias de mercado y publicidad, con la
finalidad de dar a conocer dicho producto o servicio en la red.
2. Objetivos de la investigación
7
2. Identificar los parámetros necesarios para generar un sistema de publicación
de manga y comic para ilustradores marabinos.
3. Establecer un concepto gráfico creativo para que la publicación y piezas
promocionales logren captar la atención de los jóvenes y adultos.
4. Calcular la factibilidad técnico-económica para el diseño un prototipo digital y
publicitario que permita a los artistas la difusión de sus trabajos.
5. Desarrollar un prototipo digital y publicitario que permita a los artistas
promover y publicar sus trabajos mediante este nuevo sistema.
3. Justificación de la investigación
8
Y en lo Social, cabe considerar que este proyecto será adecuado para el
entretenimiento del público al cuál va dirigido, sin dejar de lado la publicidad para
dar a conocer el medio (en este caso revista digital) a través de las redes sociales
ya conocidas con el fin de atraerlo, además de atribuirle el propósito de incentivar
a los jóvenes y adultos con cualidades artísticas competentes, para que realicen la
publicación de sus trabajos.
4. Delimitación de la investigación
5. Limitaciones de la investigación
9
Carencia de medios investigativos como Internet o libros referentes al tema,
al igual que la ausencia de equipos y programas para la elaboración del
prototipo.
Lejanía y falta de medios de transporte para acceder a fuentes de
información impresa (certificada) como bibliotecas o librerías.
Pérdida de comunicación con la comunidad de artistas, causada por fallas en
los servicios de telefonía e Internet, dificultando la recepción de obras.
6. Método de diseño
1. Encargo del proyecto: Primera definición del problema por parte del cliente.
Se definen tiempos y presupuesto.
2. Recolección de información: Sobre el cliente, el producto, la competencia
(si existe) y el público.
10
3. Segunda definición del problema: Análisis, interpretación y organización
de la información obtenida. Definición de objetivos.
4. Especificación del desempeño del diseño: Definición del canal; estudio de
alcance, contextos y mensaje. Definición de argumentos y aspectos visuales.
Estudio preliminar de implementación.
5. Tercera definición del problema: Especificaciones para la producción,
definiendo el problema en términos de diseño y producción. Desarrollo del
programa.
6. Desarrollo de anteproyecto: Consideraciones de forma, contenido, canal y
tecnología.
7. Presentación al cliente: Presentación del boceto al cliente en un acto
persuasivo e informativo.
8. Organización de la producción: Preparación de diseño (físico o
electrónico) para producción final, con especificaciones técnicas completas.
9. Supervisión de implementación: Supervisión de producción, difusión e
instalación, incluyendo la revisión de pruebas.
10. Evaluación: Evaluación del grado de alcance de los objetivos establecidos.
11
Gráfico No 1: Método de diseño de Jorge Frascara. 2006. Fuente: Elaboración propia (2017).
12
Por su parte, Munari (2016) establece el “método proyectual” como una serie
de operaciones necesarias, dispuestas en un orden lógico dictado por la
experiencia. Su finalidad es conseguir el máximo resultado con el mínimo
esfuerzo. Esta serie de pasos obedece a valores objetivos que se convierten en
instrumentos operativos:
13
8. Experimentación (SP): El diseñador realiza una experimentación de los
materiales y las técnicas disponibles para realizar su proyecto. Permite
descubrir nuevos usos de un material o de un instrumento.
9. Modelos (M): Se establecen relaciones entre los datos recogidos y se
realizan los bocetos a escala o tamaño natural para construir modelos
parciales. Pueden ayudar a resolver subproblemas momentáneos que, a su
vez, junto con los demás, contribuirán a la solución global.
10. Verificación (V): Se presenta el modelo a un determinado número de
probables usuarios y se les pide que emitan un juicio sincero sobre el objeto
en cuestión. Sobre la base de estos juicios se realiza un control del modelo
para ver si es posible modificarlo, siempre que las observaciones posean un
valor objetivo.
11. Dibujos constructivos: En base a todos los datos ulteriores se pueden
empezar a preparar los dibujos constructivos a escala o a tamaño natural,
con todas las medidas exactas e indicaciones necesarias para la realización
del prototipo.
12. Solución (S): El prototipo soluciona dicho problema y mejora la calidad de la
vida.
14
Gráfico No 2: Método proyectual de Bruno Munari. 2016. Fuente: Elaboración propia (2017).
15
FASES DE DISEÑO
Fase Etapa Conceptualización Interpretación Aplicación
Problema Surge de una necesidad Se plantea el problema y Capítulo I
(Munari, 2016). posibles consecuencias.
Definición del Se exploran todas las Investigación y propuesta de Capítulo I
problema condiciones y limitantes del la solución a desarrollar.
proyecto (Munari, 2016). Incluye objetivos, limitantes,
población y métodos.
Fase de Recolección de Documentación y verificación Búsqueda de información Capítulo II
exploración datos de anteriores aplicaciones de la referente proyectos anteriores
solución propuesta (Munari, (antecedentes y bases
2016). teóricas).
Segunda Análisis, interpretación y La información obtenida de Capítulo II
definición del organización de los datos las fuentes consultadas es
problema obtenidos. Definición de analizada y ayudará al
objetivos (Frascara, 2006). desarrollo de la propuesta.
Creatividad Ocupa el lugar de la idea y La solución ideada o Capítulo III
procede según el método propuesta cambia y se
(Munari, 2016). amolda en base a los nuevos
criterios.
Experimentación Experimentación de los Se efectúan pruebas en lo Capítulo III
materiales y las técnicas que respecta a la viabilidad y
disponibles para realizar el utilidad de los materiales,
proyecto (Munari, 2016). técnicas y tecnologías
disponibles para la
realización del proyecto.
Especificaciones Definición del canal; estudio de Estudio y selección del canal, Capítulo III
Fase de del desempeño alcance, contextos y mensaje. así como el contenido del
desarrollo del diseño Definición de argumentos, mensaje y configuración
aspectos visuales. Estudio visual del mismo.
preliminar de implementación
(Frascara, 2006).
Tercera Especificaciones para la Selección de componentes Capítulo III
definición del producción, definiendo el en materia tipografía e
problema problema en términos de imagen, al igual que su
diseño y producción. Desarrollo organización dentro del
del programa (Frascara, 2006). prototipo.
Desarrollo de Consideraciones de forma, A través de la elaboración de Capítulo III
anteproyecto contenido, canal y tecnología bocetos, el concepto gráfico
(Frascara, 2006). del producto es tratado.
Verificación Presentación del modelo a un Se evalúan las características Capítulo III
determinado número de funcionales del producto para
probables usuarios (Munari, ver si es posible modificarlo o
2016). mejorarlo.
Organización de Preparación de diseño para la Aplicación de cambios (si los Capítulo III
producción producción final, con hay), y mejoras en relación a
Fase de especificaciones técnicas la calidad y los costos para la
evaluación completas (Frascara, 2006). producción final del prototipo.
Supervisión de Supervisión de producción, Se supervisa la implantación Capítulo III
implementación difusión e instalación (Frascara, del producto dentro del canal
2006). escogido.
Evaluación Evaluación del grado de Se evalúa la eficacia de la Capítulo III
alcance de los objetivos solución desarrollada.
establecidos (Frascara, 2006).
Solución Entrega de producto final Se presenta a la audiencia. Capítulo III
(Munari, 2016).
Cuadro No 1: Fases de proyecto de investigación. Fuente: Elaboración propia (2017).
De igual forma, tal proceso se esquematiza, señalando de manera más sencilla
las sub etapas pertenecientes a cada fase del proyecto de investigación:
16
Gráfico No 3: Síntesis de fases de diseño. Fuente: Elaboración propia (2017).
17
CAPÍTULO II
CAPÍTULO II:
ASPECTOS TEÓRICOS
1. Antecedentes de la investigación
De esta forma, se constituye una parte esencial del proyecto, destacando datos
de gran utilidad, los cuales pueden ser visualizados mediante del siguiente cuadro:
19
ANTECEDENTES ESPECÍFICOS
20
2. Marco referencial
21
historia humana conocida como “la era de la información” o “la revolución digital”,
a la cual se le suma la idea del ser humano moviéndose hacia una sociedad “sin
papel” totalmente digital, acompañada por el temor de hacer frente a una era
oscura digital, donde los medios de comunicación tradicionales ya no son
accesibles en dispositivos modernos.
Del mismo modo, Baez, Aguilar y otros (2014) en su ensayo “Los cambios de
los medios físicos a digitales” explican como el fuerte crecimiento de medios
electrónicos han condicionado directamente los hábitos del hombre y la influencia
de la conectividad en su estilo de vida, pues este cada vez pasa más tiempo en
línea (Online) dentro de un entorno en el que los medios físicos poco a poco van
siendo reemplazados por los digitales al relacionarse con muchas de sus
actividades diarias. Desde la vida laboral dónde muchas veces se comunica por
correo electrónico, conferencias vía Skype; hasta las relaciones con familiares y
amigos, permitiendo acotar las distancias geográficas en tiempo real.
En la media que las empresas aprenden a servirse de las redes sociales para
fidelizar a sus actuales clientes, ellos se encargan de recomendarla a sus amigos,
y así captan nuevos usuarios, facilitando la comunicación y el intercambio de
información persona a persona para generar contenido de valor para ambas
partes (2014).
Ciertamente, los medios digitales han permitido a los individuos ser mucho más
activos en la creación de contenidos. Cualquier persona con acceso a una
computadora e Internet puede participar en medios sociales y contribuir con su
propia escritura, arte, videos, fotografía y comentarios a la red. El costo de los
dispositivos capaces de acceder a la web está disminuyendo de modo constante y
ahora el ser propietario de múltiples dispositivos electrónicos se ha convertido en
algo normal (Crawford, 2011).
22
obscenidad o en una forma más amplia la censura, debido a que el contenido
generado por el usuario proyecta asuntos referidos a privacidad, credibilidad, y la
compensación de las contribuciones culturales, artísticas e intelectuales
(Rininsland, 2012).
2.2. Revista
Una revista (del inglés magazine, y este del francés magasin) es una
publicación periódica no diaria que se edita por cuadernos o pliegos y de vistosa
presentación. Su contenido puede ser muy variado: desde información muy
general de actualidad hasta ediciones monográficas especializadas (Dragnic,
2010).
23
Dicho de otro modo, una revista es una publicación (pública o privada) de
edición periódica que, a diferencia de los diarios o periódicos, ofrece un
tratamiento más exhaustivo de la información sobre los sucesos o temas que
desarrollan para un público en particular, así como también la calidad de los
soportes para su impresión y encuadernación, aparte de la practicidad del formato
que emplee.
24
Página índice o tabla de contenidos: Corresponde a la primera o
primeras páginas de toda publicación. Junto con la portada constituye el
único recurso que guía al lector a través del contenido de la revista, al
buscar la ubicación de un reportaje, proporciona el número de página,
el título del tema y una breve descripción del tema si se desea incluir.
Pie de imprenta o créditos editoriales: Se trata de una lista de todas
las personas que trabajan en la revista. Desde la redacción hasta las
personas de marketing, ventas de anuncios, editores e individuos clave
que están produciendo la revista. Esta parte que normalmente se
coloca entre las primeras páginas, aunque algunas revistas la colocan
en la parte posterior del encuadernado.
Carta del editor: En tal sentido, consiste en una carta de bienvenida
del editor en jefe de la revista en la que explica el contenido del tema de
la publicación. Las opiniones y cartas de los lectores se sitúan casi
siempre justo después de la carta del editor en la primera página.
Sección de artículos o reportajes: Es el elemento textual más valioso
y extenso en la construcción de la identidad de la revista. El estilo, el
contenido, el tono de la redacción y la maquetación serán las que
hagan destacar de sus competidoras. Dependiendo del tema que cubre
la revista, estas páginas pueden contener secciones de noticias,
reseñas y temas que suelen intercalarse con anuncios publicitarios.
Secciones posteriores: Abarcan el contenido restante de la revista
(artículos más cortos, noticias, directorios, columnas, críticas,
horóscopo, programaciones y comentarios). Las páginas tienen un
diseño uniforme y estandarizado que cambia ligeramente de una
cuestión a otra mientras que se intersectan con páginas de anuncios.
Aperturas de sección: Suelen ser un lujo en cualquier publicación
periódica, pero son bienvenidas por los lectores. Se basan en páginas
completas o páginas doble con una imagen impactante y un volumen de
texto mínimo que, comúnmente, abre una sección determinada de la
revista.
25
De manera tal, el sitio web Magazine Designing (www.magazinedesigning.com,
2017) considera que el diseño de la página de créditos editoriales debe ser
bastante limpio y sencillo, por lo general, con el identificador de la revista ubicado
en la parte superior de la página.
26
Figura No 1: Ejemplo de contraste entre página de anuncio y reportaje. Fuente: Zappaterra (2008).
27
Cuerpo de texto: Es el contenido textual del artículo y abarca la porción
más grande de la página. Debe ajustarse a las tendencias culturales e
identidad de la revista para seguir siendo de interés para sus lectores.
Subtítulos: Se utilizan para romper el cuerpo de texto, además de abrirlo
en nuevas secciones, dividirlo en capítulos o indicar un cambio en el tema,
son de gran utilidad en noticias o artículos muy extensos.
Entresacados (pull cuotes): Es un recurso extremadamente útil para
romper grandes bloques de texto y dotar al artículo de un aspecto más
seductor, enfatizando los aspectos más interesantes de la historia.
Leyenda o pie de foto: Al igual que las entradillas, vinculan el cuerpo de
texto con las imágenes de la página. Estos se ubican por encima o debajo
de cada figura.
Folio: Es un conjunto formado por el número de página, el título de la
publicación y, en algunos casos, el título de la sección o capítulo, la fecha
de publicación o página web de la revista. Ayudan al lector a orientarse
dentro del ejemplar al mismo tiempo que refuerzan, consecuentemente, el
formato de la marca.
Paneles de caja o infografías: Funcionan como pequeños anexos
informativos a artículos extensos en los cuales se pueden poner algunos
otros hechos o datos que son relevantes respecto al artículo. La
información de estos paneles queda reflejada por medio de frases cortas de
tono más neutral como listas, apartados y similares.
28
explica al lector de que trata la publicación, sino que también indica su tono
y la audiencia a la que va dirigida.
29
Figura No 3: Elementos textuales de una página de revista. Fuente: Magazine Designing
(www.magazinedesigning.com, 2017).
30
3. El texto de entradilla debe tener un tamaño de tipo más grande que el
cuerpo de texto, pero en un tamaño mucho menor que el titular, en diferente
estilo (itálica, por ejemplo), pero no es recomendable que esté justificado, ni
en mayúscula. Lo usual es colocarlo justo debajo del titular debido a que
ambos trabajan como un equipo.
Figura No 4: Ejemplo de configuración de titulares (1), entradilla (2) y cuerpo de texto (3). Fuente:
Magazine Designing (www.magazinedesigning.com. 2017).
4. A veces, cuando se diseña artículo muy grande, el titular puede estar solo
en la primera página, trabajando en equipo con la imagen, permitiendo al
texto de entradilla estar en la parte superior del cuerpo de texto, actuando
como una introducción real al artículo.
5. Los entresacados pueden fijarse en un tamaño bastante grande para llamar
la atención del lector, pero no deben ser tan grandes como título. Los
subtítulos, por otra parte, serían un poco más grandes que el cuerpo de
texto, o del mismo tamaño, pero enfatizados con alguna versión de fuente
(negrita, cursiva, condensada, etc.) para distinguirlos.
31
Figura No 5: Variaciones de diseño de entresacados. Fuente: Magazine Designing
(www.magazinedesigning.com, 2017).
32
leído como si fuera una publicación impresa, en lo que comúnmente se conoce
como libros electrónicos (E-books) o foliocopios digitales (Flip books). Su tamaño,
estructura y diseño han sido tratados de tal modo que su visualización, tiempo de
descarga y posibilidades de lectura sean los adecuados para el lector sin las
menores molestias en un computador conectado a internet.
Por tales razones, una publicación digital es aquel libro, revista, periódico,
manual o cualquier otro documento, cuyo formato de almacenamiento,
visualización, distribución y, en cuantiosas ocasiones, creación y edición están
basados en medios digitales o electrónicos. Pueden ofrecer vastas facilidades de
interacción, ediciones más completas o suplementarias de sus vertientes
impresas, así sean confeccionadas exclusivamente como un producto digital
portable.
33
Libros electrónicos (E-books): Son la versión electrónica de cualquier
libro tradicional impreso.
Folletos digitales: Se encuentran en los sitios web corporativos.
Comúnmente, los consumidores los descargan en versión PDF para
imprimir y leer en otro momento.
Revistas digitales (E-zines): Son la contra-parte electrónica de la revista
tradicional, especializándose en relación al contenido que agrada a una
audiencia en particular. Están disponibles en la red o por suscripción a
través de correo electrónico, ya sea gratis o mediante un pago establecido.
Periódicos Digitales: Ofrecen contenido informativo y comercial de
manera digital. Además de poder mantener informados a sus clientes
actuales y potenciales compradores vía correo electrónico por medio de
boletines personalizados con las noticias del día a día.
Presentaciones: Pueden ser descargadas en diversos formatos
(generalmente Flash o PowerPoint) por medio de la red o por correo
electrónico. Son de mucha utilidad si se trata de atraer y aumentar una
base de consumidores a escala nacional o global.
Blogs: son páginas web que, usualmente son empleadas para comunicar
la vida personal del escritor o para entregar información a una audiencia en
línea acerca de un tema en específico.
Cartas electrónicas (E-cards): Similar a las postales de felicitación,
diversos sitios que ofrecen tarjetas electrónicas para toda ocasión. Se
puede escoger un modelo de tarjeta, agregar un mensaje personal, y
enviarla a un destinatario vía e-mail. A diferencia de las tarjetas
tradicionales de papel, muchas e-cards pueden ser enviadas sin costo
alguno.
Álbumes digitales: a modo de una colección de fotografías digitales, estos
álbumes son guardados en un disco duro o en sitios web como Flickr o
Shutterfly, donde la gente configura una cuenta para subir sus fotos y
compartirlas con amigos y familiares.
34
Por su parte, López Ruiz (2016) precisa que a partir del grado de interacción
que tiene el usuario con las publicaciones digitales, estas se dividen en tres
grupos:
35
Interactivas: Son aquellas publicaciones que presentan en su etapa inicial
de comunicación una parte del contenido que, a través de las acciones del
usuario van develando más información a medida que el mismo vaya
avanzando.
Por medio del subsecuente cuadro, se exponen algunos de los formatos más
utilizados para la exportación y difusión de las publicaciones digitales, tomando en
cuenta sus principales cualidades:
36
FORMATOS DE PUBLICACIÓN DIGITAL (PARTE 1)
Extensión de
Formato Nombre Descripción archivo
Formato de documento
PDF Se utiliza para presentar e intercambiar documentos de forma fiable, independiente del software, hardware o sistema operativo. Pueden contener
portátil (Portable Document .pdf
vínculos, botones, campos de formulario, audio, vídeo y lógica empresarial (Adobe Systems, 2017).
Format)
También llamado Liquid Layout ePub. Es un formato redimensionable desarrollado para publicaciones cuyo mayor porcentaje de contenido
EPUB corresponde a texto, por ejemplo, publicaciones literarias. Se diseñó para adaptarse a distintos tamaños de letra y pantalla de los múltiples
dispositivos donde se visualiza: ordenadores, tablets, teléfonos, videoconsolas y lectores de libros electrónicos (Ceballos, 2017).
Publicación electrónica
(Electronic Publication)
Además de las funcionalidades habituales del formato EPUB ofrece salida de audio en la funcionalidad de texto-a-audio, características de voz,
normas de pronunciación y especificación de fallbacks (conversión de un vídeo en texto, para discapacitados) cuenta con mayor interactividad y .epub
ofrece mejor soporte a las lenguas no occidentales (Criado, 2013).
EPUB3
Publicación electrónica de
Basado en EPUB3. Sus principales ventajas son el poder mantener la estructura y diseño del documento original al igual que como lo hace el
maquetación fija (fixed
formato PDF y el soporte a elementos interactivos como audio, video y animaciones. Es ideal para folletos y revistas interactivas (Ceballos, 2017).
Layout ePub)
Archivo de historieta Conjunto ordenado de imágenes comprimidas, normalmente codificadas en formato RAR o ZIP a los que, seguidamente su extensión de archivo .cbr, .cbz, .cbt,
CBR
(Comic Book) es modificada. Tienen el propósito de mostrar las imágenes de las que se componen de forma secuencial (Álvarez de Toledo, 2008). .cba, .cb7
Es un formato abierto muy extendido de origen ruso. Define la estructura del libro con marcado semántico, por lo que es fácil convertido a otros
F2B Fiction Book formatos actuales o del futuro. Se recomienda para almacenar los libros de una biblioteca. Permite anotaciones y marcadores, y se adapta a la .f2b
pantalla (Agencia Yerro, 2014).
Digital Audio-based Es el formato típico de los audiolibros. Están especialmente dirigidos a usuarios con discapacidad. El audio y el texto están sincronizados, lo que
DBT .dvt
Information System (Daisy) permite la navegación por el libro (ir a una página, hacer una búsqueda, entre otras funciones) (Agencia Yerro, 2014).
Es un formato de archivo informático diseñado principalmente para almacenar imágenes escaneadas. Se caracteriza por incorporar avanzadas
DJVU DjVu (pronunciado deja-vu) tecnologías tales como separación de capas de imágenes, carga progresiva, codificación aritmética y compresión con pérdida para imágenes .djvu, .djv
bitonales (dos colores), permitiendo que imágenes de alta calidad se almacenen en un mínimo de espacio. (Bottou y col., 1998).
Es el formato de los libros creados con iBooks Autor de Apple. Está orientado a la autoedición del libro enriquecido, con muchas posibilidades de
IBOOK iBook .ibook
interactividad y trabajo colaborativo. Solo para dispositivos iOS (Agencia Yerro, 2014).
Lenguaje de marcas de
HTML Es el lenguaje que se emplea para el desarrollo de páginas de internet. Está compuesto por una serie de etiquetas que el navegador interpreta y
hipertexto (HyperText .html
da forma en la pantalla. Dispone de etiquetas para imágenes, texto e hipervínculos (www.aprenderaprogramar.es, 2017).
Markup Language)
TXT Extremadamente sencillo. Es un texto sin ninguna característica respecto a fuente, tamaño o resalte. Es el tipo de archivo más compatible, pero, al
Archivo de texto (Plain Text) .txt, .text
igual que el RTF, tampoco es apropiado para editar libros electrónicos (Agencia Yerro, 2014).
Cuadro No 3: Formatos de publicación digital (parte 1). Fuente: Elaboración propia (2017).
37
FORMATOS DE PUBLICACIÓN DIGITAL (PARTE 2)
Extensión de
Formato Nombre Descripción archivo
Lenguaje extensible de Es un meta-lenguaje que permite definir lenguajes de marcas utilizado para almacenar datos en forma legible. Proviene del lenguaje SGML y
XML marcas (eXtensible Markup permite definir la gramática de lenguajes específicos para estructurar documentos grandes. A diferencia de otros lenguajes, XML da soporte a .xml
Languaje) bases de datos, siendo útil cuando varias aplicaciones deben comunicarse entre sí o integrar información (Silberchatz y col. 2006)
Formato de texto enriquecido Microsoft lo creó para poder dar características al texto (cursivas. tipo de fuente, tamaño, entre otros). La mayoría de procesadores de texto leen y
RTF .rtf
(Rich Text Format) escriben este formato, y prácticamente todos los lectores lo soportan. (Agencia Yerro, 2014).
Es un formato que se ha convertido en el estándar de facto para publicaciones digitales altamente interactivas de Adobe. Permite a los editores de
FOLIO Folio revistas producir de manera más eficiente contenido digital para dispositivos móviles al eliminar la necesidad de crear y publicar contenido digital .folio
interactivo en múltiples formatos de archivos patentados individuales compatibles con cada mercado único (Adobe Systems, 2013).
Formato para archivos de libro electrónico (e-book) en el que se marca el contenido, pero no se delimita su formato y se adapta a diversas
.mobi, .pcr, .az
MOBI Mobipoket plataformas Pueden utilizar para contenidos complejos, incluyendo controles avanzadas de navegación, soporte para indexación, y un alto grado
w, .azw3, .tpz
de compresión (www.3dissue.com, 2017).
Es un formato de archivo de gráficos vectoriales que los desarrolladores web utilizan para crear aplicaciones enriquecidas y contenidos interactivos
Formato web pequeño basados en un plugin llamado Adobe Flash Player. Admite bitmaps, con posibilidades de animación y programación mediante el lenguaje
SWF .swf
(Small Web Format) actionscript. Es suficientemente pequeño para ser publicado en la World Wide Web en forma de animaciones con diversas funciones y grados de
interactividad (www.techweek.net, 2017).
Es un archivo PostScript capaz de almacenar pequeños gráficos vectoriales o mapa de bits. Generalmente es utilizado para transferir imágenes de
PostScript encapsulado lenguaje PostScript entre aplicaciones. Admite modos de color Lab, CMYK, RGB, Color indexado, Duotono, Escala de grises y Mapas de bits pero, .eps, .epsf, .ep
EPS
(Encapsulated PostScript) no admite canales alfa. Frecuentemente incluyen una previsualización del contenido, para mostrar en pantalla, es decir, permite una visualización si
simple del resultado final en cualquier aplicación que pueda dibujar un mapa de bits (www.blogartesvisuales.net, 2017).
Formato de libro digital basado en el lenguaje XML y destinado a normalizar el contenido, la estructura y la presentación de los libros digitales. El
OPF Open Book (OEB) formato OeB es definido por el OeBPS (Open eBook Publication Structure), cuya versión 1.0 está disponible a partir de septiembre de 1999. .opf
Actualmente no se usa (Lebert, 2010).
Es un formato propietario para libros electrónicos desarrollado por Sony y Canon. Fue diseñado originalmente para el lector de libros electrónicos
BBEB Broad Band eBook .lrf, .lrx, .lrs
Sony Librie y fue soportado por todos sus dispositivos hasta 2010, fecha en que SONY abandonó el formato (www.telegraph.co.uk, 2017)
PLM Palm Reader Es el formato típico del lenguaje de marcado creado por Palm Reader. Es capaz de ser abierto con eReader (Agencia Yerro, 2014). . pml
Es el formato que lee Microsoft Reader. Fue uno de los primeros formatos de libro electrónico y tuvo mucho éxito, pero actualmente no cuenta con
LIT Microsoft LIT .lit
soporte (Agencia Yerro, 2014).
Documento de Microsoft Word Este formato estándar es utilizado principalmente por el procesador de texto Microsoft Word. Almacena texto, información de formato, scripts,
DOC .doc, .docx
(Microsoft Word Document) información de deshacer, imágenes, tablas, entre otros (www.alegsa.com.ar, 2016).
Presentación de PowerPoint Es el formato habitual de las presentaciones digitales realizadas con Microsoft Powerpoint. Permite la inclusión de elementos multimedia junto al
PPS .pps
(PowerPoint Show) texto (imágenes, animaciones, sonido y vídeo) (www.publicacionelectronica.com, 2017).
Cuadro No 4: Formatos de publicación digital (parte 2). Fuente: Elaboración propia (2017).
38
2.3.3. Ventajas y desventajas de las publicaciones digitales
Ventajas:
Desventajas:
39
Incomodidad de visualización y lectura en la pantalla si no se está
acostumbrado a ello.
En la mayor parte de los casos, se requiere conexión a internet para
visualizar en línea, descargar, enviar y/o recibir por correo electrónico.
Por otra parte, Travieso (2003) hace mención de otras desventajas que las
publicaciones digitales soportan, en discrepancia con las anteriormente dichas:
40
publicaciones digitales en estrategias de publicitarias genera beneficios concretos,
a favor de los atributos económicos e innovadores que han adquirido.
2.4. Marketing
2.5. Publicidad
41
necesidades, con el fin de descubrir la receta secreta para una difusión eficaz.
Radica en ofrecer el producto oportuno, en el momento oportuno, al cliente
oportuno, con el argumento oportuno.
De acuerdo con Stanton y col., (2007) una campaña publicitaria consta de todas
aquellas actividades que intervienen para transformar determinado tema en un
programa coordinado de publicidad con el objeto de lograr una meta específica
para un producto o marca. Este conjunto de tareas comprende la concepción del
mensaje publicitario y su presentación a través de los diversos medios durante un
tiempo definido.
42
elementos como la originalidad, la imaginación y la creatividad, impulsan la
consecución de la campaña con éxito.
A) Por encima de la línea (Above the Line - ATL): Consiste en emplear dentro
de la estrategia de comunicación medios de difusión masivos (Mass Media).
Está orientado a un público amplio con el que se quiere hacer llegar un
mensaje de forma rápida, directa e intensiva para generar un impacto a corto o
medio plazo. Generalmente es utilizado en la fase de creación de la marca
(branding) y busca informar a los potenciales consumidores acerca de los
productos o servicios que esta ofrece. Entre los medios que utiliza se
encuentran:
Televisión: Los anuncios en TV pueden tener un alcance tanto local, como
nacional o internacional, dependiendo del canal de televisión y el contrato
entre las partes. Suelen tener una mejor conexión con el cliente ya que este
preferirá imágenes con audio y movimiento a otros formatos con solo audio
o texto estático.
Radio: Es una opción indispensable cuando se trata de repetir un mensaje
con mucha frecuencia y, con que el formato sea únicamente audio da pie a
crear mensajes muy creativos y originales a un precio accesible. Su
alcance, al igual que la TV, puede ser local, nacional o internacional.
Prensa escrita (periódicos y revistas): Ya sea en su versión impresa o en
línea, tanto la prensa local, como la regional o nacional, tienen un largo
alcance. Los periódicos presentan espacios publicitarios que suelen ser
utilizados por los anunciantes para informar al consumidor sobre su marca y
ofertas, mientras que, en el caso de las revistas, se suele alcanzar un
43
target mucho más definido, facilitando a los profesionales del marketing
alcanzar diferentes nichos de mercado.
B) Por debajo de la línea (Below the Line - BTL): Comprende el uso de medios
no masivos dirigidos a segmentos muy específicos con el objetivo de impulsar
la promoción de un producto o servicio mediante acciones de comunicación
creativas. Este tipo de estrategia publicitaria busca sorprender al usuario, es
decir, llamar su atención mediante un mensaje muy concreto y personalizado
diferenciándose de la competencia, además de que suelen llevar a cabo
cuando se desea recibir de forma rápida una respuesta (feedback) del público
objetivo. Usualmente estas estrategias se enfocan más en la conversión de la
marca que en la creación de la misma y los medios que utilizan son:
Publicidad exterior (Outdoor Advertising): Se realiza en espacios
públicos, dependiendo de la ubicación y el tamaño. Para este medio es
mucho más sencillo segmentar el target de la campaña ya que es más fácil
de controlar los lugares donde los anuncios son colocados y quienes son
las personas que habitualmente pasar por allí. Los formatos empleados
suelen ser pantallas, banderas, banners, murales, carteles, entre otros.
44
Patrocinio: Son acciones de comunicación que permiten asociar una
marca o empresa a un acontecimiento atractivo para un segmento o nicho
de mercado.
Activación de marca (Brand Activation): Es el arte de dirigir a los
consumidores a una acción de compra por medio de una interacción con el
usuario y la generación de experiencias. La clave es conseguir a través de
estas experiencias, nuevos compradores directos y darle vida a la marca
creando conexiones emocionales duraderas en el tiempo.
Marketing en el punto de venta: Son acciones que sirven para animar el
punto de venta con el propósito de captar la atención de nuevos clientes y
conseguir aumentar la facturación directa. Muchas marcas apuestan por
campañas de marketing sensorial en el punto de venta para crear
experiencias inolvidables.
Mercadotecnia callejera (Street Marketing): Es una actividad donde se da
a conocer o reinventar una marca de forma nada convencional en entornos
urbanos (calles, plazas y centros comerciales). Su objetivo es generar una
reacción memorable al consumidor, causando asombro, deseo hacia la
marca y recordación. No obstante, actividades como entregar volantes en
las aceras, arrojar productos indiscriminadamente en semáforos o
desplegar carteles en las intersecciones no son Street Marketing.
45
lograr un amplio alcance y un contacto directo o cercano con el target
establecido. En estas estrategias no se trata de estar “por encima” o por
debajo” de la línea, sino de “atravesarla”. Actualmente, gracias al incremento
de la competencia y el desarrollo de las nuevas tecnologías, se ha convertido
en el modo de campaña más utilizado por las marcas.
PUBLICIDAD ATL
Ventajas Desventajas
46
Al llegar a muchos canales que Presentan costes muy elevados
disponen de grandes y suelen ser muy poco cercanas
audiencias, puede lograr una al usuario.
alta penetración por parte de la No hay feedback, por lo que
empresa anunciadora, podría impactar negativamente
acompañado por un gran alguna parte del target.
impacto visual. Dificultad para el cálculo del
Permite la concienciación de la ROI (Retorno de inversión –
marca sobre los potenciales Return On Investment) de
consumidores, beneficiando su dichas inversiones.
posicionamiento dentro del
mercado.
Si el anuncio es bueno y se
consigna un tipo de enganche,
es muy probable que también
sea compartido en las redes
sociales.
PUBLICIDAD BTL
Ventajas Desventajas
La respuesta en el consumidor Requieren de mucha inversión
suele ser inmediata tanto en en cuanto a creatividad e
efecto como en resultados imaginación ya que, con el
económicos. avance de las tecnologías y la
Gran diversidad de formatos y competencia, es necesario
canales. innovar.
Mientras mayor sea el impacto,
los resultados serán más
47
positivos.
Los costes de este tipo de
publicidad no suelen ser tan
elevados.
2.6. Promoción
48
2.7. Pieza gráfica
49
Figura No 11. Ejemplo de piezas gráficas. Fuente: Mariana Eguaras (www.marianaeguaras.com,
2017).
Eguaras (2015) plantea una clasificación de las piezas gráficas dividida en siete
grupos, al tomar cuenta las necesidades que una marca u organización puede
tener a la hora de promover sus bienes o servicios. Estos grupos se visualizan así:
Gráfico No 5: Clasificación de las piezas gráficas según Eguaras, 2015. Fuente: Elaboración propia
(2017).
50
51
Gráfico No 6: Clasificación de piezas gráficas según www.monografias.com, 2017. Fuente: Elaboración propia (2017).
52
En relación a ambos modelos de clasificación, Eguaras (2015), señala algunas
recomendaciones para una óptima ejecución de las piezas gráficas:
53
2.8.1. Tipos de publicidad online
54
la imagen destaca como elemento principal que resume el mensaje el para
qué el cliente no elimine el mensaje. Este caso se visualiza en la figura N o
14.
Figura No 12: Dimensiones del banner web. Fuente: V2p-Online (www.v2p-online.es, 2017).
55
Figura No 13: Ejemplo de publicidad Pop-Up. Fuente: Universidad ICESI (www.icesi.edu.co, 2017).
56
Figura No 14: Ejemplos de publicidad vía e-mail. Fuente: Gmail (www.mail.google.com, 2017).
57
Figura No 15: Publicidad en redes sociales. Fuente: Facebook (www.facebook.com, 2017).
58
Reorientación (Retargeting): Actúa como segunda oportunidad para
recuperar clientes que, por algún motivo han desertado de un determinado
sitio web. Su propósito es impactar a los usuarios que previamente han
interactuado con la marca, al fomentar el recuerdo en una navegación
posterior que, por medio de cookies (pequeña información enviada por un
sitio web y almacenada en el navegador) logra sorprenderlos en los
mejores momentos ofreciéndoles productos relacionados a ella.
Por último, la agencia de marketing online Idento (2017) introduce dos formas
adicionales de publicidad online relacionadas íntegramente con los motores de
búsqueda:
59
desarrollar las estrategias para logar transmitir de manera óptima el mensaje
desde diversos canales.
La agencia Antevenio (2015) opina que los banners son recomendables para
marcas que ya están posicionadas en el mercado y son reconocidas por gran
parte del público. Incluso, pueden optar por más de un diseño de banner dentro de
una misma página, como en el caso de las empresas automovilísticas que pueden
visualizar sus vistosos y llamativos productos.
También, estima que los banners dobles son de tractivo para los sitios web con
contenido relevante en la parte central y que prefieren no mancharlo con
publicidad, siendo ubicados en el lado derecho e izquierdo de la página (2015).
60
Asimismo, conseja que, al ser un banner pequeño, generalmente de forma
cuadrada, la información debe ser breve ya que se tiene poco espacio para
mostrar (2015).
De otro modo, la agencia Idento (2017) indica como primer paso para
conseguir un buen posicionamiento y popularidad por medio de enlaces SEO, se
debe trabajar, en gran medida, el contenido propio de la página web, haciéndolo
menos pesado, original, accesible y más seguro para los internautas (ON PAGE).
61
virtudes e inconvenientes que presenta la publicidad en internet se exponen a
continuación:
Ventajas:
Cobertura: Se encuentra disponible las 24 horas del día durante los 365
días del año, permitiendo a cualquier empresa estar visible y ser accesible
para millones de personas alrededor del mundo con sus ofertas y
promociones.
Ahorro de tiempo: Mediante herramientas gratuitas y mucho ingenio, crear
y/o editar anuncios para Internet es una tarea sencilla que puede tomar
unos pocos minutos.
Flexibilidad: A diferencia los métodos publicitarios tradicionales, facilita la
actualización o modificación de los anuncios o mensajes publicitarios, así
como cambiar los medios a través de los cuales se está difundiendo.
Bajos Costos: Diseñar un anuncio o una campaña publicitaria para Internet
resulta mucho menos costoso en comparación con otros medios. Si a esto
se le añade el hecho de haber herramientas gratuitas para montar una
campaña y darle seguimiento por cuenta propia, el potencial que alberga es
inmenso.
Segmentación: Más allá de la segmentación geográfica y demográfica,
permite al anunciante realizar segmentaciones psicográficas (aquellas que
responden a los estilos de vida, personalidad, variables de conducta y de
compra) especificando el público al cual desea dirigirse.
Comunicación bidireccional e Interactividad: El receptor es capaz de
convertirse en emisor y transmitir sus propias ideas mientras amplifica el
mensaje y consigue alcanzar a un público al que de otra manera el emisor
inicial nunca hubiese tocado por medio del anuncio.
Medible: La eficacia de cualquier operación publicitaria en línea puede ser
medida y controlada fácilmente en tiempo real a través de los diversos
programas que ofrece Internet.
Desventajas:
62
Saturación y usuarios desinteresados: Los usuarios se hallan bastante
saturados de ofertas en Internet y esto los ha llevado a ser más selectivos,
por lo que las estrategias digitales deberán tener más inventiva.
Limitada (No todas las personas pueden tener acceso a Internet): La
publicidad online sólo ha de llegar a aquellos consumidores que cuentan
con servicio de Internet, lo que de alguna manera puede convertirla en
elitista.
63
De la misma manera, el sitio web Estupubli (www.estupubli.wordpress.com,
2017), acrecienta la lista de desventajas al referir:
Gráfico No 8: Sistema de dirección establecido para páginas Web. Fuente: Carbajal (2014).
Cabe destacar que, esta regla se debe aplicar en casi todas las paginas,
colocando siempre las tres “w” al principio, seguido de un punto más el nombre de
la misma, y otro punto donde el dominio se determina mediante el uso de siglas
como: .com, .net, .co.cr, .gov, entre otros (2014).
64
En cuanto a su estructura, según Arrarte (2011), una página web es un
documento el cual codificado en un lenguaje llamado HTML (HyperText Markup
Language) se presentan documentos y demás contenidos que pueden o no ser
vistos dentro la página, tales como:
Tipografía
Imágenes en movimiento o estáticas
Audio
Enlaces a otras páginas propias de sitio u otras que no pertenezcan al
mismo.
Formularios y botones, donde sea permitido introducir información por
cuenta del usuario. Además, de lograr interactuar por el servidor donde se
halla la página.
Marcos (actualmente en desuso) que son utilizados para crear divisiones en
la paginas separándolas ya sea en dos o múltiples áreas volviéndolas
independientes.
Componentes realizados en formato JavaScript introduciendo una variedad
notoria de efectos e interacciones para el usuario.
Por otro lado, Olivares (2016) en el post “¿Qué es una página web?” del blog
About Español, menciona que las páginas web son archivos utilizables dentro del
internet, codificados en relación a un lenguaje de manera específica también
denominado HTML, donde el acceso para los usuarios se realiza mediante un
navegador de internet, el cual procesa la información. Ofrece textos, imágenes,
puertas vinculadas a otros sitios, así como también animaciones, audio y otros
elementos.
Así mismo, expone que una página web debe estar alojada en algún sitio, con
el objetivo de que, al realizar una búsqueda, el usuario pueda descargar la
información y visualizarla a través de un computador; por lo que se debe
determinar un servicio de almacenamiento conocido como host o hosting (2016).
65
Escobar (2009) en su blog “Mercadeo en Internet…negocio del siglo XXI” de la
universidad de ICESI, explica que cada uno de los sitios web presentes en Internet
poseen características particulares para adaptarse a las necesidades de los
usuarios, por lo que pueden clasificarse del siguiente modo:
A) Audiencia
Públicos: Son de total acceso al público si limitaciones.
Extranet: Establece limitaciones o barreras para algunos usuarios.
Intranet: Su acceso en general es de tipo privado, pero no se determina
que siempre sea así.
B) Dinamismo
Interactivo: Sus funciones y contenido pueden llegar tener variaciones
dependiendo del usuario y lo que este desee. Del mismo modo, este puede
controlar la información que brinda la página.
Estáticos: El usuario no puede cambiar ni colocar en absoluto ningún
atributo al sitio, solamente los desarrolladores a cargo del diseño pueden
hacerlo.
C) Apertura
Estructura abierta: Cualquier documento tiene asignada una dirección y
los usuarios pueden entrar en ellos a través algún punto o sitio web.
Estructura cerrada: Pueden llegar a limitar la entrada a ciertos puntos,
incluso hasta solo (uno), puesto que estos sitios requieren que el usuario
deba ser parte de la comunidad o estar suscripto a ellos.
Estructura semi-cerrada: Siendo un hibrido entre las dos anteriores, tiene
como obligación indicar al usuario hacia donde deberá acceder o a través
de qué punto deberá entrar.
D) Profundidad
Se determina por la cantidad de vínculos para acceder a la información.
E) Objetivos
66
Comerciales: Destinados a la promoción de empresas y negocios. Su
objetivo principal es de tipo económico, donde el público meta por lo
general, suele estar conformado por clientes, inversionistas y empleados,
contando inclusive con empresas rivales y medios de comunicación.
Buscadores: Dedicados a ofrecer contenido amplio y están pensados
como punto de acceso o búsqueda para otros sitios.
Comunidad virtual: Destinado al intercambio de opiniones o temas de
interés común entre los usuarios, ya sea a través de chat o algún foro.
Comercio electrónico: solo para la adquisición o compra de algo.
Wiki: Se expone como un sitio donde los usuarios postean información de
manera colaborativa.
Educativo: Ofrecen enseñanzas de tipo presencial y a distancia, además
de contenido tanto para docentes como para estudiantes, donde puede
descargarse información referenciada a una materia o tema de interés.
Portal Web: dedicado a un punto inicial dentro de internet o hacia algún
otro lado inclusive a una intranet.
Fonseca (2014), en acuerdo con Merodio (2010) definen las redes sociales
como un progreso evolutivo de comunicación entre las personas, el cual se ha
actualizado mediante el desarrollo y creación de canales e instrumentos,
basándose en el entendimiento en general y determinaciones generadas. En estos
canales pueden hallarse una variación sin fin como blog, wikis y demás redes. De
la misma manera, al ser usadas simultáneamente dan paso a una gran comunidad
donde se hallan miles personas con gustos e intereses en común.
Por su parte, Merodio (2016) toma las redes desde este punto, como una vía
fundamental que puede llegar a tener muchos canales y variaciones. Para una
empresa lo más importante es determinar en principio cuál será su finalidad y
como podrá llevar a cabo sus objetivos dentro dicha red social. No obstante, la
clave del éxito se basa en la creatividad apoyada bajo una administración
67
empresarial tipo 2.0, donde la red social será el eslabón más fuerte dentro del
desarrollo del negocio.
2.11. Retícula
Por otra parte, Samara (2004) explica la retícula como un grupo de objetos
semejantes dispuestos de manera similar, con el propósito de crear una
distribución reconocible, colocando elementos compositivos dentro de un espacio
dotado de regularidad.
Por esto, aunque cada retícula puede llegar a estructurase de manera similar,
al poseer un fin y un nivel de dificultad en específico, algunas de sus partes se
desempeñarán, bien sea de modo independiente o en conjunto. Por supuesto,
todo dependerá del diseñador, las necesidades y el tipo de formato que se emplee
(2004).
68
Es importante destacar que para la construcción de retículas se deben seguir
algunos aspectos mencionados por Müller-Brockmann (1982):
69
Figura No 20: Ejemplo de separaciones entre líneas. Fuente: Müller-Brockmann (1982).
70
Figura No 22: Ejemplo de mancha. Fuente: Müller-Brockmann (1982).
71
Gráfico No 9: Pasos para construir una retícula, según Samara (2004). Fuente: Elaboración propia
(2017).
2.12. Alineaciones
Cabe resaltar que, a pesar de que las alineaciones son un factor de suma
importancia, si se aplican al pie de la letra, pueden llegar a producir material muy
cuadriculado o artificial. Lo ideal es introducir un poco de variedad o algo
novedoso dentro del diseño y colocar elementos que rompan con lo convencional
sin romper el reticulado y la alineación básica (2004).
72
En este mismo orden de ideas, Williams (2004) define las alineaciones como
un sistema en el que todo debe tener un orden compositivo y armonioso dentro de
cualquier formato, es decir, donde cada elemento guarde una relación entre si
dando lugar a un documento organizado y bien estructurado.
De igual manera, Moreno (2004) señala que las alineaciones pueden aplicarse
en diversas modalidades de distribución:
73
Las imágenes o figuras retóricas son empeladas como un sistema para el
desarrollo y construcción del lenguaje con el propósito de tener un objetivo
estilístico. Al mismo tiempo se manejan como un método que busca impactar en la
atención del público, debido su contenido sugestivo y original, llevando a cabo una
comunicación efectiva y convincente (www.retoricas.com, 2017).
74
Metáfora: Aplica como recurso de comunicación las relaciones entre un
elemento u otro provenientes en similitud. Destaca en concebir imágenes
que parten más allá del sentido literal.
Personificación: De uso muy frecuente, emplea como táctica publicitaria el
aporte de propiedades humanas a un animal u objeto inanimado.
Hipérbole: Exagera algo con el propósito de resaltar algún aspecto,
situación o cosa.
Ironía: Define su base mediante la utilización de una contradicción ante la
veracidad del mensaje y como se presenta antes el público.
Símil Metáfora
75
Metonimia Visual: Posee similitudes con la metáfora y la sinécdoque,
aunque no estrechamente, debido a que no hay similitudes como en
metáforas, o vínculos con en sinécdoque. Se proyecta como una
representación que cita lo antes citado, es decir, puede llegar a entablar
una correlación ya sea como: causa-efecto, parte-todo, autor-obra
continente-contenido, productor-producto. Puede usarse para dar a conocer
marcas, sin enseñar el producto en su totalidad, sustituyendo el mismo por
el sitio en donde se origina o colocando sus cualidades.
Antítesis visual: Su uso radica en colocar o disponer diversas imágenes
de manera opuesta por algún atributo. Se evidencia con eventualidad en
diseños o imágenes, enseñando el antes y después.
Analogía visual: Es capaz de disponer un parecido entre objetos distintos.
Cabe decir que, si es muy difícil la misma no servirá, pues el público no
podrá entenderla.
76
2.14. Formatos de imagen
77
FORMATOS DE IMAGEN (CON PÉRDIDA)
Formato Nombre Descripción Extensión Ejemplo Virtudes
Es el formato más conocido y su objetivo principal es Permite almacenar imágenes en alta resolución o
almacenar información referente a fotografías y otros comprimirlas en un formato menor, pero a riesgo de perder
archivos que posean tonalidades continuas. Su sistema calidad. (www.tecnologia-facil.com, 2017)
de compresión de datos es eficiente, ya que los mismos Puede emplearse en impresos o en cualquier otro proyecto,
Grupo de Expertos
pueden ser reducidos al guardar toda la información con mientras se respeten los lineamientos de compresión.
Fotográficos Unidos
JPG/JPEG referencia a los tonos sin obtener archivos enormes .jpg, .jpeg (www.tecnologia-facil.com, 2017)
(Joint Photographic
(Gómez, 2015). Permite el uso de imágenes a partir de 24 bits, equivalentes
Experts Group)
Fuente: Tecnología Fácil (www.tecnologia- a (16.7 millones de colores) (www.ciudadano2cero.com,
facil.com, 2017) 2017).
Es uno de los formatos más usados para imágenes que Por su reducida paleta de colores solo pueden emplearse
posean tonalidades no continuas o cuando se presenten 256 tonalidades, a diferencia del JPG donde se comprenden
zonas con una misma gama de color. Por otra parte, es más 16 millones de colores. (www.tecnologia-facil.com,
Formato de
uno de los formatos más escasos con el cual pueden 2017)
Intercambio Gráfico
GIF visualizarse animaciones utilizando fotogramas en .gif Lo ideal es no trabajarlo en otro formato que no sea para
(Graphic
secuencia (Gómez, 2015) web, es decir, no podrá usarse para el diseño gráfico o para
Interchange Format)
Fuente: Tenor (www.media.tenor.com, 2017) guardado de fotografías (www.tecnologia-facil.com, 2017).
Fue creado y desarrollado por la empresa On2 Logra realizar y recompilar archivos de calidad superior solo
Technologies y comprado por Google, con el objetivo de que, usando un tamaño más pequeño, inclusive llegando a
hacer más rápido el desarrollo de datos a través de superar al que formato JPG. (www.tecnologia-facil.com,
Internet. Haciendo uso de imágenes más pequeñas sin 2017).
perder calidad, da como resultado un formato que puede Aun no se implementa de manera masiva, a menos que se
igualarse o superar al JPG (www.tecnologia-facil.com, requiera en alguna aplicación para Google. (www.tecnologia-
2017). facil.com, 2017).
WEBP Weppy .webp
78
No posee algún formato de perdida, al contrario, de Puede trabajarse con transparencias llamado también (canal
hecho, su invención se debe a que puede solventar Alfa) (www.ciudadano2cero.com, 2017)
Gráfico Portable problemas con archivos GIF, en donde las paletas de Su nivel de compresión está bajo el orden sin perdida,
para la Red colores no son tan es amplias como en el JPG. Además, perfecto para producir para archivos en colores con alta
PNG está la posibilidad de guardar un archivo con .png
(Portable Network resolución y contraste. (www.ciudadano2cero.com, 2017).
Graphic) transparencia o cana alfa (www.tecnologia-facil.com, No acepta animaciones, y tampoco pueden producirse
2017). Fuente: www.pierotawil.files.wordpress.com debido a que solo usar imágenes fijas (esto aplica por igual
(2017). para el JPG) (www.ciudadano2cero.com, 2017).
Hasta hace no mucho era muy empleado por el sistema Su uso podría acarrear problema al producir archivos con un
Windows, aunque su uso actualmente no sea tan tamaño excesivo, por este motivo no debe ser usado. Cabe
Mapa de Bits frecuente. Es considerado un formato “sin perdida“, decir, que está atrasado y su mención es con el propósito de
BMP .bmp
(Bitmap) debido a su capacidad de almacenar grandes cantidades evitar que sea utilizado. (www.ciudadano2cero.com, 2017)
de información (www.tecnologia-facil.com, 2017).
Fuente: www.infoarica.loganmedia.com (2017).
Es un formato capaz de almacenar gran cantidad de Puede lograr establecer el procesamiento de impresos y
información como imágenes de gran calidad a una buena fotografías, puesto que llega a reconocer la capas y lo
Formato de Archivo
resolución y tamaño en todo tipo de actividades; Aun si el archivos a editarse, si restarle calidad a los mismos.
de Imagen
TIFF formato es comprimido no perderá ningún atributo. .tiff, .tif (www.aulaformativa.com, 2017).
Etiquetada (Tagged
Mayormente debido a que su nivel de compresión no es Es adaptable a un tamaño lo suficientemente grande como
Image File Format) Fuente: www.cooperativademarketing.files.
destructivo (https://tecnologia-facil.com,2017). wordpress.com para evitar su uso dentro de la red, manteniendo su calidad y
(2017) nitidez (www.ciudadano2cero.com, 2017).
Formato empleado propiamente por las cámaras .raw, .raf, .crw, . Suele aportar un color más denso, abarcando desde 36 a 48
profesionales y los dispositivos móviles actuales en el cr2, .k25, .kdc, . bits (www.ciudadano2cero.com, 2017).
dcs, .dcr, .drf
que no hay perdida de información al ser comprimida. .rw2, .nef, .nrw, Es capaz de capturar más del 100% del contenido ya que
Generalmente es usado por especialistas en edición de .orf, .dng, .ptx, . actúa como una especie de negativo en digital, brindando
RAW “Bruto” o “En Crudo”
imagen y fotografía (www.ciudadano2cero.com, 2017). pef, .arw, .srf, .s más oportunidades dentro de la edición de fotográfica
r2, .x3f, .erf, .mr
Fuente: aunque, el mismo requiere de una computadora potente para
w, .cap, .tif, .iiq,
.r3d, .fff, .pxn, . www.lahanahernandez.files.wordpress.com ser ejecutado (www.xatakafoto.com, 2017).
bay (2017).
Este formato permite guardar todo aquel material Ayuda a mantener la calidad aun si se cambia el tamaño del
Gráficos vectoriales construido a base de vectores archivo. (www.blog.aulaformativa.com, 2017).
redimensionables (www.blog.aulaformativa.com, 2017). Puede desarrollar archivos de poco tamaño, perfectos para
SVG .svg, .svgz
(Scalable Vector la web sustituyendo al png para los logos colocados dentro
Graphics) Fuente: www. upload.wikimedia.org de un sitio web (www.blog.aulaformativa.com, 2017).
(2017).
Cuadro No 8: Formatos de imagen (sin pérdida). Fuente: Elaboración propia (2017)
79
2.15. Tipografía
Se observa que, las fuentes tipográficas varían desde las más claras, atribuidas
con ese amplio nivel de fluidez para bloques de textos de gran tamaño; hasta las
más asombrosas y llamativas, utilizadas para los titulares de periódicos y anuncios
publicitarios (2004).
80
Visto desde esta perspectiva, la tipografía define la estructura y estilo del
cuerpo de texto, por lo que se debe de escoger una fuente adecuada al considerar
los aspectos como forma del tipo, sistema de clasificaciones, modas, estilos o
gustos por parte del diseñador a cargo, a tono con el nivel de comunicación que
será dirigido al público (2004).
Figura No 27: Ejemplos de construcción del cuerpo de texto. Fuente: El Zaguán Diseño
(www.elzaguandisenoymas.com, 2017) / Ambrose y Harris (2004).
2.16. Color
Es por ello, que el color es un factor inexistente, que varía según el nivel de
percepción de las personas, dictaminando que cada gama cromática es generada
por la mente, dando significado a aquello que se denomina como el tono del color.
81
2.17. Interacción
2.18. Visualización
3. Casos de Estudio
82
cómic existentes en el mercado, partiendo de la terminología anteriormente
descrita en la definición del medio:
COMIC@LOID #5
83
Formato: PDF
84
especializado para su proyección en la computadora .
Cuadro No 10: Caso de estudio #2 (revista digital). Fuente: Elaboración propia (2017).
85
diferentes herramientas para navegación y lectura.
Cuadro No 11: Caso de estudio #3 (revista digital). Fuente: Elaboración propia (2017).
Cuadro No 12: Caso de estudio #1 (piezas promocionales). Fuente: Elaboración propia (2017).
86
CASO DE ESTUDIO No 2 (PIEZAS PROMOCIONALES)
Cuadro No 13: Caso de estudio #2 (piezas promocionales). Fuente: Elaboración propia (2017).
87
Banner publicitario en promoción del aniversario de Superman
EE.UU, 2016
Cuadro No 14: Caso de estudio #3 (piezas promocionales). Fuente: Elaboración propia (2017).
88
3.1. COMPARACIÓN Y SÍNTESIS DE CASOS DE ESTUDIO (REVISTAS DIGITALES)
Aspecto / Caso Caso No 1 Caso No 2 Caso No 3 Resumen
El número de columnas y/o divisiones dependerá de la
Dos a cuatro columnas, con variaciones de Dos a cinco columnas, con un tamaño de cantidad de información e imágenes que el artículo en
Retícula No hay retícula base.
margen. margen constante. cuestión maneje. Las páginas de comic o manga poseen una
diagramación distinta entre sí.
Tipo de publicación
Interactiva Estática Interactiva
digital Se determina en base al grado de interacción y funciones
Botones para acercar y alejar la imagen. Botones para acercar y alejar la imagen. que el productor editorial desee implementar.
Interactividad Carece de botones para su exploración.
Incluye barra de desplazamiento. Incluye barra de desplazamiento.
Formato PDF CVR SWF Varía conforme a las cualidades del producto.
Cuadro No 15: Comparación y síntesis de casos de estudio (revistas digitales). Fuente: Elaboración propia (2017).
89
Aspecto / Caso Caso No 1 Caso No 2 Caso No 3 Resumen
Recurren a una diagramación simple con variaciones en el
Diagramación basada en filas con Diseño convencional basado en seis Construcción simple de cinco módulos número de columnas o filas, en consideración de las
Retícula
variaciones de altura columnas con márgenes regulares (tipografía) dimensiones del soporte y la cantidad de información a
mostrar.
Balance entre colores cálidos y fríos en Colores cálidos en contraste con valores La gama cromática varía de acuerdo al contenido ilustrado
Color Colores primarios (amarillo, azul y rojo)
contraste con valores sólidos que la pieza promueve.
Formato JPG y SVZ PNG JPG Varía de acuerdo las cualidades del anuncio.
Carece de animación, transparencia y solo Carece de animación, transparencia y Carece de animación, transparencia y solo
Propiedades Son determinadas en base a los propósitos del anunciante.
puede informar. funciona como hipervínculo puede informar.
Cuadro No 16: Comparación y síntesis de casos de estudio (piezas promocionales). Fuente: Elaboración propia (2017).
90
4. Determinantes
1) Estructura de la revista
Conseguir una mezcla entre acciones ATL y BTL que, impacte a nivel
masivo y que además genere un enganche personal o recuerdo de la
marca a propósito de incentivar la acción de compra por parte del público
objetivo (www.pieraperezmarketing.com, 2017).
91
3) Estructura de anuncios
4) Retícula
92
La retícula, jamás deberá encerrar el contenido dentro de ella, su único
deber es aportar un orden al esquema, sin que este pierda su fuerza
(Samara, 2004).
Se debe escoger un tamaño de columnas adecuado, a veces en función de
la tipografía, puesto que la misma llega a determinar lo espacios y las
achuras (Müller-Brockmann,1982)
Conforme a las revistas digitales examinadas, el número de columnas y/o
divisiones depende de la cantidad de información e imágenes que el
artículo en cuestión maneje. Por su parte, las piezas promocionales deben
tener una diagramación simple, con una calidad de contenido clara y
concisa.
5) Alienaciones
6) Tipografía
93
Los titulares puestos en la parte inferior de la página, no siempre son una
buena idea, pero rara vez funcionan (www.magazinedesigning.com, 2017).
El texto de entradilla, puede presentar un tamaño y estilo diferente en
relación al cuerpo de texto, pero no es recomendable que esté justificado, ni
en mayúscula. Lo usual es colocarlo justo debajo del titular debido a que
ambos trabajan como un equipo (www.magazinedesigning.com, 2017).
Los entresacados pueden fijarse en un tamaño bastante grande para llamar
la atención del lector, pero no deben ser tan grandes como título. Los
subtítulos, por otra parte, serían un poco más grandes que el cuerpo de
texto, o del mismo tamaño, pero pueden ser enfatizados con alguna
variación de tipografía base para distinguirlos
(www.magazinedesigning.com, 2017).
Según las revistas y piezas promocionales anteriormente analizadas, se
puede disponer de diversos estilos de fuente Sans Serif para cuerpos de
texto, subtítulos y otros elementos textuales; para los títulos principales se
distinguen las fuentes decorativas y; para los diálogos de historieta,
tipografía rotulada.
7) Imagen
8) Color
94
crear contraste entre ambas páginas y traer la atención del lector
(Zappaterra, 2008).
En acuerdo a los casos de estudio presentados, se puede optar por
diversos conceptos de color, aunque la utilización de tonalidades vividas
prevalece con el fin de captar la atención del lector.
9) Dimensiones
5. Criterios de diseño
1) Estructura de la revista
95
su arte, seguido de la realización de una entrevista a estos, explorando sus
opiniones para la elaboración de contenido como artículos o reseñas.
– Secciones principales
Ejemplares manga / cómic: Segmento donde se desenvuelven cada una
de las historietas aportadas por cada autor de la localidad, seguido de una
breve reseña con información sobre ellos, describiendo la manera en cómo
trabajan y sus objetivos.
Arte del mes: Espacio dedicado a la exhibición algún trabajo ilustrado por
un artista de la región, junto con una memoria descriptiva señalando
propiedades como el tamaño, la técnica que este empleó para llevar a cabo
dicha ilustración y el año en que fue concluida.
Especiales: Sección destinada a un concurso de ilustración donde se
exponen los trabajos realizados por aquellos artistas aspirantes a ser
reconocidos dentro de la localidad marabina, adjuntos a una breve reseña
personal de los mismos.
– Secciones secundarias
Tutoriales: Segmento orientado al desarrollo y mejora de técnicas en
ilustración digital, en lo que refiere a diseño de personajes, uso del color,
diagramado de viñetas y construcción de escenarios, entre otras cosas;
impartido por algún ilustrador en particular.
Sección Imprimible: Porción conformada por un conjunto de pliegos
descargables que el lector podrá imprimir y armar a modo de pequeños
libros de historietas auto conclusivas, con la posibilidad de coleccionarlos.
Noticias: Sección establecida exclusivamente para la difusión de concisos
reportajes sobre lo más reciente en materia de manga, cómic, videojuegos
y otros aspectos de interés para el lector.
96
Horóscopo: Espacio destinado a la reseña esotérica a modo de
entretenimiento al mismo tiempo que, es utilizado como medio para
exponer el arte de aquellos ilustradores respecto al tema.
De igual forma, la revista contará con espacios publicitarios entre cada artículo,
incluyendo la contraportada y portadas internas, en plan de anunciar la publicación
de futuros proyectos por parte del artista que lo requiera.
4) Retícula
5) Alienaciones
97
6) Tipografía
7) Imagen
Se optará por el uso de fondos ilustrados como atractivo principal para todos
los soportes publicitarios e informativos del proyecto, para los cuales se aplicará la
inserción de siluetas vectoriales a propósito de generar realce en ciertas
categorías o secciones de forma clara y concisa, seguido de su intervención (ya
sea por medio de engranaje de luces, sombras, contraste, niveles o
transparencias), resultando en una estructura homogénea.
8) Color
9) Dimensiones
98
Publicidad exterior (Valla): 4 x 2 m.
99
CAPÍTULO III
100
CAPÍTULO III:
ASPECTOS DE DISEÑO
1. Referentes de diseño
101
juego de transparencias, logrando mantener dinamismo dentro del orden
compositivo.
Figura No 29: Volantes multi propósito, por Alex Lasek (2015). Fuente: Pinterest
(www.pinterest.com, 2018).
Así mismo, las portadas de revista ilustradas por Stanley Lau (2013 - 2014)
corroboran que, la superposición de componentes partiendo de la imagen original,
seguido de su intervención (ya sea por medio de ajuste de luces, sombras,
contraste o niveles), resultará en una estructura homogénea para el producto
enunciado.
Figura No 30: Portadas de revista ilustradas por Stanley Lau (2013 - 2014). Fuente: DeviantArt
(www.deviantart.com, 2018).
De este modo, es relevante por diversas razones optar por el uso de fondos
ilustrados, como en el caso de la portada correspondiente a la revista Dengeki
Comic Japan ilustrada por CLAMP (2011), en el cual aportará un mayor atractivo
visual a todos los soportes publicitarios e informativos del proyecto.
102
Original Diseño final
Figura No 31: Portada de revista Dengeki Comic Japón (2011). Fuente: Pinterest
(www.pinterest.com, 2018).
Por otra parte, en este ámbito, sobresalen la disposición inclinada de los textos
y la apariencia sesgada del identificador, como factores determinantes de
dinamismo e impacto, tanto en la portada y artículos internos de la revista, como
las diferentes piezas publicitarias a realizar. Este patrón, puede evidenciarse en la
portada de la edición decembrina de la revista Ultra Jump, ilustrada por Shirow
Miwa (2017), en promoción del manga RWBY.
Figura No 32: Portada de la revista Ultra Jump (edición diciembre 2017). Fuente: Koy Nya
(www.koy-nya.net, 2018).
103
cuerpos de texto, títulos, subtítulos y cualquier otro tipo de elemento textual, la
convierte en un componente esencial para la identidad gráfica de la revista.
104
Por el caso contrario, la fuente clásica Crimson, habitualmente usada para
lecturas continuas, por su aspecto refinado y fácilmente perceptible, se empleará
para las secciones que impliquen material como novelas ilustradas, donde el
contenido literario es mucho mayor.
Por último, la tipografía designada para los globos de diálogo en las historietas
que serán mostradas en la sección de ejemplares manga / cómic (Wild Words
Roman), exhibe variaciones de gran utilidad para distinguir nombres, diversificar
los modos de narración y las entonaciones de voz, al margen de un estilo con
características visuales similares a los rotulados observados en los libros de
historietas.
Figura No 35: Familia tipográfica Wild Words Roman. Fuente: Elaboración propia (2018).
105
Ahora bien, en base a la búsqueda previamente realizada de las obras
ilustradas por los artistas de la localidad, así como también la información sobre
los mismos obtenida a través de una serie de entrevistas (Anexos N o 5 a 14), el
material a disponer y su clasificación dentro del proyecto, se detalla a
continuación:
a) Historietas
– Sección de ejemplares manga / cómic:
Portada original
Cuadro No 17: Memoria descriptiva, Do not Lose!!. Fuente elaboración propia (2018).
106
Monster Among Monsters (Un monstruo entre Monstruos)
Portada original
107
– Sección Imprimible:
Portada original
Cuadro No 19: Memoria descriptiva, Surreal Amplifier. Fuente elaboración propia (2018).
b) Ilustraciones
108
– Editorial:
Ai - 01
Autor: Kühller
Dimensiones: 43,1 x 24 cm
(5100 x 2835 px)
Técnica: Mixta
Año: 2018
Cuadro No 21: Memoria descriptiva, Enjoying the Future. Fuente: elaboración propia
(2018).
– Tutoriales:
Kim-Taru
Autor: Vikundoza
Dimensiones: 21,5 x 22,7 cm
(1695 x 1789 px)
Técnica: Coloreado digital
Año: 2018
Cuadro No 22: Memoria descriptiva, Kim -Taru. Fuente: elaboración propia (2018).
– Noticias:
Susana
Autor: TerraBreak
Dimensiones: 21,6 x 27,9 cm
(1275 x 1650 px)
Técnica: Coloreado digital
Año: 2018
109
Bill Zombirella Pokemon Trainer Aqua
110
Chalamar Brujo Ave Rotty Claus
Cuadro No 25: Memoria descriptiva de ilustraciones, reseña sobre Virgil Abell. Fuente:
elaboración propia (2018).
– Especiales (Concurso de ilustración):
111
Drustan Lil Sarop Sicros
Prisionera de su Realidad
112
Aries Tauro Géminis Cáncer
Signos Zodiacales
Autor: Macky
Dimensiones: 9,3 x 13,8 cm (1104 x 1632 px) (c/u)
Técnica: Coloreado digital
Año: 2018
113
Cyobrg Avenger Heroducation The Best Lover Music
Shinigami Shinto (pieza #1) Shinigami Shinto (pieza #2) Shinigami Shinto (pieza #3)
2. Concepto generador
114
Por esto, la implementación de líneas y planos vectoriales seccionados en
diversos ángulos, sobre los personajes ilustrados por los propios artistas,
conforman el punto de enfoque en la composición, los cuales, a través del ajuste
de sus propiedades, en harmonía con un esquema cromático basado en
tonalidades fuertes, además del factor tipográfico (determinado por la jerarquía
que ejerce su estilo, tamaño y alienaciones), resultan en una estructura íntegra y
dinámica, de gran impacto.
3. Tecnología y recursos
115
Monitor con una resolución superior a 1024 x 768 px.
Mouse y teclado.
Sistema operativo Windows 7, 8, 8.1 o 10.
116
Costo referencial de componentes electrónicos para computador de escritorio
(gama media) de acuerdo a www.mercadolibre.com.ve (2018)
Componente Especificaciones Cantidad Bs. S.
Tarjeta Madre Socket 1155 -1156 x1
Procesador Intel i5 3.10 GHz x1
Memoria RAM 4Gb DDR3 / 1333 MHz x1
Disco Duro (HDD) 500 Gb 7200RPM x1 980.000,00
Fuente de poder 600W x1
Mouse GM-04003A XSCROLL x1
Teclado Selektro x1
GPU Nvidia Gforce GT710 1Gb DDR3 x1 179.999,99
Monitor Samsung LED 19’ VGA x1 449.999,99
Total 1.609.999,98
o
Cuadro N 29: Costo referencial de componentes electrónicos.
Fuente: Elaboración propia (2018).
Cabe considerar, por otra parte, que para una producción a nivel comercial del
proyecto propuesto se establecen precios tomando como referencia los servicios
de un profesional categoría “junior” de acuerdo a la tabla de tarifas mínimas
sugeridas por la asociación Comunicadores Visuales de Venezuela (CVV) (Anexos
117
No 15, 16, 17 y 18), al calcular el tipo de servicio por la cantidad de trabajos
requeridos:
De esta manera, se aplica una suma en base a cada uno de los factores
anteriormente calculados, dando como resultado el valor estimado para la
realización del proyecto:
118
4. Proceso creativo
La revista debe contar con una identidad atractiva capaz de representar el tipo
de contenido, postura y actitud que expresa hacia el lector, por ello, como primer
punto, se le atribuye el nombre de KOMICZU, acrónimo resultante tras deformar el
término japonés komikkusu (コミックス), el cual hace referencia a las historietas de
origen americano, en combinación con la primera sílaba del nombre del Estado
Zulia, englobando así las dos tradiciones estilísticas, en conjunto con la identidad
de la región. A esto se le suma el eslogan “¡¡Mucho más que historietas!!”, con el
motivo de realzar su importancia dentro de la cultura marabina y ha de visualizarse
en la portada, páginas internas y algunas piezas promocionales.
119
Posteriormente, una de las propuestas es seleccionada y digitalizada con el
editor de gráficos vectoriales Adobe Illustrator CC (Ai) sobre un espacio de trabajo
de 20 x 20 módulos, compuesto por tres (3) capas: una para líneas guías y
subdivisiones modulares, otra para los elementos base y, otra para la extrusión o
forma final del logotipo.
De esta forma, se obtiene una apariencia inicial del logo, sobre la cual, se
hacen mejoras en lo que respecta a su legibilidad e impacto a modo de
iteraciones, al biselar los vértices en las astas de todos los caracteres y
destacando la última sílaba del título mediante la ampliación de elementos.
120
Dos tonos Lineal Color plano y silueta
Color plano y líneas en sílaba (A) Color plano y líneas en sílaba (B) Cursiva (color plano)
Figura No 40: Identificador de la Revista (forma final). Fuente: Elaboración propia (2018).
121
1X
1X
5X
22X
1X: Unidad mínima de espacio que debe dejarse alrededor del logo, basada en las unidades de la retícula original.
Positivos
Negativos
122
En lo que respecta al eslogan, se emplea la fuente tipográfica Aero a razón de
su similitud con el identificador. Esto permite una visualización homogénea entre
ambos elementos, sobre todo en las piezas promocionales, donde destacan en
mayor medida.
Figura No 44: Ejemplos de aplicación de tipografía para eslogan, en conjunto con el logotipo.
Fuente: Elaboración propia (2018).
123
4.2. Maquetado de revista digital
Figura No 45: Panel de ajustes, estilo de caracter. Fuente: Elaboración propia (2018).
124
Una vez establecidas las características base del documento, en el panel de
página maestra, se origina una nueva configuración de página bajo el prefijo de
“A”, para la aplicación de todos los elementos textuales de ubicación en la revista,
como es el caso de los folios.
Figura No 46: Panel de ajustes, página maestra. Fuente: Elaboración propia (2018).
Figura No 47: Armado de folio en página nuestra. Fuente: Elaboración propia (2018).
125
Con respecto a los cabezales de sección, como elementos determinantes de la
identidad de la revista, se trazan bosquejos en forma de pequeñas pestañas
ubicadas en las esquinas superiores en páginas donde inicie cada artículo de
manera que no abarquen espacio, señalando el nombre de ésta junto a un
pequeño icono.
Figura No 49: Ejemplo de cabezales de sección para la revista. Fuente: Elaboración propia (2018).
126
Cabezal de sección Folios
Figura No 50: Plantilla para página de contenido. Fuente: Elaboración propia (2018).
127
Figura No 51: Construcción digital de plantilla para portada. Fuente: Elaboración propia (2018).
Figura No 52: Tipografía utilizada para etiqueta de clasificación. Fuente: Elaboración propia (2018).
128
Finalmente, en la esquina inferior derecha de la portada, se incluye un código
QR generado previamente por la aplicación en línea de www.codigos-qr.com, con
el objetivo de proporcionar a los lectores la dirección URL de la red social oficial de
la revista, en este caso Instagram (www.instagram.com/komiczu), con la intención
de visualizar e interactuar con otros contenidos relacionados al producto.
Identificador
Ilustración o motivo
de la revista
4.2.1. Portada
129
se emplea como material base una ilustración previamente elaborada por uno de
los artistas de la localidad (cuadro No 33), en representación de la diversidad
estilística y narrativa que el contenido de la misma ofrece.
Komiczu Stars
Autor: Kühller
Dimensiones: 21,6 x 27,8 cm
(2250 x 3291 px)
Técnica: Coloreado Digital
Año: 2018
Cuadro No 33: Memoria descriptiva, Komiczu Stars. Fuente elaboración propia (2018).
130
De este modo, en el software de edición de imágenes Adobe Photoshop CC
(Ps), se elimina el fondo original de la ilustración seleccionada, dejando
únicamente el conjunto de personajes, aplicándose una saturación al delineado de
cada uno, suavizando la dureza de los mismos. También se integran efectos de
iluminación y bordes. Con la herramienta de pincel, se añaden manchas en
tonalidades rojas (similares a la sangre) sobre uno de los personajes, con el
propósito de brindar un aspecto más acorde al contenido del producto.
Figura No 55: Edición de imagen para portada. Fuente: Elaboración propia (2018).
Figura No 56: Ilustración de portada (posterior a edición). Fuente: Elaboración propia (2018).
131
inicio la esquina inferior derecha en una apertura de distintos ángulos al resto del
formato con distintas longitudes y espesores, con el motivo de proporcionar un
efecto de velocidad y perspectiva a la composición.
Figura No 57: Construcción de fondo para portada. Fuente: Elaboración propia (2018).
De manera similar, se crea otra capa de líneas, esta vez en blanco, para luego
generar un efecto de superposición, fusionándolas en un elemento único. Por otra
parte, la ilustración editada se exporta como un archivo PNG, para probar la
viabilidad del fondo, resultando el reajuste de las tonalidades de las formas que
componen el fondo sustituyendo la coloración inicial por una gama de rojos,
violetas y claros matices de naranja, para un mayor equilibrio cromático.
Figura No 58: Recolocación de fondo para portada. Fuente: Elaboración propia (2018).
132
modo, son aptos para la aplicación de efectos dentro del maquetador, a fin lograr
el efecto que se planteado inicialmente.
133
por el contraste que genera mientras que, para los títulos de las categorías, se
eligen el cian y el amarillo a fin de resaltar.
Figura No 61: Portada de revista digital (terminada). Fuente: Elaboración propia (2018).
4.2.2. Editorial
134
Figura No 62: Boceto de sección editorial. Fuente: Elaboración propia (2018).
135
4.2.3. Créditos editoriales y arte de portada
Identificador y slogan
de la revista
Datos de la
publicación
Muestra de ilustración
de portada
Créditos
Datos de ilustración
Agradecimientos
Información de
Comentario del autor contacto
Información de
derechos
institucionales.
Figura No 64: Plantilla para página de créditos editoriales y arte de portada. Fuente: Elaboración
propia (2018).
136
Ilustraciones para sección de créditos editoriales y arte de portada
Figura No 65: Elaboración de fondo, créditos editoriales. Fuente: Elaboración propia (2018).
137
Seguidamente el fondo es insertado a Id, luego a los elementos planos de la
plantilla, asignándoles una coloración en amarillo a propósito de generar un efecto
de contraste con tonalidad celeste en la parte superior de la composición del
fondo, resultado de la aplicación de los modos de fusión y saturación. Así mismo
la base de los textos se reemplaza por la información colocándose una variación
de la ilustración de portada entintada digitalmente a fin de evitar una
sobresaturación.
Figura No 66: Página 6 – Sección de créditos editoriales y arte de portada. Fuente: Elaboración
propia (2018).
138
palabra “fin”, seguido por un plano en degradado con una inscripción que señala
su continuación para una próxima edición si lo amerita (figura N o 67).
Figura No 67: Diseño de pestaña para conclusión de capítulos. Fuente: Elaboración propia (2018).
1) Adaptación del web comic Do not Lose!!, escrito e ilustrado por Nenekoyay:
Figura No 68: Bocetos de página de apertura, Do not Lose!! Fuente: Elaboración propia (2018).
139
Figura No 69: Edición de imagen para página de apertura, Do not Lose!! Fuente: Elaboración
propia (2018).
Figura No 70: Tipografías Ghost Words y Trash Hands. Fuente: Elaboración propia (2018).
Figura No 71: Rediseño de logotipo, Do not Lose!!. Fuente: Elaboración propia (2018).
140
Por otra parte, la tipografía correspondiente a los globos de texto de las
veinticinco (25) páginas que componen el cómic, es reemplazada por la fuente
rotulada Wild Words Roman, como parte del concepto tipográfico anteriormente
establecido (figura No 73) al mismo tiempo que, los folios son removidos de
algunas páginas con el fin de garantizar una visualización óptima de las viñetas
ilustradas. Para terminar, se aplica una coloración violeta a los textos de la
pestaña de cierre logrando destacar del fondo turquesa en la última página
(figura No 74).
Figura No 72: Página 7 – apertura de sección, Do not Lose!!. Fuente: Elaboración propia (2018).
Figura No 73: Proceso de reemplazo de fuentes en burbujas de diálogo, Do not Lose!!. Fuente:
Elaboración propia (2018).
141
Figura No 74: Pestaña de cierre, Do not Lose!!. Fuente: Elaboración propia (2018).
2) Novela ilustrada Monster among Monsters, escrita e ilustrada por Virgil Abell:
1 2 3 4 5
Figura No 75: Bocetos de página de apertura, Monster among Monsters. Fuente: Elaboración
propia (2018).
142
Figura No 76: Edición de imagen para página de apertura, Monster among Monsters. Fuente:
Elaboración propia (2018).
Figura No 77: Bocetos de logotipo, Monster among Monsters. Fuente: Elaboración propia (2018).
143
Propuesta A: Times New Roman + TypoSlab Irregular
Figura No 78: Pruebas de combinación tipográfica para logotipo, Monster among Monsters.
Fuente: Elaboración propia (2018).
Figura No 79: Logotipo final, Monster among Monsters. Fuente: Elaboración propia (2018).
144
ubicación logotipo (en base a los bocetos trazados), derivando en dos modelos
(A y B).
A B
Figura No 80: Pruebas de ubicación de logotipo, sección Monster among Monsters. Fuente:
Elaboración propia (2018).
Figura No 81: Página 34 y 35 – apertura de sección, Monster among Monster. Fuente: Elaboración
propia (2018).
145
En relación a las páginas de contenido, primero en Ps, se editan los niveles
de saturación de una imagen de banco de datos alusiva a una textura de papel
viejo, para luego ser ajustada como fondo en cada pliego del subsegmento. El
contenido narrativo e ilustrado conservan su distribución original, pero
empleando como fuente las variantes Roman (regular u original), Bold y
Semibold de familia tipográfica Crimson; junto con la aplicación de texturas de
puntos y pantallas en tonalidad ocre sobre cada viñeta, a fin de obtener un
estilo visual acorde a la temática relatada (figura N o 83).
Figura No 83: Construcción digital de páginas de contenido, Monster among Monsters. Fuente:
Elaboración propia (2018).
146
Figura No 84: Adhesión de texturas en páginas de contenido. Fuente: Elaboración propia (2018).
Figura No 85: Pestaña de cierre, Monster among Monsters. Fuente: Elaboración propia (2018).
147
los datos del artista, mientras que las otras dos son ocupadas por el cuerpo de
texto y el espacio para la fotografía de este. El título es ubicado sobre el molde
para las ilustraciones en la parte superior del formato mientras que, para el fondo
se añade un tramado de puntos previamente hecho en Ai, en compañía de
polígonos biselados a modo de transparencia, empleados como separadores de
información.
Cabezal
Pseudónimo del artista
Autor de la reseña
Cuerpo de texto
(reseña sobre el artista)
Portada y datos de
trabajos realizados
Figura No 87: Plantilla para reseñas de autores. Fuente: Elaboración propia (2018).
148
Figura No 88: Páginas 32 y 52 – Reseñas sobre autores. Fuente: Elaboración propia (2018).
149
Figura No 89: Fuente tipográfica Bebas Neue Bold. Fuente: Elaboración propia (2018).
Figura No 90: Construcción digital de sección Arte del Mes. Fuente: Elaboración propia (2018).
150
Figura No 91: Sección Arte del Mes (páginas 54 y 55). Fuente: Elaboración propia (2018).
4.2.6. Especiales
Figura No 92: Bocetos para sección de especiales. Fuente: Elaboración propia (2018).
151
Posterior a la elección de los bosquejos, para la página de presentación, se
toma un gran número de personajes ilustrados por algunos de los artista de la
localidad, incluyendo bocetos o versiones no concluidas de los mismos (Cuadros
No 35, 36 y 37) y en Id, se procede con el armado del collage seguido por la
adhesión de pequeños elementos vectoriales en negro y celeste con opacidades
aproximadas entre el 85 y 25%, siendo este último, el factor determinante del
aspecto visual del artículo, junto con el uso de fondos tramados en diversos
porcentajes de tamaño.
Figura No 93: Construcción digital de collage, sección de espaciales. Fuente: Elaboración propia
(2018).
152
Figura No 94: Tipografías empleadas para la construcción del título, sección de especiales. Fuente:
Elaboración propia (2018).
153
Año: 2015 Año: 2016 Año: 2016
Cuadro No 35: Memoria descriptiva, material de imagen. Fuente: Elaboración propia (2018).
Daron & Shavo (Sketch) Mr. Happy (Sketch) Casco de Virukton (Sketch)
154
Año: 2015 Año: 2017 Año: 2017
Cuadro No 36: Memoria descriptiva, material de imagen. Fuente: Elaboración propia (2018).
Cuadro No 37: Memoria descriptiva, material de imagen. Fuente: Elaboración propia (2018).
155
Figura No 95: Construcción digital de página de apertura, sección de especiales. Fuente:
Elaboración propia (2018).
Figura No 96: Pruebas organización de las páginas 58 y 59. Fuente: Elaboración propia (2018).
156
Figura No 97: Pruebas organización de la página 64. Fuente: Elaboración propia (2018).
Una vez hechas las pruebas necesarias, se escogen los modelos más
consistentes para proceder finalmente con su potenciación visual, siguiendo como
ejemplo la aplicación de color, transparencia y distribución de los planos
vectoriales realizada en la página de apertura de esta sección. Por último, se
añade un plano en tono amarillo sobre el título resaltándolo como el primer
concurso de la revista, mientras hace referencia a los colores presentes en la
bandera zuliana.
4.2.7. Tutoriales
157
Figura No 99: Bocetos para sección de tutoriales. Fuente: Elaboración propia (2018).
Figura No 100: Fuente tipográfica Perfect Dark. Fuente: Elaboración propia (2018).
Figura No 101: Construcción digital de sección de tutoriales. Fuente: Elaboración propia (2018).
De este modo, cada uno de los elementos es trasladado a Id. Sin embargo, el
tono verde empleado para los vectores lineales es sustituido por uno menos
158
impactante mientras que, el cabezal pasa a tener una coloración en negro al 80%
de matiz en contraste con tipografía blanca, brindando un mayor equilibrio
cromático. Finalmente, se realiza la inserción de un fondo tramado junto con la
reorganización de las capturas de pantalla y algunos segmentos vectoriales, a fin
de obtener un efecto de superposición entre los mismos elementos.
159
Figura No 103: Boceto de página de apertura, sección imprimible. Fuente: Elaboración propia
(2018).
Figura No 104: Iconos para infografía, sección imprimible. Fuente: Elaboración propia (2018).
160
MC-02 (sketch) SA-46 (sketch) SA-63 (sketch) GKB-72 (Sketch)
Autor: Kühller
Dimensiones: 15,1 x 21,6 cm (893 x 1275 px) (páginas individuales)
27,8 x 21,6 cm (1642 x 1275 px) (páginas dobles)
Técnica: Lápiz de grafito
Año: 2011 – 2015
Figura No 106: Construcción digital base de página de apertura, sección imprimible. Fuente:
Elaboración propia (2018).
161
Debe señalarse que, para brindar un mayor impacto e identidad a lo largo de la
publicación digital, se diseña una variación del logotipo de la revista en reemplazo
al título del segmento, a la cual se le añade la palabra en inglés “Prints”
(impresos), utilizando la fuente decorativa Exoplanet Italic con bordes punteados
(similares a las líneas presentes en pliegos para recortar), más un efecto de
inclinación forzada de -10º.
Figura No 107: Tipografía usada para variación del logotipo. Fuente: Elaboración propia (2018).
162
separando el cuerpo de texto de la entradilla. Además, los pasos de la infografía
son enumerados y distinguidos, seguido por la integración de un panel con
información adicional sobre de la misma, denotado en el subtítulo con las fuentes
tipográficas Maniac y Maniac outline.
Figura No 110: Fuentes tipográficas Maniac y Maniac Outline. Fuente: Elaboración propia (2018).
1 2 3 4
Figura N 111: Pruebas de coloracion y legibilidad de entradilla y logotipo en página de apertura,
o
163
Figura No 112: Página 68 – Página de apertura, sección de hitorietas imprimibles. Fuente:
Elaboración propia (2018).
Por otra parte, para las páginas imprimibles se crea un formato a escala de
grises capaz de alojar dos páginas o un pliego horizontal de la historieta, con
líneas de corte e, indicaciones del número y cara del pliego, además de las
marcas de registro para poder imprimir en ambas caras del papel.
164
Número y cara del pliego Barra referencial de
matices
Marcas de registro
División entre páginas
Número de edición de
Folio KOMICZU Prints
Figura No 113: Formato para paginas imprimibles. Fuente: Elaboración propia (2018).
165
Página 69 - Pliego 1 Página 70 - Pliego 1 Página 71 - Pliego 2
(Cara A) (Cara B) (Cara A)
4.2.9. Noticias
166
Figura No 115: Bocetos de sección de noticias. Fuente: Elaboración propia (2018).
Figura No 116: Maquetado de plantilla, sección noticias. Fuente: Elaboración propia (2018).
167
Banco de imágenes: Cabezal de página
Avengers: Everthing Dies #1 Halo 4 – Master Chief Batman Eternal #26 (portada)
Cuadro No 39: Memoria descriptiva, banco de imágenes para construcción de cabezal, sección
de noticias. Fuente: Elaboración propia (2018).
168
Figura No 117: Armado de cabezal, sección de noticias. Fuente: Elaboración propia (2018).
Figura No 118: Logotipo para sección de noticias. Fuente: Elaboración propia (2018).
169
Respecto a la composición general de la página, se integra un fondo tramado
por puntos (similar al utilizado para las reseñas sobre autores) y se aplican efectos
de trasparencia a los paneles inferiores entretanto que, el panel de noticias
principales pasa a tener un espacio para imágenes equivalente al total de su
tamaño.
Figura No 120: Plantilla para sección de noticias. Fuente: Elaboración propia (2018).
170
Banco de imágenes: Contenido de noticias
Cuadro No 40: Memoria descriptiva, banco de imágenes para contenido, sección de noticias.
Fuente: Elaboración propia (2018).
171
Antes Después
Figura No 121: Edición de imagen para noticia principal. Fuente: Elaboración propia (2018).
2) Noticias secundarias:
– Panel B, Tecnologías:
172
Figura No 122: Paneles de noticias secundarias. Fuente: Elaboración propia (2018).
173
Por último, se añade un plano vectorial semejante a una cinta destinada a la
promoción de una aplicación para IOS y Android en la esquina superior derecha
del cabezal en tono amarillo de modo superpuesto, concluyendo con el armado
página.
Figura No 124: Página 75 - Sección de noticias (terminada). Fuente: Elaboración propia (2018).
4.2.10. Horóscopo
Figura No 125: Bocetos para diseño de sección de horóscopo. Fuente: Elaboración propia (2018).
174
abarcasen el 60% del formato desde el centro, dejando el 40% restante para las
representaciones gráficas de cada signo. Se introducen vectores lineales en
dirección horizontal e inclinada como parte del estilo gráfico mientras que, para el
título se destina la fuente decorativa Funk.
175
Figura No 128: Diseño de fondo, horóscopo. Fuente: Elaboración propia (2018).
Figura No 129: Aplicación de color e inserción de material ilustrado y fondo, horóscopo. Fuente:
Elaboración propia (2018).
Al fin y al cabo, los elementos son trasladados a Id, donde se aplican efectos
de desvanecimiento degradado y resplandor exterior a cada uno de los signos
ilustrados, al igual que una impresión de desvanecimiento en los vectores dorados
al borde de la página, unificando todos los elementos en la maqueta, más la
adhesión de un subtítulo con tipografía Crimson, indicando la edición del
horóscopo.
Figura No 130: Página 76 - Sección horóscopo (terminada). Fuente: Elaboración propia (2018).
176
La edición y maquetado del material destinado a los espacios publicitarios se
divide en dos grupos, de acuerdo a la locación de estos dentro de la revista digital:
Cabezal de
sección /
Categoría de
contenido
Ilustración y título
del manga / cómic
Inscripción
de derechos
reservados
Figura No 131: Plantilla para espacios publicitarios entre secciones. Fuente: Elaboración propia
(2018).
177
protagonismo a los personajes. Tal proceso puede observarse en la figura N o
132.
178
Figura No 133: Fuentes tipográficas empleadas para identificadores de productos, espacios
publicitarios entre páginas. Fuente: Elaboración propia (2018).
Figura No 136: Logotipo, The Best Lover Music. Fuente: Elaboración propia (2018).
179
Figura No 137: Fuentes tipográficas empeladas para eslogan, espacios publicitarios entre
secciones. Fuente: Elaboración propia (2018).
Página 33 - Cyborg Avenger Página 53 - Heroducation Página 65 - The Best Lover Music
Figura No 138: Espacios publicitarios entre secciones. Fuente: Elaboración propia (2018).
180
Figura No 139: Logotipo original, Shinigami Shinto. Fuente: Vikundoza (2018).
181
Una vez establecida la organización de los componentes de cada espacio,
en base a las tonalidades vívidas presentes en los personajes ilustrados, se
procede a la creación de fondos haciendo uso de filtros y transparencias sobre
fotografías e imágenes de tapices, acompañados por la inclusión de una textura
semejante a una cuadricula coloreada con degradados.
Figura No 142: Fondos para espacios publicitarios, portadas internas y contraportada. Fuente:
Elaboración propia (2018)
182
A fin de cuentas, las tres composiciones son trasladadas capa por capa al
maquetador, para luego aplicar efectos de fusión de sombra paralela y
resplandor exterior a los personajes ilustrados y algunos textos, aportando un
efecto de relieve al acabado de cada espacio publicitario.
4.2.12. Índice
Figura No 145: Bocetos de índice de revista digital. Fuente: Elaboración propia (2018).
183
importantes son situadas arriba y las de menor relevancia abajo, al lado de las
secciones complementarias, las cuales solo se muestran como texto. En lo que
compete a la tipografía, se utilizan las variaciones Regular, Bold y Black de la
fuente Roboto, dentro de una retícula base de dos columnas con texto alineado a
la izquierda.
Cabezal
Secciones principales
Figura No 146: Construcción base de índice, revista digital. Fuente: Elaboración propia (2018).
184
segmento al que cada artículo pertenece, a base de planos y líneas (figura N o
148).
Figura No 147: Fondos para botones de índice. Fuente: Elaboración propia (2018).
185
Figura No 148: Fondos para botones de índice. Fuente: Elaboración propia (2018).
186
Autor: Kühller
Dimensiones: 15,1 x 21,6 cm (893 x 1275 px) (por página)
Técnica: Lápiz de grafito
Año: 2013 – 2014
Cuadro No 41: Memoria descriptiva, bocetos para collage de fondo, página de índice.
Fuente: Elaboración propia (2018).
Figura No 149: Construcción de fondo para página de índice. Fuente: Elaboración propia (2018).
187
Figura No 150: página 3 – Índice. Fuente: Elaboración propia (2018).
188
Hipervínculo
Hipervínculo
Hipervínculo
Hipervínculo
Hipervínculo Hipervínculo
Hipervínculo
Hipervínculo Hipervínculo
Figura No 151: Asignación de vínculos, página de índice. Fuente: Elaboración propia (2018).
Hipervínculo a índice
189
Botón de descarga equipado
con dirección URL
Figura No 153: Asignación de funciones interactivas, botón de descarga para KOMICZU Prints.
Fuente: Elaboración propia (2018).
Figura No 154: Bocetos de piezas promocionales, redes sociales. Fuente: Elaboración propia
(2018).
190
Figura No 155: Bocetos de piezas promocionales, banners. Fuente: Elaboración propia (2018).
Figura No 156: Bocetos de piezas promocionales, email marketing. Fuente: Elaboración propia
(2018).
Figura No 157: Bocetos de piezas publicitarias, Valla. Fuente: Elaboración propia (2018).
Cabe destacar que, las propuestas seleccionadas son las que dan mayor
impacto, en relación a los ángulos y planos en picada. El identificador tiene igual
protagonismo que las ilustraciones dentro de cada composición. Los esqueletos
base de cada pieza se diagrama en Ai, haciendo el uso de planos y líneas en
valores situados en diagonal con variaciones de inclinación entre los 26 y 60°. Ver
figura No 158.
191
Redes Sociales Banners Web
Figura No 158: Esqueleto base de piezas promocionales. Fuente: Elaboración propia (2018).
Figura No 159: Fuentes tipográficas He’s Dead Jim y Miami. Fuente: Elaboración propia (2018).
192
Figura No 160: Ejemplo de intervención de digital en personaje ilustrado manualmente. Fuente:
Elaboración propia (2018).
Antes Después
193
Una vez concluido el proceso de corrección y selección de imágenes, se
procede al montaje definitivo de las piezas, exportando los documentos de formato
AI a PSD de manera individual.
Las publicidades para redes sociales como Facebook y Twitter comparten una
proporción origen de 1625 x 1135 px con resolución de 150 dpi. Dentro de cada
documento se añaden pequeños planos en las zonas superiores e inferiores en
forma de fragmentos posicionados a 90° junto a los vectores previamente
elaborados en Ai, los cuales sirven como base para ubicar a los personajes.
Mientras tanto, para el fondo se utiliza el mismo perteneciente a la portada de la
revista, superponiendo, además, una textura tramada en puntos, con el objeto de
un resultado más icónico.
Publicidad No 1 Publicidad # No 2
Publicidad No 3
Figura No 162: Edición de piezas promocionales, redes sociales; Fuente: Elaboración propia
(2018).
194
creando un efecto de superposición. Cabe señalar, que dicho efecto se trabaja de
manera distinta en cada pieza, generando dinamismo y distinción entre ellas.
Publicidad No 1 Publicidad # No 2
Publicidad No 3
Figura No 163: Efecto de máscara en piezas promocionales, redes sociales; Fuente: Elaboración
propia (2018).
Para aportar mayor realce a los personajes, de estos se duplican capas en baja
opacidad, se agrandan y difuminan con un filtro de desenfoque gaussiano, para
luego ser situados debajo de los originales junto con la aplicación de mascara de
capas y un efecto de sombra paralela. Por otro lado, para destacar ciertos puntos
de interés visual en las imágenes, se integran iluminaciones en distintas zonas
como: cabello, ojos o piel, empleando a modo de tinte la gama cromática presente
en el fondo o en los mismos personajes. El identificador se coloca en valor blanco
adjunto con su slogan más la frase “visítanos”, añadiéndoles una ligera sombra
paralela que varía en densidad según su ubicación. También, se distribuyen
nuevos fragmentos de forma aleatoria en cada composición, brindando la ilusión
de que los mismos se dividen. Por último, en las zonas inferiores, se ubican los
derechos de autor, recalcando que las mismas pertenecen únicamente a la revista
y las redes sociales que la misma posee. Ver figura No 164.
195
Figuras No 164: Piezas promocionales para redes sociales (Facebook y Twitter). Fuente:
Elaboración propia (2018).
Por otra parte, para la red social Instagram se realiza la adaptación de las
páginas de apertura y publicidades internas de la revista, ajustando los
componentes de las mismas a una proporsión de 540 x 540 px a 96 dpi., además
de la inserción del logo y el enunciado de derechos reservados en la esquina
inferior derecha, en contraposición a las marcas de los autores.
Figuras No 165: Piezas promocionales para redes sociales (Instagram). Fuente: Elaboración
propia (2018).
196
También se crea una imagen de perfil (avatar) para identificar el producto en
las redes, empleando únicamente un recorte del fondo de 640 x 640 px a 96 dpi.,
con el identificador ubicado en el centro del formato.
Figuras No 166: Piezas promocionales, avatar para redes sociales. Fuente: Elaboración propia
(2018).
Además, se improvisa una cabecera para las redes sociales, donde solo se
implementa la imagen oficial de la portada con el fondo adaptado a un formato de
1802 x 686 px. El logo junto al eslogan, con efectos de sombreado, son alineados
a la izquierda a un lado de la imagen, conformando una estructura sencilla, pero
de gran impacto.
Figuras No 167: Piezas promocionales, cabecera para redes sociales. Fuente: Elaboración propia
(2018).
197
1) Banner horizontal A
Figuras No 168: Ubicación de planos, banner web (A). Fuente: Elaboración propia (2018).
Figuras No 169: Ubicación de personajes, banner web (A). Fuente: Elaboración propia (2018).
198
áreas a su vez, que se colocan los vectores fragmentados de izquierda a
derecha en desvanecimiento degradado, equilibrando la distribución de peso
visual entre las imágenes y el identificador.
Figuras No 170: Piezas publicitarias, banner web (A). Fuente: Elaboración propia (2018).
2) Banner Horizontal B
Figura No 171: Colocación de efectos y divisiones, banner web (B). Fuente: Elaboración propia
(2018).
199
Figura No 172: Ubicación de personajes y efectos, banner web (B). Fuente: Elaboración propia
(2018).
Una vez más, se colocan los efectos de iluminación resaltando las zonas de
alrededor de los personajes de forma aleatoria, dándoles protagonismo. El
identificador se mantiene en valor blanco a igual que el slogan como en el caso
anterior, aunque destacándose con sombras paralelas haciendo uso del mismo
tono magenta rojizo. Finalmente, para evitar la dureza del fondo oscuro, se
sitúan vectores diagonales en magenta detrás del logo, aplicándoles un filtro de
desvanecimiento degradado.
Figura No 173: Piezas publicitarias, banner web (B). Fuente: Elaboración propia (2018).
3) Banner Vertical
200
Figura No 174: Ajuste de fondo y adhesión de formas, banner vertical. Fuente: Elaboración propia
(2018).
Figura No 175: Implementación de personaje y efectos, banner vertical. Fuente: Elaboración propia
(2018).
201
cromática del fondo. Para finalizar, el identificador y el eslogan son
posicionados en la parte superior del formato con su respetivo sombreado
mientras que, en la parte inferior se coloca el texto “¡¡Visítanos!!” junto a las
redes sociales de la revista, con el mismo tratamiento de sombras paralelas y
color aplicado a los fragmentos.
Figura No 176: Piezas publicitarias, banner vertical. Fuente: Elaboración propia (2018).
– E-mail A:
202
Figura No 177: Inserción de fondo y planos, E-mail marketing (A). Fuente: Elaboración propia
(2018).
Figura No 178: Superposición de personaje con efectos, E-mail marketing (A). Fuente: Elaboración
propia (2018).
203
Figura No 179: Montaje de tipografía, planos en magenta e iluminaciones, E-mail marketing (A).
Fuente: Elaboración propia (2018).
– E-mail B:
A diferencia del primer E-mail, toma como eje central una composición de
vectores planos superpuestos a una inclinación de 40°, creando una estructura
abstracta para ubicar la imagen. Cabe señalar que, se mantiene el uso del
fondo y lo mismos parámetros estéticos que hasta ahora se han empleado en
cada propuesta.
Figura No 180: Vectores principales, E-mail marketing (B). Fuente: Elaboración propia (2018).
204
Figura No 181: Página del manga japonés Magi. Fuente: Animo Apps (pm1.narvii.com, 2018).
Figura No 182: Aplicación de efectos e integración de fragmentos, E-mail marketing (B) Fuente:
Elaboración propia (2018).
205
enfatizando las frases de mayor relevancia dentro de la composición (figura N o
183).
Figura No 183: Integración de contenido informativo, E-mail marketing (B). Fuente: Elaboración
propia (2018).
Figura No 184: Piezas publicitarias, E-mail marketing. Fuente: Elaboración propia (2018).
206
Figura No 185: Construcción de collage, publicidad exterior. Fuente: Elaboración propia (2018).
Figura No 186: Aplicación de máscaras de capa y efectos en collage, publicidad exterior. Fuente:
Elaboración propia (2018).
207
Figura No 187: Piezas promocionales, valla; Fuente: Elaboración propia (2018).
4.3.5. Poster
208
4. Producto final
KOMICZU #1
Maracaibo (Venezuela),
septiembre 2018
Dimensiones:
499 x 709 px (portada)
998 x 709 px (pliego)
Detalles Descripción:
Periodicidad: Mensual Revista digital dedicada a la publicación de manga y comic,
Idioma: Español producidos por escritores e ilustradores de la ciudad de
Número de páginas: 78 Maracaibo y el estado Zulia en general, dirigida a jóvenes y
Formato: PDF, CBR y adultos.
SWF
Sitio web de lectura /
descarga:
www.issuu.com
Cuadro No 42: Memoria descriptiva, producto - revista digital. Fuente: Elaboración propia (2018).
209
Formato PDF interactivo (lectura en línea):
Figura No 189: Visualización de revista digital como PDF interactivo desde el sitio www.issuu.com.
Fuente: Elaboración propia (2019).
Formato CBR:
Figura No 190: Visualización de revista digital como archivo CBR (asistido por un software visor de
comics). Fuente: Elaboración propia (2019).
210
Formato SWF:
Figura No 191: Visualización de revista digital como archivo SWF. Fuente: Elaboración propia
(2019).
Formato impreso:
Figura No 192: Demostración impresa del bloque de contenido KOMICZU Prints. Fuente:
Elaboración propia (2019).
211
PRODUCTO: PIEZAS PROMOCIONALES DE CAMPAÑA
Paquete publicitario
KOMICZU #1
Componentes
Redes sociales
– Avatar: 1
– Cabecera: 1
– Facebook y Twitter: 3
– Instagram: 6
Banners web: 3
E-mail marketing: 2
Publicidad exterior (valla): 1
Poster: 1
Total de piezas: 18
Detalles
Prodcuto a promocionar:
Revista digital KOMICZU
Eslogan: ¡¡Mucho más que
historietas!!
Tipo de Campaña: TTL
Motivo: Lanzamiento
Duración: Un (1) mes
(equivalente a la periodicidad
de la revista digital)
Público objetivo: Jóvenes y
adultos residentes en la ciudad
de Maracaibo.
Soportes: Digital y físico.
Formato (digital): JPG y PNG Descripción:
Conjunto de piezas publicitarias orientadas a informar
acerca de las novedades implícitas en el contenido de
la revista digital revidta digital KOMICZU a través de
redes sociales, sitios web y soportes físicos, recibiendo
a propósito de recibir un feedback por parte del publico
objetivo.
212
Muestra de piezas promocionales en contexto:
Figura No 193: Piezas promocionales en contexto (Facebook). Fuente: Elaboración propia (2019).
Figura No 194: Piezas promocionales en contexto (Twitter). Fuente: Elaboración propia (2019).
213
Figura No 195: Piezas promocionales en contexto (Instagram). Fuente: Elaboración propia (2019).
Figura No 196: Piezas promocionales en contexto, E-mail marketing. Fuente: Elaboración propia
(2019).
Figura No 197: Piezas promocionales en contexto, Banner web (horizontales). Fuente: Elaboración
propia (2019).
214
Figura No 198: Piezas promocionales en contexto, Banner web (Vertical). Fuente: Elaboración
propia (2019).
Figura No 199: Piezas promocionales en contexto, publicidad exterior (Valla). Fuente: Elaboración
propia (2019).
Figura No 200: Piezas promocionales en contexto, poster adaptado a espacio para carteles en
paradas de bus. Fuente: Elaboración propia (2019).
215
CONCLUSIONES
216
Para el cuarto objetivo específico, alusivo a los recursos técnicos y económicos
necesarios para el desarrollo e implementación del producto, se requirió una
inversión aproximada de Bs. S. 3.400.000,00 tanto en componentes para
ordenadores (gama media / alta) como en programas de diseño, siendo un costo
viable para la ejecución de la revista y piezas promocionales de campaña.
217
RECOMENDACIONES
Por parte del concepto gráfico aplicado, se recomienda que este debe ser
amplio, variado y consistente, además de estar implícito en cada elemento que
conforma el producto para no causar discrepancias, sobre todo al utilizar
personajes como referentes visuales, bien sean manga o cómic, ya que son el
factor de mayor importancia dentro de cada composición.
218
acelerando de esta manera la producción del prototipo. También, se considera una
alta resolución pantalla para la visualización a detalle de proceso de edición de
cada imagen.
219
Anexos
Entrevistas
Anexo No 1: Entrevista sobre la situación del manga y cómic en el contexto marabino, página 1.
Fuente: Elaboración propia (2017).
220
Anexo No 2: Entrevista sobre la situación del manga y cómic en el contexto marabino, página 2.
Fuente: Elaboración propia (2017).
221
Anexo No 3: Entrevista sobre la situación del manga y cómic en el contexto marabino, página 3.
Fuente: Elaboración propia (2017).
222
Anexo No 4: Entrevista sobre la situación del manga y cómic en el contexto marabino, página 4.
Fuente: Elaboración propia (2017).
Modelo de encuestas
223
Anexo No 5: Modelo de instrumento generador de material para reseñas y contenido. Fuente:
Elaboración propia (2017).
224
Franco, Virginia (Virjil Abell)
Reseña: le apasiona el terror y lo que puede suceder en
un momento fijo de cualquier situación: Sea un
acontecimiento plasmado en una fotografía, un vídeo o tal
vez una experiencia personal. Aspira usar sus habilidades
en un trabajo relacionado a su carrera, además de tener
Fecha de nacimiento: uno en el que ella sea su propio jefe para seguir adelante.
24 /07/1992 Según ella “Todo artista del manga, sea o no lo sea, debe
Ciudad de origen: dejar de ser pesimista y no juzgar su propio talento.
Maracaibo Aprovecha al máximo y mejorarás en un abrir y cerrar de
Ciudad donde reside: ojos. Sé positivo y mantén esa autoestima al 100%, que
Maracaibo
cada día que dibujes
Ocupación: Estudiante
de Diseño Gráfico sea especial para ti”.
Estilo de dibujo: Manga
Género: Horror, Redes sociales:
psicológico. Facebook: Virginia Franco 37
Instagram: Isabunny24
Anexo No 6: Memoria descriptiva de artista, Virgil Abell. Fuente: elaboración propia (2018).
225
Reseña: Actualmente trabaja por hobby. Le gusta trabajar
con referencias a la mano y su inspiración es la música, el
cine y los videojuegos. Algo que en verdad aspira,
aunque por muy difícil que sea, es vivir de su arte, en
especial, ahora que internet permite que todos se
Fecha de nacimiento: comuniquen de una manera absurdamente fácil y a la
19 /08/1994 gente se le hace más asequible encontrar, apreciar y dar
Ciudad de origen: apoyo a los artistas, así mismo, sueña con crear su propia
Lagunillas historia ficticia
Ciudad donde reside:
Tía Juana
Redes sociales:
Ocupación: Estudiante
de Diseño Gráfico Facebook: lorenzoggv
Estilo de dibujo: Manga
Género: Anthro
226
Reseña: Para Incarte, el de otros artistas, la música y
series de su interés son la base de su inspiración. Le
complace escuchar música o conversar con alguien por la
computadora mientras trabaja. Anhela poder vivir de su
arte o la posibilidad de poder trabajar en una reconocida
Fecha de nacimiento: empresa de diseño. Para ella es fundamental nunca
20 /10/1994 rendirse y que todo lleva una constante práctica.
Ciudad de origen:
Maracaibo Redes sociales:
Ciudad donde reside: Facebook: Dragonfly-Empress
Los Haticos
Ocupación: Deviantart: DragonflyEmpress
Independiente Tumblr: Dragonfly Empress
(FreeLancer) Patreon: Dragonfly Empress
Estilo de dibujo:
Semirealismo
Género: fantasía
Anexo No 10: Memoria descriptiva de artista, Dragonfly Empress. Fuente: elaboración propia
(2018).
Anexo No 11: Memoria descriptiva de artista, Mitis Cat. Fuente: elaboración propia (2018).
227
Reseña: Muchas cosas le inspiran escuchar música, ver
las ilustraciones de otros artistas y ver series anime. De
acuerdo con Machín, la experiencia de trabajo se vuelve
mucho más placentera mientras escucha música en la
tranquilidad y frigidez de su habitación, con muchos
Fecha de nacimiento: dulces para comer. Momentáneamente tiene por objetivo
30 /01/1997 aprender a ilustrar personajes para cuentos y videojuegos
Ciudad de origen: y, en un futuro no muy lejano, trabajar con animación 2D.
Maracaibo
Ciudad donde reside: Redes sociales:
Maracaibo
Facebook: Vzacne Macky
Ocupación: Estudiante
de Diseño Gráfico. Instagram: Mackyarte
Estilo de dibujo: Manga Deviantart: Natsubongola27
Género: Fantasía y Animo: Trixxmacky
romance.
Anexo No 12: Memoria descriptiva de artista, Macky. Fuente: elaboración propia (2018).
228
Sánchez, Annelly (Anny Sama)
Reseña: Leer un buen libro, escuchar música (sobre todo
instrumental) y no tener estrés ni a nadie que la estrese,
es decir, en soledad, es la manera en cómo Sánchez se
inspira a la hora de trabajar. Desea ser una excelente
dibujante y poder ilustrar sus propios mangas. Según ella
Fecha de nacimiento: “Es importante practicar, no importa si eres bueno o malo,
01 /11/1993 siempre habrá un artista que sea famoso por muy mal
Ciudad de origen: que dibuje anatómicamente o por muy clichés que sean
Maracaibo las historias que escriba. Uno debe buscar la manera de
Ciudad donde reside: no menospreciar su trabajo y no deprimirse por ello”.
Maracaibo
Ocupación: Estudiante
de Diseño Gráfico Redes sociales:
Estilo de dibujo: Manga Instagram: AnnellySB
Género: Cyberpunk, Facebook: CyberBioToxic
Steampunk, Gótico, Deviantart: Another Unimportant Creation
Victoriano, Detallista.
Anexo No 14: Memoria descriptiva de artista, Anny Sama. Fuente: elaboración propia (2018).
229
Referencias de costos
Servicio Profesional
CREACIÓN DE MARCA (logo/identidad visual) Master Senior Junior
Moneda en Bolívares (VES) Bs. S. Bs. S. Bs. S.
Identidad visual (no incluye manual de uso) 18,360 9,180 6,120
Identidad visual para evento 25,920 12,960 8,640
Rediseño de Identidad visual 10,800 5,400 3,600
Slogan para Empresa 5,400 2,700 1800
Slogan para Empresa 10,440 5,220 1260
Manual de uso: Conceptualización -planimetría - colores- usos - tipografía - 8,100 4,050 2,700
aplicación básica etc.
Papelería básica (Sobre, hoja carta, tarjeta personal) 9,180 4,590 3,060
Paquete redes sociales (avatar y cover de Facebook, Twitter e Instagram) 11,340 5,670 3,780
Mascota (explicación - diseño frontal - atrás - izquierda, derecha y cenital) 25,920 12,960 8,640
PUBLICIDAD EXTERIOR
Anexo No 15: Extracto de tabla de tarifas mínimas sugeridas por CCV, creación de marca y
publicidad exterior. Fuente: Comunicadores Visuales Venezuela (www.cvve.com.ve, 2018).
230
Carpeta sencilla (2cuerpos + bolsillo) 6,480 3,240 2,160
Carpeta especial (hasta 3 cuerpos + troquel+ bolsillo) 10,800 5,400 3,600
Empaque de producto 20,520 10,260 6,840
Etiqueta de producto 7,020 3,510 2,340
Etiqueta - marquilla 3,780 1,890 1,260
Plegable / Brochure 2 cuerpos 7,200 3,600 NC
Plegable / Brochure 3 cuerpos 10,800 5,400 NC
FOLLETO: Manual, Cuadernillos, (similares) x pagina 1,080 540 360
Diseño portada - contraportada 16,740 8,370 5,580
Catalogo - hoja (SOLO DISEÑO/MONTAJE) 6,480 3,240 NC
Afiche - poster 13,500 6,750 4,500
Volante Media Carta / Oficio (1 cara) 10,260 5,130 3,420
Volante Media Carta / Oficio (2 caras) 14,040 7,020 4,680
Invitación, Tarjetas Navidad, Cumpleaños, Similares 15,660 7,830 5,220
Bolsa 7,560 3,780 2,520
Calendario - Almanaque 18,900 9,450 6,300
Calendario de bolsillo 6,480 3,240 2,160
Calendario Mesa una sola pieza 8,100 4,050 2,700
Calendario Mesa varias hojas 25,380 12,690 8,460
Carnet 4,806 2,403 1,602
Caja CD corporativo (Diseño Packing) 6,480 3,240 2,160
Caja CD comercial (Diseño Packing) 15,120 7,560 5,040
Aviso exterior 18,360 9,180 6,120
Aviso interior 10,260 5,130 3,420
Diploma 10,800 5,400 3,600
Dispensador (m3) 32,400 16,200 10,800
Diseño estructural empaque (planimetría) 24,300 12,150 8,100
Adaptación de empaque (considerar complejidad de la adaptación) 19,980 9,990 6,660
Marquilla 5,400 2,700 1,800
Marquilla (adaptación) 4,320 2,160 1,440
Exhibidor 23,220 11,610 7,740
Sello (no comercial) 4,320 2,160 1,440
Portada y contraportada libro 15,660 7,830 5,220
Libro-Página. Publicación de carga "científica" (un 95% texto) 594 297 198
Libro-página. Publicación de carga "creativa" (un 75% imágenes, insertos,
1,080 540 360
infografías, ilustraciones)
Portada y contraportada revista 19,440 9,720 6,480
Diseño editorial - revista x página 1,620 810 540
Libreta 8,640 4,320 2,880
Portavaso 5,940 2,970 1,980
Individual mesa - restaurante 7,020 3,510 2,340
Menú (1 hoja) 3,780 1,890 1,260
Carta restaurante 2 cuerpos 10,260 5,130 3,420
Hoja adicional Carta restaurante 2,700 1,350 900
Anexo No 16: Extracto de tabla de tarifas mínimas sugeridas por CCV, impresos. Fuente:
Comunicadores Visuales Venezuela (www.cvve.com.ve, 2018).
231
PRENSA Y REVISTA
Anexo No 17: Extracto de tabla de tarifas mínimas sugeridas por CCV, prensa y revista. Fuente:
Comunicadores Visuales Venezuela (www.cvve.com.ve, 2018).
Anexo No 18: Extracto de tabla de tarifas mínimas sugeridas por CCV, Community Manager /
Marketing de RRSS. Fuente: Comunicadores Visuales Venezuela (www.cvve.com.ve, 2018).
232
BIBLIOGRAFÍA
Libros
Compilaciones
Mindhy. Nathaly. 2014. En: “Los cambios de los medios físicos a digitales”.
Compilado por: Universidad de Palermo. Ciudad Autónoma de Buenos
Aires, Argentina. Creación y Producción en Diseño y Comunicación
[Trabajos de estudiantes y egresados].
Travieso Mayelin, 2003. En: “Las publicaciones electrónicas: Una revolución
del siglo XXI”. Compilado por: ACIMET. La Havana, Cuba.
233
Publicaciones periódicas
Instrumentos legales
http://codendigital.com/
revistasinteractivasdigitalescualessonsusventajasysusdesventajas/
234
Revistero Virtual, 2017. Publicación digital. Disponible en:
http://revisterovirtual.com/help_sub_topics/39/ayuda/%BFQu
%E9+es+una+publicaci%F3n+digital%3F.html
Trabajos de grado
Fuentes electrónicas
235
Adobe Systems, 2017. Formato de documento portátil (Portable Document
Format). Disponible en:
https://acrobat.adobe.com/la/es/acrobat/about-adobe-pdf.html
236
http://elestimulo.com/climax/caracas-comic-con-un-oasis-de-suenos-en-
medio-de-la-guerra/
237
Resiliente digital, 2017. Pieza gráfica. Disponible en:
https://resilientedigital.com/de-piezas-graficas-a-propuestas-de-
comunicacion-visual/
238