# data[].attributes.attachment_link.title
✅ Evolución y diferencias entre WEB 1.0, 2.0, 3.0, 4.0 y 5.0 - Explicación

# data[].attributes.attachment_link.readable_text
Fundamentos de diseño web y gráfico

Mgtr. Marcelo Revollo Vargas

Actividad multidisciplinar

Diseño gráfico y artes visuales

Programación

Comunicación

Animación

Marketing y publicidad

User Experience

Copywritting

Diseño web

Conjunto de factores que determinan la percepción, las sensaciones y la satisfacción del usuario de un sitio web.

Experiencia de usuario (UX)

Experiencia de usuario

- Usabilidad- Utilidad y valor agregado- Seguridad y confianza- Estética- Facilidad de búsqueda (SEO)

Cualidad de un sitio web de ser utilizado fácil e intuitivamente por el usuario.

Usabilidad

- Tiempo de carga- Claridad (diseño, texto, comandos, HMI, CTA)- Orden y disposición adecuada- Adaptabilidad (web responsive)

Usabilidad

Patrones de atención

Patrones de atención

- Uso adecuado de color- Estructura de navegación clara- Manejo adecuado de tipografía- Manejo adecuado de la jerarquía- Manejo apropiado de elementos multimedia- Manejo apropiado del diseño gráfico- Consistencia

Consideraciones en diseño web

diseño de interacción

-Interacción Persona/Ordenador-"Easy to learn, easy to use"

HCI - Human Computer Interaction

1. Definir cómo el usuario interactúa con la interfaz

2. Dar pistas al usuario sobre lo que ocurrirá antes de realizar una acción

3. Acciones a prueba de errores.

4. Feedback del sistema y el tiempo de respuesta

5. Simplificar las opciones.

6. Aplicar la ley de Fitts

DISEÑO GRÁFICO

Herbert Lubalin - Logotipo para una publicaión de la Reader Digest

" No confundir legibilidad con comunicación" (David Carson)

Las propiedades de un elemento visual no son absolutas, sino relativas, ya que dependen de las del resto de elementos que le acompañan en la composición.

SubtítuloLas líneas ayudan a crear, mejorar y orientar el movimiento

Línea

Una paleta fuerte de colores crea un diseño fuerte

Color

La jerarquía señala la importancia de cada elemento

La escala crea énfasis, drama y ayuda a la jerarquía

Escala y Jerarquía

La simetría es atractiva y crea sensación de armonía

Simetría y equilibrio

El equilibrio garantiza que ningún elemnto predomine sobre los demás

Simetría y equilibrio

La repetición ayuda a unir elementos individuales

Repetición

El espacio negativo es el espacio intermedio entre dos elementos

Espacio negativo

La transparencia permite a los elementos interactuar juntos

Transparencia - Opacidad

La textura da tacto y profundidad a a los diseños, para que no sean planos.

Textura

La dirección proporciona a los ojos un camino a seguir

El movimiento se puede crear con efectos borroso, líneas u ondas

Movimiento - Dirección

La profundidad y el relieve se pueden crear con texturas, sombras, luz, efectos y 3D.

Profundidad y Relieve

La cuadrícula ayuda a linear y organizar elementos

Cuadrícula

La tipografía ayuda a definir el tono del diseño y debe alinearse con el concepto

Tipografía

La composición es la disposición, escala y jerarquía de los elementos

Composición

# data[].attributes.attachment_link.title
FUNDAMENTOS DE DISEÑO WEB Y DISEÑO GRÁFICO

# data[].attributes.attachment_link.description
FUNDAMENTOS DE DISEÑO WEB Y DISEÑO GRÁFICO

# data[].attributes.attachment_link.title
INTRODUCCIÓN AL COMMUNITY MANAGEMENT - Presentación Marcelo Revollo