SlideShare una empresa de Scribd logo
1 de 21
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
1. ELEMENTOS CONCEPTUALES
              Punto . Línea . Plano . Volumen




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




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




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




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




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




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




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




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




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




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




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




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




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




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




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




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




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




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




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




     Página web # 5: www.realmadrid.com

Más contenido relacionado

Destacado

Ciencia, tecnología y sociedad
Ciencia, tecnología y sociedadCiencia, tecnología y sociedad
Ciencia, tecnología y sociedadJuan Manuel
 
Comparació b e-learning
Comparació b e-learningComparació b e-learning
Comparació b e-learningNATALIASOYYO
 
La locomotor aaaaaaaa
La locomotor aaaaaaaaLa locomotor aaaaaaaa
La locomotor aaaaaaaayenza1998
 
Fases del rup 004
Fases del rup 004Fases del rup 004
Fases del rup 004arnolzc
 
8 claves para migrar un negocio al mundo on line
8 claves para migrar un  negocio al mundo on line8 claves para migrar un  negocio al mundo on line
8 claves para migrar un negocio al mundo on lineCastilla y León Económica
 
COM I QUAN POSAR EN MARXA LES ADAPTACIONS
COM I QUAN POSAR EN MARXA LES ADAPTACIONSCOM I QUAN POSAR EN MARXA LES ADAPTACIONS
COM I QUAN POSAR EN MARXA LES ADAPTACIONSmmmas
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerraxoxx
 
Métodos de búsqueda en internet
Métodos de búsqueda en internetMétodos de búsqueda en internet
Métodos de búsqueda en internetNaleja633
 
Modulo venta-tecnica-ud-7-etapas
Modulo venta-tecnica-ud-7-etapasModulo venta-tecnica-ud-7-etapas
Modulo venta-tecnica-ud-7-etapasYoussef Semmar
 
Usavilidad Como Factor Clave En Un Sitio Web
Usavilidad Como Factor Clave En Un Sitio WebUsavilidad Como Factor Clave En Un Sitio Web
Usavilidad Como Factor Clave En Un Sitio WebLorfrank Morillo Brito
 
Diego fernando núñez cadavid (1)
Diego fernando núñez cadavid (1)Diego fernando núñez cadavid (1)
Diego fernando núñez cadavid (1)harrypoker
 
Cepyme Marketing de Software - Juan Moratto
Cepyme Marketing de Software - Juan MorattoCepyme Marketing de Software - Juan Moratto
Cepyme Marketing de Software - Juan MorattoJuan Moratto
 

Destacado (20)

Ciencia, tecnología y sociedad
Ciencia, tecnología y sociedadCiencia, tecnología y sociedad
Ciencia, tecnología y sociedad
 
Fbi
FbiFbi
Fbi
 
Comparació b e-learning
Comparació b e-learningComparació b e-learning
Comparació b e-learning
 
Que es salud
Que es saludQue es salud
Que es salud
 
La locomotor aaaaaaaa
La locomotor aaaaaaaaLa locomotor aaaaaaaa
La locomotor aaaaaaaa
 
Fases del rup 004
Fases del rup 004Fases del rup 004
Fases del rup 004
 
8 claves para migrar un negocio al mundo on line
8 claves para migrar un  negocio al mundo on line8 claves para migrar un  negocio al mundo on line
8 claves para migrar un negocio al mundo on line
 
Club deportivo gacor
Club deportivo gacorClub deportivo gacor
Club deportivo gacor
 
Agua
AguaAgua
Agua
 
COM I QUAN POSAR EN MARXA LES ADAPTACIONS
COM I QUAN POSAR EN MARXA LES ADAPTACIONSCOM I QUAN POSAR EN MARXA LES ADAPTACIONS
COM I QUAN POSAR EN MARXA LES ADAPTACIONS
 
Informatica virus
Informatica virusInformatica virus
Informatica virus
 
Bloquecierre
BloquecierreBloquecierre
Bloquecierre
 
Bitacoras de español
Bitacoras de españolBitacoras de español
Bitacoras de español
 
Sugar Glider
Sugar GliderSugar Glider
Sugar Glider
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Métodos de búsqueda en internet
Métodos de búsqueda en internetMétodos de búsqueda en internet
Métodos de búsqueda en internet
 
Modulo venta-tecnica-ud-7-etapas
Modulo venta-tecnica-ud-7-etapasModulo venta-tecnica-ud-7-etapas
Modulo venta-tecnica-ud-7-etapas
 
Usavilidad Como Factor Clave En Un Sitio Web
Usavilidad Como Factor Clave En Un Sitio WebUsavilidad Como Factor Clave En Un Sitio Web
Usavilidad Como Factor Clave En Un Sitio Web
 
