{"id":9721,"date":"2026-08-03T16:35:13","date_gmt":"2026-08-03T21:35:13","guid":{"rendered":"https:\/\/educacioncontinua.pascualbravo.edu.co\/?post_type=product&#038;p=9721"},"modified":"2026-08-03T16:39:50","modified_gmt":"2026-08-03T21:39:50","slug":"curso-introduccion-al-diseno-ui-para-web","status":"publish","type":"product","link":"https:\/\/educacioncontinua.pascualbravo.edu.co\/?product=curso-introduccion-al-diseno-ui-para-web","title":{"rendered":"Curso Introducci\u00f3n al Dise\u00f1o UI para Web"},"content":{"rendered":"<p><!-- <iframe title=\"Video publicitario - Curso MOOC Programaci\u00f3n para no programadores PYTHON\" src=\"https:\/\/www.youtube.com\/embed\/E4mrVbQOqbA\" width=\"1280\" height=\"400\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\"><\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\"><\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\"><\/span><\/iframe>\n\nQuiz\u00e1s has pensado trabajar en el sector agr\u00edcola, o est\u00e1s interesado en laborar en una f\u00e1brica de carros o aviones, o te llama la atenci\u00f3n la ingenier\u00eda (software, telecomunicaciones, civil, biom\u00e9dica, entre otras); cualquiera que sea el sector en el que te desenvuelvas, la programaci\u00f3n estar\u00e1 ah\u00ed, pues actualmente encontramos la programaci\u00f3n en \u201ctodos lados\u201d.\n\nPor medio de un programa, los humanos dan instrucciones a m\u00e1quinas para solucionar un problema. Eventualmente y en entornos acad\u00e9micos, esos problemas son abstracciones de situaciones reales, donde se suprimen algunos detalles. En el campo real de acci\u00f3n, un programador aporta soluciones significativas que son de gran valor para las compa\u00f1\u00edas. En este curso, usted ser\u00e1 introducido al lenguaje de programaci\u00f3n Python, uno de los m\u00e1s populares debido a que es f\u00e1cil de aprender y usar, es un lenguaje maduro y posee una amplia comunidad de soporte, tiene miles de librer\u00edas y frameworks, integra paquetes para el aprendizaje autom\u00e1tico y la computaci\u00f3n en la nube, entre otras.--><\/p>\n<h5>Objetivo general:<\/h5>\n<p>El curso Introducci\u00f3n al Dise\u00f1o UI para Web brinda una experiencia pr\u00e1ctica que permite a los participantes comprender el proceso de dise\u00f1o de una interfaz web, desde la investigaci\u00f3n y el an\u00e1lisis hasta la construcci\u00f3n de un prototipo interactivo en Figma. Durante el proceso, los estudiantes desarrollan competencias en organizaci\u00f3n de la informaci\u00f3n, jerarqu\u00eda visual, sistemas de dise\u00f1o, accesibilidad, dise\u00f1o responsive y comunicaci\u00f3n de propuestas digitales.<\/p>\n<div>\n<h5>Lo que vas a aprender:<\/h5>\n<ul>\n<li>Comprender los fundamentos del Dise\u00f1o UI y su relaci\u00f3n con la experiencia de usuario (UX), identificando las etapas del proceso de dise\u00f1o de interfaces digitales.<\/li>\n<li>Analizar referentes digitales para identificar patrones de dise\u00f1o, jerarqu\u00edas visuales, principios de composici\u00f3n y criterios de accesibilidad.<\/li>\n<li>Estructurar la arquitectura de la informaci\u00f3n de una landing page mediante la elaboraci\u00f3n de wireframes de baja y media fidelidad.<\/li>\n<li>Dise\u00f1ar un sistema visual aplicando teor\u00eda del color, tipograf\u00eda, iconograf\u00eda, componentes reutilizables y principios de consistencia visual.<\/li>\n<li>Construir un prototipo interactivo en Figma bajo el enfoque Mobile First, incorporando criterios de dise\u00f1o responsive y navegaci\u00f3n b\u00e1sica.<\/li>\n<li>Presentar y sustentar la propuesta de dise\u00f1o argumentando las decisiones visuales y funcionales adoptadas durante el proceso.<\/li>\n<\/ul>\n<div id=\"accordionExample\" class=\"accordion\">\n<div class=\"card ec-card\">\n<div id=\"collapseOne\" class=\"collapse show\" aria-labelledby=\"headingOne\" data-parent=\"#accordionExample\">\n<div class=\"card-body ec-cardbody\">\n<p>\u00a0 \u00a0 <button class=\"btn btn-link btn-block text-left ec-btn\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapseOne\"><br \/>\nContenidos<br \/>\n<\/button><\/p>\n<p>Investigaci\u00f3n, An\u00e1lisis y Moodboard<\/p>\n<p>Wireframes iniciales<\/p>\n<p>Maquetaci\u00f3n + Propuesta visual<\/p>\n<p>Dise\u00f1o Visual<\/p>\n<p>Presentaci\u00f3n<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<div id=\"headingOne\" class=\"card-header ec-header\"><button class=\"btn btn-link btn-block text-left ec-btn\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapseOne\"><br \/>\nHorarios<\/button><\/div>\n<div id=\"collapseOne\" class=\"collapse show\" aria-labelledby=\"headingOne\" data-parent=\"#accordionExample\">\n<div class=\"card-body ec-cardbody\">\n<ul>\n<li><b>Horarios: s\u00e1bado de 8 p.m. a 12 m.\u00a0<\/b><\/li>\n<li><b>Fecha inicio: 19 de Septiembre<\/b><\/li>\n<li><strong>Valor:<\/strong> $ 328.000<\/li>\n<\/ul>\n<ul>\n<li>El inicio del curso se encuentra sujeto a la inscripci\u00f3n del cupo m\u00ednimo de 19 participantes.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<p><!--<strong>Conociendo el mundo Pythonista<\/strong>\n\n\n<ul>\n \t\n\n<li>Introducci\u00f3n al uso de Python<\/li>\n\n\n \t\n\n<li>Caracter\u00edsticas de Python<\/li>\n\n\n \t\n\n<li>Entornos de trabajo para Python<\/li>\n\n\n \t\n\n<li>Uso de funciones<\/li>\n\n\n \t\n\n<li>Librer\u00edas de terceros<\/li>\n\n\n<\/ul>\n\n\n<strong>Explorando la estructura de Python (siendo un Pythonista)<\/strong>\n\n\n<ul>\n \t\n\n<li>Tipos de datos y operadores<\/li>\n\n\n \t\n\n<li>Condicionales y bucles<\/li>\n\n\n \t\n\n<li>Funciones<\/li>\n\n\n<\/ul>\n\n\n<strong>Se un Python rockstart <\/strong>\n\nLibrer\u00edas para la computaci\u00f3n, an\u00e1lisis y visualizaci\u00f3n de datos\n\nEl inicio del curso se encuentra sujeto a la inscripci\u00f3n del cupo m\u00ednimo de 15 participantes.--><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Objetivo general: El curso Introducci\u00f3n al Dise\u00f1o UI para Web brinda una experiencia pr\u00e1ctica que permite a los participantes comprender el proceso de dise\u00f1o de una interfaz web, desde la investigaci\u00f3n y el an\u00e1lisis hasta la construcci\u00f3n de un prototipo interactivo en Figma. Durante el proceso, los estudiantes desarrollan competencias en organizaci\u00f3n de la informaci\u00f3n, [&hellip;]<\/p>\n","protected":false},"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false},"product_cat":[15,137,134],"product_tag":[66],"tipo_oferta":[],"modalidad":[],"nivel":[],"tipo_de_programa":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Curso Introducci\u00f3n al Dise\u00f1o UI para Web - Unidad de Educaci\u00f3n Continua - I.U. Pascual Bravo<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/educacioncontinua.pascualbravo.edu.co\/?product=curso-introduccion-al-diseno-ui-para-web\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Curso Introducci\u00f3n al Dise\u00f1o UI para Web - Unidad de Educaci\u00f3n Continua - I.U. Pascual Bravo\" \/>\n<meta property=\"og:description\" content=\"Objetivo general: El curso Introducci\u00f3n al Dise\u00f1o UI para Web brinda una experiencia pr\u00e1ctica que permite a los participantes comprender el proceso de dise\u00f1o de una interfaz web, desde la investigaci\u00f3n y el an\u00e1lisis hasta la construcci\u00f3n de un prototipo interactivo en Figma. Durante el proceso, los estudiantes desarrollan competencias en organizaci\u00f3n de la informaci\u00f3n, [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/educacioncontinua.pascualbravo.edu.co\/?product=curso-introduccion-al-diseno-ui-para-web\" \/>\n<meta property=\"og:site_name\" content=\"Unidad de Educaci\u00f3n Continua - I.U. Pascual Bravo\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-03T21:39:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/educacioncontinua.pascualbravo.edu.co\/wp-content\/uploads\/2022\/03\/social-share-vf.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"201\" \/>\n\t<meta property=\"og:image:height\" content=\"200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/educacioncontinua.pascualbravo.edu.co\/?product=curso-introduccion-al-diseno-ui-para-web\",\"url\":\"https:\/\/educacioncontinua.pascualbravo.edu.co\/?product=curso-introduccion-al-diseno-ui-para-web\",\"name\":\"Curso Introducci\u00f3n al Dise\u00f1o UI para Web - Unidad de Educaci\u00f3n Continua - I.U. Pascual Bravo\",\"isPartOf\":{\"@id\":\"https:\/\/educacioncontinua.pascualbravo.edu.co\/#website\"},\"datePublished\":\"2026-08-03T21:35:13+00:00\",\"dateModified\":\"2026-08-03T21:39:50+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/educacioncontinua.pascualbravo.edu.co\/?product=curso-introduccion-al-diseno-ui-para-web#breadcrumb\"},\"inLanguage\":\"es-CO\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/educacioncontinua.pascualbravo.edu.co\/?product=curso-introduccion-al-diseno-ui-para-web\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/educacioncontinua.pascualbravo.edu.co\/?product=curso-introduccion-al-diseno-ui-para-web#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\/\/educacioncontinua.pascualbravo.edu.co\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Oferta acad\u00e9mica\",\"item\":\"https:\/\/educacioncontinua.pascualbravo.edu.co\/?page_id=14\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Curso Introducci\u00f3n al Dise\u00f1o UI para Web\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/educacioncontinua.pascualbravo.edu.co\/#website\",\"url\":\"https:\/\/educacioncontinua.pascualbravo.edu.co\/\",\"name\":\"Unidad de Educaci\u00f3n Continua - I.U. Pascual Bravo\",\"description\":\"Unidad de Educaci\u00f3n Continua - I.U. Pascual Bravo\",\"publisher\":{\"@id\":\"https:\/\/educacioncontinua.pascualbravo.edu.co\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/educacioncontinua.pascualbravo.edu.co\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es-CO\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/educacioncontinua.pascualbravo.edu.co\/#organization\",\"name\":\"Unidad de Educaci\u00f3n Continua - I.U. Pascual Bravo\",\"url\":\"https:\/\/educacioncontinua.pascualbravo.edu.co\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es-CO\",\"@id\":\"https:\/\/educacioncontinua.pascualbravo.edu.co\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/educacioncontinua.pascualbravo.edu.co\/wp-content\/uploads\/2020\/12\/Pascual-Bravo.png\",\"contentUrl\":\"https:\/\/educacioncontinua.pascualbravo.edu.co\/wp-content\/uploads\/2020\/12\/Pascual-Bravo.png\",\"width\":300,\"height\":77,\"caption\":\"Unidad de Educaci\u00f3n Continua - I.U. Pascual Bravo\"},\"image\":{\"@id\":\"https:\/\/educacioncontinua.pascualbravo.edu.co\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Curso Introducci\u00f3n al Dise\u00f1o UI para Web - Unidad de Educaci\u00f3n Continua - I.U. Pascual Bravo","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:\/\/educacioncontinua.pascualbravo.edu.co\/?product=curso-introduccion-al-diseno-ui-para-web","og_locale":"es_ES","og_type":"article","og_title":"Curso Introducci\u00f3n al Dise\u00f1o UI para Web - Unidad de Educaci\u00f3n Continua - I.U. Pascual Bravo","og_description":"Objetivo general: El curso Introducci\u00f3n al Dise\u00f1o UI para Web brinda una experiencia pr\u00e1ctica que permite a los participantes comprender el proceso de dise\u00f1o de una interfaz web, desde la investigaci\u00f3n y el an\u00e1lisis hasta la construcci\u00f3n de un prototipo interactivo en Figma. Durante el proceso, los estudiantes desarrollan competencias en organizaci\u00f3n de la informaci\u00f3n, [&hellip;]","og_url":"https:\/\/educacioncontinua.pascualbravo.edu.co\/?product=curso-introduccion-al-diseno-ui-para-web","og_site_name":"Unidad de Educaci\u00f3n Continua - I.U. Pascual Bravo","article_modified_time":"2026-08-03T21:39:50+00:00","og_image":[{"width":201,"height":200,"url":"https:\/\/educacioncontinua.pascualbravo.edu.co\/wp-content\/uploads\/2022\/03\/social-share-vf.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/educacioncontinua.pascualbravo.edu.co\/?product=curso-introduccion-al-diseno-ui-para-web","url":"https:\/\/educacioncontinua.pascualbravo.edu.co\/?product=curso-introduccion-al-diseno-ui-para-web","name":"Curso Introducci\u00f3n al Dise\u00f1o UI para Web - Unidad de Educaci\u00f3n Continua - I.U. Pascual Bravo","isPartOf":{"@id":"https:\/\/educacioncontinua.pascualbravo.edu.co\/#website"},"datePublished":"2026-08-03T21:35:13+00:00","dateModified":"2026-08-03T21:39:50+00:00","breadcrumb":{"@id":"https:\/\/educacioncontinua.pascualbravo.edu.co\/?product=curso-introduccion-al-diseno-ui-para-web#breadcrumb"},"inLanguage":"es-CO","potentialAction":[{"@type":"ReadAction","target":["https:\/\/educacioncontinua.pascualbravo.edu.co\/?product=curso-introduccion-al-diseno-ui-para-web"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/educacioncontinua.pascualbravo.edu.co\/?product=curso-introduccion-al-diseno-ui-para-web#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/educacioncontinua.pascualbravo.edu.co\/"},{"@type":"ListItem","position":2,"name":"Oferta acad\u00e9mica","item":"https:\/\/educacioncontinua.pascualbravo.edu.co\/?page_id=14"},{"@type":"ListItem","position":3,"name":"Curso Introducci\u00f3n al Dise\u00f1o UI para Web"}]},{"@type":"WebSite","@id":"https:\/\/educacioncontinua.pascualbravo.edu.co\/#website","url":"https:\/\/educacioncontinua.pascualbravo.edu.co\/","name":"Unidad de Educaci\u00f3n Continua - I.U. Pascual Bravo","description":"Unidad de Educaci\u00f3n Continua - I.U. Pascual Bravo","publisher":{"@id":"https:\/\/educacioncontinua.pascualbravo.edu.co\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/educacioncontinua.pascualbravo.edu.co\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"es-CO"},{"@type":"Organization","@id":"https:\/\/educacioncontinua.pascualbravo.edu.co\/#organization","name":"Unidad de Educaci\u00f3n Continua - I.U. Pascual Bravo","url":"https:\/\/educacioncontinua.pascualbravo.edu.co\/","logo":{"@type":"ImageObject","inLanguage":"es-CO","@id":"https:\/\/educacioncontinua.pascualbravo.edu.co\/#\/schema\/logo\/image\/","url":"https:\/\/educacioncontinua.pascualbravo.edu.co\/wp-content\/uploads\/2020\/12\/Pascual-Bravo.png","contentUrl":"https:\/\/educacioncontinua.pascualbravo.edu.co\/wp-content\/uploads\/2020\/12\/Pascual-Bravo.png","width":300,"height":77,"caption":"Unidad de Educaci\u00f3n Continua - I.U. Pascual Bravo"},"image":{"@id":"https:\/\/educacioncontinua.pascualbravo.edu.co\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/educacioncontinua.pascualbravo.edu.co\/index.php?rest_route=\/wp\/v2\/product\/9721"}],"collection":[{"href":"https:\/\/educacioncontinua.pascualbravo.edu.co\/index.php?rest_route=\/wp\/v2\/product"}],"about":[{"href":"https:\/\/educacioncontinua.pascualbravo.edu.co\/index.php?rest_route=\/wp\/v2\/types\/product"}],"replies":[{"embeddable":true,"href":"https:\/\/educacioncontinua.pascualbravo.edu.co\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9721"}],"wp:attachment":[{"href":"https:\/\/educacioncontinua.pascualbravo.edu.co\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9721"}],"wp:term":[{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/educacioncontinua.pascualbravo.edu.co\/index.php?rest_route=%2Fwp%2Fv2%2Fproduct_cat&post=9721"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/educacioncontinua.pascualbravo.edu.co\/index.php?rest_route=%2Fwp%2Fv2%2Fproduct_tag&post=9721"},{"taxonomy":"tipo_oferta","embeddable":true,"href":"https:\/\/educacioncontinua.pascualbravo.edu.co\/index.php?rest_route=%2Fwp%2Fv2%2Ftipo_oferta&post=9721"},{"taxonomy":"modalidad","embeddable":true,"href":"https:\/\/educacioncontinua.pascualbravo.edu.co\/index.php?rest_route=%2Fwp%2Fv2%2Fmodalidad&post=9721"},{"taxonomy":"nivel","embeddable":true,"href":"https:\/\/educacioncontinua.pascualbravo.edu.co\/index.php?rest_route=%2Fwp%2Fv2%2Fnivel&post=9721"},{"taxonomy":"tipo_de_programa","embeddable":true,"href":"https:\/\/educacioncontinua.pascualbravo.edu.co\/index.php?rest_route=%2Fwp%2Fv2%2Ftipo_de_programa&post=9721"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}