<?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>eyelearn</title>
	<atom:link href="http://eyelearn.org/ma/feed/" rel="self" type="application/rss+xml" />
	<link>http://eyelearn.org/ma</link>
	<description>a look at design for the web &#38; all it entails</description>
	<lastBuildDate>Thu, 17 May 2012 21:04:58 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>Typesetting literature</title>
		<link>http://eyelearn.org/ma/gallery/typesetting-literature/</link>
		<comments>http://eyelearn.org/ma/gallery/typesetting-literature/#comments</comments>
		<pubDate>Mon, 14 May 2012 16:25:28 +0000</pubDate>
		<dc:creator>prisca</dc:creator>
				<category><![CDATA[gallery]]></category>

		<guid isPermaLink="false">http://eyelearn.org/ma/?p=1647</guid>
		<description><![CDATA[websites shown in order of submission date]]></description>
			<content:encoded><![CDATA[<!--<a href="http://fragments.tomjeatt.co.uk"><div id="attachment_1705" class="wp-caption alignnone" style="width: 275px"><img src="http://eyelearn.org/ma/wp-content/uploads/2012/05/tom.png" alt="Fragments of a Hologram Rose - Tom Jeatt" width="265" height="210" class="size-full wp-image-1705" /><p class="wp-caption-text">&quot;Fragments of a Hologram Rose&quot; <br /> Tom Jeatt</p></div>--><a href="http://eyelearn.org/ma-stu-gallery/typographyProj-2011/iana"><div id="attachment_1712" class="wp-caption alignnone" style="width: 275px"><img src="http://eyelearn.org/ma/wp-content/uploads/2012/05/iana.png" alt="Nika Turbina, Iana Khomenko" width="265" height="210" class="size-full wp-image-1712" /><p class="wp-caption-text">Nika Turbina<br /> Iana Khomenko</p></div></a><a href="http://eyelearn.org/ma-stu-gallery/typographyProj-2011/john/"><div id="attachment_1714" class="wp-caption alignnone" style="width: 275px"><img src="http://eyelearn.org/ma/wp-content/uploads/2012/05/john.png" alt="Exquisite Pain, Jon Cheesman" width="265" height="210" class="size-full wp-image-1714" /><p class="wp-caption-text">&quot;Exquisite Pain&quot; <br />John Cheesman</p></div></a><a href="http://eyelearn.org/ma-stu-gallery/typographyProj-2011/vlad/"><div id="attachment_1716" class="wp-caption alignnone" style="width: 275px"><img src="http://eyelearn.org/ma/wp-content/uploads/2012/05/vlad.png" alt="The hitchhikers guide to the galaxy, Vladislav Altanov" width="265" height="210" class="size-full wp-image-1716" /><p class="wp-caption-text">&quot;The Hitchhiker's guide to the Galaxy&quot;<br /> Vladislav Altanov</p></div></a><a href="http://eyelearn.org/ma-stu-gallery/typographyProj-2011/yiannis/"><div id="attachment_1720" class="wp-caption alignnone" style="width: 275px"><img src="http://eyelearn.org/ma/wp-content/uploads/2012/05/yiannis.png" alt="Somebody that I used to know, Yiannis Gaitanos" title="yiannis" width="265" height="210" class="size-full wp-image-1720" /><p class="wp-caption-text">&quot;Somebody that I used to know&quot; <br />Yiannis Gaitanos</p></div></a><a href="http://eyelearn.org/ma-stu-gallery/typographyProj-2011/bruno/"><div id="attachment_1722" class="wp-caption alignnone" style="width: 275px"><img src="http://eyelearn.org/ma/wp-content/uploads/2012/05/brun.png" alt="Tecnicolor, Bruno Falabella" width="265" height="210" class="size-full wp-image-1722" /><p class="wp-caption-text">Tecnicolor <br />Bruno Falabella</p></div></a><a href="http://eyelearn.org/ma-stu-gallery/typographyProj-2011/mint/"><div id="attachment_1725" class="wp-caption alignnone" style="width: 275px"><img src="http://eyelearn.org/ma/wp-content/uploads/2012/05/mint.png" alt="Chet Baker, Papichaya Kraivichien" width="265" height="210" class="size-full wp-image-1725" /><p class="wp-caption-text">The Best of Chet Baker <br />Papichaya Kraivichien</p></div></a><a href="http://eyelearn.org/ma-stu-gallery/typographyProj-2011/gary/"><div id="attachment_1727" class="wp-caption alignnone" style="width: 275px"><img src="http://eyelearn.org/ma/wp-content/uploads/2012/05/gary.png" alt="The Terminal, Gary Pigott" width="265" height="210" class="size-full wp-image-1727" /><p class="wp-caption-text">The Terminal <br />Gary Pigott</p></div></a><a href="http://eyelearn.org/ma-stu-gallery/typographyProj-2011/richard/"><div id="attachment_1729" class="wp-caption alignnone" style="width: 275px"><img src="http://eyelearn.org/ma/wp-content/uploads/2012/05/richard.png" alt="Kane & Abel, Richard Amoah" width="265" height="210" class="size-full wp-image-1729" /><p class="wp-caption-text">&quot;Kane &amp; Abel&quot;<br /> Richard Amoah</p></div></a><a href="http://eyelearn.org/ma-stu-gallery/typographyProj-2011/claudio/"><div id="attachment_1731" class="wp-caption alignnone" style="width: 275px"><img src="http://eyelearn.org/ma/wp-content/uploads/2012/05/claudio.png" alt="The Rocky Horror Picture, Claudio Fara" width="265" height="210" class="size-full wp-image-1731" /><p class="wp-caption-text">The Rocky Horror Picture Show <br />Claudio Fara</p></div></a><a href="http://eyelearn.org/ma-stu-gallery/typographyProj-2011/jim/"><div id="attachment_1734" class="wp-caption alignnone" style="width: 275px"><img src="http://eyelearn.org/ma/wp-content/uploads/2012/05/jim.png" alt="1984, Jim Dickins"  width="265" height="210" class="size-full wp-image-1734" /><p class="wp-caption-text">&quot;1984&quot;<br />Jim Dickins</p></div></a><a href="http://eyelearn.org/ma-stu-gallery/typographyProj-2011/negar"><div id="attachment_1736" class="wp-caption alignnone" style="width: 275px"><img src="http://eyelearn.org/ma/wp-content/uploads/2012/05/negar.png" alt="Dr. Shariati, Negar Haghighi" width="265" height="210" class="size-full wp-image-1736" /><p class="wp-caption-text">Dr. Shariati <br /> Negar Haghighi</p></div></a><a href="http://eyelearn.org/ma-stu-gallery/typographyProj-2011/sara/"><div id="attachment_1738" class="wp-caption alignnone" style="width: 275px"><img src="http://eyelearn.org/ma/wp-content/uploads/2012/05/sara.png" alt="Frank Chimero, Sara Quintino" width="265" height="210" class="size-full wp-image-1738" /><p class="wp-caption-text">Frank Chimero <br /> Sara Quintino</p></div></a><a href="http://eyelearn.org/ma-stu-gallery/typographyProj-2011/yaroslav/"><div id="attachment_1773" class="wp-caption alignnone" style="width: 275px"><img src="http://eyelearn.org/ma/wp-content/uploads/2012/05/yaroslav.png" alt="Sherlock Homes, Yaroslav Salmin"  width="265" height="210" class="size-full wp-image-1773" /><p class="wp-caption-text">SHerlock Holmes <br />Yaroslav Salmin</p></div></a><a href="http://eyelearn.org/ma-stu-gallery/typographyProj-2011/matine"><div id="attachment_1740" class="wp-caption alignnone" style="width: 275px"><img src="http://eyelearn.org/ma/wp-content/uploads/2012/05/matine.png" alt="If, Matine Chabrier "  width="265" height="210" class="size-full wp-image-1740" /><p class="wp-caption-text">&quot;If&quot;<br />Matine Chabrier </p></div></a><a href="http://eyelearn.org/ma-stu-gallery/typographyProj-2011/priscilla/"><div id="attachment_1744" class="wp-caption alignnone" style="width: 275px"><img src="http://eyelearn.org/ma/wp-content/uploads/2012/05/priscilla.png" alt="Three Chefs, Priscilla Walkington" title="priscilla" width="265" height="210" class="size-full wp-image-1744" /><p class="wp-caption-text">Three Chefs <br /> Priscilla Walkington</p></div></a><a href="http://eyelearn.org/ma-stu-gallery/typographyProj-2011/yannis/"><div id="attachment_1746" class="wp-caption alignnone" style="width: 275px"><img src="http://eyelearn.org/ma/wp-content/uploads/2012/05/yannis.png" alt="The Little Prince, Yannis Drandakis" width="265" height="210" class="size-full wp-image-1746" /><p class="wp-caption-text">&quot;The Little Prince&quot; <br />Yannis Drandakis</p></div></a><a href="http://eyelearn.org/ma-stu-gallery/typographyProj-2011/uzoma/"><div id="attachment_1765" class="wp-caption alignnone" style="width: 275px"><img src="http://eyelearn.org/ma/wp-content/uploads/2012/05/uzoma.png" alt="Who moved me cheese?, Uzoma Agha" width="265" height="210" class="size-full wp-image-1765" /><p class="wp-caption-text">&quot;Who moved me cheese?&quot;<br />Uzoma Agha</p></div></a><a href="http://eyelearn.org/ma-stu-gallery/typographyProj-2011/george/"><div id="attachment_1768" class="wp-caption alignnone" style="width: 275px"><img src="http://eyelearn.org/ma/wp-content/uploads/2011/12/george.png" alt="Hamlet, George Nicolaou" width="265" height="210" class="size-full wp-image-1768" /><p class="wp-caption-text">&quot;Hamlet&quot;<br /> George Nicolaou</p></div></a><a href="http://eyelearn.org/ma-stu-gallery/typographyProj-2011/jaana/"><div id="attachment_1775" class="wp-caption alignnone" style="width: 275px"><img src="http://eyelearn.org/ma/wp-content/uploads/2012/05/jaana.png" alt="Blackaddeer, Jaana Merilepp" width="265" height="210" class="size-full wp-image-1775" /><p class="wp-caption-text">&quot;Blackadder&quot; <br />Jaana Merilepp</p></div></a><a href="http://eyelearn.org/ma-stu-gallery/typographyProj-2011/laura/"><div id="attachment_1777" class="wp-caption alignnone" style="width: 275px"><img src="http://eyelearn.org/ma/wp-content/uploads/2012/05/laura.png" alt="Fear and Loathing in Las Vegas, Laura Hampson" title="laura" width="265" height="210" class="size-full wp-image-1777" /><p class="wp-caption-text">&quot;Fear and Loathing in Las Vegas&quot; <br /> Laura Hampson</p></div></a>

<p><em>websites shown in order of submission date</em></p>]]></content:encoded>
			<wfw:commentRss>http://eyelearn.org/ma/gallery/typesetting-literature/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>good luck to you all :)</title>
		<link>http://eyelearn.org/ma/ma-course-notes/good-luck-to-you-all/</link>
		<comments>http://eyelearn.org/ma/ma-course-notes/good-luck-to-you-all/#comments</comments>
		<pubDate>Tue, 08 May 2012 14:56:39 +0000</pubDate>
		<dc:creator>prisca</dc:creator>
				<category><![CDATA[MA course notes]]></category>

		<guid isPermaLink="false">http://eyelearn.org/ma/?p=1649</guid>
		<description><![CDATA[These are the photos we took during our last session and some others from a few weeks back. As the camera did its rounds ~ the quality varies but I think these are nice anyway :) A little reminder of our time together ~ a glimpse back. Hope you enjoyed our sessions as much as [...]]]></description>
			<content:encoded><![CDATA[<div id="photos"><a href="http://eyelearn.org/ma/wp-content/uploads/2012/05/photo-01.png" rel="lightbox[1649]" title="good luck to you all :)"><img src="http://eyelearn.org/ma/wp-content/uploads/2012/05/photo-01-thn.png" alt="MA 2012" title="" width="90" height="90" class="alignleft size-full wp-image-1690" /></a><a href="http://eyelearn.org/ma/wp-content/uploads/2012/05/photo-02.png" rel="lightbox[1649]" title="good luck to you all :)"><img src="http://eyelearn.org/ma/wp-content/uploads/2012/05/photo-02-thn.png" alt="MA 2012" title="" width="90" height="90" class="alignleft size-full wp-image-1690" /></a><a href="http://eyelearn.org/ma/wp-content/uploads/2012/05/photo-03.png" rel="lightbox[1649]" title="good luck to you all :)"><img src="http://eyelearn.org/ma/wp-content/uploads/2012/05/photo-03-thn.png" alt="MA 2012" title="" width="90" height="90" class="alignleft size-full wp-image-1690" /></a><a href="http://eyelearn.org/ma/wp-content/uploads/2012/05/photo-04.png" rel="lightbox[1649]" title="good luck to you all :)"><img src="http://eyelearn.org/ma/wp-content/uploads/2012/05/photo-04-thn.png" alt="MA 2012" title="" width="90" height="90" class="alignleft size-full wp-image-1690" /></a><a href="http://eyelearn.org/ma/wp-content/uploads/2012/05/photo-05.png" rel="lightbox[1649]" title="good luck to you all :)"><img src="http://eyelearn.org/ma/wp-content/uploads/2012/05/photo-05-thn.png" alt="MA 2012" title="" width="90" height="90" class="alignleft size-full wp-image-1690" /></a><a href="http://eyelearn.org/ma/wp-content/uploads/2012/05/photo-06.png" rel="lightbox[1649]" title="good luck to you all :)"><img src="http://eyelearn.org/ma/wp-content/uploads/2012/05/photo-06-thn.png" alt="MA 2012" title="" width="90" height="90" class="alignleft size-full wp-image-1690" /></a><a href="http://eyelearn.org/ma/wp-content/uploads/2012/05/photo-07.png" rel="lightbox[1649]" title="good luck to you all :)"><img src="http://eyelearn.org/ma/wp-content/uploads/2012/05/photo-07-thn.png" alt="MA 2012" title="" width="90" height="90" class="alignleft size-full wp-image-1690" /></a><a href="http://eyelearn.org/ma/wp-content/uploads/2012/05/photo-08.png" rel="lightbox[1649]" title="good luck to you all :)"><img src="http://eyelearn.org/ma/wp-content/uploads/2012/05/photo-08-thn.png" alt="MA 2012" title="" width="90" height="90" class="alignleft size-full wp-image-1690" /></a><a href="http://eyelearn.org/ma/wp-content/uploads/2012/05/photo-09.png" rel="lightbox[1649]" title="good luck to you all :)"><img src="http://eyelearn.org/ma/wp-content/uploads/2012/05/photo-09-thn.png" alt="MA 2012" title="" width="90" height="90" class="alignleft size-full wp-image-1690" /></a><a href="http://eyelearn.org/ma/wp-content/uploads/2012/05/photo-10.png" rel="lightbox[1649]" title="good luck to you all :)"><img src="http://eyelearn.org/ma/wp-content/uploads/2012/05/photo-10-thn.png" alt="MA 2012" title="" width="90" height="90" class="alignleft size-full wp-image-1690" /></a><a href="http://eyelearn.org/ma/wp-content/uploads/2012/05/photo-11.png" rel="lightbox[1649]" title="good luck to you all :)"><img src="http://eyelearn.org/ma/wp-content/uploads/2012/05/photo-11-thn.png" alt="MA 2012" title="" width="90" height="90" class="alignleft size-full wp-image-1690" /></a><a href="http://eyelearn.org/ma/wp-content/uploads/2012/05/photo-12.png" rel="lightbox[1649]" title="good luck to you all :)"><img src="http://eyelearn.org/ma/wp-content/uploads/2012/05/photo-12-thn.png" alt="MA 2012" title="" width="90" height="90" class="alignleft size-full wp-image-1690" /></a><a href="http://eyelearn.org/ma/wp-content/uploads/2012/05/photo-13.png" rel="lightbox[1649]" title="good luck to you all :)"><img src="http://eyelearn.org/ma/wp-content/uploads/2012/05/photo-13-thn.png" alt="MA 2012" title="" width="90" height="90" class="alignleft size-full wp-image-1690" /></a><a href="http://eyelearn.org/ma/wp-content/uploads/2012/05/photo-14.png" rel="lightbox[1649]" title="good luck to you all :)"><img src="http://eyelearn.org/ma/wp-content/uploads/2012/05/photo-14-thn.png" alt="MA 2012" title="" width="90" height="90" class="alignleft size-full wp-image-1690" /></a><a href="http://eyelearn.org/ma/wp-content/uploads/2012/05/photo-15.png" rel="lightbox[1649]" title="good luck to you all :)"><img src="http://eyelearn.org/ma/wp-content/uploads/2012/05/photo-15-thn.png" alt="MA 2012" title="" width="90" height="90" class="alignleft size-full wp-image-1690" /></a><a href="http://eyelearn.org/ma/wp-content/uploads/2012/05/photo-16.png" rel="lightbox[1649]" title="good luck to you all :)"><img src="http://eyelearn.org/ma/wp-content/uploads/2012/05/photo-16-thn.png" alt="MA 2012" title="" width="90" height="90" class="alignleft size-full wp-image-1690" /></a><a href="http://eyelearn.org/ma/wp-content/uploads/2012/05/photo-17.png" rel="lightbox[1649]" title="good luck to you all :)"><img src="http://eyelearn.org/ma/wp-content/uploads/2012/05/photo-17-thn.png" alt="MA 2012" title="" width="90" height="90" class="alignleft size-full wp-image-1690" /></a><a href="http://eyelearn.org/ma/wp-content/uploads/2012/05/photo-18.png" rel="lightbox[1649]" title="good luck to you all :)"><img src="http://eyelearn.org/ma/wp-content/uploads/2012/05/photo-18-thn.png" alt="MA 2012" title="" width="90" height="90" class="alignleft size-full wp-image-1690" /></a><a href="http://eyelearn.org/ma/wp-content/uploads/2012/05/photo-19.png" rel="lightbox[1649]" title="good luck to you all :)"><img src="http://eyelearn.org/ma/wp-content/uploads/2012/05/photo-19-thn.png" alt="MA 2012" title="" width="90" height="90" class="alignleft size-full wp-image-1690" /></a><a href="http://eyelearn.org/ma/wp-content/uploads/2012/05/photo-20.png" rel="lightbox[1649]" title="good luck to you all :)"><img src="http://eyelearn.org/ma/wp-content/uploads/2012/05/photo-20-thn.png" alt="MA 2012" title="" width="90" height="90" class="alignleft size-full wp-image-1690" /></a></div>
<br />
<p>These are the photos we took during our last session and some others from a few weeks back. As the camera did its rounds ~ the quality varies but I think these are nice anyway :) A little reminder of our time together ~ a glimpse back.</p>
<p>Hope you enjoyed our sessions as much as I did - and I am already looking froward to seeing your final masterpieces in autumn :) All the very best for your work on your thesis project!</p>
<h4>wishing you a creative & productive summer :)</h4>]]></content:encoded>
			<wfw:commentRss>http://eyelearn.org/ma/ma-course-notes/good-luck-to-you-all/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>multimedia</title>
		<link>http://eyelearn.org/ma/ma-course-notes/multimedia/</link>
		<comments>http://eyelearn.org/ma/ma-course-notes/multimedia/#comments</comments>
		<pubDate>Wed, 02 May 2012 08:30:15 +0000</pubDate>
		<dc:creator>prisca</dc:creator>
				<category><![CDATA[MA course notes]]></category>

		<guid isPermaLink="false">http://eyelearn.org/ma/?p=1613</guid>
		<description><![CDATA[image: Underwater Ink Photographs by Alberto Seveso Multimedia is a very wonderful addition to a lot of websites ~ if implemented in a considered manner. Let's have a brief look at some good examples and a few basic guidelines. &#8595; download slides as PDF featured sites eagleclean.co.uk randomdance.org thisispopa.com antidenim.no designmadeingermany.de talk video on ted.com [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://eyelearn.org/ma/wp-content/uploads/2012/04/multimedia.png" alt="Underwater Ink Photographs by Alberto Seveso" title="Underwater Ink Photographs by Alberto Seveso" width="400" height="179" class="alignnone size-full wp-image-1623" />
<em>image: Underwater Ink Photographs by <a href="http://burdu976.com/">Alberto Seveso</a></em></p>

<p>Multimedia is a very wonderful addition to a lot of websites ~ if implemented in a considered manner. Let's have a brief look at some good examples and a few basic guidelines.</p>
<span id="more-1613"></span>
<script async class="speakerdeck-embed" data-id="4fa025ab111c07001f01c3cb" data-ratio="1.7777777777777777" src="//speakerdeck.com/assets/embed.js"></script>
<a href="http://eyelearn.org/slides/multimedia%2Bnotes.pdf">&#8595; download slides as PDF</a>
<h3>featured sites</h3>
<ul>
	<li><a href="http://www.eagleclean.co.uk/index.html">eagleclean.co.uk</a></li>
	<li><a href="http://www.randomdance.org/">randomdance.org</a></li>
	<li><a href="http://thisispopa.com/">thisispopa.com</a></li>
	<li><a href="http://www.antidenim.no/">antidenim.no</a></li>
	<li><a href="http://designmadeingermany.de/magazine/5/">designmadeingermany.de</a></li>
	<li><a href="http://www.ted.com/talks/lang/en/ken_robinson_says_schools_kill_creativity.html">talk video on ted.com</a> (Ken Robinson)</li>
	<li><a href="http://www.vam.ac.uk/channel/people/film/five_truths_artaud/">film on V&A - vam.ac.uk</a></li>
	<li><a href="http://animatable.com/demos/madmanimation/">animatable.com</a></li>
	<li><a href="http://cognition.happycog.com/article/rut-roh-im-in-a-design-rut">cognition.happycog.com</a></li>
</ul>



<h3>useful links & reading</h3>
<ul>
	<li><a href="http://onehundredfortywords.com/html5-resources-for-the-learning-community/">HTML5 Resources for the Learning Community</a></li>
<li><a href="http://creativeproject.wordpress.com/2010/10/29/12-brilliant-html5-video-players/">12 Brilliant HTML5 Video Players</a></li>
	<li><a href="http://tv.adobe.com/watch/adc-presents/videoandhtml5part1understandinghtml5/">Video and HTML5 - Part 1: Understanding HTML5</a></li>
<li><a href="http://unstoppablerobotninja.com/entry/fluid-images/">Fluid images</a>, Ethan MArcotte</li>
	<li><a href="http://www.alistapart.com/articles/responsive-web-design/">Responsive Web Design</a>, the famous article by Ethan Marcotte</li>
	<li><a href="http://adaptive-images.com">Adaptive Images</a></li>
	<li><a href="http://html5media.info">HTML5 video</a></li>

</ul>

<h3>technical references</h3>
<ul>
	<li><a href="http://www.w3.org/TR/WCAG20/">Web Content Accessibility Guidelines (WCAG) 2.0</a></li>
	<li><a href="http://www.bbc.co.uk/guidelines/futuremedia/accessibility/multimedia.shtml">Multimedia Accessibility Standards</a><br />guidelines: BBC </li>
	<li><a href="http://webstandards.govt.nz/guides/technical/time-based-media-under-wcag-2/">Time-Based Media Under WCAG 2.0</a><br /> guidelines: New Zealand Government</li>
	<li><a href="http://wiki.creativecommons.org/UsingMarkup">licensing developments [CC REL]</a>, creative commons</li>
	<li><a href="http://html5doctor.com/the-video-element ">the video element</a>, HTML5 doctor</li>

</ul>]]></content:encoded>
			<wfw:commentRss>http://eyelearn.org/ma/ma-course-notes/multimedia/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>branding</title>
		<link>http://eyelearn.org/ma/ma-course-notes/branding/</link>
		<comments>http://eyelearn.org/ma/ma-course-notes/branding/#comments</comments>
		<pubDate>Wed, 25 Apr 2012 08:34:10 +0000</pubDate>
		<dc:creator>prisca</dc:creator>
				<category><![CDATA[MA course notes]]></category>

		<guid isPermaLink="false">http://eyelearn.org/ma/?p=1568</guid>
		<description><![CDATA[image: metal couture by Manuel Albarran With your thesis project taking shape - it's time to talk about the role of design in successful branding. Lets take a look at some successful brands so you can make your project shine :) &#8595; download slides as PDF guidelines: brand / style I &#9829; NY [PDF] NHS [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://eyelearn.org/ma/wp-content/uploads/2012/04/brand.png" alt="" title="brand" width="400" height="194" class="alignnone size-full wp-image-1588" />
<em>image: metal couture by <a href="http://www.manuelalbarran.com/">Manuel Albarran</a></em></p>
<p>With your thesis project taking shape - it's time to talk about the role of design in successful branding. Lets take a look at some successful brands so you can make your project shine :)</p>
<span id="more-1568"></span>
<script async class="speakerdeck-embed" data-id="4f95be6f024df6001f0252a0" data-ratio="1.6" src="//speakerdeck.com/assets/embed.js"></script>
<a href="http://eyelearn.org/slides/branding+notes.pdf">&#8595; download slides as PDF</a>

<h3>guidelines: brand / style</h3>
<ul>
	<li><a href="http://underconsideration.com/brandnew/archives/brand_guidelines_tpa_nov_2008.pdf">I &#9829; NY</a> [PDF]</li>
	<li><a href="http://www.nhsidentity.nhs.uk/">NHS brand guidelines</a></li>
	<li><a href="http://www.bbc.co.uk/gel">BBC: Global Experience Language</a></li>
	<li><a href="http://paulrobertlloyd.com/about/styleguide/">Styleguide</a>, Paul Robert Lloyd</li>
	<li><a href="http://styletil.es/">Style Tiles</a></li>
</ul>

<h3>useful links &amp; reading</h3>
<ul>
	<li><a href="http://www.ogilvy.com/">Ogilvy &amp; Mather</a></li>
	<li><a href="http://www.underconsideration.com/brandnew/about-brand-new.php">Brand New</a><br />
part of  <a href="http://www.underconsideration.com">UnderConsideration</a></li>
	<li><a href="http://www.brandchannel.com/">brand channel</a><br />brandchannel.com</li>
	<li><a href="http://identityworks.com/tools/index.htm">Common Identity Tools</a><br />identityworks.com</li>
	<li><a href="http://saatchidesign.wordpress.com/2009/09/25/20-top-tips-for-designing-effective-brand-guidelines/">20 top tips for designing effective brand guidelines</a><br />Saatchi & Saatchi</li>
	<li><a href="http://justcreative.com/2010/04/06/branding-identity-logo-design-explained/">Branding, Identity & Logo Design Explained</a><br />Just Creative</li>
	<li><a href="http://24ways.org/2011/front-end-style-guides">Front-end Style Guides</a><br />
Anna Debenham on 24ways.org</li>
</ul>

<h3>Old Spice - viral video</h3>
<p><em>This is a personal favourite of mine - had to include it here as an example of an effective viral campaign.</em></p>
<iframe width="400" height="233" src="http://www.youtube.com/embed/owGykVbfgUE?rel=0" frameborder="0" allowfullscreen></iframe>
<p><a href="http://www.oldspice.com/videos/">&#10147; Old Spice ~ videos</a></p>]]></content:encoded>
			<wfw:commentRss>http://eyelearn.org/ma/ma-course-notes/branding/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>ready for take-off?</title>
		<link>http://eyelearn.org/ma/course-notes/ready-for-take-off/</link>
		<comments>http://eyelearn.org/ma/course-notes/ready-for-take-off/#comments</comments>
		<pubDate>Tue, 24 Apr 2012 08:30:16 +0000</pubDate>
		<dc:creator>prisca</dc:creator>
				<category><![CDATA[course notes]]></category>

		<guid isPermaLink="false">http://eyelearn.org/ma/?p=1572</guid>
		<description><![CDATA[image: "Dancer versus Train" &#169; valeriesphotography.com Very curious to see your portfolio sites :-) I hope you had a productive break and that you managed to get close to completing your portfolio site. Today is all about recaps, troubleshooting and feedback :) a few more useful links Portfolio Tips for Design Students, Saatchi &#038; Saatchi [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://eyelearn.org/ma/wp-content/uploads/2012/04/take-off.png" alt="" title="take-off" width="400" height="214" class="alignnone size-full wp-image-1591" />
<em>image: "Dancer versus Train" &#169; <a href="http://www.valeriesphotography.com/">valeriesphotography.com</a></em></p>
<p>Very curious to see your portfolio sites :-)<br />
I hope you had a productive break and that you managed to get close to completing your portfolio site. Today is all about recaps, troubleshooting and feedback :)</p>
<span id="more-1572"></span>
<h3>a few more useful links</h3>
<ul>
	<li><a href="http://saatchidesign.wordpress.com/2010/09/08/portfolio-tips-for-design-students/">Portfolio Tips for Design Students</a>, Saatchi & Saatchi</li>
	<li><a href="http://www.webresourcesdepot.com/10-creative-communities-to-show-off-your-designart-talent/">10 Creative Communities To Show-Off Your Design/Art Talent</a></li>
	<li><a href="http://www.smashingbuzz.com/2010/07/how-to-sell-your-design-effectively-to-the-client/">How to Sell your Design Effectively to the Client</a></li>
	<li><a href="http://www.fuelyourcreativity.com/how-to-protect-your-creative-work-online/">How To Protect Your Creative Work Online</a></li>
	<li><a href="http://creativecommons.org/">creative commons</a></li>

</ul>
<strong id="separator">❧</strong>
<h3><em>final deadline reminder:</em> <br />
project ④ + all final file submissions <br />
<em>next week: <strong>1/5/2012</strong></em></h3>]]></content:encoded>
			<wfw:commentRss>http://eyelearn.org/ma/course-notes/ready-for-take-off/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Hillman Curtis</title>
		<link>http://eyelearn.org/ma/design-blog/hillman-curtis/</link>
		<comments>http://eyelearn.org/ma/design-blog/hillman-curtis/#comments</comments>
		<pubDate>Fri, 20 Apr 2012 19:48:54 +0000</pubDate>
		<dc:creator>prisca</dc:creator>
				<category><![CDATA[Design Blog]]></category>
		<category><![CDATA[inspiration]]></category>

		<guid isPermaLink="false">http://eyelearn.org/ma/?p=1556</guid>
		<description><![CDATA[MTIV: Process, Inspiration and Practice for the New Media Designer hillmancurtis.com A few days ago the truly inspirational creative Hillman Curtis passed away. A very sad day. I don&#8217;t remember how I came across Hillman Curtis but his work blew me away. And while I was still learning and trying to figure out which way [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://eyelearn.org/ma/wp-content/uploads/2012/04/hillman_curtis.jpg" alt="" title="hillman_curtis" width="500" height="500" class="alignnone size-full wp-image-1557" /><br />
MTIV: Process, Inspiration and Practice for the New Media Designer<br />
<a href="http://hillmancurtis.com/">hillmancurtis.com</a><br />
<span id="more-1556"></span><br />
A few days ago the truly inspirational creative Hillman Curtis passed away. A very sad day.<br />
I don&#8217;t remember how I came across Hillman Curtis but his work blew me away. And while I was still learning and trying to figure out which way to go, how to move forward in the digital creative area &#8211; there was <em>Making the invisible visible</em>. I don&#8217;t think it was me who found this book, it was this book which found me. It really resonated with me, inspiring, insightful and full of direction. I can only recommend it highly.</p>
<p>There will be a lot of grief shared online over his loss &#8211; here are some I came across already which are simply wonderful:</p>
<ul>
<li><a href="http://www.joshuadavis.com/2012/04/visual-voice-nokiarga-filmed-by-hillman-curtis/">Hillman Curtis</a>, Joshua Davis</li>
<li><a href="http://blog.brendandawes.com/the-generous-man-remembering-hillman-curtis">The Generous Man – Remembering Hillman Curtis</a>, Brendan Dawes</li>
<li><a href="http://danielmall.com/articles/hillman-curtis/">Hillman Curtis</a>, Dan Mall</li>
<li><a href="http://www.netmagazine.com/interviews/rip-hillman-curtis">RIP Hillman Curtis</a>, .net magazine</li>
</ul>
<h3>HILLMAN</h3>
<p><iframe src="http://player.vimeo.com/video/38130536?title=0&amp;byline=0&amp;portrait=0&amp;color=ff9933" width="400" height="225" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></p>
]]></content:encoded>
			<wfw:commentRss>http://eyelearn.org/ma/design-blog/hillman-curtis/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Frank Chimero: The Shape of Design</title>
		<link>http://eyelearn.org/ma/design-blog/frank-chimero-the-shape-of-design/</link>
		<comments>http://eyelearn.org/ma/design-blog/frank-chimero-the-shape-of-design/#comments</comments>
		<pubDate>Tue, 03 Apr 2012 17:17:47 +0000</pubDate>
		<dc:creator>prisca</dc:creator>
				<category><![CDATA[Design Blog]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[portfolio]]></category>

		<guid isPermaLink="false">http://eyelearn.org/ma/?p=1550</guid>
		<description><![CDATA[Seems like the time&#8217;s come ~ @frankchimero&#8217;s book is finally here ;) Having heard Frank speak at the #naconf in January &#8211; I can only tell you that I found him to be one of the most inspiring people. I am sure that this book will not only be a brilliant read but also a [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://eyelearn.org/ma/wp-content/uploads/2012/04/shape-of-design-book.png" alt="" title="shape-of-design-book" width="400" height="206" class="alignnone size-full wp-image-1551" /><br />
Seems like the time&#8217;s come ~ @frankchimero&#8217;s book is finally here ;) Having <a href="http://graphiceyedea.co.uk/11/new-adventures-in-web-design-2/">heard Frank speak</a> at the <a href="http://2012.newadventuresconf.com/speakers">#naconf</a> in January &#8211; I can only tell you that I found him to be one of the most inspiring people. I am sure that this book will not only be a brilliant read but also a wonderful insight into design.</p>
<p>Head over to <a href="http://shop.frankchimero.com/">Frank Chimero&#8217;s Shop</a> and grab a copy ~ it will be worth it :)</p>
]]></content:encoded>
			<wfw:commentRss>http://eyelearn.org/ma/design-blog/frank-chimero-the-shape-of-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>crit: &#8220;delight&#8221;</title>
		<link>http://eyelearn.org/ma/ma-course-notes/crit-delight/</link>
		<comments>http://eyelearn.org/ma/ma-course-notes/crit-delight/#comments</comments>
		<pubDate>Wed, 28 Mar 2012 08:30:39 +0000</pubDate>
		<dc:creator>prisca</dc:creator>
				<category><![CDATA[MA course notes]]></category>
		<category><![CDATA[design]]></category>

		<guid isPermaLink="false">http://eyelearn.org/ma/?p=1527</guid>
		<description><![CDATA[image credit: bottleopener by Michael Antrobus Really looking forward to seeing your designs :) As we don't have our usual session today - I've collected few bits together for you to have a look at when you have time. Enjoy :) useful reading The Art of the Design Critique How To Respond Effectively To Design [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://eyelearn.org/ma/wp-content/uploads/2012/03/bottleopener.jpg" alt="" title="bottleopener by Michael Antrobus" width="400" height="159" class="alignnone size-full wp-image-1528" />
<em>image credit: bottleopener by <a href="http://www.michaelantrobus.com/">Michael Antrobus</a></em></p>
<p>Really looking forward to seeing your designs :)<br />
As we don't have our usual session today - I've collected few bits together for you to have a look at when you have time. Enjoy :)</p>
<span id="more-1527"></span>
<h3>useful reading</h3>
<ul>
	<li><a href="http://thinkvitamin.com/design/the-art-of-the-design-critique/">The Art of the Design Critique</a></li>
	<li><a href="http://www.smashingmagazine.com/2009/10/01/how-to-respond-effectively-to-design-criticism/">How To Respond Effectively To Design Criticism</a></li>
	<li><a href="http://www.instantshift.com/2010/11/03/how-to-effectively-handle-web-design-criticism/">How to Effectively Handle Web Design Criticism</a></li>
