<?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>WebUrbanist  Crash Course: 24 Elements of Design Animated in 48 Seconds | Urbanist</title>
	<atom:link href="https://weburbanist.com/2014/07/27/crash-course-24-elements-of-design-animated-in-48-seconds/feed/" rel="self" type="application/rss+xml" />
	<link>https://weburbanist.com</link>
	<description>Urban Art, Architecture, Design &#38; Built Environments</description>
	<lastBuildDate>Thu, 15 Jan 2026 02:15:38 +0000</lastBuildDate>
	<generator>https://wordpress.org/?v=6.9.4</generator>
	<language></language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://weburbanist.com/wp-content/uploads/2016/05/cropped-urbanisticon-32x32.png</url>
	<title>  Crash Course: 24 Elements of Design Animated in 48 Seconds | Urbanist</title>
	<link>https://weburbanist.com</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">74409875</site>	
	<item>
        <title>Crash Course: 24 Elements of Design Animated in 48 Seconds</title>
        <link>https://weburbanist.com/2014/07/27/crash-course-24-elements-of-design-animated-in-48-seconds/</link>
		<comments>https://weburbanist.com/2014/07/27/crash-course-24-elements-of-design-animated-in-48-seconds/#comments</comments>
		<pubDate>Mon, 28 Jul 2014 01:00:15 +0000</pubDate>
		<dc:creator>Kurt Kohlstedt</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Graphics & Branding]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[elements]]></category>
		<category><![CDATA[Film]]></category>
		<category><![CDATA[graphic]]></category>
		<category><![CDATA[graphics]]></category>
		<category><![CDATA[Guide]]></category>
		<category><![CDATA[principles]]></category>
		<category><![CDATA[short]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[urban videos]]></category>

		<guid isPermaLink="false">https://weburbanist.com/?p=69430</guid>
		<description><![CDATA[Arguing that design is more art than science, this stunning short video provides a rapid-fire visual tour of principles all aspiring designers should keep in mind. Matt Greenwood ties each example into the next, speeding through basics like lines and planes before covering balance, scale, texture, symmetry, then contrasting rules with randomness and much more. <a href="https://weburbanist.com/2014/07/27/crash-course-24-elements-of-design-animated-in-48-seconds/">&#8230;</a>]]></description>
			<content:encoded><![CDATA[
    <!-- custom per item content begin -->
    
    [ By <a href='http://weburbanist.com/WebUrbanist/?utm_source=Mozilla%2F5.0+AppleWebKit%2F537.36+%28KHTML%2C+like+Gecko%3B+compatible%3B+ClaudeBot%2F1.0%3B+%2Bclaudebot%40anthropic.com%29&utm_medium=feed&utm_campaign=feed-main-2014-07-27-crash-course-24-elements-of-design-animated-in-48-seconds&utm_content=unknown&utm_term=feed-author'>WebUrbanist</a> in <a href="https://weburbanist.com/category/design/" rel="category tag">Design</a> &amp; <a href="https://weburbanist.com/category/design/graphics-branding/" rel="category tag">Graphics &amp; Branding</a>. ]

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html><body><div id="urb-ads-toc-box" class="post-ads-toc-box urb-ads-toc" style="display:none;"></div><p></p>
<p>Arguing that design is more art than science, this stunning short video provides a rapid-fire visual tour of principles all aspiring designers should keep in mind.</p>
<p></p><div class="video-box"><iframe type="text/html" src="http://player.vimeo.com/video/99876106" allowfullscreen frameborder="0"></iframe></div>
<p><a href="http://mattgreenwood.tv/">Matt Greenwood</a> ties each example into the next, speeding through basics like lines and planes before covering balance, scale, texture, symmetry, then contrasting rules with randomness and much more.</p>
<p><a href="#" data-featherlight="https://weburbanist.com/wp-content/uploads/2014/07/animated-example-of-designers.gif"><img fetchpriority="high" decoding="async" class="first-image img-responsive" src="https://weburbanist.com/wp-content/uploads/2014/07/animated-example-of-designers.gif" alt="animated example of designers" width="524" height="288"></a></p>
<p>It might not teach you to be a designer in less than a minute, but it does provide a dazzling introduction to basic concepts, showing and not just telling with useful and compelling (if quick) examples.</p>
<p><a href="#" data-featherlight="https://weburbanist.com/wp-content/uploads/2014/07/animated-principles-of-design.gif"><img decoding="async" class="alignnone size-large wp-image-69433" src="https://weburbanist.com/wp-content/uploads/2014/07/animated-principles-of-design-468x252.gif" alt="animated principles of design" width="468" height="252"></a></p>
<p>About the creator:&nbsp;Matt is a <em>&ldquo;freelance art director &amp; motion designer based in Toronto with over 10 years professional experience. Working with After Effects, Photoshop, illustrator and Cinema 4D, [he] create[s] styleframes, storyboards, hand drawn illustration, 3D animation, matte painting and compositing for both broadcast and film work.&rdquo;</em></p>
<p><a href="#" data-featherlight="https://weburbanist.com/wp-content/uploads/2014/07/animation-example-design-principles.gif"><img decoding="async" class="alignnone size-large wp-image-69434" src="https://weburbanist.com/wp-content/uploads/2014/07/animation-example-design-principles-468x286.gif" alt="animation example design principles" width="468" height="286"></a></p>
<p>If you are into speed-learning new things (and have a few more minutes to spare), you may also want to check out this 15-minute <a href="https://weburbanist.com/2013/07/25/animated-history-of-western-architecture-in-just-15-minutes/">Animated History of Western Architecture</a> as well as this short <a href="https://weburbanist.com/2013/01/13/the-abc-of-architects-26-famous-buildings-in-100-seconds/">100-second animation of 26 famous buildings</a>.</p>
</body></html>

<div id='jp-relatedposts' class='jp-relatedposts' >
	
</div><h2></h2>
   
  <span id="fb_share" style="margin-left: 5px;"><a name="fb_share" type="button"  href="http://www.facebook.com/sharer.php?u=https%3A%2F%2Fweburbanist.com%2F2014%2F07%2F27%2Fcrash-course-24-elements-of-design-animated-in-48-seconds%2F&t=Crash+Course%3A+24+Elements+of+Design+Animated+in+48+Seconds"><img border="none" src="https://weburbanist.com/wp-content/themes/urbanist/dist/images/feed-share.png" width="60" height="19" alt="Share on Facebook"/></a></span>
  <a style="margin-left: 5px;" href="http://www.facebook.com/WebUrbanist"><img border="none" src="https://weburbanist.com/wp-content/themes/urbanist/dist/images/feed-like-mini.png" width="66px" height="19px" /></a>
  <a style="margin-left: 5px;" href="http://www.facebook.com/WebUrbanist"><img border="none" src="https://weburbanist.com/wp-content/themes/urbanist/dist/images/feed-like.png" width="220px" height="19px" /></a>

<hr width="375px" align="left" />
  <a style="margin-left: 5px;" href="http://www.stumbleupon.com/submit?url=https%3A%2F%2Fweburbanist.com%2F2014%2F07%2F27%2Fcrash-course-24-elements-of-design-animated-in-48-seconds%2F&title=Crash+Course%3A+24+Elements+of+Design+Animated+in+48+Seconds"><img border="none" src="https://weburbanist.com/wp-content/themes/urbanist/dist/images/feed-SU.png" width="74px" height="19px" /></a>
  <a style="margin-left: 9px;" href="http://twitter.com/home?status=%40weburbanist+https%3A%2F%2Fweburbanist.com%2F2014%2F07%2F27%2Fcrash-course-24-elements-of-design-animated-in-48-seconds%2F+Crash+Course%3A+24+Elements+of+Des"><img border="none" src="https://weburbanist.com/wp-content/themes/urbanist/dist/images/feed-retweet.png" height="19" width="48" /></a>
  <a style="margin-left: 5px;" href="http://twitter.com/weburbanist"><img border="none" src="https://weburbanist.com/wp-content/themes/urbanist/dist/images/feed-twitter.png" width="220px" height="19px" /></a>
<div style="clear: both;"></div>

    <hr width="375px" align="left" />

        <span style="float:left; margin-left: 10px;">[ By <a href='http://weburbanist.com/WebUrbanist/?utm_source=Mozilla%2F5.0+AppleWebKit%2F537.36+%28KHTML%2C+like+Gecko%3B+compatible%3B+ClaudeBot%2F1.0%3B+%2Bclaudebot%40anthropic.com%29&utm_medium=feed&utm_campaign=feed-main-2014-07-27-crash-course-24-elements-of-design-animated-in-48-seconds&utm_content=unknown&utm_term=feed-author-footer'>WebUrbanist</a> in <a href="https://weburbanist.com/category/design/" rel="category tag">Design</a> &amp; <a href="https://weburbanist.com/category/design/graphics-branding/" rel="category tag">Graphics &amp; Branding</a>. ]</span>

<br /><br />
  <span style="color: #ddd; float:left; margin-left: 10px;">[ <a style="color: #ddd;" href="http://weburbanist.com/?utm_source=Mozilla%2F5.0+AppleWebKit%2F537.36+%28KHTML%2C+like+Gecko%3B+compatible%3B+ClaudeBot%2F1.0%3B+%2Bclaudebot%40anthropic.com%29&utm_medium=feed&utm_campaign=feed-main-2014-07-27-crash-course-24-elements-of-design-animated-in-48-seconds&utm_content=unknown&utm_term=feed-footer-title">WebUrbanist</a> | <a style="color: #ddd;" href="http://weburbanist.com/archives/?utm_source=Mozilla%2F5.0+AppleWebKit%2F537.36+%28KHTML%2C+like+Gecko%3B+compatible%3B+ClaudeBot%2F1.0%3B+%2Bclaudebot%40anthropic.com%29&utm_medium=feed&utm_campaign=feed-main-2014-07-27-crash-course-24-elements-of-design-animated-in-48-seconds&utm_content=unknown&utm_term=feed-archives">Archives</a> | <a style="color: #ddd;" href="http://weburbanist.com/galleries/?utm_source=Mozilla%2F5.0+AppleWebKit%2F537.36+%28KHTML%2C+like+Gecko%3B+compatible%3B+ClaudeBot%2F1.0%3B+%2Bclaudebot%40anthropic.com%29&utm_medium=feed&utm_campaign=feed-main-2014-07-27-crash-course-24-elements-of-design-animated-in-48-seconds&utm_content=unknown&utm_term=feed-galleries">Galleries</a> | <a style="color: #ddd;" href="http://weburbanist.com/privacy/?utm_source=Mozilla%2F5.0+AppleWebKit%2F537.36+%28KHTML%2C+like+Gecko%3B+compatible%3B+ClaudeBot%2F1.0%3B+%2Bclaudebot%40anthropic.com%29&utm_medium=feed&utm_campaign=feed-main-2014-07-27-crash-course-24-elements-of-design-animated-in-48-seconds&utm_content=unknown&utm_term=feed-privacy">Privacy</a> | <a style="color: #ddd;" href="http://weburbanist.com/terms/?utm_source=Mozilla%2F5.0+AppleWebKit%2F537.36+%28KHTML%2C+like+Gecko%3B+compatible%3B+ClaudeBot%2F1.0%3B+%2Bclaudebot%40anthropic.com%29&utm_medium=feed&utm_campaign=feed-main-2014-07-27-crash-course-24-elements-of-design-animated-in-48-seconds&utm_content=unknown&utm_term=feed-tos">TOS</a> ]</span>
<div style="clear: both;"></div>
<br />

<div style="clear: both;"></div>
<br />
    <!-- custom per item content end -->
    ]]>
    </content:encoded>
			<wfw:commentRss>https://weburbanist.com/2014/07/27/crash-course-24-elements-of-design-animated-in-48-seconds/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	<post-id xmlns="com-wordpress:feed-additions:1">69430</post-id>	</item>
	</channel>
</rss>
