En esta publicación se da a conocer un resumen de una publicación
sobre la manera adecuada de cómo utilizar los colores de acuerdo como lo hace
Google, especialmente en el área web dividida en tres partes, paleta de color, aplicación
de color UI (interfaz de usuario) y temas.
Google sugiere el uso de 500 colores como primarios que
ellos mismos usan para dispositivos Android, Web y IOS, estas combinaciones se
trabajaron para que fueran armónicas, una ergonomía adecuada para la lectura,
como la primer imagen muestra un ejemplo de ilustración o íconos.
La paleta de colores está disponible para
Illustrator y Photoshop, se explicará cómo agregarlo, para descargar es
necesario sólo dar clic en el siguiente enlace
Esta es una muestra de la combinación que sugiere Google y
como trabajan ellos mismos. En el ambiente WEB los colores se manejan por
números, de igual manera cuando trabajamos en Illustrator y Photoshop en la opción
Web o Flash, como el Índigo es #3F51B5, Negro #000000, Blanco #FFFFFF.
Para
agregar la paleta de colores después de descargarlo necesitamos abrir los programas,
en el caso de Illustrator debemos dirigirnos a la ventana Muestras ó Swatches y
en la esquina superior derecha hay un ícono de opciones, seleccionamos cargar muestras, buscamos donde se
descargó el archivo y seleccionamos los que tienen terminación .ase, después de
eso nos abre ya la ventana de paleta de colores que descargamos, los pasos son
los mismos en el caso de Photoshop. Si quieres ver las combinaciones puedes ir
al sitio dando clic en este enlace.
UI significa: Nombre de la interfaz de usuario utilizado principalmente
para los dispositivos móviles, (teléfonos móvil, Tablets, etc.) para plantillas
táctiles. La página recomienda usar sólo tres colores primarios, fuente, color
de botón y color de selección y esto es lo adecuado ya que la saturación de
color puede desorientar a quien lo usa en vez de hacerlo más fácil y accesible,
aquí un ejemplo en color índigo.
En
algunos Web se puede agregar otro color pero esto referente a web, en el caso
del blog cuando uno ya accedió a una publicación el enlace se torna de otro
color, pero hablamos de web no interfaz móvil.
Google trabaja sus temas como ejemplos Google+, Hangoust,
entre otros más los cuales los colores que usa respeta los primarios que utiliza,
los colores y cambios de colores se puede ver en el momento de seleccionar o poner
el puntero sobre las opciones.
Tema principal, subtemas, jerarquías entre
otros. Utiliza los colores principalmente en contrastes
altos para dar ciertas importancias, en este ejemplo la pestaña o sitio donde
se está ubicado, Inbox de color blanco, la pestaña principal de azul y el
símbolo de opciones de azul oscuro así como el símbolo de búsqueda, las
jerarquías también se encuentra en el tamaño de las letras, en este caso el
nombre del mensaje, el día y con el empiezo del mensaje de color gris.
Otro
ejemplo de los temas son los que existen en los celulares, hay una aplicación
de Google llamada Themer donde te permite instalar distintos temas para tu
celular, lo promocionan por si estás aburrido de tener el mismo tema que viene por
default, si cuentas con un equipo Android y quieres ver los distintos temas así
como los colores y manera de usarlo aquí puedes descargarlo.
Video promocional
de Themer
No hay comentarios:
Publicar un comentario