Fundamentos de

Arte y Diseño
Composición

• Punto • Forma • Posición

• Línea • Tamaño • Dirección
• Plano • Color • Espacio
• Volumen • Textura • Gravedad
Composición – Elementos conceptuales

• Punto
• Línea
• Plano
• Volumen
Composición – Elementos visuales

• Forma
• Tamaño
• Color
• Textura

Forma y color Tamaño y textura

Composición – Elementos de relación

• Posición
• Dirección
• Espacio
• Gravedad
Composición - Peso - Ritmo

Peso
Ritmo
Composición – Jerarquía - tamaño
Composición
 Tipografía – Elección de tipografía
Combinar 2 familias tipográficas

• Combinar 2 familias, 3 en casos muy

extremos y bien justificados.
• Cuanto más compleja sea la tipografía
más difícil es combinarla.
• Conoce los puntos fuertes de tus
tipografías, para no mandar mensajes
contradictorios.
• Trabajar con las variables de la
familia tipográfica.
 Tipografía – Elección de tipografía
Usar los puntos fuertes de una tipografía
Con serifa o romanas Seriedad, tranquilidad, rigor,
firmeza, dignidad…
Periódicos y publicaciones
serias.
Sin serifa o sans serif Revolución, industria,
modernidad, sobriedad,
alegría y seguridad.
Grotescas- amables,
humanistas-legibilidad.
Rounded Acabado suave sin serif.
Suavidad y sensación
reconfortante.
Script o manuscritas En general cercanía.
Gran variedad con variedad
de sensaciones.
Display Poco legibles. Conexión con
el tema que tratan por su
carácter de imagen o dibujo
Condensadas No es un tipo sino una
variable de la fuente
principal. Contundencia y
personalidad. Arrojo y tesón.
 Tipografía – Elección de tipografía
Contraste

• Busca la legibilidad.
• Las tipografías usadas deben tener
cierto contraste entre ellas.
 Tipografía – Elección de tipografía
Espacio

• El espacio que dejamos entre

caracteres y la alineación también
es importante.
• Cada elemento debe ocupar un
espacio y poder respirar.
 Tipografía – Elección de tipografía
Mayúsculas y minúsculas

• Un texto en mayúsculas es una

llamada de atención a modo de
grito.
• Un texto únicamente con
minúsculas carece de enfatización.
Funciones de la imagen

Referencial
Funciones de la imagen

Emotiva
Funciones de la imagen

Simbólica y
semántica
Funciones de la imagen

Poética
Funciones de la imagen

Fática
Funciones de la imagen

Epistémica
Funciones de la imagen

Metalingüística
Semiótica
Lectura y análisis de una imagen
Análisis de una imagen
Tarea 3

Elegir una de las siguientes

revistas: Socializar la imagen
en el foro
• Cosmopolitan
• Time
• Muy interesante
• Rolling Stone
• Nintendo
 Tarea 3 – Bocetos piezas gráficas
Desarrollo parte 1
• En seguida, el estudiante con la portada seleccionada realizará un reconocimiento y definición de los
elementos:
• Diagramación.
• Imagen.
• Composición.
• Jerarquización.
• Tipografía.
• Color.
• Mensaje de comunicación. ( Semiótica ).
• Programa de vectorización (recomendación utilizar adobe Illustrator) en máximo dos
mesas de trabajo, el tamaño de la mesa debe ser 792px x 1224px (27.94 x 43 .18 cms)
• Carpeta en google drive o Dropbox denominada tarea3_nombre estudiante donde compartirá el
documento editable del programa de vectorización (adobe illustrator (.AI)) y un documento en PDF para
ser retroalimentado por el docente, socializándolo en el foro tarea 3.
• NOTA: la URL debe estar sin restricciones de visualización.
Desarrollo parte 2
• El estudiante propone 2 bocetos como opciones de diagramación y
color. Tener en cuenta que cada propuesta no puede ser similar a la
actual línea gráfica de la revista y debe ser diseño de su autoría.
• El estudiante debe socializar en la carpeta compartida el editable y un
archivo en PDF para ser retroalimentadas por el docente. Tener en
cuenta socializarlo en el foro 5 días antes de la entrega de la
actividad.
Entregable
• Cada estudiante de manera individual debe construir un documento en formato
PDF denominado Tarea3_NombreEstudiante que debe ser enviado por en el
entorno de seguimiento y evaluación con las siguientes características:
• Nombre: Tarea 3_NombreEstudiante.
• Portada.
• Objetivo.
• Imagen Original.
• 2 Bocetos.
• URL google Drive o Dropbox con la siguiente información:
• Documento editable .AI. (con las 5 mesas de trabajo análisis y 2 bocetos)
• Conclusión.
 Tarea 3 – Bocetos piezas gráficas

Participar en el foro realizando pre entregas utilizando el enlace a la carpeta drive creada
por ustedes NO el documento de ILLustrator.
NO se realizan realimentaciones faltando 3 días par el cierre de cualquier actividad.
TODOS los enlaces de invitación para web conference y las grabaciones de las mismas se
comparten en el foro de noticias del curso y también en el espacio de web conference en
el entorno inicial.
Fecha de cierre: 1 de noviembre
 Gracias
ESTEFANÍA RODRÍGUEZ LUIS MONTAÑEZ
estefania.rodriguez@unad.edu.co luis.montanez@unad.edu.co
Skype: estefaniarodgue@Outlook.com Skype: linkfaster