1. ELEMENTOS
DEL DISEÑO
Wucius Wong
A continuación se presentan los
ejemplos de uso de cada unos
de los elementos en los sitios
web actuales

2. 1. ELEMENTOS CONCEPTUALES
Punto . Línea . Plano . Volumen
Página web # 1: www.amazon.com

3. 1. ELEMENTOS CONCEPTUALES
Punto . Línea . Plano . Volumen
Página web # 2: www.eltiempo.com

4. 1. ELEMENTOS CONCEPTUALES
Punto . Línea . Plano . Volumen
Página web # 3: www.twizy.renault.com/co/

5. 1. ELEMENTOS CONCEPTUALES
Punto . Línea . Plano . Volumen
Página web # 4: www.absolut.com

6. 1. ELEMENTOS CONCEPTUALES
Punto . Línea . Plano . Volumen
Página web # 5: www.realmadrid.com

7. 2. ELEMENTOS VISUALES
Forma . Medida . Color . Textura
Página web # 1: www.amazon.com

8. 2. ELEMENTOS VISUALES
Forma . Medida . Color . Textura
Página web # 2: www.eltiempo.com

9. 2. ELEMENTOS VISUALES
Forma . Medida . Color . Textura
Página web # 3: www.twizy.renault.com/co

10. 2. ELEMENTOS VISUALES
Forma . Medida . Color . Textura
Página web # 4: www.absolut.com

11. 2. ELEMENTOS VISUALES
Forma . Medida . Color . Textura
Página web # 5: www.realmadrid.com

12. 3. ELEMENTOS DE RELACIÓN
Dirección . Posición . Espacio . Gravedad
Página web # 1: www.amazon.com

13. 3. ELEMENTOS DE RELACIÓN
Dirección . Posición . Espacio . Gravedad
Página web # 2: www.eltiempo.com

14. 3. ELEMENTOS DE RELACIÓN
Dirección . Posición . Espacio . Gravedad
Página web # 3: www.twizy.renault.com/co

15. 3. ELEMENTOS DE RELACIÓN
Dirección . Posición . Espacio . Gravedad
Página web # 4: www.absolut.com

16. 3. ELEMENTOS DE RELACIÓN
Dirección . Posición . Espacio . Gravedad
Página web # 5: www.realmadrid.com

17. 4. ELEMENTOS PRÁCTICOS
Representación . Significado . Función
Página web # 1: www.amazon.com

18. 4. ELEMENTOS PRÁCTICOS
Representación . Significado . Función
Página web # 2: www.eltiempo.com

19. 4. ELEMENTOS PRÁCTICOS
Representación . Significado . Función
Página web # 3: www.twizy.renault.com/co

20. 4. ELEMENTOS PRÁCTICOS
Representación . Significado . Función
Página web # 4: www.absolut.com

21. 4. ELEMENTOS PRÁCTICOS
Representación . Significado . Función
Página web # 5: www.realmadrid.com