SlideShare una empresa de Scribd logo
1 de 18
Descargar para leer sin conexión
MÓDULO II SUBMÓDULO III
    ELABORACIÓN DE PÁGINAS WEB




     TEORÍAS DEL DISEÑO:
MINIMALISMO Y CONCEPTUALISMO



        I.S.C. Karina Delgado Huante
Se basa siempre en la utilización
 Es una corriente artística que
                                  de elementos simples, en los
 se basa en la reducción de
                                  que no importaba nada más
 objetos reales a formas
                                  que el objeto en sí, no hay título,
 simplificadas,    geométricas,
                                  no existe una representación de
 impersonales y frías.
                                  algo.



Un diseño
                                             La principal ventaja de
minimalista no es
                                             una página con
necesariamente un
                                             diseño minimalista es
buen diseño, y un
                                             que se carga
buen diseño no
                                             rápidamente en el
tiene porque ser
                                             navegador.
minimalista.
Algunas pistas para identificar un diseño minimalista en una página
web son:
• Abundante uso de tonos grises/pastel, o incluso el blanco/negro
• Logos aparentemente austeros, posiblemente fotos con macro o
   alguna paranoia asombrosa
• Tipografías muy pequeñas, casi ilegibles
• Uso de texturas como fondos, o tintas planas
• Bordes fuera de lo común, enlaces que brillan cuando se pasa el
   cursor por encima, etc.
• Menos del 35% del área de la página tiene contenido




En ocasiones, sin embargo, la pequeñez de la letra, las tipografías
rebuscadas, los colores pálidos, pueden conducir al visitante a cierto
aburrimiento, incluso a una molesta sensación de vacío.
La idea de la obra prevalece sobre
El     arte      conceptual       o
                                      sus aspectos formales, y en
conceptualismo se basa en que las
                                      muchos casos la idea es la obra en
ideas dentro de una obra son un
                                      sí misma, quedando la resolución
elemento más importante que el
                                      final de la obra como mero
sentido por el que la obra se creó.
                                      soporte.




Cuando se contempla una obra conceptual no se ve nada más que el
medio por el cual el artista intentó transmitirnos una idea.
La exploración de metáforas es una herramienta
        poderosa para comunicar ideas complejas.



Las metáforas relacionan elementos de la vida
cotidiana con aspectos nuevos. Por ejemplo, el caso
de "Autopistas de la información", se utiliza el
término "autopistas" para brindar la idea de los
caminos hacia la información.



Las metáforas pueden utilizarse para explicar,
motivar y persuadir al auditorio sobre la asimilación
o introducción de nuevas propuestas.
Existen tres tipos de metáforas que pueden aplicarse al
     diseño de sitios web



1. Metáforas organizacionales:
Facilitan el entendimiento de la organización de un nuevo
sistema a partir de relacionar su estructura organizativa con la
de un sistema existente y conocido.
Los usuarios que tengan conformado el modelo mental sobre
cómo está organizada una tienda por departamentos se
verán identificados si al entrar en una web, que ofrezca este
tipo de servicios, pueden identificar la misma estructura
organizativa que la anteriormente conocida.
2. Metáforas funcionales:
Establecen una conexión entre las tareas realizadas en un
entorno tradicional y las que se desarrollarán en un nuevo
ambiente.
Tal es el caso de las tareas que realiza un usuario de una
biblioteca: búsqueda en el catálogo, consulta al referencista,
etc.

3. Metáforas visuales:
Se apoyan en el uso de elementos gráficos conocidos como
imágenes, íconos y colores para establecer una conexión con
lo nuevo que se desea introducir.
Un ejemplo interesante sería colocar un fondo amarillo a las
páginas del directorio web de un sitio, con el fin de establecer
una similitud con las "páginas amarillas" del directorio
telefónico tradicional.
Diseño minimalista y conceptualismo en páginas web
Diseño minimalista y conceptualismo en páginas web
Diseño minimalista y conceptualismo en páginas web
Diseño minimalista y conceptualismo en páginas web
Diseño minimalista y conceptualismo en páginas web
Diseño minimalista y conceptualismo en páginas web