</ul>

<h3>Notes from the edge<br /> by Simon Collison</h3>
<script src="http://speakerdeck.com/embed/4ecbc82f7190a0004d00022c.js"></script>

<h3>Where good ideas come from<br /> by Steven Johnson</h3>
<iframe width="400" height="233" src="http://www.youtube.com/embed/NugRZGDbPFU?rel=0" frameborder="0" allowfullscreen></iframe>]]></content:encoded>
			<wfw:commentRss>http://eyelearn.org/ma/ma-course-notes/crit-delight/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>designer portfolio</title>
		<link>http://eyelearn.org/ma/course-notes/designer-portfolio/</link>
		<comments>http://eyelearn.org/ma/course-notes/designer-portfolio/#comments</comments>
		<pubDate>Tue, 27 Mar 2012 08:30:56 +0000</pubDate>
		<dc:creator>prisca</dc:creator>
				<category><![CDATA[course notes]]></category>
		<category><![CDATA[design]]></category>

		<guid isPermaLink="false">http://eyelearn.org/ma/?p=1512</guid>
		<description><![CDATA[credit: &#169; DePatie-Freleng Enterprises Almost there ~ really looking forward to seeing the ideas and plans for your portfolio sites :) It will be quite a challenge to design your own site, it's always hard to design for yourself. Make sure to keep an eye on your time, plan your design carefully and the stick [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://eyelearn.org/ma/wp-content/uploads/2012/03/pink-panther.gif" alt="pink panther by DePatie-Freleng Enterprises" title="pink panther" width="500" height="277" class="alignnone size-full wp-image-1513" />
<em>credit: &#169; <a href="http://dfe.goldenagecartoons.com/">DePatie-Freleng Enterprises</a></em></p>
<p>Almost there ~ really looking forward to seeing the ideas and plans for your portfolio sites :)<br />
It will be quite a challenge to design your own site, it's always hard to design for yourself. Make sure to keep an eye on your time, plan your design carefully and the stick to it. You will feel tempted to change elements or tweak too much, don't let this distract you. Stick to your plan otherwise you'll be moving around in circles.</p>
<span id="more-1512"></span>
<p>Today is our last session before the 3 week break - let's make the most of it and work on your portfolios. Below are a few more links to inspire you ~ and do use the comments below if you have any further questions :)</p>
<h3>portfolio sites - links for inspiration</h3>
<ul>
	<li><a href="http://dustinwilson.com/portfolio/">Dustin Wilson</a></li>
	<li><a href="http://eyejack.co.uk/">eyejack</a></li>
	<li><a href="http://www.oliverjeffers.com/about.aspx">Oliver Jeffers</a></li>
	<li><a href="http://work.jesperbentzen.com/">Jesper Bentzen</a></li>
	<li><a href="http://cradleofthemind.com/">Cradle of the mind, A.Dee</a></li>
	<li><a href="http://www.matthewkolakowski.co.uk/">Matthew Kolakowski</a></li>
</ul>

<strong id="separator">❧</strong>

<h4><strong>✔</strong> <em> final task</em></h4>
<p>You now have 3 weeks to get your portfolio website completed ~ happy designing ;)</p>
<p>And remember that if you do want to resubmit your previous projects - the same deadline will apply. Feel free to do tweaks and edits to your work but make sure to submit by the deadline, otherwise I will need to assess the work you have already submitted.<br />
<em>Our final session (24/4/2012) will be a practical workshop - giving us time to look at your portfolio site and fix a few final problems.</em></p>

