“Flat Design” Rogelio Ferreira Escutia.

Slides:



Advertisements
Presentaciones similares
Evolución de la Tecnologías para el Desarrollo de Aplicaciones Distribuidas Rogelio Ferreira Escutia.
Advertisements

“Taller de Videojuegos con HTML 5” Rogelio Ferreira Escutia Tengo una idea!!!
“Problemas con la seguridad”
Tendencias de Construcción Web
Redes Sociales Rogelio Ferreira Escutia.
“CSS - Texto” Rogelio Ferreira Escutia.
Android TV Rogelio Ferreira Escutia.
Rogelio Ferreira Escutia
Módulo de Especialidad en
“CSS - Colores” Rogelio Ferreira Escutia.
“Tendencias 2015: Foro Económico Mundial”
“Análisis de la Situación Actual de la
“Desarrollo de Aplicaciones para Ambientes Distribuidos”
“Tecnologías para Construir el
Rogelio Ferreira Escutia
“HTML – Estructura” Rogelio Ferreira Escutia.
Módulo de Especialidad en
“Conceptos sobre IOS” Rogelio Ferreira Escutia.
“Análisis de la Situación Actual
“HTML – Imágenes” Rogelio Ferreira Escutia.
“Recomendaciones para el Arranque de Clases”
Rogelio Ferreira Escutia
“HTML – Manejo de Texto”
“Instalación” Rogelio Ferreira Escutia.
“Principios y directrices de diseño”
“Análisis de la Situación Actual de los Negocios Electrónicos”
“Arduino - Herramientas” Rogelio Ferreira Escutia
“Taller de Videojuegos con HTML 5”
Marketing - “Presencia Digital” Rogelio Ferreira Escutia
“Historia” Rogelio Ferreira Escutia
Rogelio Ferreira Escutia
“Conceptos de Internet de las Cosas” Rogelio Ferreira Escutia
“Arduino - Historia” Rogelio Ferreira Escutia
“Teoría del Color” Rogelio Ferreira Escutia.
“Principios de telefonía: características,
“Raspberry Pi - RFID” Rogelio Ferreira Escutia
Almacenamiento con File I/O Ejemplo Rogelio Ferreira Escutia
Módulo de Especialidad en
“Proporción Áurea” Rogelio Ferreira Escutia.
“Creación del Hola Mundo”
“Concurso Nacional de Creatividad 2009”
“Blockchain - Conceptos” Rogelio Ferreira Escutia
“Tecnologías para construir el Internet de las Cosas”
“Algoritmos en Inteligencia Artificial” Rogelio Ferreira Escutia
Módulo de Especialidad en
Marketing - “Posicionamiento” Rogelio Ferreira Escutia
“Herramientas” Rogelio Ferreira Escutia
Material para “Internet de las Cosas” Rogelio Ferreira Escutia
Proyecto Final “Plataforma OpenClass para Educación a Distancia”
“Proyectos de Big Data” Rogelio Ferreira Escutia
Conceptos sobre Sistemas Operativos Rogelio Ferreira Escutia
“Conceptos sobre Sensores” Rogelio Ferreira Escutia
“Funcionamiento” Rogelio Ferreira Escutia.
“Tipos de Antenas” Rogelio Ferreira Escutia.
“Material Design” Rogelio Ferreira Escutia.
“Raspberry Pi - Herramientas” Rogelio Ferreira Escutia
“Lenguaje de Programación” Rogelio Ferreira Escutia
Múltiples Idiomas Rogelio Ferreira Escutia
Marketing - “Modelos de Negocio” Rogelio Ferreira Escutia
“Kit de 37 sensores” Rogelio Ferreira Escutia
MPI - “Programación” Rogelio Ferreira Escutia
Marketing - “Análisis de Sitios” Rogelio Ferreira Escutia
“Amazon Web Services - Conceptos”
“Multiplexado y demultiplexado de señales:
“User Experience” Rogelio Ferreira Escutia.
“Creación de una calculadora”
“Android - Estructura”
“Sistemas RAID - Conceptos”
“Cloud Computing” Rogelio Ferreira Escutia.
Preparándose para el Futuro
Transcripción de la presentación:

“Flat Design” Rogelio Ferreira Escutia

Conceptos 2

Surgimiento La década del 2010 vió el nacimiento del Flat Design y en el 2013 como su punto mas importante y actualmente es de lo mas usados para nuevos sitios.. 3

Surgimiento El éxito del Flat Design se debe a que proporciona al usuario el contenido, como su punto mas importante 4

Puntos Importantes 1) Simple e intuitivo. 2) Es perfecto para diseños adaptativos. 3) Su popularidad y uso futuro se deben a sus conceptos básicos de diseño. 5

Apple Cuando Apple diseñó iOS 7 simplificó su interface con un aire de Flat Design, con aspecto minimalista, después de una era de iconos muy detallados. 6

Evolución del Flat Design 7

Apple Actualmente se agregan algunos patrones de diseño al Flat Design: Modular y Limpio. Sombras degradados y texturas. Elementos totalmente planos pero sin perder realismo. 8

1) Modular y Limpio 9

2) Toques de Sombras, degradados, texturas 10

3) Elementos planos y realismo 11

Tendencias derivadas 12

Diseño Material (Google) Características: Ambiente visual aplicado a la realidad. Prevalece la teoría de diseño básico. Darle significado al movimiento. 13

Diseño Material (Google) 14

Balance entre diseño y usabilidad 15

Principios del Flat Design 16

Sombras largas 17

Paletas de color brillantes 18

Tipos de letra simples 19

Botones fantasmas 20

Minimalismo 21

Parallax Scrolling 22

Animaciones complejas 23

Técnicas Híbridas 24

Técnicas Híbridas 25

Técnicas Híbridas 26

Rogelio Ferreira Escutia Instituto Tecnológico de Morelia Departamento de Sistemas y Computación Correo: rogelio@itmorelia.edu.mx rogeplus@gmail.com Página Web: http://antares.itmorelia.edu.mx/~kaos/ http://www.xumarhu.net/ Twitter: http://twitter.com/rogeplus Facebook: http://www.facebook.com/groups/xumarhu.net/ 27