Más contenido relacionado

La actualidad más candente

La importancia de la tipografía en el diseño gráfico
La importancia de la tipografía en el diseño gráficoLa importancia de la tipografía en el diseño gráfico
La importancia de la tipografía en el diseño gráficoAzury Moya
 
La sintaxis de la imagen
La sintaxis de la imagenLa sintaxis de la imagen
La sintaxis de la imagenrubicielo
 
Historia de las artes graficas
Historia de las artes graficasHistoria de las artes graficas
Historia de las artes graficasKiweeJsc
 
CONTRASTE
CONTRASTECONTRASTE
CONTRASTEPoloko
 
Percepcion visual en la arquitectura. genensis mendoza
Percepcion visual en la arquitectura. genensis mendozaPercepcion visual en la arquitectura. genensis mendoza
Percepcion visual en la arquitectura. genensis mendozaGenesis De C. Mendoza
 
Fundamentos del diseño.1.
Fundamentos del diseño.1.Fundamentos del diseño.1.
Fundamentos del diseño.1.carmensenande
 
Fundamentos Básicos Del Diseño II
Fundamentos Básicos Del Diseño IIFundamentos Básicos Del Diseño II
Fundamentos Básicos Del Diseño IIGerardo González
 
Influencia de la tecnologia en el diseno grafico
Influencia de la tecnologia en el diseno graficoInfluencia de la tecnologia en el diseno grafico
Influencia de la tecnologia en el diseno graficoLunita Bolaños
 
Interrelación de formas - Fundamentos del Diseño Gráfico
Interrelación de formas - Fundamentos del Diseño GráficoInterrelación de formas - Fundamentos del Diseño Gráfico
Interrelación de formas - Fundamentos del Diseño GráficoUNIVA
 
Conceptos de diseño Terminos
Conceptos de diseño Terminos Conceptos de diseño Terminos
Conceptos de diseño Terminos Jerson Stivn
 
Extraordinario Inter semestral Diseño1
Extraordinario Inter semestral Diseño1Extraordinario Inter semestral Diseño1
Extraordinario Inter semestral Diseño1Agryphina Griffindor
 

La actualidad más candente (20)

LA ESTRUCTURA EN DISEÑO BASICO
LA ESTRUCTURA EN DISEÑO BASICOLA ESTRUCTURA EN DISEÑO BASICO
LA ESTRUCTURA EN DISEÑO BASICO
 
La importancia de la tipografía en el diseño gráfico
La importancia de la tipografía en el diseño gráficoLa importancia de la tipografía en el diseño gráfico
La importancia de la tipografía en el diseño gráfico
 
Radiacion
RadiacionRadiacion
Radiacion
 
La sintaxis de la imagen
La sintaxis de la imagenLa sintaxis de la imagen
La sintaxis de la imagen
 
Historia de las artes graficas
Historia de las artes graficasHistoria de las artes graficas
Historia de las artes graficas
 
CONTRASTE
CONTRASTECONTRASTE
CONTRASTE
 
Percepcion visual en la arquitectura. genensis mendoza
Percepcion visual en la arquitectura. genensis mendozaPercepcion visual en la arquitectura. genensis mendoza
Percepcion visual en la arquitectura. genensis mendoza
 
Fundamentos del diseño.1.
Fundamentos del diseño.1.Fundamentos del diseño.1.
Fundamentos del diseño.1.
 
Leyes de la Gestalt
Leyes de la GestaltLeyes de la Gestalt
Leyes de la Gestalt
 
Tecnicas visuales
Tecnicas visualesTecnicas visuales
Tecnicas visuales
 
La Composicion de la Imagen
La Composicion de la ImagenLa Composicion de la Imagen
La Composicion de la Imagen
 
Simplicidad y complejidad
Simplicidad y complejidadSimplicidad y complejidad
Simplicidad y complejidad
 
Técnicas visuales
Técnicas visualesTécnicas visuales
Técnicas visuales
 
