sábado, 18 de febrero de 2012

Aplicando el estilo Metro a una aplicación Windows Phone

Bueno, ya saben que me gusta compartirles mis aventuras creando cosas que aunque no son cosas enormes, bien podrían darle ánimo a alguno para no pensar que hay que crear un transbordador especial para sentirse creativo, a mi particularmente trabajar ideas pequeñas y trabajar ideas sobre otras ideas me ayuda a tener muchas más.

Bueno esta es mi base para empezar a pensar, poner los cuadros con las dimensiones básicas para los principales elementos de una aplicación Windows Phone y la paleta de colores de los temas de Metro.
Luego de eso escogí una gama de colores que quiero en mi aplicación de esa forma todo de ahí en adelante tiene esa base. Finalmente no me quedé con un color de la paleta de Metro, igual empezar con los colores definitivos a mi me gusta, ya que a mi me pasa que si no tengo una base bonita para empezar a trabajar "no me inspiro"


Luego de eso toca buscar un concepto, para ello usé los diferentes buscadores para encontrar imágenes alrededor de los mapas, mi recomendación es que aunque busques inspiración en otras imágenes siempre hagas tus propios elementos gráficos para que no te metas en problemas, yo para esto uso mi herramienta favorita Inkscape.

En este punto les recuerdo que para la imagen de 173 * 173 que es la que se ancla en la pantalla principal del teléfono cuando ponen nuestra aplicación como favorita, no debemos dejarla con el fondo blanco, ya que la letra de los cuadros dinámicos (tiles) es color blanco.

Luego de esto empiezo a jugar con los formularios, buscando ideas, no sabría si atribuirle esa palabra, pero maquetando un poco, buscando posibilidades, siguiendo las sugerencias de Arturo Toledo en su blog y además usando iconos de The Noun Project sin olvidar revisar las licencias de cada icono



Esto es lo que quedó de mi formulario maquetado, parece que tendré un debate con el blanco, naranja, vino tinto y el amarillo pero ahora tengo muchas ganas de montarlo y verlo en mi teléfono.



Les comparto otro ejemplo que estoy construyendo para una demo, no es muy difícil buscar una gama de colores, las herramientas de diseño generalmente presentan escalas cercanas que pueden ayudarlos.


Con el tiempo podemos hacer cosas un poco más elaboradas



Espero que estas sencillas ideas los animen un poco a empezar pronto sus aplicaciones.

Sorey
Publicar un comentario en la entrada