Warning: The magic method OCDI\OhioImporter::__wakeup() must have public visibility in /customers/0/d/2/davechuks.com/httpd.www/wp-content/plugins/ohio-importer/inc/OhioImporter.php on line 129

Warning: Cannot modify header information - headers already sent by (output started at /customers/0/d/2/davechuks.com/httpd.www/wp-content/plugins/ohio-importer/inc/OhioImporter.php:129) in /customers/0/d/2/davechuks.com/httpd.www/wp-content/plugins/download-monitor/src/DownloadHandler.php on line 481

Warning: Cannot modify header information - headers already sent by (output started at /customers/0/d/2/davechuks.com/httpd.www/wp-content/plugins/ohio-importer/inc/OhioImporter.php:129) in /customers/0/d/2/davechuks.com/httpd.www/wp-content/plugins/onecom-vcache/vcaching.php on line 595

Warning: Cannot modify header information - headers already sent by (output started at /customers/0/d/2/davechuks.com/httpd.www/wp-content/plugins/ohio-importer/inc/OhioImporter.php:129) in /customers/0/d/2/davechuks.com/httpd.www/wp-content/plugins/onecom-vcache/vcaching.php on line 603

Warning: Cannot modify header information - headers already sent by (output started at /customers/0/d/2/davechuks.com/httpd.www/wp-content/plugins/ohio-importer/inc/OhioImporter.php:129) in /customers/0/d/2/davechuks.com/httpd.www/wp-includes/feed-rss2.php on line 8
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>UI Archives - David Chukwuma</title>
	<atom:link href="https://www.davechuks.com/tag/ui/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.davechuks.com/tag/ui/</link>
	<description>About David Chukwuma</description>
	<lastBuildDate>Mon, 08 Jun 2020 16:44:15 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.5.2</generator>

<image>
	<url>https://usercontent.one/wp/www.davechuks.com/wp-content/uploads/2019/01/cropped-Asset-1@2x-32x32.png?media=1624916809</url>
	<title>UI Archives - David Chukwuma</title>
	<link>https://www.davechuks.com/tag/ui/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Utilizing Space in UI Design</title>
		<link>https://www.davechuks.com/2020/06/utilizing-space-in-ui-design/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=utilizing-space-in-ui-design</link>
					<comments>https://www.davechuks.com/2020/06/utilizing-space-in-ui-design/#respond</comments>
		
		<dc:creator><![CDATA[David Chukwuma]]></dc:creator>
		<pubDate>Mon, 08 Jun 2020 16:44:15 +0000</pubDate>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[UX]]></category>
		<guid isPermaLink="false">https://www.davechuks.com/?p=253</guid>

					<description><![CDATA[<p>Space is your friend. Software developers tend to optimize things around them...</p>
<p>The post <a href="https://www.davechuks.com/2020/06/utilizing-space-in-ui-design/">Utilizing Space in UI Design</a> appeared first on <a href="https://www.davechuks.com">David Chukwuma</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>Space is your friend. Software developers tend to optimize things around them and often this applies to the user interfaces they work on. They trim excess space and keep things together, this is great for the backend, but on the frontend, not so much.</p>
<p>In past projects, I struggled with the concept of explaining why using adequate spacing is important. Initially, I felt everyone should understand and grasp the concept of white space at first glance but I was wrong. Seeing the beauty of white space is something that has to be gradually introduced.</p>
<p>When I realized this, I created a few slides to share with my team and it was a success. I’ll be sharing a summary of these slides here.</p>
<h3><strong class="jt kl">Space keeps things alive</strong></h3>
<p>When the right amount of space is applied to a button the button looks clean and communicates that it can be clicked.</p>
<p><img fetchpriority="high" decoding="async" class="mx so s t u kx ai lf aligncenter" src="https://miro.medium.com/max/708/1*keSpZx7VTj7sFKmrlfADPQ.png" sizes="354px" srcset="https://miro.medium.com/max/552/1*keSpZx7VTj7sFKmrlfADPQ.png 276w, https://miro.medium.com/max/708/1*keSpZx7VTj7sFKmrlfADPQ.png 354w" alt="A picture showing of how space makes a button communicate clickability better" width="354" height="183" /></p>
<p>How space makes a button communicate clickability better</p>
<p>Button 1 is more common in projects that you would think, the urge to keep everything lean often makes buttons like this happen. Button 2 is less common because some developers tend to think the space is too much. However, Button 2 wins whenever an action has to be communicated.</p>
<h3><strong>Space reduces eye strain and increases readability</strong></h3>
<p>Many times, we have looked at the text on a screen or book and wondered why it was hard to read. The answer is that space is often underutilized in some of these scenarios. Take a look at the example below.</p>
<p><img decoding="async" class="mx so s t u kx ai lf aligncenter" role="presentation" src="https://miro.medium.com/max/2388/1*3U5JIC-mfcUfDpOQ2eRs9A.png" sizes="700px" srcset="https://miro.medium.com/max/552/1*3U5JIC-mfcUfDpOQ2eRs9A.png 276w, https://miro.medium.com/max/1104/1*3U5JIC-mfcUfDpOQ2eRs9A.png 552w, https://miro.medium.com/max/1280/1*3U5JIC-mfcUfDpOQ2eRs9A.png 640w, https://miro.medium.com/max/1400/1*3U5JIC-mfcUfDpOQ2eRs9A.png 700w" width="1194" height="732" /></p>
<h3><strong>Utilization of spacing in card design</strong></h3>
<p>Keeping things simple often creates the look of a well-balanced system. Space helps you with this, more than you may think, by reducing cognitive overload and keeping your focus on one thing at a time.</p>
<p id="0d1e" class="jr kf ap by jt b ju jv kg jw jx kh jy jz ki ka kb kj kc kd kk ke ha" data-selectable-paragraph="">Remember, space is your friend.</p>
<p data-selectable-paragraph="">
<p data-selectable-paragraph="">
<p style="text-align: center;" data-selectable-paragraph="">First published on <a href="https://medium.com/@DavidChuks/utilizing-space-in-ui-design-7f332644ab0d">Medium</a></p>
<p>The post <a href="https://www.davechuks.com/2020/06/utilizing-space-in-ui-design/">Utilizing Space in UI Design</a> appeared first on <a href="https://www.davechuks.com">David Chukwuma</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.davechuks.com/2020/06/utilizing-space-in-ui-design/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>