Fundamentos Básicos Del Diseño II
Fundamentos Básicos Del Diseño IIFundamentos Básicos Del Diseño II
Fundamentos Básicos Del Diseño II
 
Estructura
EstructuraEstructura
Estructura
 
Influencia de la tecnologia en el diseno grafico
Influencia de la tecnologia en el diseno graficoInfluencia de la tecnologia en el diseno grafico
Influencia de la tecnologia en el diseno grafico
 
Interrelación de formas - Fundamentos del Diseño Gráfico
Interrelación de formas - Fundamentos del Diseño GráficoInterrelación de formas - Fundamentos del Diseño Gráfico
Interrelación de formas - Fundamentos del Diseño Gráfico
 
Conceptos de diseño Terminos
Conceptos de diseño Terminos Conceptos de diseño Terminos
Conceptos de diseño Terminos
 
Tipos de reticulas
Tipos de reticulasTipos de reticulas
Tipos de reticulas
 
Extraordinario Inter semestral Diseño1
Extraordinario Inter semestral Diseño1Extraordinario Inter semestral Diseño1
Extraordinario Inter semestral Diseño1
 

Similar a Diseño minimalista y conceptualismo en páginas web

Similar a Diseño minimalista y conceptualismo en páginas web (20)

diseño web
diseño webdiseño web
diseño web
 
Diana
DianaDiana
Diana
 
Web 2.o y el diseño web
Web 2.o y el diseño webWeb 2.o y el diseño web
Web 2.o y el diseño web
 
Web 2.o y el diseño web
Web 2.o y el diseño webWeb 2.o y el diseño web
Web 2.o y el diseño web
 
La web 2
La web 2La web 2
La web 2
 
Diseño web
Diseño webDiseño web
Diseño web
 
Universidad Israel
Universidad IsraelUniversidad Israel
Universidad Israel
 
02.conceptualizacion
02.conceptualizacion02.conceptualizacion
02.conceptualizacion
 
Seminario, Portadas para un lector académico. Memorias
Seminario, Portadas para un lector académico. MemoriasSeminario, Portadas para un lector académico. Memorias
Seminario, Portadas para un lector académico. Memorias
 
Revista minimalismo jenniffer ramos
Revista minimalismo jenniffer ramosRevista minimalismo jenniffer ramos
Revista minimalismo jenniffer ramos
 
W ebb pdf
W ebb pdfW ebb pdf
W ebb pdf
 
Mapa conseptual de diseño grafico
Mapa conseptual de diseño graficoMapa conseptual de diseño grafico
Mapa conseptual de diseño grafico
 
FUNDAMENTOS DE DIAGRAMACIÓN
FUNDAMENTOS DE DIAGRAMACIÓNFUNDAMENTOS DE DIAGRAMACIÓN
FUNDAMENTOS DE DIAGRAMACIÓN
 
Diseño web
Diseño webDiseño web
Diseño web
 
Periodismo Tradicional VS el Periodismo Digital pd
Periodismo Tradicional VS el Periodismo Digital pdPeriodismo Tradicional VS el Periodismo Digital pd
Periodismo Tradicional VS el Periodismo Digital pd
 
UTPL-MEDIOS IMPRESOS-II BIMESTRE-(abril agosto 2012)
UTPL-MEDIOS IMPRESOS-II BIMESTRE-(abril agosto 2012)UTPL-MEDIOS IMPRESOS-II BIMESTRE-(abril agosto 2012)
UTPL-MEDIOS IMPRESOS-II BIMESTRE-(abril agosto 2012)
 
Diseño web semana 3
Diseño web semana 3Diseño web semana 3
Diseño web semana 3
 
Pasos técnicos para crear un sitio web
Pasos técnicos para crear un sitio web Pasos técnicos para crear un sitio web
Pasos técnicos para crear un sitio web
 
Andres gil 1002 jm
Andres gil 1002 jmAndres gil 1002 jm
Andres gil 1002 jm
 
Web 2
Web 2Web 2
Web 2
 

