<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>UXPUB 🇺🇦 Дизайн-спільнота: Yurii Dereng</title>
    <description>The latest articles on UXPUB 🇺🇦 Дизайн-спільнота by Yurii Dereng (@yurii_dereng).</description>
    <link>https://ux.pub/yurii_dereng</link>
    <image>
      <url>https://ux.pub/images/9dY08SoHCVC2_z7g_J5NB8Cp5kb7FMFzpWGxlbMailQ/rs:fill:90:90/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy91/c2VyL3Byb2ZpbGVf/aW1hZ2UvNjk4NC9m/MjYyYWQ1My05MjZl/LTQyNjMtOTkxMC1k/ODNlMmNmODU0MDMu/anBn</url>
      <title>UXPUB 🇺🇦 Дизайн-спільнота: Yurii Dereng</title>
      <link>https://ux.pub/yurii_dereng</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://ux.pub/feed/yurii_dereng"/>
    <language>en</language>
    <item>
      <title>Контрастність. Принцип UI/UX дизайну No1</title>
      <dc:creator>Yurii Dereng</dc:creator>
      <pubDate>Sun, 18 Jun 2023 17:26:14 +0000</pubDate>
      <link>https://ux.pub/yurii_dereng/printsip-uiux-dizainu-no1-h3i</link>
      <guid>https://ux.pub/yurii_dereng/printsip-uiux-dizainu-no1-h3i</guid>
      <description>&lt;p&gt;&lt;strong&gt;1 Принцип \ Контрастність&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Навіщо потрібний контраст?&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;По-перше, він необхідний, щоб виділити значніші елементи.&lt;/p&gt;

&lt;p&gt;По-друге, щоб послабити менш значущі, так само контраст допомагає керувати увагою людини і спрямовувати її в потрібну сторону. Контраст можна використовувати для створення ієрархії та структури.&lt;/p&gt;

&lt;p&gt;Також, використовуючи контраст, ви можете показати людині, що важливо і що другорядно розберемо цей принцип на простих примітивних фігурах.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/wSWqre6k65pEZr-RibmSeIG-JSq24URdhiPtACH5u2w/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy82cjdj/ZzNkMmd5eDd6aDB6/MWJoeC5wbmc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/wSWqre6k65pEZr-RibmSeIG-JSq24URdhiPtACH5u2w/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy82cjdj/ZzNkMmd5eDd6aDB6/MWJoeC5wbmc" alt="Image description" width="720" height="420"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/CxucVd9D1kDLpXvFJN86X8L1YUF0mELrm-xpH-4iCjQ/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9sbWE2/aTlpZGQ4OHQxM2dr/bGUxMy5wbmc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/CxucVd9D1kDLpXvFJN86X8L1YUF0mELrm-xpH-4iCjQ/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9sbWE2/aTlpZGQ4OHQxM2dr/bGUxMy5wbmc" alt="Image description" width="800" height="367"&gt;&lt;/a&gt;&lt;br&gt;
Таким чином, відразу зрозуміло, який елемент є головним&lt;/p&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/Jrq1BDB1l4RsI6rHNNo3_GxmhSrOcgNqfq8EikkFeq4/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9uYmZz/dDR4Y2JnNWJ2MWpp/MjJqbi5wbmc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/Jrq1BDB1l4RsI6rHNNo3_GxmhSrOcgNqfq8EikkFeq4/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9uYmZz/dDR4Y2JnNWJ2MWpp/MjJqbi5wbmc" alt="Image description" width="720" height="408"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/v3tdmC0wy4--3foEo1rzldK31sjatQMFBJ62XXC4C4I/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy8wcXRr/eXNtNndlYWlxZ2l6/eHFzeC5wbmc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/v3tdmC0wy4--3foEo1rzldK31sjatQMFBJ62XXC4C4I/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy8wcXRr/eXNtNndlYWlxZ2l6/eHFzeC5wbmc" alt="Image description" width="800" height="433"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Підсумки&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Виділяйте важливі елементи 😊&lt;/p&gt;

&lt;p&gt;Створіть очевидну різницю&lt;/p&gt;