Diego fernando núñez cadavid (1)
Diego fernando núñez cadavid (1)Diego fernando núñez cadavid (1)
Diego fernando núñez cadavid (1)
 
Cepyme Marketing de Software - Juan Moratto
Cepyme Marketing de Software - Juan MorattoCepyme Marketing de Software - Juan Moratto
Cepyme Marketing de Software - Juan Moratto
 

Similar a Elementos del diseño

Charla de VolKno en UTN
Charla de VolKno en UTNCharla de VolKno en UTN
Charla de VolKno en UTNVolKno
 
Aleyda Solis: Reenfocando tu SEO para un mundo Mobile-First
Aleyda Solis: Reenfocando tu SEO para un mundo Mobile-FirstAleyda Solis: Reenfocando tu SEO para un mundo Mobile-First
Aleyda Solis: Reenfocando tu SEO para un mundo Mobile-FirstWe Are Marketing
 
SEO Mobile-First: Re-enfocando tu proceso SEO a un mundo móvil #TheInbounder
SEO Mobile-First: Re-enfocando tu proceso SEO a un mundo móvil #TheInbounder SEO Mobile-First: Re-enfocando tu proceso SEO a un mundo móvil #TheInbounder
SEO Mobile-First: Re-enfocando tu proceso SEO a un mundo móvil #TheInbounder Aleyda Solís
 
Las buenas prácticas oficiales para aplicaciones Symfony
Las buenas prácticas oficiales para aplicaciones SymfonyLas buenas prácticas oficiales para aplicaciones Symfony
Las buenas prácticas oficiales para aplicaciones Symfonysymfony_bcn
 
Aventuras de SEO Técnico en #SEOnthebeach
Aventuras de SEO Técnico en #SEOnthebeachAventuras de SEO Técnico en #SEOnthebeach
Aventuras de SEO Técnico en #SEOnthebeachAleyda Solís
 
Conversion web
Conversion webConversion web
Conversion webDomestika
 
ES112 02-Especial Electrodomésticos - Marcas
ES112 02-Especial Electrodomésticos - MarcasES112 02-Especial Electrodomésticos - Marcas
ES112 02-Especial Electrodomésticos - MarcasBint
 
Aplicaciones de tasación de dominios
Aplicaciones de tasación de dominiosAplicaciones de tasación de dominios
Aplicaciones de tasación de dominiosAuxi Gifmania
 
Validaciones Indispensables para una Auditoría SEO Exitosa #PlatziConf
Validaciones Indispensables para una Auditoría SEO Exitosa #PlatziConfValidaciones Indispensables para una Auditoría SEO Exitosa #PlatziConf
Validaciones Indispensables para una Auditoría SEO Exitosa #PlatziConfAleyda Solís
 
ES112 02-Especial Electrodomesticos - Marcas - 6 meses después
ES112 02-Especial Electrodomesticos - Marcas - 6 meses despuésES112 02-Especial Electrodomesticos - Marcas - 6 meses después
ES112 02-Especial Electrodomesticos - Marcas - 6 meses despuésBint
 

Similar a Elementos del diseño (13)

Como mejorar la conversion de mi sitio web
Como mejorar la conversion de mi sitio webComo mejorar la conversion de mi sitio web
Como mejorar la conversion de mi sitio web
 
Charla de VolKno en UTN
Charla de VolKno en UTNCharla de VolKno en UTN
Charla de VolKno en UTN
 
Aleyda Solis: Reenfocando tu SEO para un mundo Mobile-First
Aleyda Solis: Reenfocando tu SEO para un mundo Mobile-FirstAleyda Solis: Reenfocando tu SEO para un mundo Mobile-First
Aleyda Solis: Reenfocando tu SEO para un mundo Mobile-First
 
SEO Mobile-First: Re-enfocando tu proceso SEO a un mundo móvil #TheInbounder
SEO Mobile-First: Re-enfocando tu proceso SEO a un mundo móvil #TheInbounder SEO Mobile-First: Re-enfocando tu proceso SEO a un mundo móvil #TheInbounder
SEO Mobile-First: Re-enfocando tu proceso SEO a un mundo móvil #TheInbounder
 
Las buenas prácticas oficiales para aplicaciones Symfony
Las buenas prácticas oficiales para aplicaciones SymfonyLas buenas prácticas oficiales para aplicaciones Symfony
Las buenas prácticas oficiales para aplicaciones Symfony
 
Aventuras de SEO Técnico en #SEOnthebeach
Aventuras de SEO Técnico en #SEOnthebeachAventuras de SEO Técnico en #SEOnthebeach
Aventuras de SEO Técnico en #SEOnthebeach
 