Más de karina154

Antivirusy vacunas
Antivirusy vacunasAntivirusy vacunas
Antivirusy vacunaskarina154
 
Software malicioso
Software maliciosoSoftware malicioso
Software maliciosokarina154
 
Analisisy diagnostico
Analisisy diagnosticoAnalisisy diagnostico
Analisisy diagnosticokarina154
 
Mantenimiento correctivo sw
Mantenimiento correctivo swMantenimiento correctivo sw
Mantenimiento correctivo swkarina154
 
Depuración de archivos
Depuración de archivosDepuración de archivos
Depuración de archivoskarina154
 
Desfragmentar
DesfragmentarDesfragmentar
Desfragmentarkarina154
 
Respaldo informacion
Respaldo informacionRespaldo informacion
Respaldo informacionkarina154
 
Mantenimiento a dispositivos portátiles
Mantenimiento a dispositivos portátilesMantenimiento a dispositivos portátiles
Mantenimiento a dispositivos portátileskarina154
 
Herramientas para el Mantenimiento
Herramientas para el MantenimientoHerramientas para el Mantenimiento
Herramientas para el Mantenimientokarina154
 
Mantenimiento Preventivo
Mantenimiento PreventivoMantenimiento Preventivo
Mantenimiento Preventivokarina154
 
Teoría del Color y Modelos de Colores
Teoría del Color y Modelos de ColoresTeoría del Color y Modelos de Colores
Teoría del Color y Modelos de Coloreskarina154
 
Formatos imagen
Formatos imagenFormatos imagen
Formatos imagenkarina154
 
Formatos para animación en multimedia
Formatos para animación en multimediaFormatos para animación en multimedia
Formatos para animación en multimediakarina154
 
Tutorial HTML Práctica 1
Tutorial HTML Práctica 1Tutorial HTML Práctica 1
Tutorial HTML Práctica 1karina154
 

Más de karina154 (15)

Firewall
FirewallFirewall
Firewall
 
Antivirusy vacunas
Antivirusy vacunasAntivirusy vacunas
Antivirusy vacunas
 
Software malicioso
Software maliciosoSoftware malicioso
Software malicioso
 
Analisisy diagnostico
Analisisy diagnosticoAnalisisy diagnostico
Analisisy diagnostico
 
Mantenimiento correctivo sw
Mantenimiento correctivo swMantenimiento correctivo sw
Mantenimiento correctivo sw
 
Depuración de archivos
Depuración de archivosDepuración de archivos
Depuración de archivos
 
Desfragmentar
DesfragmentarDesfragmentar
Desfragmentar
 
Respaldo informacion
Respaldo informacionRespaldo informacion
Respaldo informacion
 
Mantenimiento a dispositivos portátiles
Mantenimiento a dispositivos portátilesMantenimiento a dispositivos portátiles
Mantenimiento a dispositivos portátiles
 
Herramientas para el Mantenimiento
Herramientas para el MantenimientoHerramientas para el Mantenimiento
Herramientas para el Mantenimiento
 
Mantenimiento Preventivo
Mantenimiento PreventivoMantenimiento Preventivo
Mantenimiento Preventivo
 
Teoría del Color y Modelos de Colores
Teoría del Color y Modelos de ColoresTeoría del Color y Modelos de Colores
Teoría del Color y Modelos de Colores
 
Formatos imagen
Formatos imagenFormatos imagen
Formatos imagen
 
Formatos para animación en multimedia
Formatos para animación en multimediaFormatos para animación en multimedia
Formatos para animación en multimedia
 
Tutorial HTML Práctica 1
Tutorial HTML Práctica 1Tutorial HTML Práctica 1
Tutorial HTML Práctica 1
 

Último

Folleto tríptico turismo en la Ciudad de México simple verde.pdf
Folleto tríptico turismo en la Ciudad de México simple verde.pdfFolleto tríptico turismo en la Ciudad de México simple verde.pdf
Folleto tríptico turismo en la Ciudad de México simple verde.pdfPOLALAGUNADANIELA
 
