jueves, 6 de junio de 2013

BIENVENIDA


Bienvenid@s a este su Blog...
En el podras encontrar información acerca del programa de formación laboral que cuenta el Colegio de Bachilleres Plantel 6 Vicente Guerrero, "Diseño Publicitario". Basándonos en:
"Componer elementos gráficos: imágenes y textos que atiendan a los requerimientos del cliente", ya que los elementos del diseño son necesarios para la creación de un buen diseño, están presentes en nuestra vida diaria en cualquier lugar al que volteemos a ver aunque algunos no son identificables a simple vista.
Así que te invitamos a formar parte de este blog, dejándonos tus comentarios o sugerencias.


ELEMENTOS GRÁFICOS

ELEMENTOS GRÁFICOS

Los elementos gráficos son una parte fundamental del diseño en todas sus modalidades, introduciendo en las composiciones información visual que complementa en gran medida el mensaje que se desea transmitir, y que a veces es tan importante en el diseño como los contenidos textuales del mismo.
Libros, folletos, carteles, revistas, tarjetas y páginas web incluyen elementos gráficos en mayor o menor medida, debiendo el diseñador conocer los diferentes objetos gráficos que puede utilizar en cada trabajo, su significado y sus utilidades, pues cada uno de ellos está orientado a unas tareas concretas.
Los elementos gráficos se usaron inicialmente poco en la web, sobre todo debido al peso de los ficheros gráficos necesarios, que con las conexiones a Internet que disponían los usuarios medios hacía que las páginas tardaran demasiado en descargarse desde el servidor.
Con el aumento de los anchos de banda y la aparición de avanzados algoritmos de compresión de las imágenes, los gráficos fueron introduciéndose cada vez más en las páginas web, siendo raro en la actualidad encontrar una que no los use en mayor o menor medida.
Existen diferentes objetos gráficos que podemos usar en nuestros diseños, entre los que podemos citar logotipos, banners, iconos, bullets, fotografías, ilustraciones, etc. Cada uno de ellos posee unas características de diseño y unas capacidades de comunicación propias, jugando un papel diferente en la composición.
Ya conocemos los tipos de ficheros gráficos, su naturaleza y sus propiedades. Vamos ahora a estudiar los diferentes elementos gráficos existentes y cómo podemos utilizarlos de forma adecuada en nuestros trabajos.

ILUSTRACIÓN

ILUSTRACIONES
La ilustración es uno de los recursos más usados en diseño clásico, pues al no estar sometidas ferreamente a un modelo natural, permiten al ilustrador dibujar libremente el motivo que más se adapte a la composición.
Si se eligen de forma adecuada al sentido del diseño, las ilustraciones son bellas, adecuadas a cada contexto y muy explícitas, siendo pr tanto una de las misiones del diseñador encontrar un ilustrador cuyo estilo se adapte al del proyecto que tiene entre manos.




DISEÑO PUBLICITARIO


La importancia del diseño publicitario


“Todo entra por la vista” dice el refrán popular que todo el mundo sabe pero al parecer muy pocos aplican a la hora de publicitar sus empresas, lo que podemos percartar al echar un simple vistazo a nuestro alrededor y observar los anuncios publicitarios que nos topamos a diario, muchas veces sin percatarlos.


Siempre que llega un cliente para que realicemos material publicitario, proponen ideas sin bases comunicacionalmente estéticas cayendo en recurrentes errores olvidando que todo lo que se dice, como se dice y hasta los colores y posiciones de las imágenes tienen una razón de ser en el contexto publicitario.

Teoria del color, tipografía, diagramación balanceada, tipo del lenguaje utilizado, número de palabras y tamaño son solo alguno de los aspectos que consideramos a la hora de conceptualizar material publicitario, para poder crear nuestros diseños inteligentes, que no solo son estéticos, si no que trasmiten lo que se necesita expresar para convertir a clientes potenciales en consumidores de sus marcas, productos o servicios.

Por ende no le podemos decir siempre que si los clientes con sus particulares ideas. Aunque perdamos una venta pero aveces muchos diseñadores gráficos caen en profanar sus diseños por una necesidad económ
ica.
A continuación, te mostramos un video en donde encontraras los puntos más importantes del Diseño Publicitario.

¡Hechale un vistazo y dejános tus comentarios!







MAQUETACIÓN

MAQUETACIÓN


La maquetación es la distribución de los elementos en nuestra página.

Hace unos años, la maquetación de las páginas web se realizaba utilizando tablas. El problema de las tablas es que generaban un página muy encorsetada, y el código se volvía complejo de entender. Además, algunos buscadores encontraban problemas al analizar la estructura de la página.

Actualmente, la maquetación con tablas ha caído en desuso, y se realiza utilizando capas, también llamadas divisiones o contenedores.

