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

Tesseract OCR: Reconocimiento de caracteres

OCR (Optical Character Recognition) en español, Reconociminto Optico de Caracteres, es el proceso por el cual  se extrae[...]

Crear ayuda HTML para programa con JavaFX Swing

En este post veremos como crear una aplicación de ayuda al usuario similar al extinto javahelp. Pero en esta oportunidad[...]

Cambiar icono de aplicación en IDE Eclipse

Si tenemos una aplicación android que estemos desarrollando en el IDE Eclipse y queremos cambiar el icono de la aplicaci[...]

Leer y Escribir registros en archivo de texto

A veces se necesita utilizar archivos de texto plano como contenedor de registros como si de una base de datos se tratar[...]

Hola Mundo con Slim Framework

Slim es un micro framework para PHP que nos ayuda a escribir rápidamente aplicaciones Web y APIs sencillas pero poderosa[...]

Mapas en HTML5 – Uniendo todo – Parte 6

Última parte del tutorial «Mapas interactivos HTML5», vamos uniendo todo todo el código. En la parte 5 de este tutorial,[...]