Clase 1 – Programación Web

Contreras Ortiz Miguel

1507

DISEÑO GRÁFICO
Diseño: Proceso de configuración mental que se realiza en la búsqueda de soluciones.
Del italiano disegno: dibujo
Comunicación visual con la que se busca transmitir mensajes específicos, dirigida a un grupo
de personas.
Se basa en el principio “la forma sigue a una función específica”.
Sinónimos: Comunicación o diseño visuales

ETAPAS DEL DISEÑO

1. Observar: Del entorno, identificar necesidades.
2. Analizar: Una vez identificadas las necesidades, entenderlas, comprender sus
características.
3. Evaluar: Priorizar las necesidades identificadas, a través de sus características y
nuestras capacidades
4. Planear: Proponer soluciones.
5. Ejecutar: Desarrollar la solución más viable, económica, rápida, etc. según los
requerimientos.

MÉTODO GENERAL PARA SOLUCIÓN DE PROBLEMAS DE

INGENIERÍA
Para lograr una transformación existe una variedad muy grande de alternativas, cada una con
diferentes características, requerimientos, restricciones y con pequeñas variantes de salida.

Una solución en ingeniería se enfoca y caracteriza por el diseño y la optimización.

Diseño: Actividad creativa que tiene por fin proyectar imágenes que sean útiles y estéticas.

Actividad que transforma un enunciado en un sistema funcional.

1. Identificación del problema

2. Recopilación de la información necesaria
3. Búsqueda de soluciones creativas
4. El paso de las ideas a los diseños
5. Evaluación y selección de la solución
6. Preparación de informes, anteproyectos, planos, especificaciones, etc.
7. Implementación del diseño
6-9-2021

1
 Clase 1 – Programación Web
Contreras Ortiz Miguel
1507

COMPOSICIÓN
Disposición de los elementos que componen un todo.
Características como la ubicación, dimensiones o protagonismo serán indispensables para
lograr una buena composición.
Lograr una buena composición garantiza la correcta transmisión del mensaje y sensaciones que
se buscan conseguir.

Crear una composición es disponer los elementos gráficos dentro del espacio visual,
combinándolos para lograr que cada uno de ellos aporte al significado del mensaje.

Todo mensaje en el diseño se elabora por medio de una combinación de elementos estudiados
previamente.

PUNTO
Es el elemento grafico más simple, es la unidad mínima de comunicación visual.
Como elemento fundamental del diseño gráfico también es el elemento fundamental de una
imagen.
Se puede usar para definir el centro de la atención usando su centro geométrico.
.
Dado que es la unidad mínima carece de la capacidad de transmitir un mensaje por si solo, es
necesario complementar con elementos como el color, posición, escala, proximidad, etc.

6-9-2021

La bandera nacional de Japón se llama Hinomaru (日の丸). Su nombre proviene de la palabra

japonesa hinomaru, que literalmente significa “circulo solar”. Debido a que Japón es una gran
isla en el extremo oeste del océano Pacífico, el sol sale sobre el mar.

2
 Clase 1 – Programación Web
Contreras Ortiz Miguel
1507

Matemáticamente representa una ubicación espacial exacta, una referencia de posición,

centro, eje.
| .
. |

El punto en una composición tiene la capacidad de atraer la atención, sin embargo, su

significado se lo da la interacción con los demás elementos, en este caso el espacio vacío es
quien brinda el protagonismo al punto y permite que sea quien tome el protagonismo.

.
.

En este caso los dos puntos generan atracción a la vista lo que provoca que nuestra
atención salte entre ambos, creando una mayor zona intermedia donde nuestros ojos
pasan la mayor cantidad de tiempo, esta zona se convierte en el área con mayor importancia en
la composición.

Esta composición da origen a la línea.

LINEA
A pesar de formarse por puntos, la línea tiene representaciones contrarias a su origen, el cual
es una sucesión de puntos.
Matemáticamente: unión entre dos puntos.

La línea reparte y limita los elementos de la composición, creando una ruta, formas o contornos.

En la forma más simple de ver la línea, divide el entorno, creando diferentes áreas con pesos
visuales.

En este caso, se crea una división simétrica, en donde cada área cuenta con el mismo peso, a
6-9-2021

pesar de pertenecer a la misma composición, por la línea queda claro que las 2 áreas son
excluyentes.

3
 Clase 1 – Programación Web
Contreras Ortiz Miguel
1507
Con la línea podemos crear diferentes experiencias y significados, como: acción, movimiento,
inestabilidad, etc. dependiendo de sus características como el grosor, o forma.

El ojo humano percibe la horizontal como estabilidad y la vertical como dinámica, debido a que
nuestro campo visual es más horizontal, entonces: la horizontal existe, la vertical se
construye.

Las líneas oblicuas tienen una connotación de inseguridad, inestabilidad.

Las líneas curvas transmiten una sensación distinta a las rectas.

6-9-2021

4
 Clase 1 – Programación Web
Contreras Ortiz Miguel
1507
Tenemos características que considerar como el ancho y largo:
Si una línea es más ancha que la mitad de su largo pierde la sensación de movimiento y se
convierte más en un área.

Una línea no solo es una forma muy alargada con poca anchura, sino que la línea puede tener:

Bordes: lisos, dentados, recortados.

Extremos: rectos, redondeados, afilados, en punta.
Cuerpo: sólido, con textura, color.
Dirección recta o curva.

La línea también es el elemento básico del boceto, con el cual podemos crear composiciones más
complejas.

De esta composición podemos analizar varias cosas:

La línea es un elemento que divide, generando 2 áreas excluyentes entre sí.

La línea es una sucesión de puntos.
El punto es un elemento que genera atracción.
La atención se centra en las 4 líneas dentro de la composición.

Las fuerzas visuales generadas en esta composición serían

6-9-2021

5
 Clase 1 – Programación Web
Contreras Ortiz Miguel
1507

Modificando la composición podemos afectar estas fuerzas visuales

Afectando la expresión de la composición, enriqueciendo el mensaje visual, generando ahora una
zona de intercambio, apertura, interacción entre las 2 áreas.

Entonces la línea:

Es dinámica
Genera tensión y comparación
Comunica movimiento y dirección

6-9-2021