Arquitectura Mexicana Contemporánea en México
Arquitectura Mexicana Contemporánea en MéxicoArquitectura Mexicana Contemporánea en México
Arquitectura Mexicana Contemporánea en MéxicoJUANJOSESANCHEZPEA
 
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptx
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptxDanielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptx
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptxaurorialfonzo6
 
Diagramas de flujo metalurgico en mineria.pptx
Diagramas de flujo metalurgico en mineria.pptxDiagramas de flujo metalurgico en mineria.pptx
Diagramas de flujo metalurgico en mineria.pptxHarryArmandoLazaroBa
 
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdfQue es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdfandrea Varela
 
Arquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdfArquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdfduf110205
 
Comandos Autocad Español Autodesk Autocad.pdf
Comandos Autocad Español Autodesk Autocad.pdfComandos Autocad Español Autodesk Autocad.pdf
Comandos Autocad Español Autodesk Autocad.pdfjuandavidbello432
 
La arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historiaLa arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historiaCamilaIsabelaRodrigu
 
Clase 8. Caracteristicas de la población.pptx
Clase 8. Caracteristicas de la población.pptxClase 8. Caracteristicas de la población.pptx
Clase 8. Caracteristicas de la población.pptxVanessaPobletePoblet
 
Trabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdf
Trabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdfTrabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdf
Trabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdfrociomoral626
 
arquitectura griega.pdf fghjdchjypiyez2d
arquitectura griega.pdf fghjdchjypiyez2darquitectura griega.pdf fghjdchjypiyez2d
arquitectura griega.pdf fghjdchjypiyez2dheribertaferrer
 
PLANTILLA POWER POINT EL NUEVO ECUADOR EC
PLANTILLA POWER POINT EL NUEVO ECUADOR ECPLANTILLA POWER POINT EL NUEVO ECUADOR EC
PLANTILLA POWER POINT EL NUEVO ECUADOR ECESTADISTICAHDIVINAPR
 
Diapositiva de la ansiedad...para poder enfrentarlo
Diapositiva de la ansiedad...para poder enfrentarloDiapositiva de la ansiedad...para poder enfrentarlo
Diapositiva de la ansiedad...para poder enfrentarlojefeer060122
 
Que es un sistema integrado de Seguridad.pptx
Que es un sistema integrado de Seguridad.pptxQue es un sistema integrado de Seguridad.pptx
Que es un sistema integrado de Seguridad.pptxYeissonRINCONRIVERA
 
Croquis de Hospital general (Ficticio) con señalizaciones de seguridad
Croquis de Hospital general (Ficticio) con señalizaciones de seguridadCroquis de Hospital general (Ficticio) con señalizaciones de seguridad
Croquis de Hospital general (Ficticio) con señalizaciones de seguridadratc070603hmcmrha7
 
2DA SEMANA ABRIL proyecto nivel inicial 3 y 4 años
2DA SEMANA ABRIL proyecto nivel inicial 3 y 4 años2DA SEMANA ABRIL proyecto nivel inicial 3 y 4 años
2DA SEMANA ABRIL proyecto nivel inicial 3 y 4 añosMilagrosMnstx
 
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...UNACH - Facultad de Arquitectura.
 
Historia de los estilos artísticos docum
Historia de los estilos artísticos documHistoria de los estilos artísticos docum
Historia de los estilos artísticos documminipuw
 
PRIS - (2021) - SEMANA 3 - AZUFRE - ÁCIDO SULFÚRICO - ASPECTOS GENERALES - ...
PRIS - (2021) - SEMANA 3 - AZUFRE  -  ÁCIDO SULFÚRICO - ASPECTOS GENERALES - ...PRIS - (2021) - SEMANA 3 - AZUFRE  -  ÁCIDO SULFÚRICO - ASPECTOS GENERALES - ...
PRIS - (2021) - SEMANA 3 - AZUFRE - ÁCIDO SULFÚRICO - ASPECTOS GENERALES - ...maria Apellidos
 
