{"id":156,"date":"2021-02-23T22:33:40","date_gmt":"2021-02-23T21:33:40","guid":{"rendered":"https:\/\/www.guille-rmo.com\/blog\/?p=156"},"modified":"2021-02-23T22:40:11","modified_gmt":"2021-02-23T21:40:11","slug":"sistemas-de-diseno-vol-1","status":"publish","type":"post","link":"https:\/\/www.guille-rmo.com\/blog\/sistemas-de-diseno-vol-1\/","title":{"rendered":"Sistemas de dise\u00f1o VOL. 1"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Atlassian<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/atlassian.design\/\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"669\" src=\"https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/atlassian-cover-1024x669.jpg\" alt=\"\" class=\"wp-image-171\" srcset=\"https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/atlassian-cover-1024x669.jpg 1024w, https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/atlassian-cover-300x196.jpg 300w, https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/atlassian-cover-768x502.jpg 768w, https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/atlassian-cover.jpg 1408w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">El sistema de dise\u00f1o de los creadores de herramientas como Jira o Trello, plataformas que ayudan a la planificaci\u00f3n y organizaci\u00f3n de equipos de trabajo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a rel=\"noreferrer noopener\" href=\"https:\/\/atlassian.design\/\" target=\"_blank\">Ver el sistema de dise\u00f1o de Atlassian<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Airbnb<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/airbnb.design\/\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"669\" src=\"https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/airbnb-1024x669.jpg\" alt=\"\" class=\"wp-image-209\" srcset=\"https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/airbnb-1024x669.jpg 1024w, https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/airbnb-300x196.jpg 300w, https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/airbnb-768x502.jpg 768w, https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/airbnb.jpg 1408w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Airbnb es una plataforma para canales web y app donde los usuarios pueden reservar o publicar anuncios para alquilar diferentes tipos de alojamiento.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a rel=\"noreferrer noopener\" href=\"https:\/\/airbnb.design\/\" target=\"_blank\">Ver entorno de dise\u00f1o de Aribnb<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Lexicon<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/liferay.design\/lexicon\/\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"669\" src=\"https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/lexicon-1024x669.jpg\" alt=\"\" class=\"wp-image-206\" srcset=\"https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/lexicon-1024x669.jpg 1024w, https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/lexicon-300x196.jpg 300w, https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/lexicon-768x502.jpg 768w, https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/lexicon.jpg 1408w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Lexicon es un lenguaje de dise\u00f1o que proporciona un marco com\u00fan para crear interfaces dentro del ecosistema de productos Liferay.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a rel=\"noreferrer noopener\" href=\"https:\/\/liferay.design\/lexicon\/\" target=\"_blank\">Ver Lexicon, el sistema de dise\u00f1o de Liferay<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Carbon<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.carbondesignsystem.com\/\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"669\" src=\"https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/carbon-1024x669.jpg\" alt=\"\" class=\"wp-image-186\" srcset=\"https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/carbon-1024x669.jpg 1024w, https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/carbon-300x196.jpg 300w, https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/carbon-768x502.jpg 768w, https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/carbon.jpg 1408w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Carbon es el sistema de dise\u00f1o de IBM para productos y experiencias digitales.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a rel=\"noreferrer noopener\" href=\"https:\/\/www.carbondesignsystem.com\/\" target=\"_blank\">Ver Carbon, el sistema de dise\u00f1o de IBM<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Material design<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/material.io\/design\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"669\" src=\"https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/Material-1024x669.jpg\" alt=\"\" class=\"wp-image-188\" srcset=\"https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/Material-1024x669.jpg 1024w, https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/Material-300x196.jpg 300w, https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/Material-768x502.jpg 768w, https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/Material.jpg 1408w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Material es un sistema de dise\u00f1o creado por Google para ayudar a los equipos a crear experiencias digitales en Android, iOS, Flutter y web.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a rel=\"noreferrer noopener\" href=\"https:\/\/material.io\/design\" target=\"_blank\">Ver Material Design, de Google<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Human Interface Guidelines<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/developer.apple.com\/design\/human-interface-guidelines\/\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"669\" src=\"https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/apple-1024x669.jpg\" alt=\"\" class=\"wp-image-190\" srcset=\"https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/apple-1024x669.jpg 1024w, https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/apple-300x196.jpg 300w, https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/apple-768x502.jpg 768w, https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/apple.jpg 1408w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">En estas gu\u00edas encontrar\u00e1s informaci\u00f3n detallada y recursos para dise\u00f1ar aplicaciones que se integren correctamente con las plataformas de Apple.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a rel=\"noreferrer noopener\" href=\"https:\/\/developer.apple.com\/design\/human-interface-guidelines\/\" target=\"_blank\">Ver las gu\u00edas de Apple para interfaces humanas<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Pulse<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/pulse.heartbeat.ua\/\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"669\" src=\"https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/pulse-1024x669.jpg\" alt=\"\" class=\"wp-image-192\" srcset=\"https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/pulse-1024x669.jpg 1024w, https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/pulse-300x196.jpg 300w, https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/pulse-768x502.jpg 768w, https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/pulse.jpg 1408w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>.pulse<\/strong> es \u00abla \u00fanica fuente de verdad para todos los procesos y creencias\u00bb dentro de Heartbeat Agency.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a rel=\"noreferrer noopener\" href=\"https:\/\/pulse.heartbeat.ua\/\" target=\"_blank\">Ver Pulse, de Heartbeat<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Audi<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.audi.com\/ci\/en\/guides\/user-interface\/introduction.html\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"669\" src=\"https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/audi-1024x669.jpg\" alt=\"\" class=\"wp-image-194\" srcset=\"https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/audi-1024x669.jpg 1024w, https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/audi-300x196.jpg 300w, https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/audi-768x502.jpg 768w, https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/audi.jpg 1408w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Las interfaces de Audi son tan variadas como sus usos. Desde sitios web inspiradores hasta aplicaciones para servicios particulares.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a rel=\"noreferrer noopener\" href=\"https:\/\/www.audi.com\/ci\/en\/guides\/user-interface\/introduction.html\" target=\"_blank\">Ver sistema de dise\u00f1o de Audi<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Flame<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/bancosantander.invisionapp.com\/dsm\/santander-group\/flame-ds-santander\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"669\" src=\"https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/santander-1024x669.jpg\" alt=\"\" class=\"wp-image-196\" srcset=\"https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/santander-1024x669.jpg 1024w, https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/santander-300x196.jpg 300w, https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/santander-768x502.jpg 768w, https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/santander.jpg 1408w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Flame es el sistema de dise\u00f1o de Banco Santander. No est\u00e1 dirigido solo al dise\u00f1o sino a todo el proceso de creaci\u00f3n, desde el propio dise\u00f1o hasta la ingenier\u00eda.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a rel=\"noreferrer noopener\" href=\"https:\/\/bancosantander.invisionapp.com\/dsm\/santander-group\/flame-ds-santander\" target=\"_blank\">Ver Flame, sistema de dise\u00f1o de Banco Santander<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Mailchimp<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"http:\/\/ux.mailchimp.com\/patterns\/color\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"669\" src=\"https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/mailchimp-1024x669.jpg\" alt=\"\" class=\"wp-image-201\" srcset=\"https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/mailchimp-1024x669.jpg 1024w, https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/mailchimp-300x196.jpg 300w, https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/mailchimp-768x502.jpg 768w, https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/mailchimp.jpg 1408w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Mailchimp es una plataforma para peque\u00f1as empresas dirigida a reunir datos de su p\u00fablico, canales de marketing e informaci\u00f3n destacada.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a rel=\"noreferrer noopener\" href=\"http:\/\/ux.mailchimp.com\/\" target=\"_blank\">Ver sistema de dise\u00f1o de Mailchimp<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Polaris<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/polaris.shopify.com\/\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"669\" src=\"https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/shopify-1024x669.jpg\" alt=\"\" class=\"wp-image-203\" srcset=\"https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/shopify-1024x669.jpg 1024w, https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/shopify-300x196.jpg 300w, https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/shopify-768x502.jpg 768w, https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/shopify.jpg 1408w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Polaris es la colecci\u00f3n de principios, componentes y elementos de interfaz que se pueden reutilizar en todo el sistema de Shopify.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a rel=\"noreferrer noopener\" href=\"https:\/\/polaris.shopify.com\/\" target=\"_blank\">Ver Polaris, sistema de dise\u00f1o de Shopify<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Oxygen<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/digitalsystem.repsol.com\/\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"669\" src=\"https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/repsol-1024x669.jpg\" alt=\"\" class=\"wp-image-204\" srcset=\"https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/repsol-1024x669.jpg 1024w, https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/repsol-300x196.jpg 300w, https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/repsol-768x502.jpg 768w, https:\/\/www.guille-rmo.com\/blog\/wp-content\/uploads\/2021\/02\/repsol.jpg 1408w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Oxygen es el sistema de dise\u00f1o de Repsol en el que se apoyan los dise\u00f1adores y desarrolladores para crear los productos digitales de la marca.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/digitalsystem.repsol.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Ver Oxygen, sistema de dise\u00f1o de Repsol<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Una peque\u00f1a recopilaci\u00f3n de 12 sistemas de dise\u00f1o que consultar en busca de luz, inspiraci\u00f3n e ideas.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8,9],"tags":[],"class_list":["post-156","post","type-post","status-publish","format-standard","hentry","category-recopilaciones","category-recursos"],"_links":{"self":[{"href":"https:\/\/www.guille-rmo.com\/blog\/wp-json\/wp\/v2\/posts\/156","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.guille-rmo.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.guille-rmo.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.guille-rmo.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.guille-rmo.com\/blog\/wp-json\/wp\/v2\/comments?post=156"}],"version-history":[{"count":56,"href":"https:\/\/www.guille-rmo.com\/blog\/wp-json\/wp\/v2\/posts\/156\/revisions"}],"predecessor-version":[{"id":245,"href":"https:\/\/www.guille-rmo.com\/blog\/wp-json\/wp\/v2\/posts\/156\/revisions\/245"}],"wp:attachment":[{"href":"https:\/\/www.guille-rmo.com\/blog\/wp-json\/wp\/v2\/media?parent=156"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.guille-rmo.com\/blog\/wp-json\/wp\/v2\/categories?post=156"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.guille-rmo.com\/blog\/wp-json\/wp\/v2\/tags?post=156"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}