<?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></title>
	<atom:link href="http://www.whiteinkblog.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.whiteinkblog.com</link>
	<description></description>
	<lastBuildDate>Wed, 02 Dec 2009 19:03:58 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>IrishDesignDatabase.com &#8211; Ireland&#8217;s First and only Design Database</title>
		<link>http://www.whiteinkblog.com/2009/11/06/irishdesigndatabase-com-sign-up/</link>
		<comments>http://www.whiteinkblog.com/2009/11/06/irishdesigndatabase-com-sign-up/#comments</comments>
		<pubDate>Fri, 06 Nov 2009 04:48:36 +0000</pubDate>
		<dc:creator>Youssef Sarhan</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Illustration]]></category>
		<category><![CDATA[Logo]]></category>
		<category><![CDATA[Motion Graphics]]></category>
		<category><![CDATA[Photography]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[Visual FX]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Database]]></category>
		<category><![CDATA[Ireland]]></category>
		<category><![CDATA[Irish]]></category>
		<category><![CDATA[Website Design]]></category>
		<category><![CDATA[Youssef Sarhan]]></category>

		<guid isPermaLink="false">http://www.whiteinkblog.com/?p=1032</guid>
		<description><![CDATA[As it currently stands, Irish Design has no form of unified representation. Irish Design practice is growing at an expeditious rate and with this we should take every measure to establish ourselves as major contributors to the international scene. I am a final year Visual Communications student at The National College of Art &#038; Design. [...]]]></description>
			<content:encoded><![CDATA[<p>As it currently stands, Irish Design has no form of unified representation. Irish Design practice is growing at an expeditious rate and with this we should take every measure to establish ourselves as major contributors to the international scene. I am a final year Visual Communications student at The National College of Art &#038; Design. As part of my degree show I am planning to gather and develop an <a href="http://www.irishdesigndatabase.com">Irish Design Database</a>. I hope that with the cooperation of Ireland’s design community together we can make this vision a reality. The database will include images of submitted work as well as related information involved in the creation of said piece. This is not a portfolio site but rather an online annual of top quality Irish Design work.</p>
<p>Link: <a href="http://www.irishdesigndatabase.com">http://www.irishdesigndatabase.com</a></p>
<p><a href="http://www.whiteinkblog.com/wp-content/uploads/2009/11/Picture-14.png"><img src="http://www.whiteinkblog.com/wp-content/uploads/2009/11/Picture-14-290x300.png" alt="Picture 14" title="Picture 14" width="290" height="300" class="aligncenter size-medium wp-image-1033" /></a></p>
<p><span id="more-1032"></span><a href="http://www.whiteinkblog.com/wp-content/uploads/2009/11/Picture-13.png"><img src="http://www.whiteinkblog.com/wp-content/uploads/2009/11/Picture-13-1024x769.png" alt="Picture 13" title="Picture 13" width="1024" height="769" class="aligncenter size-large wp-image-1034" /></a></p>
<p>Some cards I&#8217;d like to spread around.</p>
<p><a href="http://www.whiteinkblog.com/wp-content/uploads/2009/11/idd1.jpg"><img src="http://www.whiteinkblog.com/wp-content/uploads/2009/11/idd1.jpg" alt="idd1" title="idd1" width="640" height="480" class="aligncenter size-full wp-image-1041" /></a></p>
<p><a href="http://www.whiteinkblog.com/wp-content/uploads/2009/11/idd2.jpg"><img src="http://www.whiteinkblog.com/wp-content/uploads/2009/11/idd2.jpg" alt="idd2" title="idd2" width="640" height="480" class="aligncenter size-full wp-image-1042" /></a></p>
<p>If you&#8217;re based in Ireland and you work in the creative industry by sure to register your interest so that you are notified once the database is open to submissions. Please note that there is no cost or fee for this service. It is a non-profit/non-commercial project.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.whiteinkblog.com/2009/11/06/irishdesigndatabase-com-sign-up/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Vodafone Door ad gets knocked</title>
		<link>http://www.whiteinkblog.com/2009/10/16/vodafone-door-ad-gets-knocked/</link>
		<comments>http://www.whiteinkblog.com/2009/10/16/vodafone-door-ad-gets-knocked/#comments</comments>
		<pubDate>Fri, 16 Oct 2009 00:28:39 +0000</pubDate>
		<dc:creator>Tim Phelan</dc:creator>
				<category><![CDATA[Advertising]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.whiteinkblog.com/?p=1000</guid>
		<description><![CDATA[I was left laughing a few hours ago by an even cheaper ad and web campaign from Eircom to undermine the &#8216;Red Door&#8217; advert for fixed broadband and landline&#8217;s by Vodafone. Debating the back lash from Eircom, it seems to raise more issues concerning national consumerism and ultimately the protection of the Irish markets rather [...]]]></description>
			<content:encoded><![CDATA[<p>I was left laughing a few hours ago by an even cheaper ad and web campaign from <a href="http://www.eircom.ie/cgi-bin/bvsm/bveircom/bladerunner/showContent.jsp?BV_SessionID=@@@@1065547515.1255652590@@@@&#038;BV_EngineID=cccdadeiiffkdmhcefeceiedfgodfik.0&#038;cid=BBWhy&#038;site=Res&#038;chanId=-536889573">Eircom</a> to undermine the &#8216;Red Door&#8217; advert for fixed broadband and landline&#8217;s by <a href="https://www.vodafone.ie/df/homebroadband/?gap=pers-home&#038;gag=row3&#038;gac=VAH_06082009">Vodafone</a>. Debating the back lash from Eircom, it seems to raise more issues concerning national consumerism and ultimately the protection of the Irish markets rather then a cheap stab at Vodafone.</p>
<p><object width="560" height="340"><param name="movie" value="http://www.youtube.com/v/4lI4cSt6h-I&#038;hl=en&#038;fs=1&#038;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/4lI4cSt6h-I&#038;hl=en&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="340"></embed></object></p>
<p><span id="more-1000"></span>Vodafone &#8217;s advertisement campaign was launched a few weeks ago and depicts a rather beautified dublin, isolating their key audiences in a number of fast shots and catching glimpses of various occupations going about their all too happy lives, all the while the doors of Ireland are changing red and we are to be branded a big fat Vodafone customer. Quite a harmless ad, sort of eye catching but trailing into the midsts of being vaguely interesting while hitting the realms of a pride evoking Ballygowan spot or something. Untimely cheesy, probably the result of a lunch meeting where the only issue is a visual metaphor thats easy to mock up with minimal costs. It definitely shows, the only reason it&#8217;s memorable for me is due to a lazy glitch at the start where the invading red paint fails to render completely around the number twenty (0.12). At the end, the punch line hits with &#8216;&#8230;and show Eircom the door&#8217;.</p>
<p><img src="http://www.whiteinkblog.com/wp-content/uploads/2009/10/Picture-1.png" alt="Picture-1" title="Picture-1" width="572" height="265" class="aligncenter size-full wp-image-1006" /></p>
<p>The shaking hands of Eircom can be felt clutching at its national wallet under the unforgiving threat of a recessionary apocalypse. It seems that desperate times cause for desperate measures as Eircom rips off and completely slanders their ad campaign with unforgiving brutality. The &#8216;citizents of Ireland&#8217; can been seen peeling off the red paint to reveal their orange Eircom georgian door, almost as if the uninvited biblical plague that terrorised our lands had left and we now have to remove the blood from our doors. Even the same streets and locations are shown in order strengthen the message. The caption reading, &#8220;Over 55,000 people have already switched back&#8221;. </p>
<p>Irish enterprises are finally starting to get their hands dirty over UK companies invading their markets. A similar tone to the <a href="http://tinyurl.com/yknrnaw">McVities vrs  Jacobs</a> copycat malice that resulted in legal proceedings.</p>
<p>No more Mr nice guy.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.whiteinkblog.com/2009/10/16/vodafone-door-ad-gets-knocked/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>This is not design inspiration</title>
		<link>http://www.whiteinkblog.com/2009/09/18/this-is-not-design-inspiration/</link>
		<comments>http://www.whiteinkblog.com/2009/09/18/this-is-not-design-inspiration/#comments</comments>
		<pubDate>Fri, 18 Sep 2009 02:19:42 +0000</pubDate>
		<dc:creator>Youssef Sarhan</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[answers]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[inspiration]]></category>
		<category><![CDATA[mozilla]]></category>
		<category><![CDATA[questions]]></category>
		<category><![CDATA[safari]]></category>
		<category><![CDATA[trend]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://www.whiteinkblog.com/?p=845</guid>
		<description><![CDATA[For the most part, as graphic designers we spend our working lives satisfying the fine relationships and implications between typography, image, colour and layout; at the very least it can be an arduous task. Yet occasional something special happens at a time when we least expect it and the problem is  instantly solved. This [...]]]></description>
			<content:encoded><![CDATA[<p>For the most part, as graphic designers we spend our working lives satisfying the fine relationships and implications between typography, image, colour and layout; at the very least it can be an arduous task. Yet occasional something special happens at a time when we least expect it and the problem is  instantly solved. This is a true moment of inspiration, everything becomes clear and you understand. This degree of inspiration is not conjured up by design inspiration blogs cataloging lists upon lists of the &#8216;Top 47 Vaguely Design Related Internet Trend&#8217;; but rather usually found in the most unlikely of places, by chance or after extensive exploration of ideas. Sometimes accidents result in answers, exactly the answers you are looking for.</p>
<p>A few months back I was trying to decide what Internet browser I should use. Both Safari and Mozilla Firefox were acting strange and crashed, I am not exactly sure what the problem was but during one their spats they created a fantastic image on my screen that described the moment perfectly. For whatever reason the two toolbars overlapped resulting in neither of them serving their original function but in the process they created something perfect. The only word left untouched was <em>Help</em>, it was perfect and this inspires me.</p>
<p><a href="http://www.whiteinkblog.com/wp-content/uploads/2009/07/firefoxsafarihelp.png"><img src="http://www.whiteinkblog.com/wp-content/uploads/2009/07/firefoxsafarihelp.png" alt="firefoxsafarihelp" title="firefoxsafarihelp"  class="alignnone size-full wp-image-847" /></a></p>
<p><span id="more-845"></span>Sometime later I was taking a train from Amsterdam to Rotterdam, it was going to take about an hour so I took out my laptop and resumed work on a website I was developing. I was exhausted and kept falling in and out of sleep, I gave in to my heavy eyes and nodded of; unknown to me my finger had pushed down on the <em>z</em> key as I sleeping. This could not have been more appropriate and this inspires me.</p>
<p><a href="http://www.whiteinkblog.com/wp-content/uploads/2009/08/zzzz.jpg"><img src="http://www.whiteinkblog.com/wp-content/uploads/2009/08/zzzz.jpg" alt="zzzz" title="zzzz" width="1024" height="609" class="alignnone size-full wp-image-876" /></a></p>
<p>As we are continually flooded with carefully photographed portfolios showcased on picture blogs, it is increasingly important that as designers we realise the relevance of seeking inspiration outside of the design world. <em>Inspiration Blogs</em> provide many a pretty picture but very little knowledge of the process, thoughts, opinions or ideals of such work. It is easy to loose sight of the process and effort of the designer, the concept can easily be lost or forgotten along the way. A showcase of featured portfolios is a great resource, but <em>it is important to know and ask why these designs exist.</em></p>
<p>It is important to be curious and to always question the answers; next time you are in need of inspiration, turn of the computer and do something new or wholly unrelated to design. Make it your mission to stay away from inspiration blogs and try something different, investigate something you know absolutely nothing about. The beauty of not knowing is the the potential to learn. </p>
]]></content:encoded>
			<wfw:commentRss>http://www.whiteinkblog.com/2009/09/18/this-is-not-design-inspiration/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Why not set up?</title>
		<link>http://www.whiteinkblog.com/2009/08/11/why-bother-why-not/</link>
		<comments>http://www.whiteinkblog.com/2009/08/11/why-bother-why-not/#comments</comments>
		<pubDate>Tue, 11 Aug 2009 15:55:39 +0000</pubDate>
		<dc:creator>Tim Phelan</dc:creator>
				<category><![CDATA[Advertising]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[why not associates]]></category>

		<guid isPermaLink="false">http://www.whiteinkblog.com/?p=902</guid>
		<description><![CDATA[
On the 22nd of June my very welcoming internship in why not associates began. So far I&#8217;ve been here about 2 months and its always difficult to properly assess just how much I&#8217;ve learnt. When you think about how fast you assimilate into a working environment, the underlying learning amounts to infinity. Even while working [...]]]></description>
			<content:encoded><![CDATA[<p><img alt="" src="http://farm3.static.flickr.com/2313/3811171609_ce2551c1d2_o.jpg" class="aligncenter" width="904" height="458" /></p>
<p>On the 22nd of June my very welcoming internship in <a href="http://www.whynotassociates.com">why not associates</a> began. So far I&#8217;ve been here about 2 months and its always difficult to properly assess just how much I&#8217;ve learnt. When you think about how fast you assimilate into a working environment, the underlying learning amounts to infinity. Even while working on something and passively listening to a phone call or aware of a meeting your forming a collective of just how a company organises itself, the manners in which people communicate ideas and the freedom that each designer has to question a project decision or make a quick phone call to clients. Tea is offered intravenously and a game of fouzball never goes a miss. A particularly colourful yet nostalgic collection of soap boxes exists in one corner of the room, a reminder of just how far back this company goes. </p>
<p>From my experiences and conversations here I soon came to the realisation that the studio dynamic in <em>why not</em> is a huge rarity. Due to their reputation and long standing success the designers have quite a lot of freedom. Surprisingly enough, the freedom to be able to deal first hand with the client at all times, something that I assumed was always a given. Amongst other things, they&#8217;ve never had to promote themselves for work. So how did this come to be?</p>
<p><span id="more-902"></span><em>&#8220;David Ellis along with Andy Altmann and Howard Greenhalgh formed Why Not Associates on leaving the Royal College or Art in July 1987. The intention was to produce new and innovative work that would not have been possible working through established design companies.&#8221;</em></p>
<p>In a 1992 edition of eye magazine, five years after their initial formation, Andy remarks, <em>&#8220;one of the few graphic design companies that professes an attitude.&#8221; </em></p>
<p>Although such a company statement made today may sound redundant, that attitude at the time really must have hit the right note in what must have been a very dull shade of grey. We have to remember that 1987 was a different reality at the time, there was no such things as eye magazine or internet blogs bursting the seams with design students. Admittedly, I was barely starting to exist so im not going to pretend I knew what was going on, I can only speculate on information at hand. The profession of a graphic designer in the 80&#8217;s was something that was slightly undefined at the time and I&#8217;ve definitely learned that it didn&#8217;t have the same prestige it holds today. </p>
<p><em>&#8220;We wanted to produce work that would solve the clients problem while being self expressive.&#8221;</em></p>
<p><em>Why not</em> really seems like a company dedicated to great image making, with the intention to be innovative and original. Their strengths seem to lie in their ability not to take things seriously and not to be too analytical. This aspect is definitely seen in the lower case alphabets that comes attached to their company image, almost retaining a sense of youth.<em>&#8220;I think our work is funny&#8221;</em>, says Andy. An attitude that seems to draw a lot of comparisons to the intuitive design process that they helped to define during the early 90&#8217;s, <em>- &#8220;you shouldn&#8217;t have to account for every little mark you make&#8221;</em>. I wondered weather that intuitive attitude counts for the success they hold today.</p>
<p>Working in<em> why not</em> has offered me an alternative points of view, an alternative but invaluable approach to the way a designer can work, the ability able to loosen up and think radically rather then conventionally. It almost seems like years of college and explaining ideas is actually more overstated then the reality of designing for clients. Its quite a rejuvenating reminder to the days before logic and relevance wins over. Obviously the difference here, this company is working for real clients and projects hold context. Things have to be constantly screened by the client and direction has to be approved.  </p>
<p><img alt="" src="http://farm3.static.flickr.com/2441/3811988346_577a8b6e86_o.jpg" title="Studio" class="alignnone" width="1280" height="960" /></p>
<p>It seems here that trying something unpredictable is adding more that rationalisation ever can. Ultimately a problem must be solved but when you thing about it logically, trying to constantly visually relate the material to a design concept won&#8217;t produce anything new and won&#8217;t offer much in the way of evolution. If you look at <em>why not&#8217;s</em> early work of the 90&#8217;s we can definitely see design elements that were abundant. Early software traits defining trends and so on, but when you realise the majority of their work was pushing new boundaries you see that it wasn&#8217;t their work fitting the mould, it was their work adding to the decade and others following suit. Obviously its impossible to be completely immune to the trends but by trying to innovate and take risks you are helping to move things forwards. </p>
<p>The unfortunate conundrum with being a design student is that you have to input concept to a project that can never be truly functional yet present it as though it is. The Dutch seem to place a lot of emphasis on rationality and concept trough a lot of their projects, the design school at <em>Willem de Kooning</em> had us form a lot of completely self generated projects so ultimately a very strong concept base is needed for the start of a completely invented project, every page is the structure of an overall message and grids and typography must further embellish your message. While this was largely frustrating and I had several rants about the &#8216;chicken vrs the egg&#8217; design-content issue, but my time there was invaluable. Now its quite refreshing to hear a professional say, &#8220;<em>try a full page bleed just for the sake, something just feels right about it&#8221;.<br />
</em><br />
Today <em>why not</em> run a fairly tight ship with all aspects of their company, they employ regular freelancers and have a handful of full time staff and &#8216;motion guys&#8217; all bringing in various styes and talents. Outsourced photographers and illustrators are more then just that, but lifelong friends that are reputable network&#8217;ees. Advertising work today for<em> why not</em> may not allow much differentiation but at the end of the day, these guys are running a business. Ultimately their attitudes have evolved much with the changing times but their view on what a design company can be and what jobs they can take is certainly helping to move the industry forward. Much in the tone of &#8216;why not?&#8217;. </p>
<p><em>&#8220;We certainly didnt want to work for anybody else&#8221;.</em></p>
<p>In 1987 Mark Greenhalgh (who went on to work in film) was approached out of his MA by an American company named Sebastian. Noticing his abilities they were looking for an editorial magazine. This laid way to the foundation of <em>why not associates</em> and how they set up. Something that I definitely admired, the ability to set up straight out of college (and successfully at that) is always impressive. Something that almost every design student has thought about but may have been daunted by the the task at hand or subdued into a more lucrative salary position. </p>
<p>Nowadays I wonder weather it feasible for students to get that lucky break. Today <a href="http://www.hudsonbec.com/">HudsonBec</a> exists as a design duo starting straight from college but it seems the digital world of today has created an entirely different priority, the ability to network and promote online, an almost faceless entity that has designers existing virtually. Ultimately its something that needs attention in order to gain successful recognition. Not coincidentally, they are both the founders of the successful <a href="http://www.itsnicethat.com/">it&#8217;s that nice blog</a>, proving that the internet is a must for promotion. The internet aside, does the raw naivety that exists with new graduates force the industry into newer and more creative directions? I wanted to get to grip with the realities of setting up straight after education, something that was becoming ever more tangible the more I looked at other companies. I was keen to ask David Ellis a few questions of my own.</p>
<p><strong>So do you think the reality of setting up is less attainable for students nowadays?</strong><br />
&#8220;<em>Well, I think anytime or decade is always really a good time, when we set up the design scene was still quite established but we wanted to try our hands at more contemporary design and push the limits on design with more conservative clients. Once you have a client then you really have a starting point to base everything off.&#8221;</em></p>
<p><strong>Do you think the attitude of a company like why not is a model that is more copied nowadays? </strong><br />
<em>&#8220;The were a few companies that were still very similar in their name and things like that but I don&#8217;t think its important to try and be overly original. You just have to do good work.&#8221;</em></p>
<p><strong>How did you deal with the initial financial issues?</strong><br />
<em>&#8220;I think its actually the best time to start on your own when your out of college, mainly because your used to not having any money. I knew a few people who had plans to start up after working for a few years but the problem with that, you became too attached to your salary. Our first clients that commissioned us to start a magazine offered us 2,000 each for each issue. For someone starting straight out of college, its was quite a lot of money.&#8221;</em></p>
<p>I also got a quick chance to speak to Andy,</p>
<p><strong>Was the business side of things something that came natural or did it have to be learned?</strong><br />
<em>&#8220;David and I both failed at business school! We just asked other designers. Moved around studios a lot and kept money tight for emergencies and things&#8221;  </em></p>
<p>This was quite a refreshing take from the over indulgent synopsis&#8217;s of most articles covering their success, a very down to earth approach with a lot of realistic insights. Modest and unassuming.  The most assuring and concluding piece of advice that I drew out of the conversations was just doing good work, not labouring over the work and certainly not trying to innovate with every detail.</p>
<p>From the success of <em>why not</em> we can really see how the initial clientele could affect the direction of a companies work. When starting out, it is possibly important to prioritize with the kind of work you want to end of doing. Doing a web design for a few companies is great work but it could not be the direction you want to advertise for other clients. Admittedly, they tell me they were very lucky when starting out; <em>&#8220;the right place at the right time&#8221;</em>. Perhaps nowadays we live in a different time and a different place with the all too familiar &#8216;r&#8217; word lurking under every excuse. Competition is fierce and originality is almost unoriginal. I wasnt expecting what they told me next.</p>
<p><em>&#8220;The best things can happen out of a recession and we were certainly in a recession at the time.&#8221; </em></p>
<p>There is hope for us all yet.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.whiteinkblog.com/2009/08/11/why-bother-why-not/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>LED Typeface: Sarhan PX_1</title>
		<link>http://www.whiteinkblog.com/2009/08/08/led-typeface-sarhan-px_1/</link>
		<comments>http://www.whiteinkblog.com/2009/08/08/led-typeface-sarhan-px_1/#comments</comments>
		<pubDate>Sat, 08 Aug 2009 04:35:29 +0000</pubDate>
		<dc:creator>Youssef Sarhan</dc:creator>
				<category><![CDATA[Typography]]></category>
		<category><![CDATA[display]]></category>
		<category><![CDATA[dot]]></category>
		<category><![CDATA[dublin]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[kern]]></category>
		<category><![CDATA[legability]]></category>
		<category><![CDATA[lettering]]></category>
		<category><![CDATA[luas]]></category>
		<category><![CDATA[matrix]]></category>
		<category><![CDATA[pixel]]></category>
		<category><![CDATA[readablility]]></category>
		<category><![CDATA[sefsar]]></category>
		<category><![CDATA[typeface]]></category>

		<guid isPermaLink="false">http://www.whiteinkblog.com/?p=883</guid>
		<description><![CDATA[While taking Dublin&#8217;s Light Rail Tram System, the LUAS, I was looking at the font of the LED information panels. There are a few on each tram; they are the only live information displays on the trams. The current system uses a 7 line high dot matrix but it seem as though sparse consideration was [...]]]></description>
			<content:encoded><![CDATA[<p>While taking Dublin&#8217;s Light Rail Tram System, the LUAS, I was looking at the font of the LED information panels. There are a few on each tram; they are the only live information displays on the trams. The current system uses a <a href="http://en.wikipedia.org/wiki/Dot_matrix_display">7 line high dot matrix</a> but it seem as though sparse consideration was taken into account on the type selection. The problem is that the current typeface tries to incorporated upper and lower case letters, which means <a href="http://en.wikipedia.org/wiki/Descender">descenders</a>. It is pointlessly complex, it impairs readability and does not lend itself well to this sort of display.</p>
<p><a href="http://www.sefsar.com/sarhanpx_1/"><img src="http://www.whiteinkblog.com/wp-content/uploads/2009/08/spec1.jpg" alt="spec1" title="spec1" width="600" height="380" class="alignnone size-full wp-image-887" /></a></p>
<p>Too many letterforms are obscured from their expected form which only leads to poor legibility. For instance, the descender of the lowercase ‘g’ currently sits on the baseline but by keeping it uppercase it becomes far more familiar and instantly recognisable as the letter &#8216;G&#8217;. There is no logical room for descenders, it makes it very difficult to read. Bare in mind the text is nearly constantly moving, it needs to be neat, clear and large, passengers need to know when to get off. I have tried to improve legibility by giving the letters more presence, big counters and simple strong lines to compliment the simplicity of an LED display. There is no room for flimsy letterforms, they need to be bold and accurate. They need to be sure of what they stand for.</p>
<p><span id="more-883"></span>Head over to the <a href="http://www.sefsar.com/sarhanpx_1/">micro-site</a> for more info and <a href="http://www.sefsar.com/sarhanpx_1/sarhan_px_1.zip">free download</a>.</p>
<p><a href="http://www.sefsar.com/sarhanpx_1/"><img src="http://www.whiteinkblog.com/wp-content/uploads/2009/08/9_picture-42.png" alt="9_picture-42" title="9_picture-42" width="670" height="474" class="alignnone size-full wp-image-889" /></a></p>
<p><a href="http://www.sefsar.com/sarhanpx_1/"><img src="http://www.whiteinkblog.com/wp-content/uploads/2009/08/spec5.png" alt="spec5" title="spec5" width="598" height="109" class="alignnone size-full wp-image-888" /></a></p>
<p>Got any thoughts or suggestions? Have you ever had trouble reading these displays? Let me know, we can discus type. You can <a href="http://twitter.com/YoussefSarhan">follow me on Twitter</a>, email me at <a href="mailto:contact@whiteinkblog.com">contact@whiteinkblog.com</a> or leave a reply comment and I&#8217;ll get back in touch as soon as I can. Look forward to hearing peoples opinions.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.whiteinkblog.com/2009/08/08/led-typeface-sarhan-px_1/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Designing by convention</title>
		<link>http://www.whiteinkblog.com/2009/06/18/designing-by-convention/</link>
		<comments>http://www.whiteinkblog.com/2009/06/18/designing-by-convention/#comments</comments>
		<pubDate>Thu, 18 Jun 2009 14:25:51 +0000</pubDate>
		<dc:creator>Youssef Sarhan</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Airline]]></category>
		<category><![CDATA[Branding]]></category>
		<category><![CDATA[Convention]]></category>
		<category><![CDATA[Logo]]></category>
		<category><![CDATA[Rhetoric]]></category>
		<category><![CDATA[Youssef Sarhan]]></category>

		<guid isPermaLink="false">http://www.whiteinkblog.com/?p=681</guid>
		<description><![CDATA[A few years ago I flew with Lufthansa Airlines and apart from the quality service what really stuck with me was their branding, it is highly consistent across all platforms, it&#8217;s orderly, you can tell that each time the logo was used it was well calculated and advised, it is treated with respect, exactly how [...]]]></description>
			<content:encoded><![CDATA[<p>A few years ago I flew with Lufthansa Airlines and apart from the quality service what really stuck with me was their branding, it is highly consistent across all platforms, it&#8217;s orderly, you can tell that each time the logo was used it was well calculated and advised, it is treated with respect, exactly how branding should be by definition. The crane in flight, was created by Professor Otto Firle in 1918, it has stood the test of time and in some way has set a standard for how airline logos look today. </p>
<p>A short time ago I was cycling around Amsterdam when I spotted the offices of Surinam Airways and invariably their logo. I stopped the bike to take a closer look at its resemblance to the Lufthansa logo. A couple of weeks pass and I see another airline logo, this time it&#8217;s Air India; once again it had characteristics of the Lufthansa bird. After this I began to think more about familiarity within design, there are predefined rules and expectations for nearly every single piece of design out there. When these expectations aren&#8217;t fulfilled we can easily feel lost and uncertain. If we are going to change convention it needs to be replaced with something better. There is a very fine line between hitting the right visual note or succumbing to tiresome solutions or in some cases direct copying. I cannot stand plagiarism, it is totally inexcusable; however in this article I am discussing the influence of convention as opposed to stealing. Personally I find many of these airline bird logos to be highly generic and very forgettable. Design with the expectations of the end user in mind is crucial, if it is a box of cereal it needs to look like a box of cereal. On the contrary preconceived notions and ideals can easily play too much of a role in determining the final solution all the while forgetting about innovation and creativity.</p>
<p><img src="http://www.whiteinkblog.com/wp-content/uploads/2009/06/airlinelogos1.jpg" alt="airlinelogos1" title="airlinelogos1" width="900" height="225" class="alignnone size-full wp-image-712" /></p>
<p>It is important for a logo, particularly in the service industry to communicate the service of the company. Birds fly, as do planes, it&#8217;s an obvious connection which communicates exactly what it needs to. At what point does designing by convention or common rhetoric become a lazy or boring solution. Design conformity is something that I struggle with on every single project I work on, convention makes it very had to try something drastically new or different, we need and want to feel familiarity. Trying to change convention can easily result in confusion if we&#8217;re not careful. If <em>The New York Times</em> decided to change it&#8217;s title header type it would no longer be <em>The New York Times</em>. It&#8217;s possible to dramatically change things, so long as the change is for the better, but as usual change will met with resistance.</p>
<p><span id="more-681"></span><center><img src="http://www.whiteinkblog.com/wp-content/uploads/2009/06/milk.jpg" alt="milk" title="milk" width="170" height="200" class="alignnone size-full wp-image-795" /></center></p>
<p><img src="http://www.whiteinkblog.com/wp-content/uploads/2009/06/conventionnewyorktimes.jpg" alt="" title="" width="736" height="306" class="alignnone size-full wp-image-724" /></p>
<p>I recently attended a seminar on way-finding, we were introduced to fundamentals, theories and logical reasoning behind way-finding decisions. Way-finding diagrams rely a lot on the convention of urban-planning maps and educated guessing, a green patch on a map means grass, a blue patch translates to water and a gray block is read as buildings; these are not rules but rather elementary standards which define how we approach such a task. We feel comfortable when we see what we know, disregard these expected standards and you better have a superior alternative. We feel comfortable buying a blue carton with a white splash on it as we know it&#8217;s milk, even if we can&#8217;t read a word on it, mix up the colours and you&#8217;ve got a different product. Convention is useful and unavoidable, most of the time it exists because it works but it can nearly always be improved on. As designers this is where we come in, to improve what is already there. This leads me full circle back to the airline logos, they are conforming to the basic idea of a bird in flight but are failing to improving on the concept, all the logos begin to look the same without any clear distinction between each of them.</p>
<p><img src="http://www.whiteinkblog.com/wp-content/uploads/2009/06/airlinelogos2.jpg" alt="airlinelogos2" title="airlinelogos2" width="900" height="410" class="alignnone size-full wp-image-725" /></p>
<p>From a customer point-of-view some of these logos are so similar that in most cases they could be interchanged with one another, there is very little distinction between them. We see this in many areas of design, people who conform to preexisting standards for no reason other than feeling safe, afraid to take risks because they know what has worked, not thinking about advancing but rather freezing in a moment scared to break the mold. The thought of failing is too much to worry about so they settle on the safety of tried and tested design, this way of working will only lead to blind ignorance and tiresome solutions. On your next project try something very different, open up and see what happens. Take a risk.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.whiteinkblog.com/2009/06/18/designing-by-convention/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Bing: The Necessity of Mutual Response</title>
		<link>http://www.whiteinkblog.com/2009/06/04/bing-the-necessity-of-mutual-response/</link>
		<comments>http://www.whiteinkblog.com/2009/06/04/bing-the-necessity-of-mutual-response/#comments</comments>
		<pubDate>Thu, 04 Jun 2009 03:12:16 +0000</pubDate>
		<dc:creator>Youssef Sarhan</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Logo]]></category>
		<category><![CDATA[Bing]]></category>
		<category><![CDATA[Branding]]></category>
		<category><![CDATA[Design Deconstructed]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Typography]]></category>

		<guid isPermaLink="false">http://www.whiteinkblog.com/?p=586</guid>
		<description><![CDATA[There has be an over-whelming amount of negative reviews and responses on the new bing logo. Giving a solid critique is important, but even more so the ability to respond to these remarks. From what I have experienced bing is a new service from Microsoft, it aims to be a Decision Engine, to help you [...]]]></description>
			<content:encoded><![CDATA[<p>There has be an over-whelming amount of negative reviews and responses on the new <a href="http://www.bing.com">bing</a> logo. Giving a solid critique is important, but even more so the ability to respond to these remarks. From what I have experienced <a href="http://www.microsoft.com/emea/presscentre/pressreleases/ProductLaunchPR_280509.mspx">bing is a new</a> service from Microsoft, it aims to be a <a href="http://www.decisionengine.com/Default.html">Decision Engine</a>, to help you make decisions no less. The current logo is brutal, it&#8217;s flimsy, doesn&#8217;t command any authority nor is it inviting or reliable. It is a highly amateur looking result and a week after it&#8217;s release it already looks dated. If Microsoft don&#8217;t do something about how they approaching this whole endeavor I guarantee that this will be the usual Microsoft situation, a year from now it will be failing and wont live up to the expectations. It is essential that they rethink their strategy and listen to what the public are saying. Here is the current logo, beside it my proposal, or at least a step in the right direction.</p>
<p><a href="http://www.whiteinkblog.com/wp-content/uploads/2009/06/bingsbs.jpg"><img src="http://www.whiteinkblog.com/wp-content/uploads/2009/06/bingsbs.jpg" alt="Current Bing Logo &#038; Proposal" title="bingsbs" width="680" height="298" class="size-full wp-image-591" /></a></p>
<p>The bing logo really oozes of basic lack of type optics. Look at how the n gets so narrow and thin at the apex. The g sits off the baseline with a half loop that doesn&#8217;t link up, not that it <em>must</em>, but in this case it looks too awkward. The counters are ludicrously huge and the descenders don&#8217;t rise near high enough to forgive such a huge x-height. Large x-heights are good for reading, but with a low cap you&#8217;re shooting yourself in the foot. </p>
<p>It will need more work but what I have done, I have done well when compared to the current state of affiars. I have paid attention to the letterforms and the space around them, the weight, contrast and the flow, something that wasn&#8217;t done the first time around. I&#8217;d advise the folks at Microsoft to get a typographer/foundry to design a custom face; or at least the four letters, or even use a typeface that already exists? Microsoft&#8217;s reluctance to pay for typeface licenses in the past render that unlikely. e.g. <a href="http://www.youtube.com/watch?v=F691weEVpwc">The Helvetica/Arial Story</a>.</p>
<p><span id="more-586"></span>Here are some more images,</p>
<p><a href="http://www.whiteinkblog.com/wp-content/uploads/2009/06/bingreplace.jpg"><img src="http://www.whiteinkblog.com/wp-content/uploads/2009/06/bingreplace-1024x786.jpg" alt="bingreplace" title="bingreplace" width="1024" height="786" class="alignnone size-large wp-image-590" /></a></p>
<p>Integrated on the website without much obstruction or effort and it looks quite acceptable. Of course you could argue a total redesign of the site is needed but it is the logo I&#8217;m focusing on more than user interface.</p>
<p><a href="http://www.whiteinkblog.com/wp-content/uploads/2009/06/bingscaled.jpg"><img src="http://www.whiteinkblog.com/wp-content/uploads/2009/06/bingscaled-729x1024.jpg" alt="bingscaled" title="bingscaled" width="729" height="1024" class="alignnone size-large wp-image-592" /></a></p>
<p>Bing logotype at different sizes.</p>
<p><a href="http://www.whiteinkblog.com/wp-content/uploads/2009/06/bingspecisim1.jpg"><img src="http://www.whiteinkblog.com/wp-content/uploads/2009/06/bingspecisim1.jpg" alt="bingspecisim" title="bingspecisim" width="1000" height="622" class="alignnone size-full wp-image-593" /></a></p>
<p>The logo is based on Chaparral Pro Semi bold Italic, above.</p>
<p>I would be exaggerating slightly to say I am content or even close to finished with this, however it is more of a suggestion of what I envision, a step in a better direction. It is in it&#8217;s early stages but already we can see an improvement. Over the coming weeks I hope to develop this further, rather than just making it acceptable or a step in the right direction I&#8217;d like to make it something more than that, something with character that is memorable. If anyone is interested in advising me on it or even offering feedback or constructive criticism I&#8217;m open for suggestions.</p>
<p>You can follow me on twitter for regular updates or if you&#8217;d like to get in touch, chat or network.<br />
<a href="http://twitter.com/YoussefSarhan">Follow Youssef Sarhan on Twitter</a>, email me at <a href="mailto:contact@whiteinkblog.com">contact@whiteinkblog.com</a> or leave a reply comment.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.whiteinkblog.com/2009/06/04/bing-the-necessity-of-mutual-response/feed/</wfw:commentRss>
		<slash:comments>38</slash:comments>
		</item>
		<item>
		<title>EdenSpiekermann &amp; Design Students</title>
		<link>http://www.whiteinkblog.com/2009/05/13/edenspiekermann-students/</link>
		<comments>http://www.whiteinkblog.com/2009/05/13/edenspiekermann-students/#comments</comments>
		<pubDate>Wed, 13 May 2009 23:38:31 +0000</pubDate>
		<dc:creator>Youssef Sarhan</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[Amsterdam]]></category>
		<category><![CDATA[CBS]]></category>
		<category><![CDATA[Dutch Design]]></category>
		<category><![CDATA[Eden Spiekermann]]></category>
		<category><![CDATA[Forms]]></category>
		<category><![CDATA[iMac]]></category>
		<category><![CDATA[Layout]]></category>

		<guid isPermaLink="false">http://www.whiteinkblog.com/?p=515</guid>
		<description><![CDATA[
Some of you may already know that I started working at EdenSpiekermann this week. As of January 2009, Eden Design &#38; Communication, Amsterdam merged with SpiekermannPartners, Berlin to form EdenSpiekermann. They have a serious amount of experience with a staff of about 100 strong; be sure to check the brand new website www.edenspiekermann.com for loads [...]]]></description>
			<content:encoded><![CDATA[<p><img class="size-large wp-image-518" title="EdenSpiekermann_" src="http://www.whiteinkblog.com/wp-content/uploads/2009/05/edenspiekermann-1024x665.jpg" alt="EdenSpiekermann Gate" width="1024" height="665" /></p>
<p>Some of you may already know that I started working at <a href="http://www.edenspiekermann.com">EdenSpiekermann</a> this week. As of January 2009, Eden Design &amp; Communication, Amsterdam merged with SpiekermannPartners, Berlin to form EdenSpiekermann. They have a serious amount of experience with a staff of about 100 strong; be sure to check the brand new website <a href="http://www.edenspiekermann.com">www.edenspiekermann.com</a> for loads more. I hope to write regularly on what I&#8217;m doing at ES, what I&#8217;m learning and anything else I think is worth sharing.</p>
<p>Okay, so last Monday was my first day, the usual meet and greet through the three floors. So many hands to shake, I felt like a broken record, but they were very welcoming and friendly. The average age is probably about the 30–40 mark. I&#8217;ve <em>officially</em> being studying design for just under 2 years but when you compare that to someone who has about 20 years experience, it&#8217;s a wake-up call. Nobody can claim to know it all, but with that much experience you&#8217;re doing well.</p>
<p><span id="more-515"></span><a href="http://www.whiteinkblog.com/wp-content/uploads/2009/05/deskedens.jpg"><img class="alignnone size-full wp-image-539" title="deskedens" src="http://www.whiteinkblog.com/wp-content/uploads/2009/05/deskedens.jpg" alt="deskedens" width="800" height="530" /></a></p>
<p>Monday was pretty chilled, when I came in was given my own desk, a new 24&#8243; iMac and a bright room to share along with about 15 other designers. The wooden floors, massive desks, high ceilings makes working comfortable. There&#8217;s no feeling of hierarchy or fat-cats sitting in their offices telling the pixel-pushers what tricks to perform. Everyone is working together, to improve as a unit, as a collective; in college you don&#8217;t get that as much but I think that comes with time &#038; experience. Students aren&#8217;t the best at taking criticism or even opinion, it offends them. Sometimes it&#8217;s the system you have to thank for this, promoting &#8216;competitive atmospheres&#8217;, it may sound like a good approach but in practice it&#8217;s not (from a students point of view), it&#8217;s detrimental to developing a genuine love for what you do. You should naturally have ambition, and not because you&#8217;re going to <em>win</em> something. There is a serious difference between doing your best and trying to be the best, they sound similar but yield polar results. Having everyone in competition creates resent, traditionally to win a competition you need to be better then the rest and everyone else needs to be worse than you; so by definition in a competitive atmosphere everyone is hoping that everyone elses work is worse than theirs. Why help someone if it means they are going to beat you? Time and time again students get upset because someone gave an opinion on their work that wasn&#8217;t positive, a critique. Not everyone is going to like what you do, it&#8217;s a good thing they don&#8217;t, instead of getting upset ask why they said what they said, regardless of how they phrased it. I wonder how students would react to Gordon Ramsey as design maestro.</p>
<p>I digress.</p>
<p><center>
<div style="padding-bottom:10px; padding-left: 20px;"><object width="425" height="344" data="http://www.youtube.com/v/am5Y5Pvrb4M&amp;hl=en&amp;fs=1&amp;rel=0" type="application/x-shockwave-flash"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/am5Y5Pvrb4M&amp;hl=en&amp;fs=1&amp;rel=0" /><param name="allowfullscreen" value="true" /></object></div>
<p></center></p>
<p>The project I&#8217;m working on is from the <a href="http://www.cbs.nl/en-GB/menu/home/default.htm">CBS</a>, which is the Centraal Bureau voor de Statistiek, in english, Statistics Netherlands. They have a lot of data that needs to be presented as clear as possible. The project required us to come up with a new colour scheme that could be used in any of their graphs, forms and charts. They also required that the newly designed charts could be re-created in Excel. By the time I arrived the final colour scheme was decided upon but the implementation was still in progress. Here&#8217;s an example of a chart that needed to be reconsidered, it&#8217;s totally illegible on the left, CBS actually uses that, the right is the after. It may seem boring but what stands out for me is it&#8217;s relevance, this sort of work is essential to good design practice and awareness, it opens your eyes to reality a little more and reminds you that not all projects are like college projects. Here&#8217;s a side-by-side, before &#038; after.</p>
<p><a href="http://www.whiteinkblog.com/wp-content/uploads/2009/05/cbsformsbeforeafter.jpg"><img class="alignnone size-large wp-image-570" title="cbsformsbeforeafter" src="http://www.whiteinkblog.com/wp-content/uploads/2009/05/cbsformsbeforeafter-1024x725.jpg" alt="cbsformsbeforeafter" width="1024" height="725" /></a></p>
<p><a href="http://www.whiteinkblog.com/wp-content/uploads/2009/05/picture-19.png"><img class="alignnone size-full wp-image-567" title="CBS Before" src="http://www.whiteinkblog.com/wp-content/uploads/2009/05/picture-19.png" alt="CBS Before" width="651" height="922" /></a></p>
<p>So many of the elements were unnecessary, they caused confusion and didn&#8217;t follow convention. For a statistical information like this it&#8217;s very important to keep in mind what is familiar to the reader. For instance there are 18 rows and 8 columns of numbers, most are double digits. They aren&#8217;t all related so that should be shown, it&#8217;s hard to tell if the top two rows of numbers relate to the 8th and 9th rows. By adding in some thinner rules I&#8217;ve sub-divided the chart. The thicker (6pt) rules divide page in half into two major categories at the top and bottom of the page, the thinner hairline rules (.5pt) sub-dive the two categories into more visually manageable statistics. Amongst what is already taught in college I would like to see an introduction of these ideas.</p>
<p><a href="http://www.whiteinkblog.com/wp-content/uploads/2009/05/picture-20.png"><img class="alignnone size-full wp-image-568" title="CBS After" src="http://www.whiteinkblog.com/wp-content/uploads/2009/05/picture-20.png" alt="CBS After" width="645" height="921" /></a></p>
<p>After a pretty relaxing first few days in Amsterdam I&#8217;m flying back to Ireland for the weekend for a friends birthday. I&#8217;m be back on Monday. If you&#8217;d like some further reading on my rant about students, I would suggest you read <a href="http://www.subtraction.com/2009/04/09/dear-designer-you-suck">Dear Designer, You Suck</a>. If you&#8217;d like to read more on design theory and practice or If you appreciate anything I&#8217;ve written regarding the above layout then you need to read <a href="http://www.vignelli.com/canon.pdf">Vignellis&#8217; Canon</a>, print it off, read it, then read it again, then keep it by your desk when you work. That&#8217;s the best advice I can give on it.</p>
<p>You can follow me on twitter for regular updates or if you&#8217;d like to get in touch, chat or network.</p>
<p><a href="http://twitter.com/YoussefSarhan">Follow Youssef Sarhan on Twitter</a></p>
<p>For now, Auf wiedersehen, no, wait&#8230; vaarwel!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.whiteinkblog.com/2009/05/13/edenspiekermann-students/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Over-Reliance on Hero Designer</title>
		<link>http://www.whiteinkblog.com/2009/05/04/over-reliance-trend-on-hero-designer/</link>
		<comments>http://www.whiteinkblog.com/2009/05/04/over-reliance-trend-on-hero-designer/#comments</comments>
		<pubDate>Mon, 04 May 2009 10:03:31 +0000</pubDate>
		<dc:creator>Tim Phelan</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Hero]]></category>
		<category><![CDATA[Milton Glaser]]></category>
		<category><![CDATA[Rand]]></category>
		<category><![CDATA[Steve Jobs]]></category>
		<category><![CDATA[T-Shirt]]></category>

		<guid isPermaLink="false">http://www.whiteinkblog.com/?p=492</guid>
		<description><![CDATA[
After seeing a recent article about graphic design hero T-shirts with matching iconography, I couldn&#8217;t help but feel a certain cliche ringing in my ear. Although the t-shirts themselves are sorta cool and I would semi-reluctantly wear one (as a personal hatred of trends) I couldn&#8217;t help but feel these t-shirts literally embodied the current [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone" src="http://farm4.static.flickr.com/3651/3490129373_3bf3162c5a_o.jpg" alt="" width="800" height="500" /></p>
<p>After seeing a recent article about <a href="http://blog.eyemagazine.com/?p=197#more-197">graphic design hero T-shirts</a> with matching iconography, I couldn&#8217;t help but feel a certain cliche ringing in my ear. Although the t-shirts themselves are sorta cool and I would semi-reluctantly wear one (as a personal hatred of trends) I couldn&#8217;t help but feel these t-shirts literally embodied the current status of students solely being able to list off the all too familiar cast of Design Watchmen without any real context or information about what these designers really stand for. Is it a credit to the life of Milton Glaser to just &#8220;heart NY&#8221;?</p>
<p>As a student I sometimes find myself massacred by a world of over stimulated design inspiration and reliance on trends and hero designers. This over stimulation I find quite damaging with developments of a personal voice and style. Over fixation on the designer hero model can sometimes be quite irrelevant and sometimes just plain trendy. It is only when we study the concepts and applications of a piece of known design can we find any relevance. It is only a designers approach and work flow that we should find relevant, not the graphical end product.</p>
<p><span id="more-492"></span>For me design exists in tangent to a painting or the world of fine art. The function of a piece of design is somewhat selfless. A concept has been developed and it is the task of the designer to communicate and maintain relevance. A great piece of design can only anchor that relevance when viewed in its original context and one should look at all the considerations that have been finely tuned in order to reach his/her conclusion. By simply looking though catalogs and books we are doing no justice to these designers nor to ourselves. We have failed to gain conceptual relevance and by flicking though visually inspiring imagery we have also failed to take a moment to contemplate the fine tunings and under-workings.</p>
<p>Ultimately it is argued that everyone has their own perception of reality, thus everyone&#8217;s perception and take on communication is slightly different. Therefore, it should be the task and goal of every designer to establish a series of principles and ethics on what communication means to them. &#8220;How should a piece of design work?&#8221;, &#8220;What do I want to say with this?&#8221;, &#8220;That&#8217;s great but its just not my thing&#8221;. When we study a famous designer, we shouldn&#8217;t be concentrating on the end result that is a piece of design, but rather trying to piece together their perception of what design and communication is to them. By understanding this we can gain a much deeper insight into our own work.</p>
<p>Execution is only the end result, but what seems to hold true to all famous designers in the past is their stubborn nature and persistent editing and self criticism. Their persistence to a certain vision and their refined approach. They have ultimate conviction in what they believe is the right solution. These are some principles that give birth to style. Strangely, it is only when we realise this do we see that principles are not a necessity to designing, but they are necessity for blocking out the visual clutter that can confuse and dazzle. They help refine your editing and they block out the unnecessary. The infinite styles and considerations for design is overwhelming. The ironic thing is: obtaining a true style means establishing your principles and ethics first.</p>
<p>Personally, I hate the thrown-about nature of a name like Paul Rand can get in the design community. He was a great designer, but he&#8217;s not the only designer that has ever lived. Sometimes I cringe when I hear the name shortlisted, only because I feel there&#8217;s more to be learned on a day to day basis above one single hero model. I don&#8217;t believe in famous designers. To me, a designer should be as malleable as a gymnast, constantly bending and adapting to new forms of variety and research. Reliance and infatuation on fame can put an objective blank between the viewer and any designers work, making it twice as difficult for us to objectively critic anything. Fortunately for our generation, the arrival of the Internet has revived a level playing field. Nowadays the Olly Moss&#8217;s of the world need only upload photos on flickr to gain worldwide recognition.</p>
<p>In saying all this, I have absolutely no problem in stating that Paul Rand is one of my favorite designers. However I&#8217;m not a huge fan of his work. You might find that contradicting but it completely rhymes everything I have been saying so far. If we say design is a lifestyle, shouldn&#8217;t the designer be the focal point and his work secondary? From what I could see in the personality of Paul Rand, it was evident that he exuded a confidence of principles. Years of dislikes and discards have molded his style into absolute principle and perfection. Something that can only be respected and admired. Definitely something that can teach you a lot about yourself.</p>
<p>This video below really sums it all up, by moving away from visuals and focusing on the personality. Although it is Steve Jobs on Rand, I think its quite inspiring to hear someone from a non-design background discussing design with such accuracy and revelation.</p>
<div style="text-align: center;"><object width="425" height="344" data="http://www.youtube.com/v/xb8idEf-Iak&amp;hl=en&amp;fs=1" type="application/x-shockwave-flash"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/xb8idEf-Iak&amp;hl=en&amp;fs=1" /><param name="allowfullscreen" value="true" /></object></div>
<p></p>
]]></content:encoded>
			<wfw:commentRss>http://www.whiteinkblog.com/2009/05/04/over-reliance-trend-on-hero-designer/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Motion Graphics Animation &amp; Workflow</title>
		<link>http://www.whiteinkblog.com/2009/04/08/my-motion-graphics-workflow/</link>
		<comments>http://www.whiteinkblog.com/2009/04/08/my-motion-graphics-workflow/#comments</comments>
		<pubDate>Wed, 08 Apr 2009 05:15:38 +0000</pubDate>
		<dc:creator>Youssef Sarhan</dc:creator>
				<category><![CDATA[Animation]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Motion Graphics]]></category>
		<category><![CDATA[Visual FX]]></category>
		<category><![CDATA[After Effects]]></category>
		<category><![CDATA[Particle]]></category>
		<category><![CDATA[Trapcode]]></category>

		<guid isPermaLink="false">http://www.whiteinkblog.com/?p=458</guid>
		<description><![CDATA[Ok to start, if you wanna get down to the bones of this and view the animation scroll to the bottom of this post of click here to view it in HD on Vimeo (I recommend that, HD is a big plus)
Direct link to SHIFT.chroma Animation
Last weekend I was worked on a short motion graphics [...]]]></description>
			<content:encoded><![CDATA[<p>Ok to start, if you wanna get down to the bones of this and view the animation scroll to the bottom of this post of <a href="SHIFT.chroma">click here</a> to view it in HD on Vimeo (I recommend that, HD is a big plus)</p>
<p><a href="http://www.vimeo.com/4052640">Direct link to SHIFT.chroma Animation</a></p>
<p>Last weekend I was worked on a short motion graphics piece. The idea was to record myself in front of a greenscreen and then incorporate an element of visual effects. As the recording and editing progressed I become more interested in abstracting the video to become a new medium, a sort of particular environment that I could explore. This intruiged me so I continued down this road. In this atricle I hope to share some of my own thoughts and techniques when it comes to working with after effects, etc. You&#8217;ll see that even with some rudimentary materials you can create some pretty impressive and vibrant visuals.</p>
<p><a href="http://www.flickr.com/photos/youssefsarhan/3423051354/" title="Picture 40 by Youssef Sarhan, on Flickr"><img src="http://farm4.static.flickr.com/3606/3423051354_6d27afd60b_b.jpg" width="1024" height="620" alt="Picture 40" /></a></p>
<p>Ok so to give you a break down of what was involved it was something like this.</p>
<p>Film Greenscreen Content >> Capture/Cut/Key in Final Cut >> Particle Visuals, AE Camera Control, Sound FX &#038; Music >> Final Ram Export</p>
<p>Thats the rough workflow, of course there were some forward-backward process as you can imagine. This isn&#8217;t going to be a tutorial but rather how you might approach working on something similar, I&#8217;ll go through each of the stages and fill you in on what worked and what didn&#8217;t.</p>
<p><span id="more-458"></span><strong>Film Greenscreen Content</strong></p>
<p>Ok, so I had pretty limited access to facilities, it was about 3am so no recording studios would let me in. Armed with a pretty decent budget HD camera, tripod, one lamp, a .7x wide converter, some tape (you&#8217;ll see why) and of course a few square meters of green cloth. I set it up like so:</p>
<p><a href="http://www.flickr.com/photos/youssefsarhan/3422796402/" title="Greenscreen Camera Set Up by Youssef Sarhan, on Flickr"><img src="http://farm4.static.flickr.com/3298/3422796402_44cd3a4c71_b.jpg" width="1024" height="737" alt="Greenscreen Camera Set Up" /></a></p>
<p>I had the camera and the lamp in pretty much the same place, at 300w the lamp was too bright and was going to cast a strong shadow behind the subject so I pointed it up against the white ceiling so that it would bounce and defuse the light onto peter, that way you&#8217;d avoid a as much shadow on the green screen. Bare in mind peteys (he let me call him that) pants are green, so they would be tricky to key out, you might have to masked it out frame by frame (<a href="http://en.wikipedia.org/wiki/Rotoscoping">rotoscoping</a>), he refused to wear anything different as you can imagine. Try to wear clothes that contrasts green, nothing from the green spectrum is what you&#8217;re aiming for. You want the greenscreen to be as evenly lit as possible. Ideally I would have had a lamp on either side lighting from behind and making the greenscreen bright for an easy key. There was also an ugly florescent light – you don&#8217;t really want these, if you can avoid it &#8211; directly behind and above me which actually helped soften the lighting in general. That came in handy in post when I was keying the footage. As you can see the camera is about at hip height. I&#8217;d also recommend getting the most vibrant green you can find, the green I found was a little muted. Ideally you&#8217;re looking for something that&#8217;s pretty easy to key like <a href="http://www.destudiodublin.com/images/1000x458%20deStudio%20Greenscreen%20Promo%20Crowd%2024-08-2007%2017-06-10-UWA.jpg">this</a>. As the lighting wasn&#8217;t perfect I had to rotoscope some of the frames, you want to avoid that if possible. Say you need to rotoscope 3 seconds and you&#8217;re shooting 25fps, that&#8217;s 75 frames. Depending on the complexity of the movement that could eat up a plenty of time. Try do everything you can before post so that in post it&#8217;s a smooth process.</p>
<p><a href="http://www.flickr.com/photos/youssefsarhan/3422796308/" title="Greenscreen Camera Set Up by Youssef Sarhan, on Flickr"><img src="http://farm4.static.flickr.com/3639/3422796308_e8e9ce074e_b.jpg" width="1024" height="775" alt="Greenscreen Camera Set Up" /></a></p>
<p>I turned the camera on it&#8217;s side for the full body recording, for two reasons, first off, so that I could fit in the whole shot; and secondly when you&#8217;re recording a full body shot on a greenscreen it makes much more sense to turn the camera so that the shot is vertical, this way you maximize the resolution. The action of the scene is now taking up pretty much all the frame.</p>
<p>I said earlier I had tape and a .7 wide converter, yeah, about that&#8230; erm, I taped the converter onto the front of the camera, and surprisingly it worked a charm, it was crucial for full-body shots. I had no other way of doing it, the room wasn&#8217;t big enough to move the camera back far enough. As I didn&#8217;t need the image to be totally sharp this was ok, however if you want a really sharp image, dont tape your lens on. I think thats obvious; anyway, here&#8217;s what it looked like.</p>
<p><a href="http://www.flickr.com/photos/youssefsarhan/3422886810/" title="Taped on Wide Converter by Youssef Sarhan, on Flickr"><img src="http://farm4.static.flickr.com/3586/3422886810_f89e19ca9f_o.png" width="582" height="690" alt="Taped on Wide Converter" /></a></p>
<p><strong>Cut/Key Capture in Final Cut</strong></p>
<p>After a recording I captured the MiniDV in Final Cut. I didn&#8217;t need the key to be perfect., I just needed to get rid of the main bulk and isolate me to some extent. Here&#8217;s a quick breakdown of the process.</p>
<p><a href="http://www.flickr.com/photos/youssefsarhan/3422154127/" title="Workflow Animation by Youssef Sarhan, on Flickr"><img src="http://farm4.static.flickr.com/3610/3422154127_8acd1f1602_o.gif" width="805" height="715" alt="Workflow Animation" /></a></p>
<p>Raw footage was keyed then converted to B&#038;W using Gradient Ramp in After effects. I had the particles respond to lights and darks so I crushed the blacks &#038; whites together creating a strong contrast.</p>
<p><strong>Particle Visuals/AE Camera Control, Sound FX &#038; Music</strong></p>
<p>After the footage was processed then came the main task, the one which required the most thought and was essentially the hardest of them all. I used <a href="http://www.redgiantsoftware.com/products/all/trapcode-form/">Trapcode Form</a>, an extremely powerful plug-in from Red Giant Software for After Effects. There are tens of thousands, quite possibly millions of different combinations for how this plug-in can look. It&#8217;s easy to navigate but I think I&#8217;ve only scraped the surface. It was my first time using this plug in, be sure to check out their site for more info plus you can <a href="http://www.redgiantsoftware.com/downloads/trial-versions/">download the trail</a> for free which is a great way to learn it.</p>
<p>The way I had the plug-in set up was to convert the video into a 3 particle deep system. Consisting of the colours red,green,blue. I could have made it 2000, 243 or 68 deep, any number, it&#8217;s totally up to you. However this will effect loading times. This is also applicable to all the setting, if ever you&#8217;ve used after effects you&#8217;ll know that there is a huge range of possibility, a fantastic piece of software. Anyway by linking the particles to only display the lights of separate precomp (the b&#038;w video footage of me talking) I now had a pseudo-3d animated environment that I could maneuver the after effects camera around. While After Effects may look 3d it&#8217;s considered to be 2.5d so it has some of the appearance of 3d(X, Y &#038; Z axes) but it isn&#8217;t 3d in the same why 3DMax, Maya, Blender or C4D are. I was able to expand the particles to add some more depth to the video, like when I zoom into the face and you can sort of see my side profile even tho the shot was static and didn&#8217;t move. For example you could achieve a similar effect with a photograph, actually for some of the parts I did use stills from the footage.</p>
<p>Here are some shots of the flowchart from After Effects; how each layer and comp relate to one another. This is just a small portion of it.</p>
<p><a href="http://www.flickr.com/photos/youssefsarhan/3422243641/" title="Picture 39 by Youssef Sarhan, on Flickr"><img src="http://farm4.static.flickr.com/3622/3422243641_0dd19e8fde_o.png" width="1131" height="1047" alt="Picture 39" /></a></p>
<p><strong>Final Ram Export</strong></p>
<p>Here is the result. Watch in HD if you can!</p>
<p>When I was done I added it to the Render Que and exported it. Full HD so it came out pretty sweet. I&#8217;ll also note that I was working in 32BPC, not the 8BPC default, this really worked nicely to bump out the glow.</p>
<p><object width="665" height="372" data="http://vimeo.com/moogaloop.swf?clip_id=4052640&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=59a5d1&amp;fullscreen=1" type="application/x-shockwave-flash"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=4052640&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=59a5d1&amp;fullscreen=1" /></object></p>
<p> Here are a few screen-caps. Click them for full-res, the work pretty nicely as widescreen wallpapers.</p>
<p><a href="http://www.whiteinkblog.com/motiongraphicssc/sc1.jpg"><img src="http://www.whiteinkblog.com/motiongraphicssc/sc1.jpg" alt="" /></a></p>
<p><a href="http://www.whiteinkblog.com/motiongraphicssc/sc2.jpg"><img src="http://www.whiteinkblog.com/motiongraphicssc/sc2.jpg" alt="" /></a></p>
<p><a href="http://www.whiteinkblog.com/motiongraphicssc/sc3.jpg"><img src="http://www.whiteinkblog.com/motiongraphicssc/sc3.jpg" alt="" /></a></p>
<p><a href="http://www.whiteinkblog.com/motiongraphicssc/sc4.jpg"><img src="http://www.whiteinkblog.com/motiongraphicssc/sc4.jpg" alt="" /></a></p>
<p><a href="http://www.whiteinkblog.com/motiongraphicssc/sc5.jpg"><img src="http://www.whiteinkblog.com/motiongraphicssc/sc5.jpg" alt="" /></a></p>
<p><a href="http://www.whiteinkblog.com/motiongraphicssc/sc6.jpg"><img src="http://www.whiteinkblog.com/motiongraphicssc/sc6.jpg" alt="" /></a></p>
<p>So there you have it, that&#8217;s the rough workflow. If there&#8217;s one tip I can give you to take away from this, it would have to be; try do everything you can on set to make the work in post as easy and clean as possible. I think this can be applied to plenty of other mediums, photography etc. You want a solid beginning to work with and then everything you do after that will be a breeze.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.whiteinkblog.com/2009/04/08/my-motion-graphics-workflow/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
	</channel>
</rss>
