{"id":127514,"date":"2021-12-07T16:56:33","date_gmt":"2021-12-07T21:56:33","guid":{"rendered":"https:\/\/brainstation.io\/?post_type=career-guide&#038;p=127514"},"modified":"2025-11-28T13:38:45","modified_gmt":"2025-11-28T18:38:45","slug":"what-is-ui-design","status":"publish","type":"career-guide","link":"https:\/\/brainstation.io\/career-guides\/what-is-ui-design","title":{"rendered":"What Is UI Design?"},"content":{"rendered":"\n<header class=\"wp-block-bstn-blocks-hero-with-ri bstn-blocks-hero-with-ri\"><div class=\"bstn-blocks-hero-with-ri__full-width-wrapper bstn-blocks-hero-with-ri__full-width-wrapper--main bstn-blocks-hero-with-ri__full-width-wrapper--bg-flair\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 1140 621\" class=\"bstn-blocks-hero-with-ri__bg-flair--rich\"><g opacity=\"0.55\"><path stroke=\"currentColor\" stroke-linecap=\"square\" d=\"M60.026 736.434V203.02\"><\/path><path stroke=\"currentColor\" stroke-linecap=\"square\" d=\"M60.364 436.132-120 436.131zm0-99.873H-120zm0-99.872H-120zM128 536.004h-248z\" clip-rule=\"evenodd\"><\/path><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M57.518 535.982a2.286 2.286 0 1 1 4.572 0 2.286 2.286 0 0 1-4.572 0m0-99.836a2.286 2.286 0 1 1 4.572-.002 2.286 2.286 0 0 1-4.572.002m0-99.837a2.286 2.286 0 1 1 4.572-.002 2.286 2.286 0 0 1-4.572.002m0-99.837a2.286 2.286 0 1 1 4.572-.002 2.286 2.286 0 0 1-4.572.002\" clip-rule=\"evenodd\"><\/path><\/g><g opacity=\"0.55\"><path stroke=\"currentColor\" stroke-linecap=\"square\" d=\"M979.195-28.206V397.98m81.185-524.745V397.98\"><\/path><path stroke=\"currentColor\" stroke-linecap=\"square\" d=\"M1141.45 168.46H964zm0 98.334H964zm0 98.333H964zm66.55-295H964z\" clip-rule=\"evenodd\"><\/path><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M1138.66 70.148a2.244 2.244 0 1 0 4.49 0 2.246 2.246 0 1 0-4.49-.001zm-80.21 0c0 1.243 1.01 2.251 2.25 2.251s2.25-1.008 2.25-2.251-1.01-2.251-2.25-2.251-2.25 1.008-2.25 2.25zm-81.707 0a2.25 2.25 0 1 0 4.5.004 2.25 2.25 0 0 0-4.5-.005zm81.707 98.299a2.25 2.25 0 0 0 2.25 2.251 2.252 2.252 0 0 0 0-4.503 2.253 2.253 0 0 0-2.25 2.252m-81.707 0a2.25 2.25 0 1 0 4.498 0 2.25 2.25 0 0 0-2.249-2.252 2.25 2.25 0 0 0-2.249 2.252m161.917-.001a2.244 2.244 0 1 0 4.49 0 2.246 2.246 0 1 0-4.49 0m0 98.299a2.244 2.244 0 1 0 4.49 0 2.246 2.246 0 1 0-4.49 0m-80.21 0c0 1.243 1.01 2.251 2.25 2.251s2.25-1.008 2.25-2.251-1.01-2.251-2.25-2.251-2.25 1.008-2.25 2.251m-81.707 0a2.25 2.25 0 1 0 4.5.002 2.25 2.25 0 0 0-4.5-.002m81.707 98.299c0 1.243 1.01 2.251 2.25 2.251s2.25-1.008 2.25-2.251-1.01-2.251-2.25-2.251-2.25 1.008-2.25 2.251m-81.707 0a2.25 2.25 0 1 0 4.5.002 2.25 2.25 0 0 0-4.5-.002m161.917 0a2.244 2.244 0 1 0 4.49 0 2.246 2.246 0 1 0-4.49 0\" clip-rule=\"evenodd\"><\/path><\/g><\/svg><div class=\"bstn-blocks-hero-with-ri__container\"><div class=\"bstn-blocks-hero-with-ri__copy-container\"><p class=\"bstn-blocks-hero-with-ri__subtitle\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 14 17\" class=\"bstn-blocks-hero-with-ri__subtitle-icon\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12.554 16H2.444c-.383 0-.75-.158-1.021-.44A1.53 1.53 0 0 1 1 14.5M6.777 2H2.926c-.511 0-1 .21-1.362.586A2.04 2.04 0 0 0 1 4v10.5c0-.398.152-.78.423-1.06.27-.282.638-.44 1.021-.44h9.629c.127 0 .25-.053.34-.146a.5.5 0 0 0 .141-.354v-10c0-.133-.05-.26-.14-.354A.48.48 0 0 0 12.072 2h-1.445m.964 14v-3\"><\/path><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M10.628 9 8.703 7 6.777 9V2c0-.265.101-.52.282-.707A.94.94 0 0 1 7.739 1h1.926c.256 0 .5.105.681.293.18.187.282.442.282.707z\"><\/path><\/svg>2026 Guide<button class=\"share-tooltip\" data-share-tooltip-trigger=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 18 15\" class=\"share-tooltip__icon\"><path fill=\"currentColor\" d=\"M13.695 1.487 12.42 2.812l1.805 1.876H9.182c-1.99 0-3.61 1.681-3.61 3.75v.937h1.805v-.938c0-1.033.809-1.874 1.805-1.874h5.042L12.42 8.438l1.276 1.326 3.985-4.138-3.985-4.14z\"><\/path><path fill=\"currentColor\" d=\"M10.085 13.125H1.96V1.875h9.929V0H.155v15H11.89v-4.688h-1.805z\"><\/path><\/svg><div class=\"share-tooltip__share-options\" aria-hidden=\"true\" data-share-tooltip-share-options-template=\"true\"><a href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=%s\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"share-tooltip__link\" data-share-tooltip-link=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 17 16\" class=\"share-tooltip__share-option-icon\"><path fill=\"currentColor\" d=\"M16.098 8.049A8.05 8.05 0 1 0 6.791 16v-5.625H4.747V8.05h2.044V6.276c0-2.017 1.201-3.132 3.04-3.132.88 0 1.802.157 1.802.157v1.981h-1.016c-1 0-1.31.62-1.31 1.258v1.509h2.232l-.357 2.326H9.306V16a8.05 8.05 0 0 0 6.792-7.951\"><\/path><\/svg><\/a><a href=\"https:\/\/twitter.com\/intent\/tweet?url=%s\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"share-tooltip__link\" data-share-tooltip-link=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 16 13\" class=\"share-tooltip__share-option-icon\"><path fill=\"currentColor\" d=\"M14.356 3.236c.006.143.006.28.006.423.007 4.334-3.295 9.338-9.332 9.338A9.33 9.33 0 0 1 0 11.522a6.6 6.6 0 0 0 4.855-1.364 3.29 3.29 0 0 1-3.068-2.282 3.2 3.2 0 0 0 1.482-.058 3.27 3.27 0 0 1-2.632-3.21v-.04c.455.254.968.397 1.488.41A3.29 3.29 0 0 1 1.111.598a9.33 9.33 0 0 0 6.766 3.431A3.29 3.29 0 0 1 8.825.89a3.294 3.294 0 0 1 4.647.143 6.5 6.5 0 0 0 2.086-.8 3.3 3.3 0 0 1-1.443 1.814A6.8 6.8 0 0 0 16 1.534a6.7 6.7 0 0 1-1.644 1.702\"><\/path><\/svg><\/a><a href=\"http:\/\/www.linkedin.com\/shareArticle?mini=true&amp;url=%s\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"share-tooltip__link\" data-share-tooltip-link=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xml:space=\"preserve\" viewBox=\"0 0 16 16\" class=\"share-tooltip__share-option-icon\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M14 0H2C.9 0 0 .9 0 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2M4.4 13.6H2.1V6.4h2.4v7.2zM3.3 5.4C2.5 5.4 2 4.8 2 4.2 2 3.5 2.5 3 3.4 3c.8 0 1.3.5 1.3 1.2-.1.6-.6 1.2-1.4 1.2m9.8 8.2h-2.4V9.7c0-1-.3-1.6-1.2-1.6-.7 0-1.1.4-1.3.9v4.5H5.8V6.3h2.4v1c.3-.5.9-1.2 2.2-1.2 1.6 0 2.8 1 2.8 3.2v4.3z\" clip-rule=\"evenodd\"><\/path><\/svg><\/a><span class=\"share-tooltip__link\" aria-label=\"Copy article link\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 19 18\" class=\"share-tooltip__share-option-icon\" data-share-tooltip-copy-link=\"true\"><path fill=\"currentColor\" d=\"m2.265 12.784 1.265-1.266-.633-.633a.896.896 0 0 1 0-1.266l7.595-7.593a.893.893 0 0 1 1.266 0l.633.632 1.264-1.264-.631-.633c-1.015-1.015-2.785-1.015-3.798 0L1.633 8.354a2.69 2.69 0 0 0 0 3.797zm15.821-6.96-.634-.632-1.265 1.265.633.633c.17.169.262.393.262.633a.9.9 0 0 1-.262.631L9.227 15.95a.92.92 0 0 1-1.266 0l-.633-.633-1.266 1.265.633.632a2.67 2.67 0 0 0 1.9.787c.716 0 1.39-.28 1.897-.787l7.594-7.593c.506-.507.786-1.18.786-1.897s-.28-1.392-.786-1.899zm0-3.797L16.82.76l-6.328 6.33 1.266 1.266zm-8.86 8.857L7.961 9.619l-6.328 6.33 1.265 1.264z\"><\/path><\/svg><\/span><\/div><\/button><\/p><h1 class=\"bstn-blocks-hero-with-ri__title\">What Is UI Design?<\/h1><p class=\"bstn-blocks-hero-with-ri__description\">BrainStation&#8217;s UI Designer career guide is intended to help you take the first steps toward a lucrative career in UI design.\u00a0Read on for an overview of what UI design is and how it differs from UX design.<\/p><\/div><div class=\"bstn-blocks-hero-with-ri__ri-container\">    <div class=\"bstn-blocks-ri-form\">\n        <svg class=\"bstn-blocks-ri-form__bg-flair\" viewBox=\"0 0 436 496\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path opacity=\".2\"\n                  d=\"M442 28l-83 134m0 0l90 92m-90-92l-234-29.782M36 427l-62-237 151-57.782M36 427l-62 91m62-91l35 115M36 427l413-99-81 200M125 132.218L-26 113 56-39\"\n                  stroke=\"#959FB2\"\/>\n        <\/svg>\n        <div class=\"bstn-blocks-ri-form__wrapper bstn-blocks-ri-form__wrapper--default\" data-view-default>\n            <div class=\"bstn-blocks-ri-form__title-section\">\n                <p class=\"bstn-blocks-ri-form__title\">Become a UI Designer<\/p>\n                <p class=\"bstn-blocks-ri-form__subtitle\">Speak to a Learning Advisor to learn more about how our courses can help you become a UI Designer.<\/p>\n            <\/div>\n            <form class=\"bstn-blocks-ri-form__form-section\" method=\"POST\" action=\"\/wordpress\/signup\">\n                <input type=\"text\" name=\"productSlug\" value=\"\"\n                       hidden\/>\n                <input type=\"text\" name=\"source\" value=\"Typewriter Form\" hidden\/>\n                <input type=\"text\" name=\"campaignName\" value=\"career-guides\" hidden\/>\n                <input type=\"text\" name=\"url\" style=\"display: none !important\" title=\"Leave this field blank\"\n                       autoComplete=\"off\"\/>\n                <input type=\"hidden\" name=\"ht\"\n                       value=\"2026-06-22T01:12:05+00:00\"\/>\n                <div class=\"bstn-blocks-ri-form__form-row\">\n                    <fieldset\n                        class=\"bstn-blocks-ri-form__form-field-group bstn-blocks-ri-form__form-field-group--half\">\n                        <input\n                            type=\"text\"\n                            name=\"firstName\"\n                            placeholder=\"First Name\"\n                            class=\"bstn-blocks-ri-form__input--text\"\n                            required\n                        >\n                    <\/fieldset>\n                    <fieldset\n                        class=\"bstn-blocks-ri-form__form-field-group bstn-blocks-ri-form__form-field-group--half\">\n                        <input\n                            type=\"text\"\n                            name=\"lastName\"\n                            placeholder=\"Last Name\"\n                            class=\"bstn-blocks-ri-form__input--text\"\n                            required\n                        >\n                    <\/fieldset>\n                <\/div>\n                <div class=\"bstn-blocks-ri-form__form-row\">\n                    <fieldset class=\"bstn-blocks-ri-form__form-field-group\">\n                        <input\n                            type=\"email\"\n                            name=\"email\"\n                            placeholder=\"Email\"\n                            class=\"bstn-blocks-ri-form__input--text bstn-blocks-ri-form__form-row-input\"\n                            required\n                        >\n                    <\/fieldset>\n                <\/div>\n                <div class=\"bstn-blocks-ri-form__form-row\">\n                    <fieldset class=\"bstn-blocks-ri-form__form-field-group\">\n                        <input\n                            type=\"tel\"\n                            name=\"phoneNumber\"\n                            placeholder=\"(506) 234-5678 (Optional)\"\n                            class=\"bstn-blocks-ri-form__input--text bstn-blocks-ri-form__form-row-input input--phone\"\n                        >\n                    <\/fieldset>\n                <\/div>\n                <p class=\"bstn-blocks-ri-form__disclaimer\">By clicking &#8220;Submit&#8221;, you accept our <a href=\"\/terms-of-service\">Terms<\/a>.<\/p>\n                <button\n                    class=\"bstn-blocks-ri-form__form-submit is-style-kg-button-research-primary-variant\"\n                    type=\"submit\"\n                >\n                    Submit                <\/button>\n                <p class=\"bstn-blocks-ri-form__form-error\" data-form-error>Couldn&#8217;t submit! Refresh the page and try again?<\/p>\n            <\/form>\n            <div class=\"bstn-blocks-ri-form__notes-section\">\n                            <\/div>\n        <\/div>\n        <div\n            class=\"bstn-blocks-ri-form__wrapper bstn-blocks-ri-form__wrapper--success bstn-blocks-ri-form__wrapper--hidden\"\n            data-view-success>\n            <svg class=\"bstn-blocks-ri-form__success-icon\" viewBox=\"0 0 48 48\" fill=\"none\"\n                 xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <path\n                    d=\"M24 0c13.255 0 24 10.745 24 24S37.255 48 24 48 0 37.255 0 24 10.745 0 24 0zm0 2C11.85 2 2 11.85 2 24s9.85 22 22 22 22-9.85 22-22S36.15 2 24 2z\"\n                    fill=\"currentColor\"\/>\n                <path\n                    d=\"M32.282 17.304a1 1 0 011.54 1.266l-.104.126-13.08 13.5a1 1 0 01-1.289.126l-.125-.103-4.92-4.76a1 1 0 011.266-1.54l.125.103 4.201 4.064 12.386-12.782z\"\n                    fill=\"currentColor\"\/>\n            <\/svg>\n            <p class=\"bstn-blocks-ri-form__success-title\">Thank you!<\/p>\n            <p class=\"bstn-blocks-ri-form__success-desc\">We will be in touch soon.<\/p>\n                    <\/div>\n    <\/div>\n    <\/div><\/div><\/div><\/header>\n\n\n\n<div class=\"wp-block-bstn-blocks-indented-content-container bstn-blocks-indented-content-container\"><div class=\"row\"><div class=\"bstn-blocks-indented-content-container__content col col-sm-8 col-sm-offset-1\">\n<p>The \u201cUI\u201d in \u201cUI design\u201d stands for \u201cuser interface\u201d\u2014in other words, it\u2019s the field of design concerning all the visual elements the users of a website, app, or piece of software (or mobile device, or even appliance) interact with. That makes UI design a close cousin of graphic design, albeit one with a few more competencies added to the repertoire.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-bstn-blocks-heading bstn-blocks-heading bstn-blocks-heading--h2 has-text-align-left bstn-blocks-heading--divider\" id=\"how-is-ui-design-different-ux\"><h2 class=\"bstn-blocks-heading__heading-element\">What\u2019s the Difference Between UX and UI Design?<\/h2><\/div>\n\n\n\n<div class=\"wp-block-bstn-blocks-indented-content-container bstn-blocks-indented-content-container\"><div class=\"row\"><div class=\"bstn-blocks-indented-content-container__content col col-sm-8 col-sm-offset-1\">\n<p>User interface design is considered a subset of user experience (UX) design, and that can lead to a lot of confusion among outsiders or even team members about where the job titles overlap and split away.<\/p>\n\n\n\n<p>UI design is a sibling to UX (user experience) design\u2014but with a narrower focus. UI design deals with individual design elements, while UX concerns a user\u2019s entire journey from beginning to end.<\/p>\n\n\n\n<p>\u201cUnlike UX Designers, who are concerned with the overall feel of the product, User Interface Designers are particular about how the product is laid out,\u201d says Designer and Developer Lo Min Ming in Fast Company. \u201cFor example, a UI Designer creating an analytics dashboard might front-load the most important content at the top, or decide whether a slider or a control knob makes the most intuitive sense to adjust a graph.\u201d<\/p>\n\n\n\n<p>Here\u2019s a quick overview of the differences and similarities between UX and UI design:<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-bstn-blocks-heading bstn-blocks-heading bstn-blocks-heading--h3 has-text-align-left\"><h3 class=\"bstn-blocks-heading__heading-element\">User Experience (UX) Design<\/h3><\/div>\n\n\n\n<ul class=\"wp-block-list is-style-kg-list-primary\">\n<li>Human-first approach to the design process<\/li>\n\n\n\n<li>Focuses on the entire user experience from users\u2019 very first point of contact<\/li>\n\n\n\n<li>Can be applied to physical and digital products and experiences<\/li>\n\n\n\n<li>Creates products that delight users<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-bstn-blocks-heading bstn-blocks-heading bstn-blocks-heading--h3 has-text-align-left\"><h3 class=\"bstn-blocks-heading__heading-element\">User Interface (UI) Design<\/h3><\/div>\n\n\n\n<ul class=\"wp-block-list is-style-kg-list-primary\">\n<li>Human-first approach to the visual design process<\/li>\n\n\n\n<li>Focuses on visual elements users interact with (interaction design) and factors like style, color theory, and visual effects<\/li>\n\n\n\n<li>Can be applied to digital products<\/li>\n\n\n\n<li>Creates products that delight users with their aesthetic and visual appeal<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-bstn-blocks-heading bstn-blocks-heading bstn-blocks-heading--h2 has-text-align-left bstn-blocks-heading--divider\"><h2 class=\"bstn-blocks-heading__heading-element\">Types of UI Design<\/h2><\/div>\n\n\n\n<div class=\"wp-block-bstn-blocks-indented-content-container bstn-blocks-indented-content-container\"><div class=\"row\"><div class=\"bstn-blocks-indented-content-container__content col col-sm-8 col-sm-offset-1\">\n<p>Although there are many types of user interface design, these are three of the most popular types of UI design:<\/p>\n\n\n\n<div class=\"wp-block-bstn-blocks-heading bstn-blocks-heading bstn-blocks-heading--h3 has-text-align-left\"><h3 class=\"bstn-blocks-heading__heading-element\">Graphical user interfaces<\/h3><\/div>\n\n\n\n<p>Think visual \u2013 any time users interact with visual objects on a digital screen (whether using a mouse or their fingers), they\u2019re interacting with Graphical User Interfaces. Consistency is a big focus when looking at this type of UI design.<\/p>\n\n\n\n<div class=\"wp-block-bstn-blocks-heading bstn-blocks-heading bstn-blocks-heading--h3 has-text-align-left\"><h3 class=\"bstn-blocks-heading__heading-element\">Voice user interfaces<\/h3><\/div>\n\n\n\n<p>Fast-rising in popularity \u2013 just think of how many voice-enabled products are being sold now compared to a few years ago \u2013 voice user interfaces require a totally different design process, in which words and syntax are crucial.<\/p>\n\n\n\n<div class=\"wp-block-bstn-blocks-heading bstn-blocks-heading bstn-blocks-heading--h3 has-text-align-left\"><h3 class=\"bstn-blocks-heading__heading-element\">Menu-driven interfaces<\/h3><\/div>\n\n\n\n<p>Another type of user interface allows users to select from a range of commands organized into menus.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-bstn-blocks-heading bstn-blocks-heading bstn-blocks-heading--h2 has-text-align-left bstn-blocks-heading--divider\" id=\"what-is-the-role-ui-designer\"><h2 class=\"bstn-blocks-heading__heading-element\">What Is the Role of a UI Designer?<\/h2><\/div>\n\n\n\n<div class=\"wp-block-bstn-blocks-indented-content-container bstn-blocks-indented-content-container\"><div class=\"row\"><div class=\"bstn-blocks-indented-content-container__content col col-sm-8 col-sm-offset-1\">\n<p>UI Designers work closely with other design specialists (including UX Designers) to make sure every web page conforms to the overall design vision of the website. Put another way, UI Designers are in charge of designing each of the screens or pages that users interact with, and making sure they all work together to create the experience the UX Designer is aiming for. That requires a canny blend of appealing visuals and functionality\u2014where those overlap is the UI Designer\u2019s sphere.<\/p>\n\n\n\n<p>Other aspects of the UI Designer\u2019s role may include creating a cohesive style guide, maintaining visual consistency, and working alongside the Graphic Designers and Copywriters who create content for the product.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-bstn-blocks-content-navigation-footer bstn-blocks-content-nav-footer bstn-blocks-content-nav-footer--article\"><div class=\"bstn-blocks-content-nav-footer__links-container\"><div class=\"bstn-blocks-content-nav-footer__link-container\"><p class=\"bstn-blocks-content-nav-footer__link-title bstn-blocks-content-nav-footer__link--desktop\">Previous<\/p><a class=\"bstn-blocks-content-nav-footer__link\" href=\"https:\/\/brainstation.io\/career-guides\/ui-designer\"><span class=\"bstn-blocks-content-nav-footer__link-icon-wrapper bstn-blocks-content-nav-footer__link-icon-wrapper--left\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 18 18\" fill=\"none\" class=\"bstn-blocks-content-nav-footer__link-icon bstn-blocks-content-nav-footer__link-icon--left\"><path fill=\"currentColor\" d=\"M6.345 12.743a1 1 0 001.31 1.511l5.477-4.749a1 1 0 000-1.511l-5.477-4.75a1.001 1.001 0 00-1.31 1.512l4.606 3.993-4.606 3.994z\"><\/path><\/svg><\/span><span class=\"bstn-blocks-content-nav-footer__link-text bstn-blocks-content-nav-footer__link--desktop\">UI Designer<\/span><\/a><\/div><div class=\"bstn-blocks-content-nav-footer__link-container\"><p class=\"bstn-blocks-content-nav-footer__link-title\">Next<\/p><a class=\"bstn-blocks-content-nav-footer__link\" href=\"https:\/\/brainstation.io\/career-guides\/what-is-a-ui-designer\"><span class=\"bstn-blocks-content-nav-footer__link-text\">What Is a UI Designer?<\/span><span class=\"bstn-blocks-content-nav-footer__link-icon-wrapper bstn-blocks-content-nav-footer__link-icon-wrapper--right\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 18 18\" fill=\"none\" class=\"bstn-blocks-content-nav-footer__link-icon bstn-blocks-content-nav-footer__link-icon--right\"><path fill=\"currentColor\" d=\"M6.345 12.743a1 1 0 001.31 1.511l5.477-4.749a1 1 0 000-1.511l-5.477-4.75a1.001 1.001 0 00-1.31 1.512l4.606 3.993-4.606 3.994z\"><\/path><\/svg><\/span><\/a><\/div><\/div><\/div>\n\n\n\n<section class=\"wp-block-bstn-blocks-course-cta bstn-blocks-course-cta\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 1140 621\" class=\"bstn-blocks-course-cta__bg-flair--rich\"><g opacity=\"0.55\"><path stroke=\"currentColor\" stroke-linecap=\"square\" d=\"M60.026 736.434V203.02\"><\/path><path stroke=\"currentColor\" stroke-linecap=\"square\" d=\"M60.364 436.132-120 436.131zm0-99.873H-120zm0-99.872H-120zM128 536.004h-248z\" clip-rule=\"evenodd\"><\/path><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M57.518 535.982a2.286 2.286 0 1 1 4.572 0 2.286 2.286 0 0 1-4.572 0m0-99.836a2.286 2.286 0 1 1 4.572-.002 2.286 2.286 0 0 1-4.572.002m0-99.837a2.286 2.286 0 1 1 4.572-.002 2.286 2.286 0 0 1-4.572.002m0-99.837a2.286 2.286 0 1 1 4.572-.002 2.286 2.286 0 0 1-4.572.002\" clip-rule=\"evenodd\"><\/path><\/g><g opacity=\"0.55\"><path stroke=\"currentColor\" stroke-linecap=\"square\" d=\"M979.195-28.206V397.98m81.185-524.745V397.98\"><\/path><path stroke=\"currentColor\" stroke-linecap=\"square\" d=\"M1141.45 168.46H964zm0 98.334H964zm0 98.333H964zm66.55-295H964z\" clip-rule=\"evenodd\"><\/path><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M1138.66 70.148a2.244 2.244 0 1 0 4.49 0 2.246 2.246 0 1 0-4.49-.001zm-80.21 0c0 1.243 1.01 2.251 2.25 2.251s2.25-1.008 2.25-2.251-1.01-2.251-2.25-2.251-2.25 1.008-2.25 2.25zm-81.707 0a2.25 2.25 0 1 0 4.5.004 2.25 2.25 0 0 0-4.5-.005zm81.707 98.299a2.25 2.25 0 0 0 2.25 2.251 2.252 2.252 0 0 0 0-4.503 2.253 2.253 0 0 0-2.25 2.252m-81.707 0a2.25 2.25 0 1 0 4.498 0 2.25 2.25 0 0 0-2.249-2.252 2.25 2.25 0 0 0-2.249 2.252m161.917-.001a2.244 2.244 0 1 0 4.49 0 2.246 2.246 0 1 0-4.49 0m0 98.299a2.244 2.244 0 1 0 4.49 0 2.246 2.246 0 1 0-4.49 0m-80.21 0c0 1.243 1.01 2.251 2.25 2.251s2.25-1.008 2.25-2.251-1.01-2.251-2.25-2.251-2.25 1.008-2.25 2.251m-81.707 0a2.25 2.25 0 1 0 4.5.002 2.25 2.25 0 0 0-4.5-.002m81.707 98.299c0 1.243 1.01 2.251 2.25 2.251s2.25-1.008 2.25-2.251-1.01-2.251-2.25-2.251-2.25 1.008-2.25 2.251m-81.707 0a2.25 2.25 0 1 0 4.5.002 2.25 2.25 0 0 0-4.5-.002m161.917 0a2.244 2.244 0 1 0 4.49 0 2.246 2.246 0 1 0-4.49 0\" clip-rule=\"evenodd\"><\/path><\/g><\/svg><div class=\"bstn-blocks-course-cta__container\"><div class=\"bstn-blocks-course-cta__copy-container\"><p class=\"bstn-blocks-course-cta__subtitle\"><span>get started<\/span><\/p><h2 class=\"bstn-blocks-course-cta__title\">Accelerate Your Design Career<\/h2><p class=\"bstn-blocks-course-cta__description\">Courses built on adaptive curriculum and led by leading industry experts.<\/p><ul class=\"bstn-blocks-course-cta__description-checklist wp-block-list is-style-kg-list-checklist-alternate\"><li><p class=\"bstn-blocks-course-cta__checklist-item\">Work on projects in a collaborative setting<\/p><\/li><li><p class=\"bstn-blocks-course-cta__checklist-item\">Get access to VIP events and workshops<\/p><\/li><li><p class=\"bstn-blocks-course-cta__checklist-item\">Taught by industry experts<\/p><\/li><\/ul><a class=\"bstn-blocks-course-cta__cta-button\" href=\"https:\/\/brainstation.io\/course\/online\/product-design\">Learn more<\/a><\/div><div class=\"bstn-blocks-course-cta__course-container\"><h3 class=\"bstn-blocks-course-cta__course-list-heading\">recommended Certifications<\/h3><ul class=\"bstn-blocks-course-cta__course-list\">\n<div class=\"wp-block-bstn-blocks-course-card bstn-blocks-course-card\"><a class=\"bstn-blocks-course-card__link-wrapper\" href=\"https:\/\/brainstation.io\/course\/online\/product-design\"><div class=\"bstn-blocks-course-card__title-group\"><span class=\"bstn-blocks-course-card__tag bstn-blocks-course-card__tag--yellow\">professional certificate<\/span><span class=\"bstn-blocks-course-card__title\" href=\"https:\/\/brainstation.io\/course\/online\/product-design\">AI Product Design Certification (PDC\u2122)<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 18 18\" class=\"bstn-blocks-course-card__link-icon\"><path fill=\"currentColor\" d=\"M6.345 12.743a1 1 0 0 0 1.31 1.511l5.477-4.749a1 1 0 0 0 0-1.511l-5.477-4.75a1.001 1.001 0 0 0-1.31 1.512l4.606 3.993z\"><\/path><\/svg><\/span><\/div><p class=\"bstn-blocks-course-card__description\">Earn the Product Design Certification (PDC\u2122)<\/p><\/a><\/div>\n\n\n\n<div class=\"wp-block-bstn-blocks-course-card bstn-blocks-course-card\"><a class=\"bstn-blocks-course-card__link-wrapper\" href=\"https:\/\/brainstation.io\/course\/online\/artificial-intelligence\"><div class=\"bstn-blocks-course-card__title-group\"><span class=\"bstn-blocks-course-card__tag bstn-blocks-course-card__tag--yellow\">professional certificate<\/span><span class=\"bstn-blocks-course-card__title\" href=\"https:\/\/brainstation.io\/course\/online\/artificial-intelligence\">Artificial Intelligence Certification (AIC\u2122)<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 18 18\" class=\"bstn-blocks-course-card__link-icon\"><path fill=\"currentColor\" d=\"M6.345 12.743a1 1 0 0 0 1.31 1.511l5.477-4.749a1 1 0 0 0 0-1.511l-5.477-4.75a1.001 1.001 0 0 0-1.31 1.512l4.606 3.993z\"><\/path><\/svg><\/span><\/div><p class=\"bstn-blocks-course-card__description\">Earn the Artificial Intelligence Certification (AIC\u2122)<\/p><\/a><\/div>\n<\/ul><\/div><\/div><\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"featured_media":0,"parent":0,"menu_order":0,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[],"tags":[],"class_list":["post-127514","career-guide","type-career-guide","status-publish","format-standard","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/brainstation.io\/wp\/api\/wp\/v2\/career-guide\/127514","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brainstation.io\/wp\/api\/wp\/v2\/career-guide"}],"about":[{"href":"https:\/\/brainstation.io\/wp\/api\/wp\/v2\/types\/career-guide"}],"version-history":[{"count":10,"href":"https:\/\/brainstation.io\/wp\/api\/wp\/v2\/career-guide\/127514\/revisions"}],"predecessor-version":[{"id":135743,"href":"https:\/\/brainstation.io\/wp\/api\/wp\/v2\/career-guide\/127514\/revisions\/135743"}],"wp:attachment":[{"href":"https:\/\/brainstation.io\/wp\/api\/wp\/v2\/media?parent=127514"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/brainstation.io\/wp\/api\/wp\/v2\/categories?post=127514"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/brainstation.io\/wp\/api\/wp\/v2\/tags?post=127514"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}