&lt;p&gt;Послаблюйте менш значуще&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Не зловживайте
Можна використовувати скрізь на фігурах, лініях, іконках, зображеннях, елементах, типографіці і де це тільки буде потрібно для покращення контрасту!&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Радий Вам допомагати!🤗&lt;br&gt;
Якщо було цікаво і пізнавально Хлоп👏&lt;br&gt;
Доповнюй в коментах /&lt;br&gt;
І заходь в мій &lt;a href="https://www.behance.net/dereng"&gt;Behance&lt;/a&gt; і &lt;a href="https://dribbble.com/Dereng"&gt;Dribble&lt;/a&gt;&lt;br&gt;
Наступна стаття буде про 2 принцип не пропусти!😉&lt;/p&gt;

</description>
      <category>ux</category>
      <category>ui</category>
      <category>lifehacks</category>
      <category>principle</category>
    </item>
    <item>
      <title>UI/UX Design Principle #1</title>
      <dc:creator>Yurii Dereng</dc:creator>
      <pubDate>Sun, 18 Jun 2023 17:19:04 +0000</pubDate>
      <link>https://ux.pub/yurii_dereng/uiux-design-principle-1-3dod</link>
      <guid>https://ux.pub/yurii_dereng/uiux-design-principle-1-3dod</guid>
      <description>&lt;p&gt;&lt;strong&gt;1 Principle \ Contrast&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Why do we need contrast?&lt;/p&gt;

&lt;p&gt;First, it is necessary to highlight significant elements.&lt;/p&gt;

&lt;p&gt;Secondly, to weaken less significant ones, contrast also helps to control a person’s attention and direct him in the right direction. You can use contrast to create hierarchy and structure.&lt;/p&gt;

&lt;p&gt;Also, with the help of contrast, you can show a person what is important and what is secondary by analyzing this principle in simple, primitive figures.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/EUoiryiwPFs7eXS1VbIsGyrI-4eD-zRtPHGptfWZDnM/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy91MnVr/NTV4eWdxeWJ6MHFl/cnRnOS5wbmc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/EUoiryiwPFs7eXS1VbIsGyrI-4eD-zRtPHGptfWZDnM/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy91MnVr/NTV4eWdxeWJ6MHFl/cnRnOS5wbmc" alt="Image description" width="720" height="390"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/IVlUioaq2I2gmerEuXaDHu_T-igpycmneVNVR7yYCdg/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy8yOWFn/YmxkOXI5aWp3bG9o/YnNyNi5wbmc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/IVlUioaq2I2gmerEuXaDHu_T-igpycmneVNVR7yYCdg/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy8yOWFn/YmxkOXI5aWp3bG9o/YnNyNi5wbmc" alt="Image description" width="720" height="386"&gt;&lt;/a&gt;&lt;br&gt;
Thus, it is immediately clear which element is the main one&lt;/p&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/8frFVznU6g_MKSx2LCUo1V7nj63mtBb9ZHb4KNkhsJQ/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9veG5o/OXVmbHVoZGphMXRx/bXgwcS5wbmc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/8frFVznU6g_MKSx2LCUo1V7nj63mtBb9ZHb4KNkhsJQ/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9veG5o/OXVmbHVoZGphMXRx/bXgwcS5wbmc" alt="Image description" width="720" height="418"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/3S5szFfjkH4jEVOOhYjc_nTk9ruTINPIBgmb-u3t65U/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9xbmoz/ang1dGt3eHVxN3Vt/ZTM0NS5wbmc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/3S5szFfjkH4jEVOOhYjc_nTk9ruTINPIBgmb-u3t65U/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9xbmoz/ang1dGt3eHVxN3Vt/ZTM0NS5wbmc" alt="Image description" width="720" height="391"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Results.&lt;/p&gt;

&lt;p&gt;Highlight the important elements 😊&lt;/p&gt;

&lt;p&gt;Create an obvious difference&lt;/p&gt;

&lt;p&gt;Weaken the less significant&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Do not overuse
Can be used everywhere on shapes, lines, icons, images, elements, typography, and wherever else you need to improve contrast!&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;I’m glad to help you!&lt;br&gt;
If it was interesting and informative guy👏&lt;br&gt;
Add in the comments / /.&lt;br&gt;
And come to my &lt;a href="https://www.behance.net/dereng"&gt;Behance&lt;/a&gt; and &lt;a href="https://dribbble.com/Dereng"&gt;Dribble&lt;/a&gt;&lt;br&gt;
The next article will be about the 2nd principle do not miss! 😉&lt;/p&gt;

</description>
      <category>ux</category>
      <category>lifehacks</category>
      <category>ui</category>
      <category>principle</category>
    </item>
  </channel>
</rss>