Miriam Tello / Interdisciplinariedad en el diseño / tfm uned 2015
Miriam Tello / Interdisciplinariedad en el diseño / tfm uned 2015Miriam Tello / Interdisciplinariedad en el diseño / tfm uned 2015
Miriam Tello / Interdisciplinariedad en el diseño / tfm uned 2015Miriam Tello
 

Último (20)

Folleto tríptico turismo en la Ciudad de México simple verde.pdf
Folleto tríptico turismo en la Ciudad de México simple verde.pdfFolleto tríptico turismo en la Ciudad de México simple verde.pdf
Folleto tríptico turismo en la Ciudad de México simple verde.pdf
 
Arquitectura Mexicana Contemporánea en México
Arquitectura Mexicana Contemporánea en MéxicoArquitectura Mexicana Contemporánea en México
Arquitectura Mexicana Contemporánea en México
 
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptx
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptxDanielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptx
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptx
 
Diagramas de flujo metalurgico en mineria.pptx
Diagramas de flujo metalurgico en mineria.pptxDiagramas de flujo metalurgico en mineria.pptx
Diagramas de flujo metalurgico en mineria.pptx
 
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdfQue es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
 
Arquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdfArquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdf
 
Comandos Autocad Español Autodesk Autocad.pdf
Comandos Autocad Español Autodesk Autocad.pdfComandos Autocad Español Autodesk Autocad.pdf
Comandos Autocad Español Autodesk Autocad.pdf
 
La arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historiaLa arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historia
 
Clase 8. Caracteristicas de la población.pptx
Clase 8. Caracteristicas de la población.pptxClase 8. Caracteristicas de la población.pptx
Clase 8. Caracteristicas de la población.pptx
 
Trabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdf
Trabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdfTrabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdf
Trabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdf
 
arquitectura griega.pdf fghjdchjypiyez2d
arquitectura griega.pdf fghjdchjypiyez2darquitectura griega.pdf fghjdchjypiyez2d
arquitectura griega.pdf fghjdchjypiyez2d
 
PLANTILLA POWER POINT EL NUEVO ECUADOR EC
PLANTILLA POWER POINT EL NUEVO ECUADOR ECPLANTILLA POWER POINT EL NUEVO ECUADOR EC
PLANTILLA POWER POINT EL NUEVO ECUADOR EC
 
Diapositiva de la ansiedad...para poder enfrentarlo
Diapositiva de la ansiedad...para poder enfrentarloDiapositiva de la ansiedad...para poder enfrentarlo
Diapositiva de la ansiedad...para poder enfrentarlo
 
Que es un sistema integrado de Seguridad.pptx
Que es un sistema integrado de Seguridad.pptxQue es un sistema integrado de Seguridad.pptx
Que es un sistema integrado de Seguridad.pptx
 
Croquis de Hospital general (Ficticio) con señalizaciones de seguridad
Croquis de Hospital general (Ficticio) con señalizaciones de seguridadCroquis de Hospital general (Ficticio) con señalizaciones de seguridad
Croquis de Hospital general (Ficticio) con señalizaciones de seguridad
 
2DA SEMANA ABRIL proyecto nivel inicial 3 y 4 años
2DA SEMANA ABRIL proyecto nivel inicial 3 y 4 años2DA SEMANA ABRIL proyecto nivel inicial 3 y 4 años
2DA SEMANA ABRIL proyecto nivel inicial 3 y 4 años
 
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...
 
Historia de los estilos artísticos docum
Historia de los estilos artísticos documHistoria de los estilos artísticos docum
Historia de los estilos artísticos docum
 
PRIS - (2021) - SEMANA 3 - AZUFRE - ÁCIDO SULFÚRICO - ASPECTOS GENERALES - ...
PRIS - (2021) - SEMANA 3 - AZUFRE  -  ÁCIDO SULFÚRICO - ASPECTOS GENERALES - ...PRIS - (2021) - SEMANA 3 - AZUFRE  -  ÁCIDO SULFÚRICO - ASPECTOS GENERALES - ...
PRIS - (2021) - SEMANA 3 - AZUFRE - ÁCIDO SULFÚRICO - ASPECTOS GENERALES - ...
 
