COLOR EN LA WEB Uso y funcionalidad Color en lo digital.

Presentación del tema: "COLOR EN LA WEB Uso y funcionalidad Color en lo digital."— Transcripción de la presentación:

1 COLOR EN LA WEB Uso y funcionalidad Color en lo digital

2 El significado cambia al ser mas funcional que psicológico  Amarillo – Enmarca inteligencia y la creatividad

3  Naranja: Proyecta juventud, es activo y en ocasiones agresivo

4  Rojo: Es importante usarlo con moderación y bajando su intensidad. Es agresivo y fuerte.

5  Azul: Se relaciona mucho con la tecnología. Se usa en tonos fuertes y luminosos

6  Violeta: Se vincula con lo fantasioso y con lo femenino

7  Rosa: Proviene de una atmosfera relajada

8  Verde: Usado en paginas relacionadas con el medio ambiente.

9  Marrón: Evoca lo añejo y la seriedad

10  Blanco: Resalta colores y da simpleza. Puede parecer frívolo

11  Gris: Evoca el futurismo y lo elegante

12  Negro: Provoca elegancia, sofisticación, sensación de profundidad

13 Aplicación del color  Gamas cromáticas mas llamativas e iluminadas.

14 Trabajo de color  Colores hexadecimales www.colorsontheweb.com/web safecolors.asp

15  Color indexado: Manejo de imágenes en photoshop. Imagen – Modo – bipmap escala grises duotono Color indexado rgb cmyk Color lab Multicanal Primero se convierte a escala de grises Solo tiene un canal de 8 bits de color (256 colores) Poco peso, buenas características visuales.

16

17

18

19 Paginas para uso de color Color schemer, http://www.colorschemer.com/online.html http://www.colorschemer.com/online.html Photocopa, http://www.colourlovers.com/photocopa Themeleon, http://www.colourlovers.com/themeleon/twitter Kuler http://www.adobe.com/es/products/kuler.htmlhttp://www.adobe.com/es/products/kuler.html Color combos http://www.colorcombos.com

20 COLOR EN DISPOSITIVOS MOVILES Uso y funcionalidad Color en lo digital

21 Manejo del color Es la manera mas eficaz para que las aplicaciones se destaquen de la competencia, casi todas imitan los aplicativos iniciales de Apple. La tendencia es a usar colores primarios y degradados con acabados en mate.

22 Pensar en  Usabilidad  Comodidad  Estrategia

23 Paginas para diseño de aplicativos móviles  http://mobiledesignpatterngallery.com/ http://mobiledesignpatterngallery.com/  http://www.mobile-patterns.com/ http://www.mobile-patterns.com/  http://pttrns.com/ http://pttrns.com/  http://androidpttrns.com/ http://androidpttrns.com/  http://inspired-ui.com/ http://inspired-ui.com/

24 Paginas con ejemplos  http://www.abookapart.com/products/mobile-first http://www.abookapart.com/products/mobile-first  http://www.abookapart.com/products/content-strategy- for-mobile http://www.abookapart.com/products/content-strategy- for-mobile  https://shop.smashingmagazine.com/smashing-mobile- bundle.html https://shop.smashingmagazine.com/smashing-mobile- bundle.html  http://nathanbarry.com/app-design-handbook/ http://nathanbarry.com/app-design-handbook/  http://www.smashingmagazine.com/guidelines-for- mobile-web-development/ http://www.smashingmagazine.com/guidelines-for- mobile-web-development/  http://designmodo.com/wireframing-prototyping-mobile- app/\ http://designmodo.com/wireframing-prototyping-mobile- app/\

25 Aplicaciones para diseño  http://mobiledesignpatterngallery.com/ http://mobiledesignpatterngallery.com/  http://www.mobile-patterns.com/ http://www.mobile-patterns.com/  http://pttrns.com/ http://pttrns.com/  http://androidpttrns.com/ http://androidpttrns.com/  http://inspired-ui.com/ http://inspired-ui.com/