Conversion Web Madrid Tecnologia 2010
Conversion Web Madrid Tecnologia 2010Conversion Web Madrid Tecnologia 2010
Conversion Web Madrid Tecnologia 2010
 
Conversion web
Conversion webConversion web
Conversion web
 
ES112 02-Especial Electrodomésticos - Marcas
ES112 02-Especial Electrodomésticos - MarcasES112 02-Especial Electrodomésticos - Marcas
ES112 02-Especial Electrodomésticos - Marcas
 
Taller - Paginas web
Taller - Paginas webTaller - Paginas web
Taller - Paginas web
 
Aplicaciones de tasación de dominios
Aplicaciones de tasación de dominiosAplicaciones de tasación de dominios
Aplicaciones de tasación de dominios
 
Validaciones Indispensables para una Auditoría SEO Exitosa #PlatziConf
Validaciones Indispensables para una Auditoría SEO Exitosa #PlatziConfValidaciones Indispensables para una Auditoría SEO Exitosa #PlatziConf
Validaciones Indispensables para una Auditoría SEO Exitosa #PlatziConf
 
ES112 02-Especial Electrodomesticos - Marcas - 6 meses después
ES112 02-Especial Electrodomesticos - Marcas - 6 meses despuésES112 02-Especial Electrodomesticos - Marcas - 6 meses después
ES112 02-Especial Electrodomesticos - Marcas - 6 meses después
 

Último

Anexo Nivel 3 Ficha Lectura pptjsbdkks
Anexo  Nivel 3 Ficha  Lectura pptjsbdkksAnexo  Nivel 3 Ficha  Lectura pptjsbdkks
Anexo Nivel 3 Ficha Lectura pptjsbdkkscristinacastro892534
 
140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.docilvrosiebp
 
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxLeo Florez
 
Fundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principalesFundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principalesLuis Fernando Salgado
 
414414508-Diseno-de-Coberturas-Metalicas.pptx
414414508-Diseno-de-Coberturas-Metalicas.pptx414414508-Diseno-de-Coberturas-Metalicas.pptx
414414508-Diseno-de-Coberturas-Metalicas.pptxeldermishti
 
cabildo abierto forma de participación ciudadana
cabildo abierto forma de participación ciudadanacabildo abierto forma de participación ciudadana
cabildo abierto forma de participación ciudadanaMarsielMendoza1
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYkarendaza9506
 
Planificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.docPlanificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.docAhilynBasabe
 
Sofia Ospina Architecture and Design Portfolio
Sofia Ospina Architecture and Design PortfolioSofia Ospina Architecture and Design Portfolio
Sofia Ospina Architecture and Design Portfoliosofiospina94
 
Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....estefaniaortizsalina
 
Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30SantiagoAgudelo47
 
Manual de Construcción TATAMI - 2024.pdf
Manual de Construcción TATAMI - 2024.pdfManual de Construcción TATAMI - 2024.pdf
Manual de Construcción TATAMI - 2024.pdfGermnBelzunce1
 
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...chechei12040303
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezPaola575380
 
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILEARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILEhayax3
 
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGersonManuelRodrigue1
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesespejosflorida
 
secuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulossecuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulosRosarioLloglla
 
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfSlaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfslaimenbarakat
 

Último (20)

Anexo Nivel 3 Ficha Lectura pptjsbdkks
Anexo  Nivel 3 Ficha  Lectura pptjsbdkksAnexo  Nivel 3 Ficha  Lectura pptjsbdkks
Anexo Nivel 3 Ficha Lectura pptjsbdkks
 
140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc
 
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
 
Fundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principalesFundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principales
 
414414508-Diseno-de-Coberturas-Metalicas.pptx
414414508-Diseno-de-Coberturas-Metalicas.pptx414414508-Diseno-de-Coberturas-Metalicas.pptx
414414508-Diseno-de-Coberturas-Metalicas.pptx
 
cabildo abierto forma de participación ciudadana
cabildo abierto forma de participación ciudadanacabildo abierto forma de participación ciudadana
cabildo abierto forma de participación ciudadana
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
 
Planificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.docPlanificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.doc
 
DIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
DIAGNOSTICO URBANO DE DE LA ISLA DE COCHEDIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
DIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
 
Sofia Ospina Architecture and Design Portfolio
Sofia Ospina Architecture and Design PortfolioSofia Ospina Architecture and Design Portfolio
Sofia Ospina Architecture and Design Portfolio
 
Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....
 
Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30
 
Manual de Construcción TATAMI - 2024.pdf
Manual de Construcción TATAMI - 2024.pdfManual de Construcción TATAMI - 2024.pdf
Manual de Construcción TATAMI - 2024.pdf
 
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola Perez
 
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILEARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
 
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientes
 
secuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulossecuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulos
 
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfSlaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
 

Elementos del diseño