<h3><em>reminder:</em> <br />
project ④ deadline !! 1/5/2012</h3>]]></content:encoded>
			<wfw:commentRss>http://eyelearn.org/ma/course-notes/designer-portfolio/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>information design</title>
		<link>http://eyelearn.org/ma/ma-course-notes/information-design/</link>
		<comments>http://eyelearn.org/ma/ma-course-notes/information-design/#comments</comments>
		<pubDate>Wed, 21 Mar 2012 09:30:20 +0000</pubDate>
		<dc:creator>prisca</dc:creator>
				<category><![CDATA[MA course notes]]></category>
		<category><![CDATA[design]]></category>

		<guid isPermaLink="false">http://eyelearn.org/ma/?p=1483</guid>
		<description><![CDATA[↓ download slides as PDF useful reading &#038; links: articles on information architecture on A List Apart Experience design and information architecture resources, Jesse James Garrett InfoGraphic Designs: Overview, Examples and Best Practices on instantshift.com Information Design Watch on dynamic diagrams tacticaltech.org visual.ly information visualisations image &#169; Eric Fischer &#8594; World travel and communications recorded [...]]]></description>
			<content:encoded><![CDATA[<script src="http://speakerdeck.com/embed/4f6906e86808e8001f026863.js"></script>
<p><a href="http://eyelearn.org/slides/information-design%2Bnotes.pdf">↓ download slides as PDF</a></p>
<span id="more-1483"></span>
<h3>useful reading & links:</h3>
<ul>
	<li><a href="http://www.alistapart.com/topics/userscience/informationarchitecture/">articles on information architecture</a> on <a href="http://www.alistapart.com">A List Apart</a></li>

	<li><a href="http://www.jjg.net/ia/">Experience design and information architecture resources</a>, Jesse James Garrett</li>
	<li> <a href="http://www.instantshift.com/2009/06/07/infographic-designs-overview-examples-and-best-practices/">InfoGraphic Designs: Overview, Examples and Best Practices</a> on <a href="http://instantshift.com">instantshift.com</a></li>

	<li><a href="http://dd.dynamicdiagrams.com/">Information Design Watch</a> on <a href="http://www.dynamicdiagrams.com/">dynamic diagrams</a></li>
	<li><a href="http://tacticaltech.org/">tacticaltech.org</a></li>
<li><a href="http://visual.ly/">visual.ly</a></li>
</ul>

<iframe width="400" height="233" src="http://www.youtube.com/embed/Uk8x3V-sUgU?rel=0" frameborder="0" allowfullscreen></iframe>
<h3>information visualisations</h3>
<p><img src="http://eyelearn.org/ma/wp-content/uploads/2012/03/info-design-1.jpg" alt="" title="info-design-1" width="400" height="160" class="alignnone size-full wp-image-1490" />
<em>image &#169; <a href="http://www.flickr.com/people/walkingsf/">Eric Fischer</a></em><br />
&#8594; <a href="http://www.flickr.com/photos/walkingsf/6635655755/"> World travel and communications recorded on Twitter</a><br />
&#8594; <a href="http://www.flickr.com/photos/walkingsf/sets/72157624209158632/"> Locals and Tourists</a></p>
<br />
<p><img src="http://eyelearn.org/ma/wp-content/uploads/2012/03/info-design-2.jpg" alt="" title="info-design-2" width="400" height="160" class="alignnone size-full wp-image-1494" />
<em>Riot rumours: how misinformation spread on Twitter during a time of crisis &#169;  <a href="http://www.guardian.co.uk">the guardian</a></em><br />
&#8594; <a href="http://www.guardian.co.uk/uk/interactive/2011/dec/07/london-riots-twitter">view visualisation</a><br />
&#8594; <a href="Behind the rumours: how we built our Twitter riots interactive">read about its information design process</a></p>
<br />
<p><img src="http://eyelearn.org/ma/wp-content/uploads/2012/03/info-design-3.jpg" alt="" title="info-design-3" width="400" height="160" class="alignnone size-full wp-image-1498" />
<em>CNN #COP17 ecosphere project &#169; <a href="http://cnnpressroom.blogs.cnn.com/2011/11/23/press-release-ahead-of-17th-un-world-climate-summit-2011-cnn-international-launches-ecosphere-project/?iref=allsearch">CNN</a></em><br />
&#8594; <a href="http://cnn-ecosphere.com/">view visualisation project</a>
</p>
<br />
<h3>Deluge by <em style="display: inline;" ><a href="http://vis.bengler.no/">Even Westvang</a></em></h3>
<blockquote><p>300.000 Norwegians move house every year. If the pattern made by their journeys could be compressed into one short animation, what would it look like? What would someone seeing it be able to learn, if anything?</p>
<p>Deluge is a C++ application designed to answer these questions. The underlying data was generated by cross referencing 8 million tax records from 2006 and 2007 to track changes in postal codes.</p>
</blockquote>
<iframe src="http://player.vimeo.com/video/36154005" width="400" height="300" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
<p>more on this project on <a href="http://vis.bengler.no/deluge">vis.bengler.no/deluge</a></p>
<br />
<h3>Out of the box by <em style="display: inline;" ><a href="http://vitaminsdesign.com/">Vitamins Design</a></em></h3>
<blockquote><p>Most phones come with flimsy manuals with complicated language and jargon. These books, which can live on a bookshelf actually contain the phone.</p>
<p>Each page reveals the elements of the phone in the right order, helping the user to set up the sim card, the battery and even slide the case onto the phone.<br />
The second book is the main manual – the phone actually slots into this and becomes the center of attention.<br />
Arrows point to the exact locations the user should press, avoiding confusion and eliminating the feeling of being lost in a menu.</p>
</blockquote>


<iframe src="http://player.vimeo.com/video/26489936" width="400" height="225" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>]]></content:encoded>
			<wfw:commentRss>http://eyelearn.org/ma/ma-course-notes/information-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