Miriam Tello / Interdisciplinariedad en el diseño / tfm uned 2015
Miriam Tello / Interdisciplinariedad en el diseño / tfm uned 2015Miriam Tello / Interdisciplinariedad en el diseño / tfm uned 2015
Miriam Tello / Interdisciplinariedad en el diseño / tfm uned 2015
 

Diseño minimalista y conceptualismo en páginas web

  • 1. MÓDULO II SUBMÓDULO III ELABORACIÓN DE PÁGINAS WEB TEORÍAS DEL DISEÑO: MINIMALISMO Y CONCEPTUALISMO I.S.C. Karina Delgado Huante
  • 2. Se basa siempre en la utilización Es una corriente artística que de elementos simples, en los se basa en la reducción de que no importaba nada más objetos reales a formas que el objeto en sí, no hay título, simplificadas, geométricas, no existe una representación de impersonales y frías. algo. Un diseño La principal ventaja de minimalista no es una página con necesariamente un diseño minimalista es buen diseño, y un que se carga buen diseño no rápidamente en el tiene porque ser navegador. minimalista.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8. Algunas pistas para identificar un diseño minimalista en una página web son: • Abundante uso de tonos grises/pastel, o incluso el blanco/negro • Logos aparentemente austeros, posiblemente fotos con macro o alguna paranoia asombrosa • Tipografías muy pequeñas, casi ilegibles • Uso de texturas como fondos, o tintas planas • Bordes fuera de lo común, enlaces que brillan cuando se pasa el cursor por encima, etc. • Menos del 35% del área de la página tiene contenido En ocasiones, sin embargo, la pequeñez de la letra, las tipografías rebuscadas, los colores pálidos, pueden conducir al visitante a cierto aburrimiento, incluso a una molesta sensación de vacío.
  • 9. La idea de la obra prevalece sobre El arte conceptual o sus aspectos formales, y en conceptualismo se basa en que las muchos casos la idea es la obra en ideas dentro de una obra son un sí misma, quedando la resolución elemento más importante que el final de la obra como mero sentido por el que la obra se creó. soporte. Cuando se contempla una obra conceptual no se ve nada más que el medio por el cual el artista intentó transmitirnos una idea.
  • 10. La exploración de metáforas es una herramienta poderosa para comunicar ideas complejas. Las metáforas relacionan elementos de la vida cotidiana con aspectos nuevos. Por ejemplo, el caso de "Autopistas de la información", se utiliza el término "autopistas" para brindar la idea de los caminos hacia la información. Las metáforas pueden utilizarse para explicar, motivar y persuadir al auditorio sobre la asimilación o introducción de nuevas propuestas.
  • 11. Existen tres tipos de metáforas que pueden aplicarse al diseño de sitios web 1. Metáforas organizacionales: Facilitan el entendimiento de la organización de un nuevo sistema a partir de relacionar su estructura organizativa con la de un sistema existente y conocido. Los usuarios que tengan conformado el modelo mental sobre cómo está organizada una tienda por departamentos se verán identificados si al entrar en una web, que ofrezca este tipo de servicios, pueden identificar la misma estructura organizativa que la anteriormente conocida.
  • 12. 2. Metáforas funcionales: Establecen una conexión entre las tareas realizadas en un entorno tradicional y las que se desarrollarán en un nuevo ambiente. Tal es el caso de las tareas que realiza un usuario de una biblioteca: búsqueda en el catálogo, consulta al referencista, etc. 3. Metáforas visuales: Se apoyan en el uso de elementos gráficos conocidos como imágenes, íconos y colores para establecer una conexión con lo nuevo que se desea introducir. Un ejemplo interesante sería colocar un fondo amarillo a las páginas del directorio web de un sitio, con el fin de establecer una similitud con las "páginas amarillas" del directorio telefónico tradicional.