<?xml version="1.0" encoding="UTF-8" standalone="no"?><rss xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" version="2.0">

<channel>
	<title>Wordpresss Edu</title>
	<atom:link href="https://wordpresss.ru/feed/" rel="self" type="application/rss+xml"/>
	<link>https://wordpresss.ru</link>
	<description>Just another WordPress site</description>
	<lastBuildDate>Sat, 03 Dec 2022 20:37:25 +0000</lastBuildDate>
	<language>ru-RU</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.1.1</generator>
	<itunes:explicit>no</itunes:explicit><itunes:subtitle>Just another WordPress site</itunes:subtitle><item>
		<title>Как скрыть reCAPTCHA v3 в WordPress?</title>
		<link>https://wordpresss.ru/millennial-branding-for-a-boomer-product-a-branding-case/</link>
					<comments>https://wordpresss.ru/millennial-branding-for-a-boomer-product-a-branding-case/#respond</comments>
		
		<dc:creator><![CDATA[Wordpress Гуру]]></dc:creator>
		<pubDate>Sun, 03 Jul 2022 04:23:29 +0000</pubDate>
				<category><![CDATA[Brand Design]]></category>
		<guid isPermaLink="false">https://foxiz.themeruby.com/vector/?p=2378</guid>

					<description><![CDATA[ reCAPTCHA  V3 работает «в фоне» сайта и не требует от пользователей никаких действий. Но значок в правом нижнем углу сайта очень раздражает, особенно на мобильной версии сайта. Google имеет полное право потребовать от вас показать брендинг их бесплатного сервиса. Но в данном случае, Google разрешил скрывать логотип с условием, если явно указать использование reCAPTCHA в форме: Вам разрешено [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="has-drop-cap"> reCAPTCHA  V3 работает «в фоне» сайта и не требует от пользователей никаких действий. Но значок в правом нижнем углу сайта очень раздражает, особенно на мобильной версии сайта. Google имеет полное право потребовать от вас показать брендинг их <em>бесплатного</em> сервиса. Но в данном случае, Google разрешил скрывать логотип с условием, если явно указать использование reCAPTCHA в форме: </p>



<figure class="wp-block-pullquote"><blockquote><p>Вам разрешено скрывать значок, если вы включаете брендинг reCAPTCHA в потоке пользователя.</p><cite>Google</cite></blockquote></figure>



<p></p>



<h2>Шаг 1. Вставить код в форму</h2>



<p>В форму обратной связи (или в форму подписки) вставить текст: </p>



<pre class="wp-block-preformatted">&lt;em>Этот сайт защищен reCAPTCHA и Google &lt;a href="https://policies.google.com/privacy">Политика конфиденциальности&lt;/a> и &lt;a href="https://policies.google.com/terms">Условия использования&lt;/a> применяются.&lt;/em> </pre>



<figure class="wp-block-image size-large is-resized"><img decoding="async" src="https://wordpresss.ru/wp-content/uploads/2022/12/1670096347217-1024x536.jpg" alt="" class="wp-image-2680" width="759" height="397"/><figcaption class="wp-element-caption">на скриншоте пример формы обратной связи metform + elementor. указанный текст я вставила между полями «текстовое поле» и «recapcha».</figcaption></figure>



<h2>Шаг 2. Скрыть логотип рекапчи</h2>


        <div class="related-sec related-1">
            <div class="inner">
				<div class="block-h heading-layout-2"><div class="heading-inner"><h4 class="heading-title"><span>More Read</span></h4></div></div>                <div class="block-inner">
					        <div class="p-wrap p-small p-list-small-2" data-pid="2361">
	        <div class="feat-holder">
			        <div class="p-featured ratio-v1">
			        <a class="p-flink" href="https://wordpresss.ru/solutions-not-art-the-true-business-value-of-design/" title="Solutions, Not Art – The True Business Value of Design">
			<img width="150" height="150" src="https://wordpresss.ru/wp-content/uploads/2022/07/v17-150x150.jpg" class="featured-img wp-post-image" alt="" decoding="async" loading="lazy" />        </a>
		        </div>
	        </div>
        <div class="p-content">
			<h5 class="entry-title">        <a class="p-url" href="https://wordpresss.ru/solutions-not-art-the-true-business-value-of-design/" rel="bookmark">Solutions, Not Art – The True Business Value of Design</a></h5>        </div>
		        </div>
	        <div class="p-wrap p-list-inline" data-pid="2360">
	<h6 class="entry-title"><i class="rbi rbi-plus"></i>        <a class="p-url" href="https://wordpresss.ru/showcase-your-skills-how-to-make-a-portfolio/" rel="bookmark">Showcase Your Skills: How to Make a Portfolio</a></h6>        </div>
	                </div>
            </div>
        </div>
		



<p>Для того, что бы скрыть логотип рекапчи с условиями Google, необходимо в CSS стилях (файл style.css или кастомных стилях) указать код: </p>



<p><code>.grecaptcha-badge { visibility: hidden; }</code></p>



<p></p>



<p><strong>Добавлять необходимо именно этот код, так как функция <code>display: none</code> полностью отключает проверку спама!</strong></p>



<p>В итоге, логотип reCAPTCHA будет удален со всех страниц сайта, а мы не нарушим условия использования Google.</p>



<p></p>
]]></content:encoded>
					
					<wfw:commentRss>https://wordpresss.ru/millennial-branding-for-a-boomer-product-a-branding-case/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>The Widening Impact of the Motion Design Industry</title>
		<link>https://wordpresss.ru/the-widening-impact-of-the-motion-design-industry/</link>
					<comments>https://wordpresss.ru/the-widening-impact-of-the-motion-design-industry/#respond</comments>
		
		<dc:creator><![CDATA[Wordpress Гуру]]></dc:creator>
		<pubDate>Sun, 03 Jul 2022 04:23:26 +0000</pubDate>
				<category><![CDATA[Brand Design]]></category>
		<category><![CDATA[Ideas]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[UI Design]]></category>
		<category><![CDATA[UX Design]]></category>
		<guid isPermaLink="false">https://foxiz.themeruby.com/vector/?p=2377</guid>

					<description><![CDATA[Good web design has visual weight, is optimized for various devices, and has content that is prioritized for the medium. The most important elements of a web page should have more visual weight to &#171;naturally attract&#187; a visitor’s attention. Good design is making something intelligible and memorable. Great design is making something memorable and meaningful. [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="has-drop-cap">Good web design has visual weight, is <a rel="noreferrer noopener" href="#" target="_blank">optimized for various devices</a>, and has content that is prioritized for the medium. The most important elements of a web page should have more visual weight to <strong>&#171;naturally attract&#187;</strong> a visitor’s attention.</p>



<figure class="wp-block-pullquote"><blockquote><p>Good design is making something intelligible and memorable. Great design is making something memorable and meaningful.</p><cite>Dieter Rams</cite></blockquote></figure>



<p>Most users search for something interesting<em> </em>(or useful) and clickable; as soon as some promising candidates are found, users click.<strong> If the new page doesn’t meet users’ expectations,</strong> the back button is clicked and the search process is continued.</p>



<h2>Implementing the Principles of Design</h2>



<p>Not all websites are made equal. Some websites are simple, logical, and easy to use. Others are a messy hodgepodge of pages and links.</p>



<figure class="wp-block-image size-large"><img decoding="async" loading="lazy" width="1024" height="679" src="https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-1024x679.jpg" alt="" class="wp-image-2518" srcset="https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-1024x679.jpg 1024w, https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-300x199.jpg 300w, https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-768x509.jpg 768w, https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-330x220.jpg 330w, https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-860x570.jpg 860w, https://wordpresss.ru/wp-content/uploads/2022/07/Sg1.jpg 1197w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption>What Is Teamwork and Why Does It Matter?</figcaption></figure>



<p>Without website navigation, your visitors can’t figure out how to find your blog, your email signup page, your product listings, pricing, contact information, or help docs.</p>


        <div class="related-sec related-1">
            <div class="inner">
				<div class="block-h heading-layout-2"><div class="heading-inner"><h4 class="heading-title"><span>More Read</span></h4></div></div>                <div class="block-inner">
					        <div class="p-wrap p-small p-list-small-2" data-pid="2372">
	        <div class="feat-holder">
			        <div class="p-featured ratio-v1">
			        <a class="p-flink" href="https://wordpresss.ru/in-the-spotlight-the-principles-of-dark-ui-design/" title="In the Spotlight: The Principles of Dark UI Design">
			<img width="150" height="150" src="https://wordpresss.ru/wp-content/uploads/2022/07/v5-150x150.jpg" class="featured-img wp-post-image" alt="" decoding="async" loading="lazy" />        </a>
		        </div>
	        </div>
        <div class="p-content">
			<h5 class="entry-title">        <a class="p-url" href="https://wordpresss.ru/in-the-spotlight-the-principles-of-dark-ui-design/" rel="bookmark">In the Spotlight: The Principles of Dark UI Design</a></h5>        </div>
		        </div>
	        <div class="p-wrap p-list-inline" data-pid="2371">
	<h6 class="entry-title"><i class="rbi rbi-plus"></i>        <a class="p-url" href="https://wordpresss.ru/how-product-designers-can-use-gamification-for-good/" rel="bookmark">How Product Designers Can Use Gamification for Good</a></h6>        </div>
	        <div class="p-wrap p-list-inline" data-pid="2370">
	<h6 class="entry-title"><i class="rbi rbi-plus"></i>        <a class="p-url" href="https://wordpresss.ru/understanding-cognitive-bias-in-product-design/" rel="bookmark">Understanding Cognitive Bias in Product Design</a></h6>        </div>
	        <div class="p-wrap p-list-inline" data-pid="2369">
	<h6 class="entry-title"><i class="rbi rbi-plus"></i>        <a class="p-url" href="https://wordpresss.ru/evolving-ux-experimental-product-design-with-a-cxo/" rel="bookmark">Evolving UX: Experimental Product Design with a CXO</a></h6>        </div>
	                </div>
            </div>
        </div>
		



<p><strong>Quick and easy access to the content they’re after is more important for your website users than a… visually-stunning design.</strong></p>



<p>Website navigation allows visitors to flow from one page to another without frustration. If you’ve done your job well, visitors leave your site with the <a href="#" target="_blank" rel="noreferrer noopener">intention to return</a> and might even buy something from you or sign up for your email list.</p>



<p><em>Bad navigation is an especially common problem. We’ve all struggled to find things on disorganized websites without any logical structure. It feels hopeless.</em></p>



<h2>A Guide to Visual Hierarchy</h2>



<p>In design, rhythm is created by simply repeating elements in predictable patterns. This repetition is a natural thing that occurs everywhere in our world. As people, we are driven everyday by predictable, timed events.</p>



<figure class="wp-block-image size-large"><img decoding="async" loading="lazy" width="1024" height="603" src="https://wordpresss.ru/wp-content/uploads/2022/07/sg2-1024x603.jpg" alt="" class="wp-image-2517" srcset="https://wordpresss.ru/wp-content/uploads/2022/07/sg2-1024x603.jpg 1024w, https://wordpresss.ru/wp-content/uploads/2022/07/sg2-300x177.jpg 300w, https://wordpresss.ru/wp-content/uploads/2022/07/sg2-768x452.jpg 768w, https://wordpresss.ru/wp-content/uploads/2022/07/sg2-860x506.jpg 860w, https://wordpresss.ru/wp-content/uploads/2022/07/sg2.jpg 1198w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption>Breaking Down the Principles of Design</figcaption></figure>



<p>One of the best ways to use <a rel="noreferrer noopener" href="#" target="_blank">repetition and rhythm in web design</a> is in the site&#8217;s navigation menu. A consistent, easy-to-follow pattern—in color.</p>



<h2>Breaking Down the Principles of Design</h2>



<p>Nobody enjoys looking at an ugly web page. Garish colors, can all turn customers <strong>&#171;off&#187;</strong> and send them shopping<strong> &#171;somewhere else&#187;</strong>. Basic composition rules to create more effective:</p>



<ul class="rb-list"><li>Direct the Eye With<strong> </strong><a rel="noreferrer noopener" href="#" target="_blank">Leading Lines</a></li><li>Balance Out Your Elements</li><li>Use Elements That<strong> Complement Each Other</strong></li><li>Be clear about your <strong>&#171;focal points&#187;</strong> and where you place them</li></ul>



<h2>The Metaverse shines brightly</h2>



<p><strong>UX and UI: </strong>Two terms that are often used interchangeably, but actually mean very different things. <em>So what exactly is the difference?</em></p>



<figure class="wp-block-pullquote alignright is-style-default"><blockquote><p>Styles come and go. Good design is a language, not a style.</p><cite>Massimo Vignelli</cite></blockquote></figure>



<p>UX design refers to the term <em>“user experience design”</em>, while UI stands for <em>“user interface design</em><strong>”</strong>. Both elements are crucial to a product and work closely together. </p>



<h2>Why Visual Hierarchy Is Important</h2>



<p>Good design guides the user by communicating purpose and priority. For that reason, every part of the design should be based on an <strong>&#171;<strong>informed decision</strong></strong>&#187; rather than an arbitrary result of personal taste or the current trend.</p>



<figure class="wp-block-image size-full"><img decoding="async" loading="lazy" width="953" height="956" src="https://wordpresss.ru/wp-content/uploads/2022/07/sg3.jpg" alt="" class="wp-image-2516" srcset="https://wordpresss.ru/wp-content/uploads/2022/07/sg3.jpg 953w, https://wordpresss.ru/wp-content/uploads/2022/07/sg3-300x300.jpg 300w, https://wordpresss.ru/wp-content/uploads/2022/07/sg3-150x150.jpg 150w, https://wordpresss.ru/wp-content/uploads/2022/07/sg3-768x770.jpg 768w, https://wordpresss.ru/wp-content/uploads/2022/07/sg3-860x863.jpg 860w" sizes="(max-width: 953px) 100vw, 953px" /><figcaption>Don’t be quick to dismiss an initial idea as impossible,</figcaption></figure>



<p>Provide distinct styles for interactive elements, such as <em>links and buttons</em>, to make them easy to identify. For example, <strong>&#171;change the appearance of links&#187;</strong> on mouse hover, &#171;keyboard focus&#187;, and &#171;touch-screen activation&#187;.</p>



<h2>Final thoughts</h2>



<p><strong>Design is not the end-all solution to all of the worlds problems</strong> — but with the right thinking and application, it can definitely be a good beginning to start tackling them.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://wordpresss.ru/the-widening-impact-of-the-motion-design-industry/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Design a Better Homepage with the StoryBrand Framework</title>
		<link>https://wordpresss.ru/design-a-better-homepage-with-the-storybrand-framework/</link>
					<comments>https://wordpresss.ru/design-a-better-homepage-with-the-storybrand-framework/#respond</comments>
		
		<dc:creator><![CDATA[Wordpress Гуру]]></dc:creator>
		<pubDate>Sun, 03 Jul 2022 04:23:21 +0000</pubDate>
				<category><![CDATA[Brand Design]]></category>
		<category><![CDATA[Ideas]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[UI Design]]></category>
		<category><![CDATA[UX Design]]></category>
		<guid isPermaLink="false">https://foxiz.themeruby.com/vector/?p=2376</guid>

					<description><![CDATA[Good web design has visual weight, is optimized for various devices, and has content that is prioritized for the medium. The most important elements of a web page should have more visual weight to &#171;naturally attract&#187; a visitor’s attention. Good design is making something intelligible and memorable. Great design is making something memorable and meaningful. [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="has-drop-cap">Good web design has visual weight, is <a rel="noreferrer noopener" href="#" target="_blank">optimized for various devices</a>, and has content that is prioritized for the medium. The most important elements of a web page should have more visual weight to <strong>&#171;naturally attract&#187;</strong> a visitor’s attention.</p>



<figure class="wp-block-pullquote"><blockquote><p>Good design is making something intelligible and memorable. Great design is making something memorable and meaningful.</p><cite>Dieter Rams</cite></blockquote></figure>



<p>Most users search for something interesting<em> </em>(or useful) and clickable; as soon as some promising candidates are found, users click.<strong> If the new page doesn’t meet users’ expectations,</strong> the back button is clicked and the search process is continued.</p>



<h2>Implementing the Principles of Design</h2>



<p>Not all websites are made equal. Some websites are simple, logical, and easy to use. Others are a messy hodgepodge of pages and links.</p>



<figure class="wp-block-image size-large"><img decoding="async" loading="lazy" width="1024" height="679" src="https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-1024x679.jpg" alt="" class="wp-image-2518" srcset="https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-1024x679.jpg 1024w, https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-300x199.jpg 300w, https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-768x509.jpg 768w, https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-330x220.jpg 330w, https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-860x570.jpg 860w, https://wordpresss.ru/wp-content/uploads/2022/07/Sg1.jpg 1197w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption>What Is Teamwork and Why Does It Matter?</figcaption></figure>



<p>Without website navigation, your visitors can’t figure out how to find your blog, your email signup page, your product listings, pricing, contact information, or help docs.</p>


        <div class="related-sec related-1">
            <div class="inner">
				<div class="block-h heading-layout-2"><div class="heading-inner"><h4 class="heading-title"><span>More Read</span></h4></div></div>                <div class="block-inner">
					        <div class="p-wrap p-small p-list-small-2" data-pid="2372">
	        <div class="feat-holder">
			        <div class="p-featured ratio-v1">
			        <a class="p-flink" href="https://wordpresss.ru/in-the-spotlight-the-principles-of-dark-ui-design/" title="In the Spotlight: The Principles of Dark UI Design">
			<img width="150" height="150" src="https://wordpresss.ru/wp-content/uploads/2022/07/v5-150x150.jpg" class="featured-img wp-post-image" alt="" decoding="async" loading="lazy" />        </a>
		        </div>
	        </div>
        <div class="p-content">
			<h5 class="entry-title">        <a class="p-url" href="https://wordpresss.ru/in-the-spotlight-the-principles-of-dark-ui-design/" rel="bookmark">In the Spotlight: The Principles of Dark UI Design</a></h5>        </div>
		        </div>
	        <div class="p-wrap p-list-inline" data-pid="2371">
	<h6 class="entry-title"><i class="rbi rbi-plus"></i>        <a class="p-url" href="https://wordpresss.ru/how-product-designers-can-use-gamification-for-good/" rel="bookmark">How Product Designers Can Use Gamification for Good</a></h6>        </div>
	        <div class="p-wrap p-list-inline" data-pid="2370">
	<h6 class="entry-title"><i class="rbi rbi-plus"></i>        <a class="p-url" href="https://wordpresss.ru/understanding-cognitive-bias-in-product-design/" rel="bookmark">Understanding Cognitive Bias in Product Design</a></h6>        </div>
	        <div class="p-wrap p-list-inline" data-pid="2369">
	<h6 class="entry-title"><i class="rbi rbi-plus"></i>        <a class="p-url" href="https://wordpresss.ru/evolving-ux-experimental-product-design-with-a-cxo/" rel="bookmark">Evolving UX: Experimental Product Design with a CXO</a></h6>        </div>
	                </div>
            </div>
        </div>
		



<p><strong>Quick and easy access to the content they’re after is more important for your website users than a… visually-stunning design.</strong></p>



<p>Website navigation allows visitors to flow from one page to another without frustration. If you’ve done your job well, visitors leave your site with the <a href="#" target="_blank" rel="noreferrer noopener">intention to return</a> and might even buy something from you or sign up for your email list.</p>



<p><em>Bad navigation is an especially common problem. We’ve all struggled to find things on disorganized websites without any logical structure. It feels hopeless.</em></p>



<h2>A Guide to Visual Hierarchy</h2>



<p>In design, rhythm is created by simply repeating elements in predictable patterns. This repetition is a natural thing that occurs everywhere in our world. As people, we are driven everyday by predictable, timed events.</p>



<figure class="wp-block-image size-large"><img decoding="async" loading="lazy" width="1024" height="603" src="https://wordpresss.ru/wp-content/uploads/2022/07/sg2-1024x603.jpg" alt="" class="wp-image-2517" srcset="https://wordpresss.ru/wp-content/uploads/2022/07/sg2-1024x603.jpg 1024w, https://wordpresss.ru/wp-content/uploads/2022/07/sg2-300x177.jpg 300w, https://wordpresss.ru/wp-content/uploads/2022/07/sg2-768x452.jpg 768w, https://wordpresss.ru/wp-content/uploads/2022/07/sg2-860x506.jpg 860w, https://wordpresss.ru/wp-content/uploads/2022/07/sg2.jpg 1198w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption>Breaking Down the Principles of Design</figcaption></figure>



<p>One of the best ways to use <a rel="noreferrer noopener" href="#" target="_blank">repetition and rhythm in web design</a> is in the site&#8217;s navigation menu. A consistent, easy-to-follow pattern—in color.</p>



<h2>Breaking Down the Principles of Design</h2>



<p>Nobody enjoys looking at an ugly web page. Garish colors, can all turn customers <strong>&#171;off&#187;</strong> and send them shopping<strong> &#171;somewhere else&#187;</strong>. Basic composition rules to create more effective:</p>



<ul class="rb-list"><li>Direct the Eye With<strong> </strong><a rel="noreferrer noopener" href="#" target="_blank">Leading Lines</a></li><li>Balance Out Your Elements</li><li>Use Elements That<strong> Complement Each Other</strong></li><li>Be clear about your <strong>&#171;focal points&#187;</strong> and where you place them</li></ul>



<h2>The Metaverse shines brightly</h2>



<p><strong>UX and UI: </strong>Two terms that are often used interchangeably, but actually mean very different things. <em>So what exactly is the difference?</em></p>



<figure class="wp-block-pullquote alignright is-style-default"><blockquote><p>Styles come and go. Good design is a language, not a style.</p><cite>Massimo Vignelli</cite></blockquote></figure>



<p>UX design refers to the term <em>“user experience design”</em>, while UI stands for <em>“user interface design</em><strong>”</strong>. Both elements are crucial to a product and work closely together. </p>



<h2>Why Visual Hierarchy Is Important</h2>



<p>Good design guides the user by communicating purpose and priority. For that reason, every part of the design should be based on an <strong>&#171;<strong>informed decision</strong></strong>&#187; rather than an arbitrary result of personal taste or the current trend.</p>



<figure class="wp-block-image size-full"><img decoding="async" loading="lazy" width="953" height="956" src="https://wordpresss.ru/wp-content/uploads/2022/07/sg3.jpg" alt="" class="wp-image-2516" srcset="https://wordpresss.ru/wp-content/uploads/2022/07/sg3.jpg 953w, https://wordpresss.ru/wp-content/uploads/2022/07/sg3-300x300.jpg 300w, https://wordpresss.ru/wp-content/uploads/2022/07/sg3-150x150.jpg 150w, https://wordpresss.ru/wp-content/uploads/2022/07/sg3-768x770.jpg 768w, https://wordpresss.ru/wp-content/uploads/2022/07/sg3-860x863.jpg 860w" sizes="(max-width: 953px) 100vw, 953px" /><figcaption>Don’t be quick to dismiss an initial idea as impossible,</figcaption></figure>



<p>Provide distinct styles for interactive elements, such as <em>links and buttons</em>, to make them easy to identify. For example, <strong>&#171;change the appearance of links&#187;</strong> on mouse hover, &#171;keyboard focus&#187;, and &#171;touch-screen activation&#187;.</p>



<h2>Final thoughts</h2>



<p><strong>Design is not the end-all solution to all of the worlds problems</strong> — but with the right thinking and application, it can definitely be a good beginning to start tackling them.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://wordpresss.ru/design-a-better-homepage-with-the-storybrand-framework/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>The Widening Impact of the Motion Design Industry</title>
		<link>https://wordpresss.ru/the-widening-impact-of-the-motion-design-industry-2/</link>
					<comments>https://wordpresss.ru/the-widening-impact-of-the-motion-design-industry-2/#respond</comments>
		
		<dc:creator><![CDATA[Wordpress Гуру]]></dc:creator>
		<pubDate>Sun, 03 Jul 2022 04:23:17 +0000</pubDate>
				<category><![CDATA[Brand Design]]></category>
		<category><![CDATA[Ideas]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[UI Design]]></category>
		<category><![CDATA[UX Design]]></category>
		<guid isPermaLink="false">https://foxiz.themeruby.com/vector/?p=2375</guid>

					<description><![CDATA[Good web design has visual weight, is optimized for various devices, and has content that is prioritized for the medium. The most important elements of a web page should have more visual weight to &#171;naturally attract&#187; a visitor’s attention. Good design is making something intelligible and memorable. Great design is making something memorable and meaningful. [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="has-drop-cap">Good web design has visual weight, is <a rel="noreferrer noopener" href="#" target="_blank">optimized for various devices</a>, and has content that is prioritized for the medium. The most important elements of a web page should have more visual weight to <strong>&#171;naturally attract&#187;</strong> a visitor’s attention.</p>



<figure class="wp-block-pullquote"><blockquote><p>Good design is making something intelligible and memorable. Great design is making something memorable and meaningful.</p><cite>Dieter Rams</cite></blockquote></figure>



<p>Most users search for something interesting<em> </em>(or useful) and clickable; as soon as some promising candidates are found, users click.<strong> If the new page doesn’t meet users’ expectations,</strong> the back button is clicked and the search process is continued.</p>



<h2>Implementing the Principles of Design</h2>



<p>Not all websites are made equal. Some websites are simple, logical, and easy to use. Others are a messy hodgepodge of pages and links.</p>



<figure class="wp-block-image size-large"><img decoding="async" loading="lazy" width="1024" height="679" src="https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-1024x679.jpg" alt="" class="wp-image-2518" srcset="https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-1024x679.jpg 1024w, https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-300x199.jpg 300w, https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-768x509.jpg 768w, https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-330x220.jpg 330w, https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-860x570.jpg 860w, https://wordpresss.ru/wp-content/uploads/2022/07/Sg1.jpg 1197w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption>What Is Teamwork and Why Does It Matter?</figcaption></figure>



<p>Without website navigation, your visitors can’t figure out how to find your blog, your email signup page, your product listings, pricing, contact information, or help docs.</p>


        <div class="related-sec related-1">
            <div class="inner">
				<div class="block-h heading-layout-2"><div class="heading-inner"><h4 class="heading-title"><span>More Read</span></h4></div></div>                <div class="block-inner">
					        <div class="p-wrap p-small p-list-small-2" data-pid="2372">
	        <div class="feat-holder">
			        <div class="p-featured ratio-v1">
			        <a class="p-flink" href="https://wordpresss.ru/in-the-spotlight-the-principles-of-dark-ui-design/" title="In the Spotlight: The Principles of Dark UI Design">
			<img width="150" height="150" src="https://wordpresss.ru/wp-content/uploads/2022/07/v5-150x150.jpg" class="featured-img wp-post-image" alt="" decoding="async" loading="lazy" />        </a>
		        </div>
	        </div>
        <div class="p-content">
			<h5 class="entry-title">        <a class="p-url" href="https://wordpresss.ru/in-the-spotlight-the-principles-of-dark-ui-design/" rel="bookmark">In the Spotlight: The Principles of Dark UI Design</a></h5>        </div>
		        </div>
	        <div class="p-wrap p-list-inline" data-pid="2371">
	<h6 class="entry-title"><i class="rbi rbi-plus"></i>        <a class="p-url" href="https://wordpresss.ru/how-product-designers-can-use-gamification-for-good/" rel="bookmark">How Product Designers Can Use Gamification for Good</a></h6>        </div>
	        <div class="p-wrap p-list-inline" data-pid="2370">
	<h6 class="entry-title"><i class="rbi rbi-plus"></i>        <a class="p-url" href="https://wordpresss.ru/understanding-cognitive-bias-in-product-design/" rel="bookmark">Understanding Cognitive Bias in Product Design</a></h6>        </div>
	        <div class="p-wrap p-list-inline" data-pid="2369">
	<h6 class="entry-title"><i class="rbi rbi-plus"></i>        <a class="p-url" href="https://wordpresss.ru/evolving-ux-experimental-product-design-with-a-cxo/" rel="bookmark">Evolving UX: Experimental Product Design with a CXO</a></h6>        </div>
	                </div>
            </div>
        </div>
		



<p><strong>Quick and easy access to the content they’re after is more important for your website users than a… visually-stunning design.</strong></p>



<p>Website navigation allows visitors to flow from one page to another without frustration. If you’ve done your job well, visitors leave your site with the <a href="#" target="_blank" rel="noreferrer noopener">intention to return</a> and might even buy something from you or sign up for your email list.</p>



<p><em>Bad navigation is an especially common problem. We’ve all struggled to find things on disorganized websites without any logical structure. It feels hopeless.</em></p>



<h2>A Guide to Visual Hierarchy</h2>



<p>In design, rhythm is created by simply repeating elements in predictable patterns. This repetition is a natural thing that occurs everywhere in our world. As people, we are driven everyday by predictable, timed events.</p>



<figure class="wp-block-image size-large"><img decoding="async" loading="lazy" width="1024" height="603" src="https://wordpresss.ru/wp-content/uploads/2022/07/sg2-1024x603.jpg" alt="" class="wp-image-2517" srcset="https://wordpresss.ru/wp-content/uploads/2022/07/sg2-1024x603.jpg 1024w, https://wordpresss.ru/wp-content/uploads/2022/07/sg2-300x177.jpg 300w, https://wordpresss.ru/wp-content/uploads/2022/07/sg2-768x452.jpg 768w, https://wordpresss.ru/wp-content/uploads/2022/07/sg2-860x506.jpg 860w, https://wordpresss.ru/wp-content/uploads/2022/07/sg2.jpg 1198w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption>Breaking Down the Principles of Design</figcaption></figure>



<p>One of the best ways to use <a rel="noreferrer noopener" href="#" target="_blank">repetition and rhythm in web design</a> is in the site&#8217;s navigation menu. A consistent, easy-to-follow pattern—in color.</p>



<h2>Breaking Down the Principles of Design</h2>



<p>Nobody enjoys looking at an ugly web page. Garish colors, can all turn customers <strong>&#171;off&#187;</strong> and send them shopping<strong> &#171;somewhere else&#187;</strong>. Basic composition rules to create more effective:</p>



<ul class="rb-list"><li>Direct the Eye With<strong> </strong><a rel="noreferrer noopener" href="#" target="_blank">Leading Lines</a></li><li>Balance Out Your Elements</li><li>Use Elements That<strong> Complement Each Other</strong></li><li>Be clear about your <strong>&#171;focal points&#187;</strong> and where you place them</li></ul>



<h2>The Metaverse shines brightly</h2>



<p><strong>UX and UI: </strong>Two terms that are often used interchangeably, but actually mean very different things. <em>So what exactly is the difference?</em></p>



<figure class="wp-block-pullquote alignright is-style-default"><blockquote><p>Styles come and go. Good design is a language, not a style.</p><cite>Massimo Vignelli</cite></blockquote></figure>



<p>UX design refers to the term <em>“user experience design”</em>, while UI stands for <em>“user interface design</em><strong>”</strong>. Both elements are crucial to a product and work closely together. </p>



<h2>Why Visual Hierarchy Is Important</h2>



<p>Good design guides the user by communicating purpose and priority. For that reason, every part of the design should be based on an <strong>&#171;<strong>informed decision</strong></strong>&#187; rather than an arbitrary result of personal taste or the current trend.</p>



<figure class="wp-block-image size-full"><img decoding="async" loading="lazy" width="953" height="956" src="https://wordpresss.ru/wp-content/uploads/2022/07/sg3.jpg" alt="" class="wp-image-2516" srcset="https://wordpresss.ru/wp-content/uploads/2022/07/sg3.jpg 953w, https://wordpresss.ru/wp-content/uploads/2022/07/sg3-300x300.jpg 300w, https://wordpresss.ru/wp-content/uploads/2022/07/sg3-150x150.jpg 150w, https://wordpresss.ru/wp-content/uploads/2022/07/sg3-768x770.jpg 768w, https://wordpresss.ru/wp-content/uploads/2022/07/sg3-860x863.jpg 860w" sizes="(max-width: 953px) 100vw, 953px" /><figcaption>Don’t be quick to dismiss an initial idea as impossible,</figcaption></figure>



<p>Provide distinct styles for interactive elements, such as <em>links and buttons</em>, to make them easy to identify. For example, <strong>&#171;change the appearance of links&#187;</strong> on mouse hover, &#171;keyboard focus&#187;, and &#171;touch-screen activation&#187;.</p>



<h2>Final thoughts</h2>



<p><strong>Design is not the end-all solution to all of the worlds problems</strong> — but with the right thinking and application, it can definitely be a good beginning to start tackling them.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://wordpresss.ru/the-widening-impact-of-the-motion-design-industry-2/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Rebrand Case Study: More Than Just a New Logo</title>
		<link>https://wordpresss.ru/rebrand-case-study-more-than-just-a-new-logo/</link>
					<comments>https://wordpresss.ru/rebrand-case-study-more-than-just-a-new-logo/#respond</comments>
		
		<dc:creator><![CDATA[Wordpress Гуру]]></dc:creator>
		<pubDate>Sun, 03 Jul 2022 04:21:52 +0000</pubDate>
				<category><![CDATA[Brand Design]]></category>
		<category><![CDATA[Ideas]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[UI Design]]></category>
		<category><![CDATA[UX Design]]></category>
		<guid isPermaLink="false">https://foxiz.themeruby.com/vector/?p=2374</guid>

					<description><![CDATA[Good web design has visual weight, is optimized for various devices, and has content that is prioritized for the medium. The most important elements of a web page should have more visual weight to &#171;naturally attract&#187; a visitor’s attention. Good design is making something intelligible and memorable. Great design is making something memorable and meaningful. [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="has-drop-cap">Good web design has visual weight, is <a rel="noreferrer noopener" href="#" target="_blank">optimized for various devices</a>, and has content that is prioritized for the medium. The most important elements of a web page should have more visual weight to <strong>&#171;naturally attract&#187;</strong> a visitor’s attention.</p>



<figure class="wp-block-pullquote"><blockquote><p>Good design is making something intelligible and memorable. Great design is making something memorable and meaningful.</p><cite>Dieter Rams</cite></blockquote></figure>



<p>Most users search for something interesting<em> </em>(or useful) and clickable; as soon as some promising candidates are found, users click.<strong> If the new page doesn’t meet users’ expectations,</strong> the back button is clicked and the search process is continued.</p>



<h2>Implementing the Principles of Design</h2>



<p>Not all websites are made equal. Some websites are simple, logical, and easy to use. Others are a messy hodgepodge of pages and links.</p>



<figure class="wp-block-image size-large"><img decoding="async" loading="lazy" width="1024" height="679" src="https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-1024x679.jpg" alt="" class="wp-image-2518" srcset="https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-1024x679.jpg 1024w, https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-300x199.jpg 300w, https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-768x509.jpg 768w, https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-330x220.jpg 330w, https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-860x570.jpg 860w, https://wordpresss.ru/wp-content/uploads/2022/07/Sg1.jpg 1197w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption>What Is Teamwork and Why Does It Matter?</figcaption></figure>



<p>Without website navigation, your visitors can’t figure out how to find your blog, your email signup page, your product listings, pricing, contact information, or help docs.</p>


        <div class="related-sec related-1">
            <div class="inner">
				<div class="block-h heading-layout-2"><div class="heading-inner"><h4 class="heading-title"><span>More Read</span></h4></div></div>                <div class="block-inner">
					        <div class="p-wrap p-small p-list-small-2" data-pid="2372">
	        <div class="feat-holder">
			        <div class="p-featured ratio-v1">
			        <a class="p-flink" href="https://wordpresss.ru/in-the-spotlight-the-principles-of-dark-ui-design/" title="In the Spotlight: The Principles of Dark UI Design">
			<img width="150" height="150" src="https://wordpresss.ru/wp-content/uploads/2022/07/v5-150x150.jpg" class="featured-img wp-post-image" alt="" decoding="async" loading="lazy" />        </a>
		        </div>
	        </div>
        <div class="p-content">
			<h5 class="entry-title">        <a class="p-url" href="https://wordpresss.ru/in-the-spotlight-the-principles-of-dark-ui-design/" rel="bookmark">In the Spotlight: The Principles of Dark UI Design</a></h5>        </div>
		        </div>
	        <div class="p-wrap p-list-inline" data-pid="2371">
	<h6 class="entry-title"><i class="rbi rbi-plus"></i>        <a class="p-url" href="https://wordpresss.ru/how-product-designers-can-use-gamification-for-good/" rel="bookmark">How Product Designers Can Use Gamification for Good</a></h6>        </div>
	        <div class="p-wrap p-list-inline" data-pid="2370">
	<h6 class="entry-title"><i class="rbi rbi-plus"></i>        <a class="p-url" href="https://wordpresss.ru/understanding-cognitive-bias-in-product-design/" rel="bookmark">Understanding Cognitive Bias in Product Design</a></h6>        </div>
	        <div class="p-wrap p-list-inline" data-pid="2369">
	<h6 class="entry-title"><i class="rbi rbi-plus"></i>        <a class="p-url" href="https://wordpresss.ru/evolving-ux-experimental-product-design-with-a-cxo/" rel="bookmark">Evolving UX: Experimental Product Design with a CXO</a></h6>        </div>
	                </div>
            </div>
        </div>
		



<p><strong>Quick and easy access to the content they’re after is more important for your website users than a… visually-stunning design.</strong></p>



<p>Website navigation allows visitors to flow from one page to another without frustration. If you’ve done your job well, visitors leave your site with the <a href="#" target="_blank" rel="noreferrer noopener">intention to return</a> and might even buy something from you or sign up for your email list.</p>



<p><em>Bad navigation is an especially common problem. We’ve all struggled to find things on disorganized websites without any logical structure. It feels hopeless.</em></p>



<h2>A Guide to Visual Hierarchy</h2>



<p>In design, rhythm is created by simply repeating elements in predictable patterns. This repetition is a natural thing that occurs everywhere in our world. As people, we are driven everyday by predictable, timed events.</p>



<figure class="wp-block-image size-large"><img decoding="async" loading="lazy" width="1024" height="603" src="https://wordpresss.ru/wp-content/uploads/2022/07/sg2-1024x603.jpg" alt="" class="wp-image-2517" srcset="https://wordpresss.ru/wp-content/uploads/2022/07/sg2-1024x603.jpg 1024w, https://wordpresss.ru/wp-content/uploads/2022/07/sg2-300x177.jpg 300w, https://wordpresss.ru/wp-content/uploads/2022/07/sg2-768x452.jpg 768w, https://wordpresss.ru/wp-content/uploads/2022/07/sg2-860x506.jpg 860w, https://wordpresss.ru/wp-content/uploads/2022/07/sg2.jpg 1198w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption>Breaking Down the Principles of Design</figcaption></figure>



<p>One of the best ways to use <a rel="noreferrer noopener" href="#" target="_blank">repetition and rhythm in web design</a> is in the site&#8217;s navigation menu. A consistent, easy-to-follow pattern—in color.</p>



<h2>Breaking Down the Principles of Design</h2>



<p>Nobody enjoys looking at an ugly web page. Garish colors, can all turn customers <strong>&#171;off&#187;</strong> and send them shopping<strong> &#171;somewhere else&#187;</strong>. Basic composition rules to create more effective:</p>



<ul class="rb-list"><li>Direct the Eye With<strong> </strong><a rel="noreferrer noopener" href="#" target="_blank">Leading Lines</a></li><li>Balance Out Your Elements</li><li>Use Elements That<strong> Complement Each Other</strong></li><li>Be clear about your <strong>&#171;focal points&#187;</strong> and where you place them</li></ul>



<h2>The Metaverse shines brightly</h2>



<p><strong>UX and UI: </strong>Two terms that are often used interchangeably, but actually mean very different things. <em>So what exactly is the difference?</em></p>



<figure class="wp-block-pullquote alignright is-style-default"><blockquote><p>Styles come and go. Good design is a language, not a style.</p><cite>Massimo Vignelli</cite></blockquote></figure>



<p>UX design refers to the term <em>“user experience design”</em>, while UI stands for <em>“user interface design</em><strong>”</strong>. Both elements are crucial to a product and work closely together. </p>



<h2>Why Visual Hierarchy Is Important</h2>



<p>Good design guides the user by communicating purpose and priority. For that reason, every part of the design should be based on an <strong>&#171;<strong>informed decision</strong></strong>&#187; rather than an arbitrary result of personal taste or the current trend.</p>



<figure class="wp-block-image size-full"><img decoding="async" loading="lazy" width="953" height="956" src="https://wordpresss.ru/wp-content/uploads/2022/07/sg3.jpg" alt="" class="wp-image-2516" srcset="https://wordpresss.ru/wp-content/uploads/2022/07/sg3.jpg 953w, https://wordpresss.ru/wp-content/uploads/2022/07/sg3-300x300.jpg 300w, https://wordpresss.ru/wp-content/uploads/2022/07/sg3-150x150.jpg 150w, https://wordpresss.ru/wp-content/uploads/2022/07/sg3-768x770.jpg 768w, https://wordpresss.ru/wp-content/uploads/2022/07/sg3-860x863.jpg 860w" sizes="(max-width: 953px) 100vw, 953px" /><figcaption>Don’t be quick to dismiss an initial idea as impossible,</figcaption></figure>



<p>Provide distinct styles for interactive elements, such as <em>links and buttons</em>, to make them easy to identify. For example, <strong>&#171;change the appearance of links&#187;</strong> on mouse hover, &#171;keyboard focus&#187;, and &#171;touch-screen activation&#187;.</p>



<h2>Final thoughts</h2>



<p><strong>Design is not the end-all solution to all of the worlds problems</strong> — but with the right thinking and application, it can definitely be a good beginning to start tackling them.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://wordpresss.ru/rebrand-case-study-more-than-just-a-new-logo/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Life in Motion: A Guide to Animating Mobile Data Visualizations</title>
		<link>https://wordpresss.ru/life-in-motion-a-guide-to-animating-mobile-data-visualizations/</link>
					<comments>https://wordpresss.ru/life-in-motion-a-guide-to-animating-mobile-data-visualizations/#respond</comments>
		
		<dc:creator><![CDATA[Wordpress Гуру]]></dc:creator>
		<pubDate>Sun, 03 Jul 2022 04:21:49 +0000</pubDate>
				<category><![CDATA[Mobile Design]]></category>
		<category><![CDATA[Ideas]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[UI Design]]></category>
		<category><![CDATA[UX Design]]></category>
		<guid isPermaLink="false">https://foxiz.themeruby.com/vector/?p=2373</guid>

					<description><![CDATA[Good web design has visual weight, is optimized for various devices, and has content that is prioritized for the medium. The most important elements of a web page should have more visual weight to &#171;naturally attract&#187; a visitor’s attention. Good design is making something intelligible and memorable. Great design is making something memorable and meaningful. [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="has-drop-cap">Good web design has visual weight, is <a rel="noreferrer noopener" href="#" target="_blank">optimized for various devices</a>, and has content that is prioritized for the medium. The most important elements of a web page should have more visual weight to <strong>&#171;naturally attract&#187;</strong> a visitor’s attention.</p>



<figure class="wp-block-pullquote"><blockquote><p>Good design is making something intelligible and memorable. Great design is making something memorable and meaningful.</p><cite>Dieter Rams</cite></blockquote></figure>



<p>Most users search for something interesting<em> </em>(or useful) and clickable; as soon as some promising candidates are found, users click.<strong> If the new page doesn’t meet users’ expectations,</strong> the back button is clicked and the search process is continued.</p>



<h2>Implementing the Principles of Design</h2>



<p>Not all websites are made equal. Some websites are simple, logical, and easy to use. Others are a messy hodgepodge of pages and links.</p>



<figure class="wp-block-image size-large"><img decoding="async" loading="lazy" width="1024" height="679" src="https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-1024x679.jpg" alt="" class="wp-image-2518" srcset="https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-1024x679.jpg 1024w, https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-300x199.jpg 300w, https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-768x509.jpg 768w, https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-330x220.jpg 330w, https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-860x570.jpg 860w, https://wordpresss.ru/wp-content/uploads/2022/07/Sg1.jpg 1197w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption>What Is Teamwork and Why Does It Matter?</figcaption></figure>



<p>Without website navigation, your visitors can’t figure out how to find your blog, your email signup page, your product listings, pricing, contact information, or help docs.</p>


        <div class="related-sec related-1">
            <div class="inner">
				<div class="block-h heading-layout-2"><div class="heading-inner"><h4 class="heading-title"><span>More Read</span></h4></div></div>                <div class="block-inner">
					        <div class="p-wrap p-small p-list-small-2" data-pid="2371">
	        <div class="feat-holder">
			        <div class="p-featured ratio-v1">
			        <a class="p-flink" href="https://wordpresss.ru/how-product-designers-can-use-gamification-for-good/" title="How Product Designers Can Use Gamification for Good">
			<img width="150" height="150" src="https://wordpresss.ru/wp-content/uploads/2022/07/v7-150x150.jpg" class="featured-img wp-post-image" alt="" decoding="async" loading="lazy" />        </a>
		        </div>
	        </div>
        <div class="p-content">
			<h5 class="entry-title">        <a class="p-url" href="https://wordpresss.ru/how-product-designers-can-use-gamification-for-good/" rel="bookmark">How Product Designers Can Use Gamification for Good</a></h5>        </div>
		        </div>
	        <div class="p-wrap p-list-inline" data-pid="2370">
	<h6 class="entry-title"><i class="rbi rbi-plus"></i>        <a class="p-url" href="https://wordpresss.ru/understanding-cognitive-bias-in-product-design/" rel="bookmark">Understanding Cognitive Bias in Product Design</a></h6>        </div>
	        <div class="p-wrap p-list-inline" data-pid="2369">
	<h6 class="entry-title"><i class="rbi rbi-plus"></i>        <a class="p-url" href="https://wordpresss.ru/evolving-ux-experimental-product-design-with-a-cxo/" rel="bookmark">Evolving UX: Experimental Product Design with a CXO</a></h6>        </div>
	        <div class="p-wrap p-list-inline" data-pid="2368">
	<h6 class="entry-title"><i class="rbi rbi-plus"></i>        <a class="p-url" href="https://wordpresss.ru/building-and-scaling-a-design-system-in-figma-a-case-study/" rel="bookmark">Building and Scaling a Design System in Figma: A Case Study</a></h6>        </div>
	                </div>
            </div>
        </div>
		



<p><strong>Quick and easy access to the content they’re after is more important for your website users than a… visually-stunning design.</strong></p>



<p>Website navigation allows visitors to flow from one page to another without frustration. If you’ve done your job well, visitors leave your site with the <a href="#" target="_blank" rel="noreferrer noopener">intention to return</a> and might even buy something from you or sign up for your email list.</p>



<p><em>Bad navigation is an especially common problem. We’ve all struggled to find things on disorganized websites without any logical structure. It feels hopeless.</em></p>



<h2>A Guide to Visual Hierarchy</h2>



<p>In design, rhythm is created by simply repeating elements in predictable patterns. This repetition is a natural thing that occurs everywhere in our world. As people, we are driven everyday by predictable, timed events.</p>



<figure class="wp-block-image size-large"><img decoding="async" loading="lazy" width="1024" height="603" src="https://wordpresss.ru/wp-content/uploads/2022/07/sg2-1024x603.jpg" alt="" class="wp-image-2517" srcset="https://wordpresss.ru/wp-content/uploads/2022/07/sg2-1024x603.jpg 1024w, https://wordpresss.ru/wp-content/uploads/2022/07/sg2-300x177.jpg 300w, https://wordpresss.ru/wp-content/uploads/2022/07/sg2-768x452.jpg 768w, https://wordpresss.ru/wp-content/uploads/2022/07/sg2-860x506.jpg 860w, https://wordpresss.ru/wp-content/uploads/2022/07/sg2.jpg 1198w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption>Breaking Down the Principles of Design</figcaption></figure>



<p>One of the best ways to use <a rel="noreferrer noopener" href="#" target="_blank">repetition and rhythm in web design</a> is in the site&#8217;s navigation menu. A consistent, easy-to-follow pattern—in color.</p>



<h2>Breaking Down the Principles of Design</h2>



<p>Nobody enjoys looking at an ugly web page. Garish colors, can all turn customers <strong>&#171;off&#187;</strong> and send them shopping<strong> &#171;somewhere else&#187;</strong>. Basic composition rules to create more effective:</p>



<ul class="rb-list"><li>Direct the Eye With<strong> </strong><a rel="noreferrer noopener" href="#" target="_blank">Leading Lines</a></li><li>Balance Out Your Elements</li><li>Use Elements That<strong> Complement Each Other</strong></li><li>Be clear about your <strong>&#171;focal points&#187;</strong> and where you place them</li></ul>



<h2>The Metaverse shines brightly</h2>



<p><strong>UX and UI: </strong>Two terms that are often used interchangeably, but actually mean very different things. <em>So what exactly is the difference?</em></p>



<figure class="wp-block-pullquote alignright is-style-default"><blockquote><p>Styles come and go. Good design is a language, not a style.</p><cite>Massimo Vignelli</cite></blockquote></figure>



<p>UX design refers to the term <em>“user experience design”</em>, while UI stands for <em>“user interface design</em><strong>”</strong>. Both elements are crucial to a product and work closely together. </p>



<h2>Why Visual Hierarchy Is Important</h2>



<p>Good design guides the user by communicating purpose and priority. For that reason, every part of the design should be based on an <strong>&#171;<strong>informed decision</strong></strong>&#187; rather than an arbitrary result of personal taste or the current trend.</p>



<figure class="wp-block-image size-full"><img decoding="async" loading="lazy" width="953" height="956" src="https://wordpresss.ru/wp-content/uploads/2022/07/sg3.jpg" alt="" class="wp-image-2516" srcset="https://wordpresss.ru/wp-content/uploads/2022/07/sg3.jpg 953w, https://wordpresss.ru/wp-content/uploads/2022/07/sg3-300x300.jpg 300w, https://wordpresss.ru/wp-content/uploads/2022/07/sg3-150x150.jpg 150w, https://wordpresss.ru/wp-content/uploads/2022/07/sg3-768x770.jpg 768w, https://wordpresss.ru/wp-content/uploads/2022/07/sg3-860x863.jpg 860w" sizes="(max-width: 953px) 100vw, 953px" /><figcaption>Don’t be quick to dismiss an initial idea as impossible,</figcaption></figure>



<p>Provide distinct styles for interactive elements, such as <em>links and buttons</em>, to make them easy to identify. For example, <strong>&#171;change the appearance of links&#187;</strong> on mouse hover, &#171;keyboard focus&#187;, and &#171;touch-screen activation&#187;.</p>



<h2>Final thoughts</h2>



<p><strong>Design is not the end-all solution to all of the worlds problems</strong> — but with the right thinking and application, it can definitely be a good beginning to start tackling them.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://wordpresss.ru/life-in-motion-a-guide-to-animating-mobile-data-visualizations/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>In the Spotlight: The Principles of Dark UI Design</title>
		<link>https://wordpresss.ru/in-the-spotlight-the-principles-of-dark-ui-design/</link>
					<comments>https://wordpresss.ru/in-the-spotlight-the-principles-of-dark-ui-design/#respond</comments>
		
		<dc:creator><![CDATA[Wordpress Гуру]]></dc:creator>
		<pubDate>Sun, 03 Jul 2022 04:21:32 +0000</pubDate>
				<category><![CDATA[Mobile Design]]></category>
		<category><![CDATA[Ideas]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[UI Design]]></category>
		<category><![CDATA[UX Design]]></category>
		<guid isPermaLink="false">https://foxiz.themeruby.com/vector/?p=2372</guid>

					<description><![CDATA[Good web design has visual weight, is optimized for various devices, and has content that is prioritized for the medium. The most important elements of a web page should have more visual weight to &#171;naturally attract&#187; a visitor’s attention. Good design is making something intelligible and memorable. Great design is making something memorable and meaningful. [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="has-drop-cap">Good web design has visual weight, is <a rel="noreferrer noopener" href="#" target="_blank">optimized for various devices</a>, and has content that is prioritized for the medium. The most important elements of a web page should have more visual weight to <strong>&#171;naturally attract&#187;</strong> a visitor’s attention.</p>



<figure class="wp-block-pullquote"><blockquote><p>Good design is making something intelligible and memorable. Great design is making something memorable and meaningful.</p><cite>Dieter Rams</cite></blockquote></figure>



<p>Most users search for something interesting<em> </em>(or useful) and clickable; as soon as some promising candidates are found, users click.<strong> If the new page doesn’t meet users’ expectations,</strong> the back button is clicked and the search process is continued.</p>



<h2>Implementing the Principles of Design</h2>



<p>Not all websites are made equal. Some websites are simple, logical, and easy to use. Others are a messy hodgepodge of pages and links.</p>



<figure class="wp-block-image size-large"><img decoding="async" loading="lazy" width="1024" height="679" src="https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-1024x679.jpg" alt="" class="wp-image-2518" srcset="https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-1024x679.jpg 1024w, https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-300x199.jpg 300w, https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-768x509.jpg 768w, https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-330x220.jpg 330w, https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-860x570.jpg 860w, https://wordpresss.ru/wp-content/uploads/2022/07/Sg1.jpg 1197w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption>What Is Teamwork and Why Does It Matter?</figcaption></figure>



<p>Without website navigation, your visitors can’t figure out how to find your blog, your email signup page, your product listings, pricing, contact information, or help docs.</p>


        <div class="related-sec related-1">
            <div class="inner">
				<div class="block-h heading-layout-2"><div class="heading-inner"><h4 class="heading-title"><span>More Read</span></h4></div></div>                <div class="block-inner">
					        <div class="p-wrap p-small p-list-small-2" data-pid="2371">
	        <div class="feat-holder">
			        <div class="p-featured ratio-v1">
			        <a class="p-flink" href="https://wordpresss.ru/how-product-designers-can-use-gamification-for-good/" title="How Product Designers Can Use Gamification for Good">
			<img width="150" height="150" src="https://wordpresss.ru/wp-content/uploads/2022/07/v7-150x150.jpg" class="featured-img wp-post-image" alt="" decoding="async" loading="lazy" />        </a>
		        </div>
	        </div>
        <div class="p-content">
			<h5 class="entry-title">        <a class="p-url" href="https://wordpresss.ru/how-product-designers-can-use-gamification-for-good/" rel="bookmark">How Product Designers Can Use Gamification for Good</a></h5>        </div>
		        </div>
	        <div class="p-wrap p-list-inline" data-pid="2370">
	<h6 class="entry-title"><i class="rbi rbi-plus"></i>        <a class="p-url" href="https://wordpresss.ru/understanding-cognitive-bias-in-product-design/" rel="bookmark">Understanding Cognitive Bias in Product Design</a></h6>        </div>
	        <div class="p-wrap p-list-inline" data-pid="2369">
	<h6 class="entry-title"><i class="rbi rbi-plus"></i>        <a class="p-url" href="https://wordpresss.ru/evolving-ux-experimental-product-design-with-a-cxo/" rel="bookmark">Evolving UX: Experimental Product Design with a CXO</a></h6>        </div>
	        <div class="p-wrap p-list-inline" data-pid="2368">
	<h6 class="entry-title"><i class="rbi rbi-plus"></i>        <a class="p-url" href="https://wordpresss.ru/building-and-scaling-a-design-system-in-figma-a-case-study/" rel="bookmark">Building and Scaling a Design System in Figma: A Case Study</a></h6>        </div>
	                </div>
            </div>
        </div>
		



<p><strong>Quick and easy access to the content they’re after is more important for your website users than a… visually-stunning design.</strong></p>



<p>Website navigation allows visitors to flow from one page to another without frustration. If you’ve done your job well, visitors leave your site with the <a href="#" target="_blank" rel="noreferrer noopener">intention to return</a> and might even buy something from you or sign up for your email list.</p>



<p><em>Bad navigation is an especially common problem. We’ve all struggled to find things on disorganized websites without any logical structure. It feels hopeless.</em></p>



<h2>A Guide to Visual Hierarchy</h2>



<p>In design, rhythm is created by simply repeating elements in predictable patterns. This repetition is a natural thing that occurs everywhere in our world. As people, we are driven everyday by predictable, timed events.</p>



<figure class="wp-block-image size-large"><img decoding="async" loading="lazy" width="1024" height="603" src="https://wordpresss.ru/wp-content/uploads/2022/07/sg2-1024x603.jpg" alt="" class="wp-image-2517" srcset="https://wordpresss.ru/wp-content/uploads/2022/07/sg2-1024x603.jpg 1024w, https://wordpresss.ru/wp-content/uploads/2022/07/sg2-300x177.jpg 300w, https://wordpresss.ru/wp-content/uploads/2022/07/sg2-768x452.jpg 768w, https://wordpresss.ru/wp-content/uploads/2022/07/sg2-860x506.jpg 860w, https://wordpresss.ru/wp-content/uploads/2022/07/sg2.jpg 1198w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption>Breaking Down the Principles of Design</figcaption></figure>



<p>One of the best ways to use <a rel="noreferrer noopener" href="#" target="_blank">repetition and rhythm in web design</a> is in the site&#8217;s navigation menu. A consistent, easy-to-follow pattern—in color.</p>



<h2>Breaking Down the Principles of Design</h2>



<p>Nobody enjoys looking at an ugly web page. Garish colors, can all turn customers <strong>&#171;off&#187;</strong> and send them shopping<strong> &#171;somewhere else&#187;</strong>. Basic composition rules to create more effective:</p>



<ul class="rb-list"><li>Direct the Eye With<strong> </strong><a rel="noreferrer noopener" href="#" target="_blank">Leading Lines</a></li><li>Balance Out Your Elements</li><li>Use Elements That<strong> Complement Each Other</strong></li><li>Be clear about your <strong>&#171;focal points&#187;</strong> and where you place them</li></ul>



<h2>The Metaverse shines brightly</h2>



<p><strong>UX and UI: </strong>Two terms that are often used interchangeably, but actually mean very different things. <em>So what exactly is the difference?</em></p>



<figure class="wp-block-pullquote alignright is-style-default"><blockquote><p>Styles come and go. Good design is a language, not a style.</p><cite>Massimo Vignelli</cite></blockquote></figure>



<p>UX design refers to the term <em>“user experience design”</em>, while UI stands for <em>“user interface design</em><strong>”</strong>. Both elements are crucial to a product and work closely together. </p>



<h2>Why Visual Hierarchy Is Important</h2>



<p>Good design guides the user by communicating purpose and priority. For that reason, every part of the design should be based on an <strong>&#171;<strong>informed decision</strong></strong>&#187; rather than an arbitrary result of personal taste or the current trend.</p>



<figure class="wp-block-image size-full"><img decoding="async" loading="lazy" width="953" height="956" src="https://wordpresss.ru/wp-content/uploads/2022/07/sg3.jpg" alt="" class="wp-image-2516" srcset="https://wordpresss.ru/wp-content/uploads/2022/07/sg3.jpg 953w, https://wordpresss.ru/wp-content/uploads/2022/07/sg3-300x300.jpg 300w, https://wordpresss.ru/wp-content/uploads/2022/07/sg3-150x150.jpg 150w, https://wordpresss.ru/wp-content/uploads/2022/07/sg3-768x770.jpg 768w, https://wordpresss.ru/wp-content/uploads/2022/07/sg3-860x863.jpg 860w" sizes="(max-width: 953px) 100vw, 953px" /><figcaption>Don’t be quick to dismiss an initial idea as impossible,</figcaption></figure>



<p>Provide distinct styles for interactive elements, such as <em>links and buttons</em>, to make them easy to identify. For example, <strong>&#171;change the appearance of links&#187;</strong> on mouse hover, &#171;keyboard focus&#187;, and &#171;touch-screen activation&#187;.</p>



<h2>Final thoughts</h2>



<p><strong>Design is not the end-all solution to all of the worlds problems</strong> — but with the right thinking and application, it can definitely be a good beginning to start tackling them.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://wordpresss.ru/in-the-spotlight-the-principles-of-dark-ui-design/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>How Product Designers Can Use Gamification for Good</title>
		<link>https://wordpresss.ru/how-product-designers-can-use-gamification-for-good/</link>
					<comments>https://wordpresss.ru/how-product-designers-can-use-gamification-for-good/#respond</comments>
		
		<dc:creator><![CDATA[Wordpress Гуру]]></dc:creator>
		<pubDate>Sun, 03 Jul 2022 04:21:24 +0000</pubDate>
				<category><![CDATA[Mobile Design]]></category>
		<category><![CDATA[Ideas]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[UI Design]]></category>
		<category><![CDATA[UX Design]]></category>
		<guid isPermaLink="false">https://foxiz.themeruby.com/vector/?p=2371</guid>

					<description><![CDATA[Good web design has visual weight, is optimized for various devices, and has content that is prioritized for the medium. The most important elements of a web page should have more visual weight to &#171;naturally attract&#187; a visitor’s attention. Good design is making something intelligible and memorable. Great design is making something memorable and meaningful. [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="has-drop-cap">Good web design has visual weight, is <a rel="noreferrer noopener" href="#" target="_blank">optimized for various devices</a>, and has content that is prioritized for the medium. The most important elements of a web page should have more visual weight to <strong>&#171;naturally attract&#187;</strong> a visitor’s attention.</p>



<figure class="wp-block-pullquote"><blockquote><p>Good design is making something intelligible and memorable. Great design is making something memorable and meaningful.</p><cite>Dieter Rams</cite></blockquote></figure>



<p>Most users search for something interesting<em> </em>(or useful) and clickable; as soon as some promising candidates are found, users click.<strong> If the new page doesn’t meet users’ expectations,</strong> the back button is clicked and the search process is continued.</p>



<h2>Implementing the Principles of Design</h2>



<p>Not all websites are made equal. Some websites are simple, logical, and easy to use. Others are a messy hodgepodge of pages and links.</p>



<figure class="wp-block-image size-large"><img decoding="async" loading="lazy" width="1024" height="679" src="https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-1024x679.jpg" alt="" class="wp-image-2518" srcset="https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-1024x679.jpg 1024w, https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-300x199.jpg 300w, https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-768x509.jpg 768w, https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-330x220.jpg 330w, https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-860x570.jpg 860w, https://wordpresss.ru/wp-content/uploads/2022/07/Sg1.jpg 1197w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption>What Is Teamwork and Why Does It Matter?</figcaption></figure>



<p>Without website navigation, your visitors can’t figure out how to find your blog, your email signup page, your product listings, pricing, contact information, or help docs.</p>


        <div class="related-sec related-1">
            <div class="inner">
				<div class="block-h heading-layout-2"><div class="heading-inner"><h4 class="heading-title"><span>More Read</span></h4></div></div>                <div class="block-inner">
					        <div class="p-wrap p-small p-list-small-2" data-pid="2372">
	        <div class="feat-holder">
			        <div class="p-featured ratio-v1">
			        <a class="p-flink" href="https://wordpresss.ru/in-the-spotlight-the-principles-of-dark-ui-design/" title="In the Spotlight: The Principles of Dark UI Design">
			<img width="150" height="150" src="https://wordpresss.ru/wp-content/uploads/2022/07/v5-150x150.jpg" class="featured-img wp-post-image" alt="" decoding="async" loading="lazy" />        </a>
		        </div>
	        </div>
        <div class="p-content">
			<h5 class="entry-title">        <a class="p-url" href="https://wordpresss.ru/in-the-spotlight-the-principles-of-dark-ui-design/" rel="bookmark">In the Spotlight: The Principles of Dark UI Design</a></h5>        </div>
		        </div>
	        <div class="p-wrap p-list-inline" data-pid="2370">
	<h6 class="entry-title"><i class="rbi rbi-plus"></i>        <a class="p-url" href="https://wordpresss.ru/understanding-cognitive-bias-in-product-design/" rel="bookmark">Understanding Cognitive Bias in Product Design</a></h6>        </div>
	        <div class="p-wrap p-list-inline" data-pid="2369">
	<h6 class="entry-title"><i class="rbi rbi-plus"></i>        <a class="p-url" href="https://wordpresss.ru/evolving-ux-experimental-product-design-with-a-cxo/" rel="bookmark">Evolving UX: Experimental Product Design with a CXO</a></h6>        </div>
	        <div class="p-wrap p-list-inline" data-pid="2368">
	<h6 class="entry-title"><i class="rbi rbi-plus"></i>        <a class="p-url" href="https://wordpresss.ru/building-and-scaling-a-design-system-in-figma-a-case-study/" rel="bookmark">Building and Scaling a Design System in Figma: A Case Study</a></h6>        </div>
	                </div>
            </div>
        </div>
		



<p><strong>Quick and easy access to the content they’re after is more important for your website users than a… visually-stunning design.</strong></p>



<p>Website navigation allows visitors to flow from one page to another without frustration. If you’ve done your job well, visitors leave your site with the <a href="#" target="_blank" rel="noreferrer noopener">intention to return</a> and might even buy something from you or sign up for your email list.</p>



<p><em>Bad navigation is an especially common problem. We’ve all struggled to find things on disorganized websites without any logical structure. It feels hopeless.</em></p>



<h2>A Guide to Visual Hierarchy</h2>



<p>In design, rhythm is created by simply repeating elements in predictable patterns. This repetition is a natural thing that occurs everywhere in our world. As people, we are driven everyday by predictable, timed events.</p>



<figure class="wp-block-image size-large"><img decoding="async" loading="lazy" width="1024" height="603" src="https://wordpresss.ru/wp-content/uploads/2022/07/sg2-1024x603.jpg" alt="" class="wp-image-2517" srcset="https://wordpresss.ru/wp-content/uploads/2022/07/sg2-1024x603.jpg 1024w, https://wordpresss.ru/wp-content/uploads/2022/07/sg2-300x177.jpg 300w, https://wordpresss.ru/wp-content/uploads/2022/07/sg2-768x452.jpg 768w, https://wordpresss.ru/wp-content/uploads/2022/07/sg2-860x506.jpg 860w, https://wordpresss.ru/wp-content/uploads/2022/07/sg2.jpg 1198w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption>Breaking Down the Principles of Design</figcaption></figure>



<p>One of the best ways to use <a rel="noreferrer noopener" href="#" target="_blank">repetition and rhythm in web design</a> is in the site&#8217;s navigation menu. A consistent, easy-to-follow pattern—in color.</p>



<h2>Breaking Down the Principles of Design</h2>



<p>Nobody enjoys looking at an ugly web page. Garish colors, can all turn customers <strong>&#171;off&#187;</strong> and send them shopping<strong> &#171;somewhere else&#187;</strong>. Basic composition rules to create more effective:</p>



<ul class="rb-list"><li>Direct the Eye With<strong> </strong><a rel="noreferrer noopener" href="#" target="_blank">Leading Lines</a></li><li>Balance Out Your Elements</li><li>Use Elements That<strong> Complement Each Other</strong></li><li>Be clear about your <strong>&#171;focal points&#187;</strong> and where you place them</li></ul>



<h2>The Metaverse shines brightly</h2>



<p><strong>UX and UI: </strong>Two terms that are often used interchangeably, but actually mean very different things. <em>So what exactly is the difference?</em></p>



<figure class="wp-block-pullquote alignright is-style-default"><blockquote><p>Styles come and go. Good design is a language, not a style.</p><cite>Massimo Vignelli</cite></blockquote></figure>



<p>UX design refers to the term <em>“user experience design”</em>, while UI stands for <em>“user interface design</em><strong>”</strong>. Both elements are crucial to a product and work closely together. </p>



<h2>Why Visual Hierarchy Is Important</h2>



<p>Good design guides the user by communicating purpose and priority. For that reason, every part of the design should be based on an <strong>&#171;<strong>informed decision</strong></strong>&#187; rather than an arbitrary result of personal taste or the current trend.</p>



<figure class="wp-block-image size-full"><img decoding="async" loading="lazy" width="953" height="956" src="https://wordpresss.ru/wp-content/uploads/2022/07/sg3.jpg" alt="" class="wp-image-2516" srcset="https://wordpresss.ru/wp-content/uploads/2022/07/sg3.jpg 953w, https://wordpresss.ru/wp-content/uploads/2022/07/sg3-300x300.jpg 300w, https://wordpresss.ru/wp-content/uploads/2022/07/sg3-150x150.jpg 150w, https://wordpresss.ru/wp-content/uploads/2022/07/sg3-768x770.jpg 768w, https://wordpresss.ru/wp-content/uploads/2022/07/sg3-860x863.jpg 860w" sizes="(max-width: 953px) 100vw, 953px" /><figcaption>Don’t be quick to dismiss an initial idea as impossible,</figcaption></figure>



<p>Provide distinct styles for interactive elements, such as <em>links and buttons</em>, to make them easy to identify. For example, <strong>&#171;change the appearance of links&#187;</strong> on mouse hover, &#171;keyboard focus&#187;, and &#171;touch-screen activation&#187;.</p>



<h2>Final thoughts</h2>



<p><strong>Design is not the end-all solution to all of the worlds problems</strong> — but with the right thinking and application, it can definitely be a good beginning to start tackling them.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://wordpresss.ru/how-product-designers-can-use-gamification-for-good/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Understanding Cognitive Bias in Product Design</title>
		<link>https://wordpresss.ru/understanding-cognitive-bias-in-product-design/</link>
					<comments>https://wordpresss.ru/understanding-cognitive-bias-in-product-design/#respond</comments>
		
		<dc:creator><![CDATA[Wordpress Гуру]]></dc:creator>
		<pubDate>Sun, 03 Jul 2022 04:21:04 +0000</pubDate>
				<category><![CDATA[Tools & Tutorials]]></category>
		<category><![CDATA[Ideas]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[UI Design]]></category>
		<category><![CDATA[UX Design]]></category>
		<guid isPermaLink="false">https://foxiz.themeruby.com/vector/?p=2370</guid>

					<description><![CDATA[Good web design has visual weight, is optimized for various devices, and has content that is prioritized for the medium. The most important elements of a web page should have more visual weight to &#171;naturally attract&#187; a visitor’s attention. Good design is making something intelligible and memorable. Great design is making something memorable and meaningful. [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="has-drop-cap">Good web design has visual weight, is <a rel="noreferrer noopener" href="#" target="_blank">optimized for various devices</a>, and has content that is prioritized for the medium. The most important elements of a web page should have more visual weight to <strong>&#171;naturally attract&#187;</strong> a visitor’s attention.</p>



<figure class="wp-block-pullquote"><blockquote><p>Good design is making something intelligible and memorable. Great design is making something memorable and meaningful.</p><cite>Dieter Rams</cite></blockquote></figure>



<p>Most users search for something interesting<em> </em>(or useful) and clickable; as soon as some promising candidates are found, users click.<strong> If the new page doesn’t meet users’ expectations,</strong> the back button is clicked and the search process is continued.</p>



<h2>Implementing the Principles of Design</h2>



<p>Not all websites are made equal. Some websites are simple, logical, and easy to use. Others are a messy hodgepodge of pages and links.</p>



<figure class="wp-block-image size-large"><img decoding="async" loading="lazy" width="1024" height="679" src="https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-1024x679.jpg" alt="" class="wp-image-2518" srcset="https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-1024x679.jpg 1024w, https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-300x199.jpg 300w, https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-768x509.jpg 768w, https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-330x220.jpg 330w, https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-860x570.jpg 860w, https://wordpresss.ru/wp-content/uploads/2022/07/Sg1.jpg 1197w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption>What Is Teamwork and Why Does It Matter?</figcaption></figure>



<p>Without website navigation, your visitors can’t figure out how to find your blog, your email signup page, your product listings, pricing, contact information, or help docs.</p>


        <div class="related-sec related-1">
            <div class="inner">
				<div class="block-h heading-layout-2"><div class="heading-inner"><h4 class="heading-title"><span>More Read</span></h4></div></div>                <div class="block-inner">
					        <div class="p-wrap p-small p-list-small-2" data-pid="2372">
	        <div class="feat-holder">
			        <div class="p-featured ratio-v1">
			        <a class="p-flink" href="https://wordpresss.ru/in-the-spotlight-the-principles-of-dark-ui-design/" title="In the Spotlight: The Principles of Dark UI Design">
			<img width="150" height="150" src="https://wordpresss.ru/wp-content/uploads/2022/07/v5-150x150.jpg" class="featured-img wp-post-image" alt="" decoding="async" loading="lazy" />        </a>
		        </div>
	        </div>
        <div class="p-content">
			<h5 class="entry-title">        <a class="p-url" href="https://wordpresss.ru/in-the-spotlight-the-principles-of-dark-ui-design/" rel="bookmark">In the Spotlight: The Principles of Dark UI Design</a></h5>        </div>
		        </div>
	        <div class="p-wrap p-list-inline" data-pid="2371">
	<h6 class="entry-title"><i class="rbi rbi-plus"></i>        <a class="p-url" href="https://wordpresss.ru/how-product-designers-can-use-gamification-for-good/" rel="bookmark">How Product Designers Can Use Gamification for Good</a></h6>        </div>
	        <div class="p-wrap p-list-inline" data-pid="2369">
	<h6 class="entry-title"><i class="rbi rbi-plus"></i>        <a class="p-url" href="https://wordpresss.ru/evolving-ux-experimental-product-design-with-a-cxo/" rel="bookmark">Evolving UX: Experimental Product Design with a CXO</a></h6>        </div>
	        <div class="p-wrap p-list-inline" data-pid="2368">
	<h6 class="entry-title"><i class="rbi rbi-plus"></i>        <a class="p-url" href="https://wordpresss.ru/building-and-scaling-a-design-system-in-figma-a-case-study/" rel="bookmark">Building and Scaling a Design System in Figma: A Case Study</a></h6>        </div>
	                </div>
            </div>
        </div>
		



<p><strong>Quick and easy access to the content they’re after is more important for your website users than a… visually-stunning design.</strong></p>



<p>Website navigation allows visitors to flow from one page to another without frustration. If you’ve done your job well, visitors leave your site with the <a href="#" target="_blank" rel="noreferrer noopener">intention to return</a> and might even buy something from you or sign up for your email list.</p>



<p><em>Bad navigation is an especially common problem. We’ve all struggled to find things on disorganized websites without any logical structure. It feels hopeless.</em></p>



<h2>A Guide to Visual Hierarchy</h2>



<p>In design, rhythm is created by simply repeating elements in predictable patterns. This repetition is a natural thing that occurs everywhere in our world. As people, we are driven everyday by predictable, timed events.</p>



<figure class="wp-block-image size-large"><img decoding="async" loading="lazy" width="1024" height="603" src="https://wordpresss.ru/wp-content/uploads/2022/07/sg2-1024x603.jpg" alt="" class="wp-image-2517" srcset="https://wordpresss.ru/wp-content/uploads/2022/07/sg2-1024x603.jpg 1024w, https://wordpresss.ru/wp-content/uploads/2022/07/sg2-300x177.jpg 300w, https://wordpresss.ru/wp-content/uploads/2022/07/sg2-768x452.jpg 768w, https://wordpresss.ru/wp-content/uploads/2022/07/sg2-860x506.jpg 860w, https://wordpresss.ru/wp-content/uploads/2022/07/sg2.jpg 1198w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption>Breaking Down the Principles of Design</figcaption></figure>



<p>One of the best ways to use <a rel="noreferrer noopener" href="#" target="_blank">repetition and rhythm in web design</a> is in the site&#8217;s navigation menu. A consistent, easy-to-follow pattern—in color.</p>



<h2>Breaking Down the Principles of Design</h2>



<p>Nobody enjoys looking at an ugly web page. Garish colors, can all turn customers <strong>&#171;off&#187;</strong> and send them shopping<strong> &#171;somewhere else&#187;</strong>. Basic composition rules to create more effective:</p>



<ul class="rb-list"><li>Direct the Eye With<strong> </strong><a rel="noreferrer noopener" href="#" target="_blank">Leading Lines</a></li><li>Balance Out Your Elements</li><li>Use Elements That<strong> Complement Each Other</strong></li><li>Be clear about your <strong>&#171;focal points&#187;</strong> and where you place them</li></ul>



<h2>The Metaverse shines brightly</h2>



<p><strong>UX and UI: </strong>Two terms that are often used interchangeably, but actually mean very different things. <em>So what exactly is the difference?</em></p>



<figure class="wp-block-pullquote alignright is-style-default"><blockquote><p>Styles come and go. Good design is a language, not a style.</p><cite>Massimo Vignelli</cite></blockquote></figure>



<p>UX design refers to the term <em>“user experience design”</em>, while UI stands for <em>“user interface design</em><strong>”</strong>. Both elements are crucial to a product and work closely together. </p>



<h2>Why Visual Hierarchy Is Important</h2>



<p>Good design guides the user by communicating purpose and priority. For that reason, every part of the design should be based on an <strong>&#171;<strong>informed decision</strong></strong>&#187; rather than an arbitrary result of personal taste or the current trend.</p>



<figure class="wp-block-image size-full"><img decoding="async" loading="lazy" width="953" height="956" src="https://wordpresss.ru/wp-content/uploads/2022/07/sg3.jpg" alt="" class="wp-image-2516" srcset="https://wordpresss.ru/wp-content/uploads/2022/07/sg3.jpg 953w, https://wordpresss.ru/wp-content/uploads/2022/07/sg3-300x300.jpg 300w, https://wordpresss.ru/wp-content/uploads/2022/07/sg3-150x150.jpg 150w, https://wordpresss.ru/wp-content/uploads/2022/07/sg3-768x770.jpg 768w, https://wordpresss.ru/wp-content/uploads/2022/07/sg3-860x863.jpg 860w" sizes="(max-width: 953px) 100vw, 953px" /><figcaption>Don’t be quick to dismiss an initial idea as impossible,</figcaption></figure>



<p>Provide distinct styles for interactive elements, such as <em>links and buttons</em>, to make them easy to identify. For example, <strong>&#171;change the appearance of links&#187;</strong> on mouse hover, &#171;keyboard focus&#187;, and &#171;touch-screen activation&#187;.</p>



<h2>Final thoughts</h2>



<p><strong>Design is not the end-all solution to all of the worlds problems</strong> — but with the right thinking and application, it can definitely be a good beginning to start tackling them.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://wordpresss.ru/understanding-cognitive-bias-in-product-design/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Evolving UX: Experimental Product Design with a CXO</title>
		<link>https://wordpresss.ru/evolving-ux-experimental-product-design-with-a-cxo/</link>
					<comments>https://wordpresss.ru/evolving-ux-experimental-product-design-with-a-cxo/#respond</comments>
		
		<dc:creator><![CDATA[Wordpress Гуру]]></dc:creator>
		<pubDate>Sun, 03 Jul 2022 04:20:59 +0000</pubDate>
				<category><![CDATA[Tools & Tutorials]]></category>
		<category><![CDATA[Ideas]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[UI Design]]></category>
		<category><![CDATA[UX Design]]></category>
		<guid isPermaLink="false">https://foxiz.themeruby.com/vector/?p=2369</guid>

					<description><![CDATA[Good web design has visual weight, is optimized for various devices, and has content that is prioritized for the medium. The most important elements of a web page should have more visual weight to &#171;naturally attract&#187; a visitor’s attention. Good design is making something intelligible and memorable. Great design is making something memorable and meaningful. [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="has-drop-cap">Good web design has visual weight, is <a rel="noreferrer noopener" href="#" target="_blank">optimized for various devices</a>, and has content that is prioritized for the medium. The most important elements of a web page should have more visual weight to <strong>&#171;naturally attract&#187;</strong> a visitor’s attention.</p>



<figure class="wp-block-pullquote"><blockquote><p>Good design is making something intelligible and memorable. Great design is making something memorable and meaningful.</p><cite>Dieter Rams</cite></blockquote></figure>



<p>Most users search for something interesting<em> </em>(or useful) and clickable; as soon as some promising candidates are found, users click.<strong> If the new page doesn’t meet users’ expectations,</strong> the back button is clicked and the search process is continued.</p>



<h2>Implementing the Principles of Design</h2>



<p>Not all websites are made equal. Some websites are simple, logical, and easy to use. Others are a messy hodgepodge of pages and links.</p>



<figure class="wp-block-image size-large"><img decoding="async" loading="lazy" width="1024" height="679" src="https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-1024x679.jpg" alt="" class="wp-image-2518" srcset="https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-1024x679.jpg 1024w, https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-300x199.jpg 300w, https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-768x509.jpg 768w, https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-330x220.jpg 330w, https://wordpresss.ru/wp-content/uploads/2022/07/Sg1-860x570.jpg 860w, https://wordpresss.ru/wp-content/uploads/2022/07/Sg1.jpg 1197w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption>What Is Teamwork and Why Does It Matter?</figcaption></figure>



<p>Without website navigation, your visitors can’t figure out how to find your blog, your email signup page, your product listings, pricing, contact information, or help docs.</p>


        <div class="related-sec related-1">
            <div class="inner">
				<div class="block-h heading-layout-2"><div class="heading-inner"><h4 class="heading-title"><span>More Read</span></h4></div></div>                <div class="block-inner">
					        <div class="p-wrap p-small p-list-small-2" data-pid="2372">
	        <div class="feat-holder">
			        <div class="p-featured ratio-v1">
			        <a class="p-flink" href="https://wordpresss.ru/in-the-spotlight-the-principles-of-dark-ui-design/" title="In the Spotlight: The Principles of Dark UI Design">
			<img width="150" height="150" src="https://wordpresss.ru/wp-content/uploads/2022/07/v5-150x150.jpg" class="featured-img wp-post-image" alt="" decoding="async" loading="lazy" />        </a>
		        </div>
	        </div>
        <div class="p-content">
			<h5 class="entry-title">        <a class="p-url" href="https://wordpresss.ru/in-the-spotlight-the-principles-of-dark-ui-design/" rel="bookmark">In the Spotlight: The Principles of Dark UI Design</a></h5>        </div>
		        </div>
	        <div class="p-wrap p-list-inline" data-pid="2371">
	<h6 class="entry-title"><i class="rbi rbi-plus"></i>        <a class="p-url" href="https://wordpresss.ru/how-product-designers-can-use-gamification-for-good/" rel="bookmark">How Product Designers Can Use Gamification for Good</a></h6>        </div>
	        <div class="p-wrap p-list-inline" data-pid="2370">
	<h6 class="entry-title"><i class="rbi rbi-plus"></i>        <a class="p-url" href="https://wordpresss.ru/understanding-cognitive-bias-in-product-design/" rel="bookmark">Understanding Cognitive Bias in Product Design</a></h6>        </div>
	        <div class="p-wrap p-list-inline" data-pid="2368">
	<h6 class="entry-title"><i class="rbi rbi-plus"></i>        <a class="p-url" href="https://wordpresss.ru/building-and-scaling-a-design-system-in-figma-a-case-study/" rel="bookmark">Building and Scaling a Design System in Figma: A Case Study</a></h6>        </div>
	                </div>
            </div>
        </div>
		



<p><strong>Quick and easy access to the content they’re after is more important for your website users than a… visually-stunning design.</strong></p>



<p>Website navigation allows visitors to flow from one page to another without frustration. If you’ve done your job well, visitors leave your site with the <a href="#" target="_blank" rel="noreferrer noopener">intention to return</a> and might even buy something from you or sign up for your email list.</p>



<p><em>Bad navigation is an especially common problem. We’ve all struggled to find things on disorganized websites without any logical structure. It feels hopeless.</em></p>



<h2>A Guide to Visual Hierarchy</h2>



<p>In design, rhythm is created by simply repeating elements in predictable patterns. This repetition is a natural thing that occurs everywhere in our world. As people, we are driven everyday by predictable, timed events.</p>



<figure class="wp-block-image size-large"><img decoding="async" loading="lazy" width="1024" height="603" src="https://wordpresss.ru/wp-content/uploads/2022/07/sg2-1024x603.jpg" alt="" class="wp-image-2517" srcset="https://wordpresss.ru/wp-content/uploads/2022/07/sg2-1024x603.jpg 1024w, https://wordpresss.ru/wp-content/uploads/2022/07/sg2-300x177.jpg 300w, https://wordpresss.ru/wp-content/uploads/2022/07/sg2-768x452.jpg 768w, https://wordpresss.ru/wp-content/uploads/2022/07/sg2-860x506.jpg 860w, https://wordpresss.ru/wp-content/uploads/2022/07/sg2.jpg 1198w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption>Breaking Down the Principles of Design</figcaption></figure>



<p>One of the best ways to use <a rel="noreferrer noopener" href="#" target="_blank">repetition and rhythm in web design</a> is in the site&#8217;s navigation menu. A consistent, easy-to-follow pattern—in color.</p>



<h2>Breaking Down the Principles of Design</h2>



<p>Nobody enjoys looking at an ugly web page. Garish colors, can all turn customers <strong>&#171;off&#187;</strong> and send them shopping<strong> &#171;somewhere else&#187;</strong>. Basic composition rules to create more effective:</p>



<ul class="rb-list"><li>Direct the Eye With<strong> </strong><a rel="noreferrer noopener" href="#" target="_blank">Leading Lines</a></li><li>Balance Out Your Elements</li><li>Use Elements That<strong> Complement Each Other</strong></li><li>Be clear about your <strong>&#171;focal points&#187;</strong> and where you place them</li></ul>



<h2>The Metaverse shines brightly</h2>



<p><strong>UX and UI: </strong>Two terms that are often used interchangeably, but actually mean very different things. <em>So what exactly is the difference?</em></p>



<figure class="wp-block-pullquote alignright is-style-default"><blockquote><p>Styles come and go. Good design is a language, not a style.</p><cite>Massimo Vignelli</cite></blockquote></figure>



<p>UX design refers to the term <em>“user experience design”</em>, while UI stands for <em>“user interface design</em><strong>”</strong>. Both elements are crucial to a product and work closely together. </p>



<h2>Why Visual Hierarchy Is Important</h2>



<p>Good design guides the user by communicating purpose and priority. For that reason, every part of the design should be based on an <strong>&#171;<strong>informed decision</strong></strong>&#187; rather than an arbitrary result of personal taste or the current trend.</p>



<figure class="wp-block-image size-full"><img decoding="async" loading="lazy" width="953" height="956" src="https://wordpresss.ru/wp-content/uploads/2022/07/sg3.jpg" alt="" class="wp-image-2516" srcset="https://wordpresss.ru/wp-content/uploads/2022/07/sg3.jpg 953w, https://wordpresss.ru/wp-content/uploads/2022/07/sg3-300x300.jpg 300w, https://wordpresss.ru/wp-content/uploads/2022/07/sg3-150x150.jpg 150w, https://wordpresss.ru/wp-content/uploads/2022/07/sg3-768x770.jpg 768w, https://wordpresss.ru/wp-content/uploads/2022/07/sg3-860x863.jpg 860w" sizes="(max-width: 953px) 100vw, 953px" /><figcaption>Don’t be quick to dismiss an initial idea as impossible,</figcaption></figure>



<p>Provide distinct styles for interactive elements, such as <em>links and buttons</em>, to make them easy to identify. For example, <strong>&#171;change the appearance of links&#187;</strong> on mouse hover, &#171;keyboard focus&#187;, and &#171;touch-screen activation&#187;.</p>



<h2>Final thoughts</h2>



<p><strong>Design is not the end-all solution to all of the worlds problems</strong> — but with the right thinking and application, it can definitely be a good beginning to start tackling them.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://wordpresss.ru/evolving-ux-experimental-product-design-with-a-cxo/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>