Aprende Java Aprende Php Aprende C++ Aprende HTML 5 Aprende JavaScript Aprende JSON Aprende MySQL Aprende SQLServer Aprende Visual Basic 6 Aprende PostgreSQL Aprende SQLite Aprende Redis Aprende Kotlin Aprende XML Aprende Linux VSC Aprende Wordpress Aprende Laravel Aprende VueJS Aprende JQuery Aprende Bootstrap Aprende Netbeans Aprende Android
Sigueme en Facebook Sigueme en Twitter Sigueme en Instagram Sigueme en Youtube Sigueme en TikTok Sigueme en Whatsapp
Home / Android / Material Design: Paleta de Colores

Material Design: Paleta de Colores

Por jc mouse viernes, mayo 26, 2017

«Material Design es una guía integral para el diseño visual, de movimientos y de interacción en distintas plataformas y dispositivos. Android ahora es compatible con las aplicaciones de Material Design»


La web de Android Developer te brinda un montón de recursos para que puedas utilizarlos en tus diseños, uno de estos recursos es una Paleta de Colores que puedes utilizarlos ya sea desde la web o desde tu editor de imágenes preferido 🙂 previamente instalado claro y es lo que haremos en este post.

Necesitamos:

  • Descargar Color Swatches (0.2 MB)
  • Tener instalado Photoshop o Illustrator

Instalación en Photoshop

  • Abre la ubicación donde instalaste Photoshop, por lo general esta en «C:\Program Files\Adobe\Adobe Photoshop CC\«
  • A continuación busca y abre las carpetas «Presets\Color Swatches«.  En esta carpeta se encuentran las Muestras de Color que tiene Photoshop bajo la extension *.ACO
  • En el archivo que descargaste busca el archivo Material Palette.aco y muevelo a la carpeta Color Swatches

Utilizar la Paleta de Muestras 

Inicia Photoshop y si no lo tienes visible, dirígete a Ventana -> Muestras para visibilizar la ventana de muestras.

Luego presiona el triangulo invertido que esta a la derecha y busca «Material Palette», presionalo.

muestras

Aparece una ventana de dialogo, presiona el botón OK para cargar las muestras y ya tienes la Paleta de Colores de Material Desing listo para usar 🙂

swatches

color palette

enjoy!!!

Tags

Artículos similares

Node.js: Instalación, configuración y Hola Mundo

No se puede negar la popularidad que ganaron las aplicaciones de JavaScript en los últimos años, y las bibliotecas dispo[...]

Ajustar imagen de fondo a diferentes resoluciones

Si diseñamos paginas web, nos habremos topado con el problema de colocar una imagen de fondo y que este se adapte a toda[...]

Generar reportes con origen de datos JSON

JSON es un formato de texto ligero para el intercambio de datos ampliamente usado en los Servicios Web. En este post uti[...]

Música para programar (Todos los gustos)

Programar es un arte y si bien escuchar música no te convertirá en un programador más hábil, estudios han demostrado que[...]

Conectar SQL Server con PHP 8.x

Lo que veremos en este post es la configuración del driver para PHP de SQL Server que ha creado Microsoft el cual permit[...]

Primeros pasos con Vue CLI: Crea tu Entorno de Trabajo

En un post anterior [Introducción a VueJS framework para el desarrollo FrontEnd] realizamos una breve introducción a Vue[...]