COLOR EN LA WEB

Uso y funcionalidad

Color en lo digital

El significado cambia al ser mas funcional que psicológicoAmarillo – Enmarca inteligencia y la creatividad

Naranja: Proyecta juventud, es activo y en ocasiones agresivo

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

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

Violeta: Se vincula con lo fantasioso y con lo femenino

Rosa: Proviene de una atmosfera relajada

Verde: Usado en paginas relacionadas con el medio ambiente.

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

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

Gris: Evoca el futurismo y lo elegante

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

Aplicación del colorGamas cromáticas mas llamativas e

iluminadas.

Trabajo de colorColores hexadecimales

www.colorsontheweb.com/websafecolors.asp

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.

Paginas para uso de color

Color schemer, 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.html

Color combos http://www.colorcombos.com

COLOR EN DISPOSITIVOS MOVILES

Uso y funcionalidad

Color en lo digital

Manejo del colorEs 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.

Pensar enUsabilidad

Comodidad

Estrategia

Paginas para diseño de aplicativos móviles

http://mobiledesignpatterngallery.com/ 

http://www.mobile-patterns.com/

http://pttrns.com/ 

http://androidpttrns.com/ 

http://inspired-ui.com/

Paginas con ejemplos

http://www.abookapart.com/products/mobile-first

http://www.abookapart.com/products/content-strategy-for-mobile

https://shop.smashingmagazine.com/smashing-mobile-bundle.html

http://nathanbarry.com/app-design-handbook/

http://www.smashingmagazine.com/guidelines-for-mobile-web-development/

http://designmodo.com/wireframing-prototyping-mobile-app/\

Aplicaciones para diseño

http://mobiledesignpatterngallery.com/ 

http://www.mobile-patterns.com/

http://pttrns.com/

http://androidpttrns.com/

http://inspired-ui.com/