<?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>Web Design Archives - I Blogs Hub</title>
	<atom:link href="https://www.iblogshub.com/tag/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.iblogshub.com/tag/web-design/</link>
	<description>All Articles Hub</description>
	<lastBuildDate>Sat, 06 Jun 2020 14:42:48 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>
	<item>
		<title>10 Rules of Web Design</title>
		<link>https://www.iblogshub.com/10-rules-of-web-design/</link>
					<comments>https://www.iblogshub.com/10-rules-of-web-design/#respond</comments>
		
		<dc:creator><![CDATA[Harry Paul]]></dc:creator>
		<pubDate>Sat, 06 Jun 2020 14:42:48 +0000</pubDate>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Landing page]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Design Tips]]></category>
		<guid isPermaLink="false">https://www.iblogshub.com/?p=728</guid>

					<description><![CDATA[<p>The web design has evolved and established standards to ensure consistent and usable designs. Some of these rules were created simply because some of the website creators abused certain principles without regard to their users. But these rules are not enforced by anyone and should be broken when necessary, especially when breaking them would lead [&#8230;]</p>
<p>The post <a href="https://www.iblogshub.com/10-rules-of-web-design/">10 Rules of Web Design</a> appeared first on <a href="https://www.iblogshub.com">I Blogs Hub</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p style="text-align: justify;"><span style="font-weight: 400;">The web design has evolved and established standards to ensure consistent and usable designs. </span><span style="font-weight: 400;">Some of these rules were created simply because some of the website creators abused certain principles without regard to their users.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">But these rules are not enforced by anyone and should be broken when necessary, especially when breaking them would lead to impressive web design like </span><a href="https://www.tamm.abudhabi/aspects-of-life/start-and-manage-a-business/commerciallicensing/tradelicence/requestforissuingeconomiclicenceinstantlicence"><span style="font-weight: 400;">Instant Economic License</span></a><span style="font-weight: 400;">. In this article, we introduce 10 rules that can be broken if they suit your design needs.</span></p>
<h4 style="text-align: justify;"><span style="font-weight: 400;">Rule # 1: Don&#8217;t show horizontal scroll bar</span></h4>
<p style="text-align: justify;"><span style="font-weight: 400;">A significant number of mice do not have a horizontal wheel. This makes it difficult to scroll from left to right when the content of a web page extends beyond the sides of the browser. It can be annoying to have to move the cursor to the bottom of the window and drag the scroll bar again just to see one or two words that are beyond the visible area of ​​the page.</span></p>
<h4 style="text-align: justify;"><span style="font-weight: 400;">Rule # 2: Use a minimum number of font</span></h4>
<p style="text-align: justify;"><span style="font-weight: 400;">Too many sources generally conflict with each other and overwhelm the user. Each font has a personality, and many personalities can create a mess. To effectively use more than a couple of fonts, a design has to be very text-oriented, and the rest of the design has to be relatively quiet.</span></p>
<h4 style="text-align: justify;"><span style="font-weight: 400;">Rule # 3: Don&#8217;t use too many colors</span></h4>
<p style="text-align: justify;"><span style="font-weight: 400;">The fear of going too far with a design is what separates professionals from novices. Sometimes they try to make designs as extreme as possible, with words on fire, blinking text, and as many colors as possible.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Some want to keep their designs subtle and pleasing to the eye, but in the end, their designs can sometimes seem lifeless.</span></p>
<h4 style="text-align: justify;"><span style="font-weight: 400;">Rule # 4: Make your site&#8217;s goal obvious</span></h4>
<p style="text-align: justify;"><span style="font-weight: 400;">Something that really crowds the ears of young designers is that design should instantly tell viewers what they&#8217;re looking for before reading any text. Brand recognition is important for large companies, but sometimes you have to be a little smarter to get the viewer&#8217;s attention. Withholding information can arouse user curiosity and a desire to know more. Applying this technique to web design can greatly increase the time that users stay on your website.</span></p>
<h4 style="text-align: justify;"><span style="font-weight: 400;">Rule # 5: Navigation should be easy to figure out</span></h4>
<p style="text-align: justify;"><span style="font-weight: 400;">Users must be able to find what they are looking for quickly. Sometimes engaging navigation can help the user feel connected to the site and what is being promoted.</span></p>
<h4 style="text-align: justify;"><span style="font-weight: 400;">Rule # 6: Use different colors for text and background</span></h4>
<p style="text-align: justify;"><span style="font-weight: 400;">Many web designers are so afraid of making text illegible that they don&#8217;t realize they used the same color, both for the background and the font itself. You can follow some simple techniques to make similar colors work.</span></p>
<h4 style="text-align: justify;"><span style="font-weight: 400;">Rule # 7: Don&#8217;t put Animation in the way of your content</span></h4>
<p style="text-align: justify;"><span style="font-weight: 400;">Seriously, don&#8217;t pop up small Flash ads right where the user is reading. The same goes for the survey boxes that are displayed every time the user is in the middle of a sentence. Users don&#8217;t like to be distracted when they&#8217;re in the middle of a sentence.</span></p>
<h4 style="text-align: justify;"><span style="font-weight: 400;">Rule # 8: Sources</span></h4>
<p style="text-align: justify;"><span style="font-weight: 400;">Although the letter replacement techniques are still young, they are already making quite a stir.</span></p>
<h4 style="text-align: justify;"><span style="font-weight: 400;">Rule # 9: Landing page</span></h4>
<p style="text-align: justify;"><span style="font-weight: 400;">Many designers have had the same discussion with their clients about why a landing page is not a good idea. Google tends to rank lower than this type of page and slow down the user to get the content they are looking for.</span></p>
<p><strong>Read Also:</strong> <a href="https://www.iblogshub.com/how-to-monitor-kids-on-social-media-silently/">How to Monitor Kids on Social Media Silently</a></p>
<h4 style="text-align: justify;"><span style="font-weight: 400;">Rule # 10: Don&#8217;t use tables</span></h4>
<p style="text-align: justify;"><span style="font-weight: 400;">Any web designer who uses tables in their designs can instantly be called a novice by experienced designers. Tables don&#8217;t show the same thing in all browsers, and it can make your code look messy, but at least you&#8217;ll know what you&#8217;re getting with them.</span></p>
<p>The post <a href="https://www.iblogshub.com/10-rules-of-web-design/">10 Rules of Web Design</a> appeared first on <a href="https://www.iblogshub.com">I Blogs Hub</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.iblogshub.com/10-rules-of-web-design/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
