{"id":953,"date":"2022-06-13T12:43:00","date_gmt":"2022-06-13T17:43:00","guid":{"rendered":"https:\/\/blogs.uninter.edu.mx\/DTIP\/?p=953"},"modified":"2022-06-13T12:45:54","modified_gmt":"2022-06-13T17:45:54","slug":"reglas-de-diseno-ui-para-principiantes","status":"publish","type":"post","link":"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/2022\/06\/13\/reglas-de-diseno-ui-para-principiantes\/","title":{"rendered":"Conoce Seis Reglas de Dise\u00f1o UI Minimalistas"},"content":{"rendered":"\n

Podemos comenzar pregunt\u00e1ndonos que es el minimalismo y el dise\u00f1o UI<\/strong><\/h2>\n\n\n\n

Debemos saber que es el minimalismo antes de aplicarlo en el DIse\u00f1o UI.<\/p>\n\n\n\n

El minimalismo es una uni\u00f3n perfecta de forma y funci\u00f3n. su mayor fortaleza es la claridad de la forma: l\u00edneas limpias, espacios en blanco generosos y elementos gr\u00e1ficos m\u00ednimos aportan simplicidad al tema permitiendo una mejor interacci\u00f3n con el usuario m\u00e1s amigable.<\/p>\n\n\n\n

eso es, por supuesto, si se usa de manera efectiva.<\/p>\n\n\n\n

La expresi\u00f3n UI viene de User Interface, que significa Interfaz del Usuario. La idea del UI es guiar al usuario por tu aplicaci\u00f3n durante el tiempo que \u00e9l la usa.<\/p>\n\n\n\n

\n
\n
\n
\n

Entonces, un buen trabajo de dise\u00f1o UI te permitir\u00e1 guiar a los usuarios por la navegaci\u00f3n y los llevar\u00e1 a tomar dichas acciones de manera natural.<\/p>\n<\/div>\n\n\n\n

\n
\"Imagen<\/figure><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

Te mostrare reglas que puedes usar para generar esa simplicidad de forma elegante para tus Dise\u00f1os UI: <\/strong><\/p>\n\n\n\n

\"Imagen<\/figure>
\n

Tipograf\u00edas para UI<\/strong><\/p>\n\n\n\n

Usa tipograf\u00edas simples en tus dise\u00f1os, debe ser legible y no distraer al usuario cuando interact\u00fae.<\/strong><\/p>\n<\/div><\/div>\n\n\n\n

\"Imagen<\/figure>
\n

Espaciado de contenido<\/strong><\/strong><\/p>\n\n\n\n

Tu dise\u00f1o necesita suficiente espacio para respirar. usa un espacio razonable entre los contenidos puede crear una gran diferencia para la lectura.<\/strong><\/p>\n<\/div><\/div>\n\n\n\n

\"Imagen<\/figure>
\n

Contenido limpio<\/strong><\/strong><\/p>\n\n\n\n

En lugar de abrumar al usuario con demasiada informaci\u00f3n. seleccione lo que crea necesario para ajustarse al prop\u00f3sito de esa pantalla.<\/strong><\/p>\n<\/div><\/div>\n\n\n\n

\"Imagen<\/figure>
\n

Fondos limpios<\/strong><\/strong><\/strong><\/p>\n\n\n\n

Usa colores claros y suaves para tu fondo. Aseg\u00farese de que los colores no se destaquen, pero ayude a los usuarios a concentrarse m\u00e1s en sus contenidos para un mejor dise\u00f1o de UI.<\/strong><\/p>\n<\/div><\/div>\n\n\n\n

\"Imagen<\/figure>
\n

La paleta de colores<\/strong><\/strong><\/strong><\/strong><\/p>\n\n\n\n

Escoge cualquier color que prefieras, pero usa colores que contrasten o armonicen entre s\u00ed. puede comenzar con estructuras al\u00e1mbricas monocrom\u00e1ticas. Si esto no te queda del todo claro puedes revisar este post dentro del blog y as\u00ed aplicarlo en tu dise\u00f1o UI<\/strong><\/p>\n\n\n\n

Como escoger la paleta de color perfecta<\/a><\/strong><\/p>\n<\/div><\/div>\n\n\n\n

\"Imagen<\/figure>
\n

Iconos minimalistas<\/strong><\/strong><\/strong><\/strong><\/strong><\/p>\n\n\n\n

Los \u00edconos juegan un papel importante en la sustituci\u00f3n de contenido y navegaci\u00f3n. use iconograf\u00eda que sea simple, consistente, memorable y reconocible.<\/strong><\/p>\n<\/div><\/div>\n\n\n\n

Ten en cuenta que el secreto es utilizar correctamente para as\u00ed fortalecer tu estrategia digital e ir creciendo.<\/p>\n\n\n\n

\u00bfQU\u00c9 OPINAS DE APLICAR EL MINIMALISMO EN EL DISE\u00d1O DE LA INTERFAZ DE USUARIO?<\/em><\/em><\/p>\n\n\n\n

Si tu p\u00fablico tuvo una excelente experiencia, probablemente, m\u00e1s conversiones tendr\u00e1s, as\u00ed que siempre que Dise\u00f1es UI piensa como usuario que interactuara en ella.<\/p>\n\n\n\n

\u00a1Espero que te sirva y puedas usar cada consejo en tus proyectos!<\/p>\n\n\n\n

\"\"<\/a><\/figure><\/div>\n\n\n\n
\"\"<\/a><\/figure><\/div>\n","protected":false},"excerpt":{"rendered":"

Podemos comenzar pregunt\u00e1ndonos que es el minimalismo y el dise\u00f1o UI Debemos saber que es el minimalismo antes de aplicarlo en el DIse\u00f1o UI. El minimalismo es una uni\u00f3n perfecta de forma y funci\u00f3n. su mayor fortaleza es la claridad de la forma: l\u00edneas limpias, espacios en blanco generosos y elementos gr\u00e1ficos m\u00ednimos aportan simplicidad…<\/p>\n","protected":false},"author":2,"featured_media":973,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[80],"tags":[106,103,113,112,115,114],"class_list":["post-953","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno","tag-colores","tag-diseno","tag-diseno-ui","tag-iconos","tag-minimalista","tag-tipograias"],"yoast_head":"\r\nConoce Seis Reglas de Dise\u00f1o UI Minimalistas - DTIP<\/title>\r\n<meta name=\"description\" content=\"Un buen trabajo de dise\u00f1o UI te permitir\u00e1 guiar a los usuarios por la navegaci\u00f3n y los llevar\u00e1 a tomar dichas acciones de manera natural\" \/>\r\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\r\n<link rel=\"canonical\" href=\"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/2022\/06\/13\/reglas-de-diseno-ui-para-principiantes\/\" \/>\r\n<meta property=\"og:locale\" content=\"es_MX\" \/>\r\n<meta property=\"og:type\" content=\"article\" \/>\r\n<meta property=\"og:title\" content=\"Conoce Seis Reglas de Dise\u00f1o UI Minimalistas - DTIP\" \/>\r\n<meta property=\"og:description\" content=\"Un buen trabajo de dise\u00f1o UI te permitir\u00e1 guiar a los usuarios por la navegaci\u00f3n y los llevar\u00e1 a tomar dichas acciones de manera natural\" \/>\r\n<meta property=\"og:url\" content=\"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/2022\/06\/13\/reglas-de-diseno-ui-para-principiantes\/\" \/>\r\n<meta property=\"og:site_name\" content=\"DTIP\" \/>\r\n<meta property=\"article:published_time\" content=\"2022-06-13T17:43:00+00:00\" \/>\r\n<meta property=\"article:modified_time\" content=\"2022-06-13T17:45:54+00:00\" \/>\r\n<meta property=\"og:image\" content=\"https:\/\/blogs.uninter.edu.mx\/DTIP\/wp-content\/uploads\/2022\/06\/DisenoUIF.jpg\" \/>\r\n\t<meta property=\"og:image:width\" content=\"1201\" \/>\r\n\t<meta property=\"og:image:height\" content=\"621\" \/>\r\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\r\n<meta name=\"author\" content=\"Alejandro Navarro\" \/>\r\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\r\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alejandro Navarro\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\r\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/2022\/06\/13\/reglas-de-diseno-ui-para-principiantes\/\",\"url\":\"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/2022\/06\/13\/reglas-de-diseno-ui-para-principiantes\/\",\"name\":\"Conoce Seis Reglas de Dise\u00f1o UI Minimalistas - DTIP\",\"isPartOf\":{\"@id\":\"https:\/\/blogs.uninter.edu.mx\/DTIP\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/2022\/06\/13\/reglas-de-diseno-ui-para-principiantes\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/2022\/06\/13\/reglas-de-diseno-ui-para-principiantes\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blogs.uninter.edu.mx\/DTIP\/wp-content\/uploads\/2022\/06\/DisenoUI-2.jpg\",\"datePublished\":\"2022-06-13T17:43:00+00:00\",\"dateModified\":\"2022-06-13T17:45:54+00:00\",\"author\":{\"@id\":\"https:\/\/blogs.uninter.edu.mx\/DTIP\/#\/schema\/person\/4fb1c915f41fffa4fde5651cfab88e3a\"},\"description\":\"Un buen trabajo de dise\u00f1o UI te permitir\u00e1 guiar a los usuarios por la navegaci\u00f3n y los llevar\u00e1 a tomar dichas acciones de manera natural\",\"breadcrumb\":{\"@id\":\"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/2022\/06\/13\/reglas-de-diseno-ui-para-principiantes\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/2022\/06\/13\/reglas-de-diseno-ui-para-principiantes\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/2022\/06\/13\/reglas-de-diseno-ui-para-principiantes\/#primaryimage\",\"url\":\"https:\/\/blogs.uninter.edu.mx\/DTIP\/wp-content\/uploads\/2022\/06\/DisenoUI-2.jpg\",\"contentUrl\":\"https:\/\/blogs.uninter.edu.mx\/DTIP\/wp-content\/uploads\/2022\/06\/DisenoUI-2.jpg\",\"width\":460,\"height\":261},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/2022\/06\/13\/reglas-de-diseno-ui-para-principiantes\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\/\/blogs.uninter.edu.mx\/DTIP\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Conoce Seis Reglas de Dise\u00f1o UI Minimalistas\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blogs.uninter.edu.mx\/DTIP\/#website\",\"url\":\"https:\/\/blogs.uninter.edu.mx\/DTIP\/\",\"name\":\"DTIP\",\"description\":\"Direcci\u00f3n de Tecnolog\u00edas y Publicidad\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blogs.uninter.edu.mx\/DTIP\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blogs.uninter.edu.mx\/DTIP\/#\/schema\/person\/4fb1c915f41fffa4fde5651cfab88e3a\",\"name\":\"Alejandro Navarro\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/blogs.uninter.edu.mx\/DTIP\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/bf2c65c0900ca2ec69daf572d5da8dc41dece9a6a90e483f9b8464cb37c15c6c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/bf2c65c0900ca2ec69daf572d5da8dc41dece9a6a90e483f9b8464cb37c15c6c?s=96&d=mm&r=g\",\"caption\":\"Alejandro Navarro\"},\"url\":\"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/author\/anavarro\/\"}]}<\/script>\r\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Conoce Seis Reglas de Dise\u00f1o UI Minimalistas - DTIP","description":"Un buen trabajo de dise\u00f1o UI te permitir\u00e1 guiar a los usuarios por la navegaci\u00f3n y los llevar\u00e1 a tomar dichas acciones de manera natural","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/2022\/06\/13\/reglas-de-diseno-ui-para-principiantes\/","og_locale":"es_MX","og_type":"article","og_title":"Conoce Seis Reglas de Dise\u00f1o UI Minimalistas - DTIP","og_description":"Un buen trabajo de dise\u00f1o UI te permitir\u00e1 guiar a los usuarios por la navegaci\u00f3n y los llevar\u00e1 a tomar dichas acciones de manera natural","og_url":"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/2022\/06\/13\/reglas-de-diseno-ui-para-principiantes\/","og_site_name":"DTIP","article_published_time":"2022-06-13T17:43:00+00:00","article_modified_time":"2022-06-13T17:45:54+00:00","og_image":[{"width":1201,"height":621,"url":"https:\/\/blogs.uninter.edu.mx\/DTIP\/wp-content\/uploads\/2022\/06\/DisenoUIF.jpg","type":"image\/jpeg"}],"author":"Alejandro Navarro","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Alejandro Navarro","Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/2022\/06\/13\/reglas-de-diseno-ui-para-principiantes\/","url":"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/2022\/06\/13\/reglas-de-diseno-ui-para-principiantes\/","name":"Conoce Seis Reglas de Dise\u00f1o UI Minimalistas - DTIP","isPartOf":{"@id":"https:\/\/blogs.uninter.edu.mx\/DTIP\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/2022\/06\/13\/reglas-de-diseno-ui-para-principiantes\/#primaryimage"},"image":{"@id":"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/2022\/06\/13\/reglas-de-diseno-ui-para-principiantes\/#primaryimage"},"thumbnailUrl":"https:\/\/blogs.uninter.edu.mx\/DTIP\/wp-content\/uploads\/2022\/06\/DisenoUI-2.jpg","datePublished":"2022-06-13T17:43:00+00:00","dateModified":"2022-06-13T17:45:54+00:00","author":{"@id":"https:\/\/blogs.uninter.edu.mx\/DTIP\/#\/schema\/person\/4fb1c915f41fffa4fde5651cfab88e3a"},"description":"Un buen trabajo de dise\u00f1o UI te permitir\u00e1 guiar a los usuarios por la navegaci\u00f3n y los llevar\u00e1 a tomar dichas acciones de manera natural","breadcrumb":{"@id":"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/2022\/06\/13\/reglas-de-diseno-ui-para-principiantes\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/2022\/06\/13\/reglas-de-diseno-ui-para-principiantes\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/2022\/06\/13\/reglas-de-diseno-ui-para-principiantes\/#primaryimage","url":"https:\/\/blogs.uninter.edu.mx\/DTIP\/wp-content\/uploads\/2022\/06\/DisenoUI-2.jpg","contentUrl":"https:\/\/blogs.uninter.edu.mx\/DTIP\/wp-content\/uploads\/2022\/06\/DisenoUI-2.jpg","width":460,"height":261},{"@type":"BreadcrumbList","@id":"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/2022\/06\/13\/reglas-de-diseno-ui-para-principiantes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/blogs.uninter.edu.mx\/DTIP\/"},{"@type":"ListItem","position":2,"name":"Conoce Seis Reglas de Dise\u00f1o UI Minimalistas"}]},{"@type":"WebSite","@id":"https:\/\/blogs.uninter.edu.mx\/DTIP\/#website","url":"https:\/\/blogs.uninter.edu.mx\/DTIP\/","name":"DTIP","description":"Direcci\u00f3n de Tecnolog\u00edas y Publicidad","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blogs.uninter.edu.mx\/DTIP\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/blogs.uninter.edu.mx\/DTIP\/#\/schema\/person\/4fb1c915f41fffa4fde5651cfab88e3a","name":"Alejandro Navarro","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/blogs.uninter.edu.mx\/DTIP\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/bf2c65c0900ca2ec69daf572d5da8dc41dece9a6a90e483f9b8464cb37c15c6c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bf2c65c0900ca2ec69daf572d5da8dc41dece9a6a90e483f9b8464cb37c15c6c?s=96&d=mm&r=g","caption":"Alejandro Navarro"},"url":"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/author\/anavarro\/"}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/blogs.uninter.edu.mx\/DTIP\/wp-content\/uploads\/2022\/06\/DisenoUI-2.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/wp-json\/wp\/v2\/posts\/953","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/wp-json\/wp\/v2\/comments?post=953"}],"version-history":[{"count":3,"href":"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/wp-json\/wp\/v2\/posts\/953\/revisions"}],"predecessor-version":[{"id":976,"href":"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/wp-json\/wp\/v2\/posts\/953\/revisions\/976"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/wp-json\/wp\/v2\/media\/973"}],"wp:attachment":[{"href":"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/wp-json\/wp\/v2\/media?parent=953"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/wp-json\/wp\/v2\/categories?post=953"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/wp-json\/wp\/v2\/tags?post=953"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}