{"id":1746,"date":"2012-04-10T17:46:15","date_gmt":"2012-04-10T22:46:15","guid":{"rendered":"http:\/\/www.uv.mx\/personal\/gvera\/?p=1746"},"modified":"2012-04-10T17:47:01","modified_gmt":"2012-04-10T22:47:01","slug":"diplomado-wp7-principios-de-metro-ui","status":"publish","type":"post","link":"https:\/\/www.uv.mx\/personal\/gvera\/2012\/04\/10\/diplomado-wp7-principios-de-metro-ui\/","title":{"rendered":"Diplomado WP7 &#8211; Principios de Metro UI"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1747\" title=\"people-wp7\" src=\"http:\/\/www.uv.mx\/personal\/gvera\/files\/2012\/04\/people-wp7.gif\" alt=\"\" width=\"560\" height=\"353\" srcset=\"https:\/\/www.uv.mx\/personal\/gvera\/files\/2012\/04\/people-wp7.gif 560w, https:\/\/www.uv.mx\/personal\/gvera\/files\/2012\/04\/people-wp7-300x189.gif 300w, https:\/\/www.uv.mx\/personal\/gvera\/files\/2012\/04\/people-wp7-500x315.gif 500w\" sizes=\"auto, (max-width: 560px) 100vw, 560px\" \/><\/p>\n<p>Metro es el nombre del nuevo lenguaje de dise\u00f1o creado para la interfaz Windows Phone 7. Actualmente en el curso en el que estoy participando nos hablaron sobre los principios e inspiraci\u00f3n de esta nueva interface tanto para las aplicaciones de Windows Phone 7 como para el nuevo sistema operativo Windows 8.<\/p>\n<p>Los estandares que han sido desarrados para Metro ofrecen un gran punto de partida para dise\u00f1adores y desarrolladores. Estos estandares los ayudan a crear exitosamente experiencias mediante gestos para Windows Phone 7 y Windows 8.<\/p>\n<p>Este sistema de dise\u00f1o llamado \u00abMetro\u00bb es el nombre que Microsoft le dio al \u00ablook and feel\u00bb para el dise\u00f1o de Windows Phone. Esta basado en aplicaciones con pantallas limpias y continuas que operan r\u00e1pido, minimizan la escritura y muestran nueva informaci\u00f3n automaticamente. Se buscan que las interacciones sean directamente con los contenidos y los elementos visuales sean de alta calidad.<\/p>\n<h3>Los 5 principios de Metro<\/h3>\n<ol>\n<li><strong>UI Limpia y simple (Light and simple)<\/strong>. Una UI que se sienta limpia y responsiva. Una UI enfocada en tareas primordiales, con espacios en blanco con enfoque en la interacci\u00f3n intentando hacer mucho con muy poco siempre manteniendo una saludable cantidad de espacio en blanco evitando la tendencia de poner todo en una sola pantalla.<\/li>\n<li><strong>Tipograf\u00eda (Typography)<\/strong>. La tipograf\u00eda es hermosa; no solo es atractiva a la vista, sino que puede tambien ser funcional. El balance correcto entre peso y ubicaci\u00f3n puede crear una jerarqu\u00eda visual. Adem\u00e1s, texto bien ubicado puede llevarte hacia m\u00e1s contenido.<\/li>\n<li><strong>Movimiento (Motion)<\/strong>. El movimiento es lo que le da vida a la interfaz. Transiciones son tan importantes como el dise\u00f1o gr\u00e1fico. Al desarrollar un conjunto consistente de animaciones o movimientos, se crea un sistema que ofrece contexto de usabilidad, dimension y profundidad extra y mejora el rendimiento percivido de toda la interfaz.<\/li>\n<li><strong>Contenido sin bordes (Content not Chrome)<\/strong>. Este es uno de los principios \u00fanicos de Metro. al remover todas las nociones de bordes extra en la UI, el contenido se convierte en el principal atractivo. Esto es especialmente relevante debido a lo peque\u00f1o de las pantallas y a las interacciones con gestos de un dispositivo m\u00f3vil.<\/li>\n<li><strong>Honestidad (Honesty)<\/strong>. Dise\u00f1ar explicitamente para un dispositivo de mano t\u00e1ctil, para una pantalla con alta resoluci\u00f3n y formas de interacciones expeditas y simplificadas. En otras palabras, ser \u00abautenticamente digital\u00bb.<\/li>\n<\/ol>\n<p>Fuente: <a title=\"Metro Design Language of Windows Phone 7\" href=\"http:\/\/www.microsoft.com\/design\/toolbox\/tutorials\/windows-phone-7\/metro\/\" target=\"_blank\">Microsoft<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Metro es el nombre del nuevo lenguaje de dise\u00f1o creado para la interfaz Windows Phone 7. Actualmente en el curso en el que estoy participando nos hablaron sobre los principios e inspiraci\u00f3n de esta nueva interface tanto para las aplicaciones de Windows Phone 7 como para el nuevo sistema operativo Windows 8. Los estandares que&#8230;<\/p>\n","protected":false},"author":2,"featured_media":1747,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[103,102,64],"class_list":["post-1746","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-diplomadowp7","tag-metro","tag-microsoft-2"],"_links":{"self":[{"href":"https:\/\/www.uv.mx\/personal\/gvera\/wp-json\/wp\/v2\/posts\/1746","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uv.mx\/personal\/gvera\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uv.mx\/personal\/gvera\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uv.mx\/personal\/gvera\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uv.mx\/personal\/gvera\/wp-json\/wp\/v2\/comments?post=1746"}],"version-history":[{"count":0,"href":"https:\/\/www.uv.mx\/personal\/gvera\/wp-json\/wp\/v2\/posts\/1746\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uv.mx\/personal\/gvera\/wp-json\/wp\/v2\/media\/1747"}],"wp:attachment":[{"href":"https:\/\/www.uv.mx\/personal\/gvera\/wp-json\/wp\/v2\/media?parent=1746"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uv.mx\/personal\/gvera\/wp-json\/wp\/v2\/categories?post=1746"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uv.mx\/personal\/gvera\/wp-json\/wp\/v2\/tags?post=1746"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}