La colocación de las capas en la página se realiza a través de CSS. Esto permite, por ejemplo, que podamos pasar de un diseño con un menú lateral a otro con el menú en la parte superior, sólo cambiando la hoja de estilos.

TAMAÑO

Por lo general, la maquetación se realiza sobre elementos en bloque. Normalmente divisiones, pero también lo podemos hacer con párrafos, listas, etc..Por defecto los elementos de bloque ocupan todo el ancho del elemento que lo contiene, y su alto se ajusta al contenido.

Los valores para estas medidas, pueden ser expresados en las medidas habituales:
*Tamaños absolutos, utilizando px, cm, etc...
*Tamaños relativos al elemento que lo contiene, utilizando porcentajes (%).
*Tamaños relativos a la fuente, utilizando em.
*El valor auto es el valor por defecto. Por ejemplo, un párrafo, por defecto, tienen un ancho del 100% y un alto ajustado al contenido.


A continuacion, te dejamos este video tutorial para que conozcas paso a paso como maquetar y diseñar una pagina web.





En este video creado por nosotros, encontrarás los puntos más sobresalientes de la maquetación...

¡CHECALO!










COMPOSICIÓN

COMPOSICIÓN

La composicion se define como una distribución o disposición de todos los elementos que incluiremos en un diseño o composición, de una forma perfecta y equilibrada.

Los siguientes pasos son los que se deben de tomar en cuenta para la elaboración de un diseño:
*Elegir los elementos que aparecerán en él.
*Distribuirlos para colocarlos con el espacio disponible. Los elementos pueden ser tanto imágenes, como espacios en blanco, etc.

Es muy importante tener en cuenta de que forma situaremos estos elementos en nuestra composición, para que tengan un equilibrio formal y un peso igualado.
*El peso de un elemento se determina por su tamaño y por la posición en que este ocupe respecto del resto de elementos.

Forma, tamaño y proporciones

  
Uno de los formatos más conocidos e utilizados es el DINA-4.

*Formas angulares y alargadas amplían el campo de visión
*Formas angulares cortas, nos transmiten la sensación de timidez y humildad.

*Las formas redondas (modelo curvilíneo y rectangular), la proporción y la simetría, suelen combinarse, las formas en sus variantes también son simétricas. Estas formas crean armonía, suavidad y perfección.
 *Las formas simples y regulares son las que se perciben y recuerdan con mayor facilidad.
 *Las formas simétricas, en el mundo de la naturaleza, un ejemplo del orden geométrico sobre la formación de sus estructuras vivientes.

El tamaño de un elemento:
*Las formas grandes, anchas o altas, se perciben cómo más fuertes
*Las formas más pequeñas, finas o cortas, simbolizan la debilidad y delicadeza.

TIPOGRAFÍA

TIPOGRAFÍA


 

TIPOGRAFÍA, FAMILIA Y FUENTE

Tipo: modelo o diseño de una letra determinada.

Tipografía: es el arte y la técnica de crear y componer tipos para comunicar un mensaje. También se ocupa del estudio y clasificación de las distintas fuentes tipográficas.

Fuente tipográfica: es la que se define como estilo o apariencia de un grupo completo de caracteres, números y signos, regidos por unas características comunes.

Familia tipográfica: en tipografía, significa un conjunto de tipos basado en una misma fuente, con algunas variaciones. Los miembros que integran una família se parecen entre sí pero tienen rasgos propios.


PARTES DE UN CARACTER


No existe una nomenclatura específica y que haya sido aceptada de manera definitiva, para designar las partes de una letra.

GESTIÓN DEL COLOR

GESTIÓN DEL COLOR



El color en publicidad tiene una grandísima capacidad de comunicación. Este produce sensaciones y sentimiento, por lo que es un elemento de la imagen de gran importancia. Adquiere simbologías, significados concretos y también transmite o expresa sensaciones.
Una de las principales funciones del color en publicidad es la de atraer la atención del público para despertar su interés. Es bastante corriente en el mundo de la publicidad que los colores se identifiquen con marcas concretas.

Por ejemplo, si habláramos de marcas de telefonía móvil, el color rojo y el blanco irían asociados a Vodafone, el azul y el verde a Movistar, y el naranja a Orange. Este es un ejemplo que representa muy bien esa característica del color con respecto a la publicidad.


PROGRAMAS INFORMÁTICOS DE DISEÑO

PROGRAMAS INFORMÁTICOS

DE DISEÑO



Existe una gran variedad de programas para que un diseñador pueda crear su trabajo, los podemos encontrar adquiriendolos o descargandolos de Internet.

A continuación te mostramos los programas mas utilizados por los diseñadores.


VIDEOS

En este apartado podras aprender un poco mas de los temas mencionados anteriormente así como tambien podrás encontrar algunas instituciones para ejercer la carrera de Diseño Publicitario.

