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 actualidad más candente (20)

Achurado
AchuradoAchurado
Achurado
 
Que es diagramación
Que es diagramación Que es diagramación
Que es diagramación
 
Diseño Básico
Diseño BásicoDiseño Básico
Diseño Básico
 
Elementos de Relacion
Elementos  de RelacionElementos  de Relacion
Elementos de Relacion
 
Diseño gráfico cartel
Diseño gráfico  cartelDiseño gráfico  cartel
Diseño gráfico cartel
 
Principios Basicos Del Diseño Según Wucius Wong
Principios Basicos Del Diseño Según Wucius Wong Principios Basicos Del Diseño Según Wucius Wong
Principios Basicos Del Diseño Según Wucius Wong
 
Fundamentos del diseño
Fundamentos del diseñoFundamentos del diseño
Fundamentos del diseño
 
Presentacion fundamentos de diseño wucius
Presentacion fundamentos de diseño wuciusPresentacion fundamentos de diseño wucius
Presentacion fundamentos de diseño wucius
 
Teorías de diseño
Teorías de diseñoTeorías de diseño
Teorías de diseño
 
Fundamentos del Diseño - Wucius Wong
Fundamentos del Diseño - Wucius WongFundamentos del Diseño - Wucius Wong
Fundamentos del Diseño - Wucius Wong
 
Estructuras de pared
Estructuras de paredEstructuras de pared
Estructuras de pared
 
Diagramacion
Diagramacion Diagramacion
Diagramacion
 
Fundamentos del Diseño - Wucius Wong
Fundamentos del Diseño - Wucius Wong Fundamentos del Diseño - Wucius Wong
Fundamentos del Diseño - Wucius Wong
 
Fundamentos del diseño.1.
Fundamentos del diseño.1.Fundamentos del diseño.1.
Fundamentos del diseño.1.
 
Bloque 2 elementos de configuración formal
Bloque 2 elementos de configuración formalBloque 2 elementos de configuración formal
Bloque 2 elementos de configuración formal
 
La Composicion
La ComposicionLa Composicion
La Composicion
 
Familias tipográficas
Familias tipográficasFamilias tipográficas
Familias tipográficas
 
Infografia
InfografiaInfografia
Infografia
 
Deconstrucción
DeconstrucciónDeconstrucción
Deconstrucción
 
Que son fuentes tipográficas
Que son fuentes tipográficasQue son fuentes tipográficas
Que son fuentes tipográficas
 

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

Maquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdfMaquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdforianaandrade11
 
Arquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der RoheArquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der Roheimariagsg
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialAndreaMlaga1
 
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHEAPORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHEgonzalezdfidelibus
 
428483625-ANALISIS-DEL-REGLAMENTO-DE-METRADOS.pptx
428483625-ANALISIS-DEL-REGLAMENTO-DE-METRADOS.pptx428483625-ANALISIS-DEL-REGLAMENTO-DE-METRADOS.pptx
428483625-ANALISIS-DEL-REGLAMENTO-DE-METRADOS.pptxReneSalas18
 
SENSICO CURSO DE EXPEDIENTE TECNICO DE OBRAS
SENSICO CURSO DE EXPEDIENTE TECNICO DE OBRASSENSICO CURSO DE EXPEDIENTE TECNICO DE OBRAS
SENSICO CURSO DE EXPEDIENTE TECNICO DE OBRASpaotavo97
 
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdfcnaomi195
 
Arquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth BermúdezArquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth BermúdezNaza59
 
Quinto-Cuaderno-del-Alumno-optimizado.pdf
Quinto-Cuaderno-del-Alumno-optimizado.pdfQuinto-Cuaderno-del-Alumno-optimizado.pdf
Quinto-Cuaderno-del-Alumno-optimizado.pdfPapiElMejor1
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddabuitragoi
 
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)LeonardoDantasRivas
 
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura ModernaLe Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Modernasofpaolpz
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturajesusgrosales12
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxbarbaracantuflr
 
EL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdf
EL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdfEL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdf
EL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdfCeciliaTernR1
 
TRABAJO DESDE CASA REGION INSULAR.docx.pdf
TRABAJO DESDE CASA REGION INSULAR.docx.pdfTRABAJO DESDE CASA REGION INSULAR.docx.pdf
TRABAJO DESDE CASA REGION INSULAR.docx.pdfDamarysNavarro1
 
Arquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMArquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMNaza59
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOManuelBustamante49
 
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfLAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfBrbara57940
 
PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .Rosa329296
 

Último (20)

Maquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdfMaquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdf
 
Arquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der RoheArquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der Rohe
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especial
 
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHEAPORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
 
428483625-ANALISIS-DEL-REGLAMENTO-DE-METRADOS.pptx
428483625-ANALISIS-DEL-REGLAMENTO-DE-METRADOS.pptx428483625-ANALISIS-DEL-REGLAMENTO-DE-METRADOS.pptx
428483625-ANALISIS-DEL-REGLAMENTO-DE-METRADOS.pptx
 
SENSICO CURSO DE EXPEDIENTE TECNICO DE OBRAS
SENSICO CURSO DE EXPEDIENTE TECNICO DE OBRASSENSICO CURSO DE EXPEDIENTE TECNICO DE OBRAS
SENSICO CURSO DE EXPEDIENTE TECNICO DE OBRAS
 
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
 
Arquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth BermúdezArquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth Bermúdez
 
Quinto-Cuaderno-del-Alumno-optimizado.pdf
Quinto-Cuaderno-del-Alumno-optimizado.pdfQuinto-Cuaderno-del-Alumno-optimizado.pdf
Quinto-Cuaderno-del-Alumno-optimizado.pdf
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidad
 
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
 
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura ModernaLe Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitectura
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptx
 
EL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdf
EL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdfEL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdf
EL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdf
 
TRABAJO DESDE CASA REGION INSULAR.docx.pdf
TRABAJO DESDE CASA REGION INSULAR.docx.pdfTRABAJO DESDE CASA REGION INSULAR.docx.pdf
TRABAJO DESDE CASA REGION INSULAR.docx.pdf
 
Arquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMArquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSM
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
 
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfLAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
 
PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .
 

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.