{"id":10825,"date":"2014-09-10T18:34:46","date_gmt":"2014-09-10T18:34:46","guid":{"rendered":"https:\/\/avada.theme-fusion.com\/?post_type=avada_portfolio&#038;p=10825"},"modified":"2023-07-28T03:21:08","modified_gmt":"2023-07-28T03:21:08","slug":"webuxandui","status":"publish","type":"avada_portfolio","link":"https:\/\/coloradomarketingresources.com\/index.php\/portfolio-items\/webuxandui\/","title":{"rendered":"Web Design (UX and UI)"},"content":{"rendered":"<div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:calc( 1170px + 0px );margin-left: calc(-0px \/ 2 );margin-right: calc(-0px \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-blend:overlay;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:calc( 0.04 * calc( 100% - 0px ) );--awb-margin-bottom-large:0px;--awb-spacing-left-large:0px;--awb-width-medium:100%;--awb-spacing-right-medium:0px;--awb-spacing-left-medium:0px;--awb-width-small:100%;--awb-spacing-right-small:0px;--awb-spacing-left-small:0px;\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-text fusion-text-1\"><p>UI design and UX design are two of the most often confused and conflated terms in web and app design. And understandably so. They\u2019re usually placed together in a single term, UI\/UX design, and viewed from the surface they seem to be describing the same thing. It\u2019s often hard to find solid descriptions of the two that don\u2019t descend too far into jargon. But fear not!<\/p>\n<p>What is UI Design?<\/p>\n<p>The \u201cUI\u201d in UI design stands for \u201cuser interface.\u201d The user interface is the graphical layout of an application. It consists of the buttons users click on, the text they read, the images, sliders, text entry fields, and all the rest of the items the user interacts with. This includes screen layout, transitions, interface animations and every single micro-interaction. Any sort of visual element, interaction, or animation must all be designed.<\/p>\n<p>UI Design Examples for Inspiration<\/p>\n<p>UI &amp; UX Design Inspiration<\/p>\n<p>This job falls to UI designers. They decide what the application is going to look like. They have to choose color schemes and button shapes \u2014 the width of lines and the fonts used for text. UI designers create the look and feel of an application\u2019s user interface.<\/p>\n<p>UI designers are graphic designers. They\u2019re concerned with aesthetics. It\u2019s up to them to make sure the application\u2019s interface is attractive, visually-stimulating and themed appropriately to match the purpose and\/or personality of the app. And they need to make sure every single visual element feels united, both aesthetically, and in purpose.<\/p>\n<p>What is UX Design?<\/p>\n<p>\u201cUX\u201d stands for \u201cuser experience.\u201d A user\u2019s experience of the app is determined by how they interact with it. Is the experience smooth and intuitive or clunky and confusing? Does navigating the app feel logical or does it feel arbitrary? Does interacting with the app give people the sense that they\u2019re efficiently accomplishing the tasks they set out to achieve or does it feel like a struggle? User experience is determined by how easy or difficult it is to interact with the user interface elements that the UI designers have created.<\/p>\n<\/div><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":13480,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"portfolio_category":[11,16],"portfolio_skills":[7,10,14,15,18,20,21,22],"portfolio_tags":[],"class_list":["post-10825","avada_portfolio","type-avada_portfolio","status-publish","format-standard","has-post-thumbnail","hentry","portfolio_category-graphic-design","portfolio_category-mobile","portfolio_skills-branding","portfolio_skills-graphic-design","portfolio_skills-htmlcss","portfolio_skills-logo-design","portfolio_skills-user-interface","portfolio_skills-web-design","portfolio_skills-web-development","portfolio_skills-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.12 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Web Design (UX and UI) - Colorado Marketing Resources<\/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:\/\/coloradomarketingresources.com\/index.php\/portfolio-items\/webuxandui\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web Design (UX and UI) - Colorado Marketing Resources\" \/>\n<meta property=\"og:url\" content=\"https:\/\/coloradomarketingresources.com\/index.php\/portfolio-items\/webuxandui\/\" \/>\n<meta property=\"og:site_name\" content=\"Colorado Marketing Resources\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-28T03:21:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/coloradomarketingresources.com\/wp-content\/uploads\/2023\/07\/WebDesign.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1170\" \/>\n\t<meta property=\"og:image:height\" content=\"700\" \/>\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=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/coloradomarketingresources.com\/index.php\/portfolio-items\/webuxandui\/\",\"url\":\"https:\/\/coloradomarketingresources.com\/index.php\/portfolio-items\/webuxandui\/\",\"name\":\"Web Design (UX and UI) - Colorado Marketing Resources\",\"isPartOf\":{\"@id\":\"https:\/\/coloradomarketingresources.com\/#website\"},\"datePublished\":\"2014-09-10T18:34:46+00:00\",\"dateModified\":\"2023-07-28T03:21:08+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/coloradomarketingresources.com\/index.php\/portfolio-items\/webuxandui\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/coloradomarketingresources.com\/index.php\/portfolio-items\/webuxandui\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/coloradomarketingresources.com\/index.php\/portfolio-items\/webuxandui\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/coloradomarketingresources.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Portfolio\",\"item\":\"https:\/\/coloradomarketingresources.com\/index.php\/portfolio-items\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Web Design (UX and UI)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/coloradomarketingresources.com\/#website\",\"url\":\"https:\/\/coloradomarketingresources.com\/\",\"name\":\"Colorado Marketing Resources\",\"description\":\"Digital Marketing for Real Estate Professionals\",\"publisher\":{\"@id\":\"https:\/\/coloradomarketingresources.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/coloradomarketingresources.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/coloradomarketingresources.com\/#organization\",\"name\":\"Colorado Marketing Resources\",\"url\":\"https:\/\/coloradomarketingresources.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/coloradomarketingresources.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/coloradomarketingresources.com\/wp-content\/uploads\/2023\/07\/agency_logo_sideways_CMR_250px.png\",\"contentUrl\":\"https:\/\/coloradomarketingresources.com\/wp-content\/uploads\/2023\/07\/agency_logo_sideways_CMR_250px.png\",\"width\":250,\"height\":96,\"caption\":\"Colorado Marketing Resources\"},\"image\":{\"@id\":\"https:\/\/coloradomarketingresources.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Web Design (UX and UI) - Colorado Marketing Resources","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:\/\/coloradomarketingresources.com\/index.php\/portfolio-items\/webuxandui\/","og_locale":"en_US","og_type":"article","og_title":"Web Design (UX and UI) - Colorado Marketing Resources","og_url":"https:\/\/coloradomarketingresources.com\/index.php\/portfolio-items\/webuxandui\/","og_site_name":"Colorado Marketing Resources","article_modified_time":"2023-07-28T03:21:08+00:00","og_image":[{"width":1170,"height":700,"url":"https:\/\/coloradomarketingresources.com\/wp-content\/uploads\/2023\/07\/WebDesign.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/coloradomarketingresources.com\/index.php\/portfolio-items\/webuxandui\/","url":"https:\/\/coloradomarketingresources.com\/index.php\/portfolio-items\/webuxandui\/","name":"Web Design (UX and UI) - Colorado Marketing Resources","isPartOf":{"@id":"https:\/\/coloradomarketingresources.com\/#website"},"datePublished":"2014-09-10T18:34:46+00:00","dateModified":"2023-07-28T03:21:08+00:00","breadcrumb":{"@id":"https:\/\/coloradomarketingresources.com\/index.php\/portfolio-items\/webuxandui\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/coloradomarketingresources.com\/index.php\/portfolio-items\/webuxandui\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/coloradomarketingresources.com\/index.php\/portfolio-items\/webuxandui\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/coloradomarketingresources.com\/"},{"@type":"ListItem","position":2,"name":"Portfolio","item":"https:\/\/coloradomarketingresources.com\/index.php\/portfolio-items\/"},{"@type":"ListItem","position":3,"name":"Web Design (UX and UI)"}]},{"@type":"WebSite","@id":"https:\/\/coloradomarketingresources.com\/#website","url":"https:\/\/coloradomarketingresources.com\/","name":"Colorado Marketing Resources","description":"Digital Marketing for Real Estate Professionals","publisher":{"@id":"https:\/\/coloradomarketingresources.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/coloradomarketingresources.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/coloradomarketingresources.com\/#organization","name":"Colorado Marketing Resources","url":"https:\/\/coloradomarketingresources.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/coloradomarketingresources.com\/#\/schema\/logo\/image\/","url":"https:\/\/coloradomarketingresources.com\/wp-content\/uploads\/2023\/07\/agency_logo_sideways_CMR_250px.png","contentUrl":"https:\/\/coloradomarketingresources.com\/wp-content\/uploads\/2023\/07\/agency_logo_sideways_CMR_250px.png","width":250,"height":96,"caption":"Colorado Marketing Resources"},"image":{"@id":"https:\/\/coloradomarketingresources.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/coloradomarketingresources.com\/index.php\/wp-json\/wp\/v2\/avada_portfolio\/10825","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/coloradomarketingresources.com\/index.php\/wp-json\/wp\/v2\/avada_portfolio"}],"about":[{"href":"https:\/\/coloradomarketingresources.com\/index.php\/wp-json\/wp\/v2\/types\/avada_portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/coloradomarketingresources.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/coloradomarketingresources.com\/index.php\/wp-json\/wp\/v2\/comments?post=10825"}],"version-history":[{"count":4,"href":"https:\/\/coloradomarketingresources.com\/index.php\/wp-json\/wp\/v2\/avada_portfolio\/10825\/revisions"}],"predecessor-version":[{"id":13577,"href":"https:\/\/coloradomarketingresources.com\/index.php\/wp-json\/wp\/v2\/avada_portfolio\/10825\/revisions\/13577"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/coloradomarketingresources.com\/index.php\/wp-json\/wp\/v2\/media\/13480"}],"wp:attachment":[{"href":"https:\/\/coloradomarketingresources.com\/index.php\/wp-json\/wp\/v2\/media?parent=10825"}],"wp:term":[{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/coloradomarketingresources.com\/index.php\/wp-json\/wp\/v2\/portfolio_category?post=10825"},{"taxonomy":"portfolio_skills","embeddable":true,"href":"https:\/\/coloradomarketingresources.com\/index.php\/wp-json\/wp\/v2\/portfolio_skills?post=10825"},{"taxonomy":"portfolio_tags","embeddable":true,"href":"https:\/\/coloradomarketingresources.com\/index.php\/wp-json\/wp\/v2\/portfolio_tags?post=10825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}