La Escuela de Diseño y Comunicación Publicitaria (ESANTEC), es una Institución dedicada exclusivamente al Diseño Gràfico y Digital.

Está orientada a brindar servicios de capacitación en Diseño Web, Diseño Multimedia, Diseño Gráfico Publicitario, Animación 3d y 2d, Edición Audiovisual, además de ofrecer la Carrera Profesional de Dirección y Diseño Gráfico con una duración de 4 años.
Ejemplo de maquetación de una página web en dreamweaver
Técnicas de composición
CEA Es una Institución que ofrece curso de especializacion de tipografía en diseño.

Gestión del color en Adobe Creative

 Diseño editorial
                                   http://www.youtube.com/watch?v=M4qbGtgSdjk

Descargar un programa para diseñar imagenes

Programas para Diseño Gráfico

Teoría del color de Diseño Gráfico
http://www.youtube.com/watch?v=3JaCLksi3FI

Diseño Gráfico: pasos para ser creativo.
http://www.youtube.com/watch?v=Y7TnvRQmcw0&NR=1&feature=endscreen

Tipografía en Diseño Gráfico
http://www.youtube.com/watch?v=spkZ4B-agxY

Diagramación y maquetación de una revista




JUEGOS

En la siguiente sopa de letras, encuentra las palabras relacionadas con el Diseño Publicitario (Elementos gráficos)

*Color   *Fondo   *Imagenes   *Página maestra   *Tipografía   *Diseño editorial   *Composición  

*Maquetación   * Programas informáticos    *Maqueta    *Parrafo   *Hoja de estilo   *Texto

    *Diseño

D
I
S
E
Ñ
O
E
D
I
T
O
R
I
A
L
Z
N
B
M
J
K
I
O
Ñ
P
Q
W
F
V
B
A
F
J
U
C
J
S
T
E
A
M
O
Ñ
L
H
P
A
G
I
N
A
M
A
E
S
T
R
A
G
T
R
Q
C
V
B
F
A
D
K
Y
D
S
K
O
Y
O
A
G
Y
K
G
Q
N
S
F
L
X
T
J
U
G
E
Q
N
L
X
U
K
R
L
X
X
P
A
A
R
A
G
J
D
V
E
G
K
F
E
B
L
A
B
A
A
G
G
F
S
T
P
F
T
D
F
G
G
D
M
Q
H
B
G
D
A
O
V
A
A
A
V
I
K
A
W
J
Y
H
F
C
L
J
S
S
Q
S
K
D
S
G
K
H
U
G
I
I
L
G
D
W
J
P
T
I
N
L
N
F
H
O
E
Ñ
J
F
Z
L
G
I
N
K
Ñ
U
E
K
N
S
A
K
G
X
W
S
P
F
C
P
J
S
D
F
T
D
R
H
C
E
G
O
O
F
U
M
H
J
G
E
G
T
T
V
R
B
G
R
E
Y
I
J
L
H
R
O
Y
R
S
F
D
R
M
F
C
K
K
 G
J
N
F
J
E
D
G
K
A
A
H
R
O
T
Y
K
Y
A
D
W
F
H
F
F
T
U
E
O
L
H
L
L
R
V
Q
G
J
X
I
I
Y
W
L
S
O
T
O
R
M
W
I
I
V
A
C
V
Q
Ñ
G
U
R
N
A
F
H
M
K
M
D
O
M
A
P
N
V
N
J
P
H
J
A
L
L
G
S
F
Z
G
H
F
A
U
Z
J
K
G
O
J
E
S
X
W
B
F
D
Y
P
B
K
L
E
B
F
H
V
J
S
M
T
Q
E
O
G
L
T
N
N
S
V
B
L
X
U
G
W
L
T
S
O
Y
E
M
C
D
L
Y
E
Y
B
S
I
G
N
I
U
S
L
G
I
F
H
O
J
A
D
E
E
S
T
I
L
O
G
S
S
H
C
R
Y
T
M
W
F
E
I
K
I
F
E
C
Y
R
G
H
F
E
S
M
S
O
L
J
Q
Ñ
N
U
F
T
N
K
O
U
L
F
H
O
K
J
O
L
I
V
H
F
C
N
D
Q
G
G
I
L
G
V
P
O
T
Y
U
Z
I
F
F
A
T
T
R
D
D
Ñ
P
G
J
N
S
L
G
E
G
M
J
E
A
L
D
D
B
K
H
F
Ñ
H
T
T
A
N
W
I
V
G
F
F
O
N
D
O
K
D
U
D
M
Q
V
A
Y
G
I
J
K
V
H
C
L
A
S
F
A
A
U
E
N
T
J
I
N
Y
V
J
D
W
V
S
N
U
X
A
E
K
O
K
U
N
V
H
R
C
D
Y
J
B
Y
R
S
N
O
I
C
I
S
O
P
M
O
C

Encuentra las 6 diferencias