<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0" xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd" xmlns:googleplay="http://www.google.com/schemas/play-podcasts/1.0"><channel><title><![CDATA[Color Insider: Graphic Design & UI/UX]]></title><description><![CDATA[Gain insider tips and learn how to strategically use and apply color in Graphic design, UI/UX Design, VR, AR, and AI!]]></description><link>https://thecolorinsider.com/s/digital-color-strategy</link><image><url>https://substackcdn.com/image/fetch/$s_!oDjz!,w_256,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fecb64548-f629-45ee-907d-3e5cfc19a997_1080x1080.png</url><title>Color Insider: Graphic Design &amp; UI/UX</title><link>https://thecolorinsider.com/s/digital-color-strategy</link></image><generator>Substack</generator><lastBuildDate>Sat, 16 May 2026 16:26:33 GMT</lastBuildDate><atom:link href="https://thecolorinsider.com/feed" rel="self" type="application/rss+xml"/><copyright><![CDATA[Syntes, Inc.]]></copyright><language><![CDATA[en]]></language><webMaster><![CDATA[thecolorinsider@substack.com]]></webMaster><itunes:owner><itunes:email><![CDATA[thecolorinsider@substack.com]]></itunes:email><itunes:name><![CDATA[Ametra]]></itunes:name></itunes:owner><itunes:author><![CDATA[Ametra]]></itunes:author><googleplay:owner><![CDATA[thecolorinsider@substack.com]]></googleplay:owner><googleplay:email><![CDATA[thecolorinsider@substack.com]]></googleplay:email><googleplay:author><![CDATA[Ametra]]></googleplay:author><itunes:block><![CDATA[Yes]]></itunes:block><item><title><![CDATA[Using Polarization Filters in Printing]]></title><description><![CDATA[Surface glare and gloss from paper or ink can distort color measurements in printing. Polarization filters to the rescue!]]></description><link>https://thecolorinsider.com/p/using-polarization-filters-in-printing</link><guid isPermaLink="false">https://thecolorinsider.com/p/using-polarization-filters-in-printing</guid><pubDate>Sat, 09 Sep 2023 06:28:27 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!HMnY!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F537b5031-b046-4ac1-b436-a5e462833e88_1360x558.jpeg" length="0" type="image/jpeg"/><content:encoded><![CDATA[<h3>What are Polarization Filters?</h3><p>Polarization filters are typically used to minimize differences in appearance caused by gloss or glare from paper coating or ink finish (especially for wet ink). These filters can be used along with color measurement devices such as densitometers, spectrophotometers and spectrodensitometers. </p><p>Below is a side by side comparison of an image before the polarization filter, and after. </p>
      <p>
          <a href="https://thecolorinsider.com/p/using-polarization-filters-in-printing">
              Read more
          </a>
      </p>
   ]]></content:encoded></item><item><title><![CDATA[Saturation vs. Vibrance]]></title><description><![CDATA[You've probably stumbled across these two different settings in photo editing: saturation and vibrance. Are they different? Are they the same?]]></description><link>https://thecolorinsider.com/p/saturation-vs-vibrance</link><guid isPermaLink="false">https://thecolorinsider.com/p/saturation-vs-vibrance</guid><pubDate>Sat, 26 Aug 2023 00:36:39 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!6NKB!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc5fca76c-86d7-443b-b53a-51e90b27fb64_1080x1080.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<h3>Saturation &amp; Vibrance</h3><p>Saturation and vibrance are both adjustments used in photography to enhance the colors in an image. These adjustments are available in professional photo editing applications such as Photoshop, and your phone likely offers these basic color correction settings as well. Though they may seem similar, there are key differences between the two that we will get into today!</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" href="https://substackcdn.com/image/fetch/$s_!F4mD!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8e1ef0ce-0ea2-48e7-8a57-dc91560a8e0b_412x195.jpeg" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!F4mD!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8e1ef0ce-0ea2-48e7-8a57-dc91560a8e0b_412x195.jpeg 424w, https://substackcdn.com/image/fetch/$s_!F4mD!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8e1ef0ce-0ea2-48e7-8a57-dc91560a8e0b_412x195.jpeg 848w, https://substackcdn.com/image/fetch/$s_!F4mD!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8e1ef0ce-0ea2-48e7-8a57-dc91560a8e0b_412x195.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!F4mD!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8e1ef0ce-0ea2-48e7-8a57-dc91560a8e0b_412x195.jpeg 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!F4mD!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8e1ef0ce-0ea2-48e7-8a57-dc91560a8e0b_412x195.jpeg" width="412" height="195" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/8e1ef0ce-0ea2-48e7-8a57-dc91560a8e0b_412x195.jpeg&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:195,&quot;width&quot;:412,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:25529,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/jpeg&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:false,&quot;topImage&quot;:true,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!F4mD!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8e1ef0ce-0ea2-48e7-8a57-dc91560a8e0b_412x195.jpeg 424w, https://substackcdn.com/image/fetch/$s_!F4mD!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8e1ef0ce-0ea2-48e7-8a57-dc91560a8e0b_412x195.jpeg 848w, https://substackcdn.com/image/fetch/$s_!F4mD!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8e1ef0ce-0ea2-48e7-8a57-dc91560a8e0b_412x195.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!F4mD!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8e1ef0ce-0ea2-48e7-8a57-dc91560a8e0b_412x195.jpeg 1456w" sizes="100vw" fetchpriority="high"></picture><div></div></div></a><figcaption class="image-caption">Saturation &amp; Vibrance</figcaption></figure></div>
      <p>
          <a href="https://thecolorinsider.com/p/saturation-vs-vibrance">
              Read more
          </a>
      </p>
   ]]></content:encoded></item><item><title><![CDATA[Color in Web Design]]></title><description><![CDATA[What do customers value in website design? Online Design Companies Database TopDesignFirms has conducted research focused on consumer attitudes towards color in web design.]]></description><link>https://thecolorinsider.com/p/color-in-web-design</link><guid isPermaLink="false">https://thecolorinsider.com/p/color-in-web-design</guid><pubDate>Wed, 09 Aug 2023 00:49:40 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!CbHI!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F77d7964c-32b1-4c24-83c3-e2380fd56634_1080x400.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<h2>What do Customers Value in Website Design? </h2><p>An online design companies database called TopDesignFirms conducted research that focused on consumer attitudes toward color in web design. Let&#8217;s talk about their results and why color strategy is an absolute essential when it comes to designing your website. </p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!CbHI!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F77d7964c-32b1-4c24-83c3-e2380fd56634_1080x400.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!CbHI!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F77d7964c-32b1-4c24-83c3-e2380fd56634_1080x400.png 424w, https://substackcdn.com/image/fetch/$s_!CbHI!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F77d7964c-32b1-4c24-83c3-e2380fd56634_1080x400.png 848w, https://substackcdn.com/image/fetch/$s_!CbHI!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F77d7964c-32b1-4c24-83c3-e2380fd56634_1080x400.png 1272w, https://substackcdn.com/image/fetch/$s_!CbHI!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F77d7964c-32b1-4c24-83c3-e2380fd56634_1080x400.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!CbHI!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F77d7964c-32b1-4c24-83c3-e2380fd56634_1080x400.png" width="1080" height="400" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/77d7964c-32b1-4c24-83c3-e2380fd56634_1080x400.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:400,&quot;width&quot;:1080,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:252629,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:false,&quot;topImage&quot;:true,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!CbHI!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F77d7964c-32b1-4c24-83c3-e2380fd56634_1080x400.png 424w, https://substackcdn.com/image/fetch/$s_!CbHI!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F77d7964c-32b1-4c24-83c3-e2380fd56634_1080x400.png 848w, https://substackcdn.com/image/fetch/$s_!CbHI!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F77d7964c-32b1-4c24-83c3-e2380fd56634_1080x400.png 1272w, https://substackcdn.com/image/fetch/$s_!CbHI!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F77d7964c-32b1-4c24-83c3-e2380fd56634_1080x400.png 1456w" sizes="100vw" fetchpriority="high"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><h3>Strategic Color Selection is Crucial</h3><ul><li><p>39% of survey respondents prioritize color as the most important component of website design, indicating that companies should prioritize color selection as it can boost both sales and customer loyalty.</p><p></p></li></ul>
      <p>
          <a href="https://thecolorinsider.com/p/color-in-web-design">
              Read more
          </a>
      </p>
   ]]></content:encoded></item><item><title><![CDATA[Out of Gamut Colors]]></title><description><![CDATA[The process of controlling and editing out of gamut colors in Photoshop]]></description><link>https://thecolorinsider.com/p/out-of-gamut-colors</link><guid isPermaLink="false">https://thecolorinsider.com/p/out-of-gamut-colors</guid><pubDate>Fri, 23 Jun 2023 21:40:21 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!nq9p!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F38c89497-b271-45dd-a846-a325f6cacea7_1125x1191.jpeg" length="0" type="image/jpeg"/><content:encoded><![CDATA[<h3><strong>What are Out of Gamut Colors?</strong></h3><p>&#8220;Out of gamut colors&#8221; are outside the range of human eye visibility. Not only are we not able to identify out of gamut colors correctly, but they can also cause issues on digital programs such as Adobe Lightroom and Photoshop if they cannot be appropriately converted to the target device. </p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!nq9p!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F38c89497-b271-45dd-a846-a325f6cacea7_1125x1191.jpeg" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!nq9p!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F38c89497-b271-45dd-a846-a325f6cacea7_1125x1191.jpeg 424w, https://substackcdn.com/image/fetch/$s_!nq9p!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F38c89497-b271-45dd-a846-a325f6cacea7_1125x1191.jpeg 848w, https://substackcdn.com/image/fetch/$s_!nq9p!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F38c89497-b271-45dd-a846-a325f6cacea7_1125x1191.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!nq9p!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F38c89497-b271-45dd-a846-a325f6cacea7_1125x1191.jpeg 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!nq9p!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F38c89497-b271-45dd-a846-a325f6cacea7_1125x1191.jpeg" width="356" height="376.88533333333334" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/38c89497-b271-45dd-a846-a325f6cacea7_1125x1191.jpeg&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:1191,&quot;width&quot;:1125,&quot;resizeWidth&quot;:356,&quot;bytes&quot;:224068,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/jpeg&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:false,&quot;topImage&quot;:true,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!nq9p!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F38c89497-b271-45dd-a846-a325f6cacea7_1125x1191.jpeg 424w, https://substackcdn.com/image/fetch/$s_!nq9p!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F38c89497-b271-45dd-a846-a325f6cacea7_1125x1191.jpeg 848w, https://substackcdn.com/image/fetch/$s_!nq9p!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F38c89497-b271-45dd-a846-a325f6cacea7_1125x1191.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!nq9p!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F38c89497-b271-45dd-a846-a325f6cacea7_1125x1191.jpeg 1456w" sizes="100vw" fetchpriority="high"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p>The ability to both control and edit out of gamut colors digitally is important, but first you need to be able to select them. Luckily, we will tell you about this relatively straightforward process in Photoshop:</p>
      <p>
          <a href="https://thecolorinsider.com/p/out-of-gamut-colors">
              Read more
          </a>
      </p>
   ]]></content:encoded></item><item><title><![CDATA[Color as a UI/UX Navigation Tool]]></title><description><![CDATA[Color can be a useful wayfinding tool in UI/UX design if used with intention]]></description><link>https://thecolorinsider.com/p/color-as-a-uiux-navigation-tool</link><guid isPermaLink="false">https://thecolorinsider.com/p/color-as-a-uiux-navigation-tool</guid><pubDate>Wed, 21 Jun 2023 05:07:49 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd83c2a3d-25c7-418b-9196-2c253824882c_716x720.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<h3>Color in UI/UX Navigation </h3><p>When color is used excessively in design, it can be unclear to the viewer where their attention should go. To provide you with an example, first take a look at this image:</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!ZLzm!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F98c18d9a-e191-4204-9f07-be91363c0dbb_722x720.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!ZLzm!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F98c18d9a-e191-4204-9f07-be91363c0dbb_722x720.png 424w, https://substackcdn.com/image/fetch/$s_!ZLzm!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F98c18d9a-e191-4204-9f07-be91363c0dbb_722x720.png 848w, https://substackcdn.com/image/fetch/$s_!ZLzm!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F98c18d9a-e191-4204-9f07-be91363c0dbb_722x720.png 1272w, https://substackcdn.com/image/fetch/$s_!ZLzm!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F98c18d9a-e191-4204-9f07-be91363c0dbb_722x720.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!ZLzm!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F98c18d9a-e191-4204-9f07-be91363c0dbb_722x720.png" width="276" height="275.2354570637119" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/98c18d9a-e191-4204-9f07-be91363c0dbb_722x720.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:720,&quot;width&quot;:722,&quot;resizeWidth&quot;:276,&quot;bytes&quot;:993951,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:false,&quot;topImage&quot;:true,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!ZLzm!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F98c18d9a-e191-4204-9f07-be91363c0dbb_722x720.png 424w, https://substackcdn.com/image/fetch/$s_!ZLzm!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F98c18d9a-e191-4204-9f07-be91363c0dbb_722x720.png 848w, https://substackcdn.com/image/fetch/$s_!ZLzm!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F98c18d9a-e191-4204-9f07-be91363c0dbb_722x720.png 1272w, https://substackcdn.com/image/fetch/$s_!ZLzm!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F98c18d9a-e191-4204-9f07-be91363c0dbb_722x720.png 1456w" sizes="100vw" fetchpriority="high"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div>
      <p>
          <a href="https://thecolorinsider.com/p/color-as-a-uiux-navigation-tool">
              Read more
          </a>
      </p>
   ]]></content:encoded></item></channel></rss>