<?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>Nenad Katic : Craft, Design and Thinking</title>
	<atom:link href="http://www.nenadk.com/web/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.nenadk.com/web</link>
	<description>i craft, design and think</description>
	<lastBuildDate>Mon, 22 Mar 2010 13:42:38 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Intro</title>
		<link>http://www.nenadk.com/web/2010/01/intro/</link>
		<comments>http://www.nenadk.com/web/2010/01/intro/#comments</comments>
		<pubDate>Sat, 23 Jan 2010 22:28:13 +0000</pubDate>
		<dc:creator>nenadk</dc:creator>
				<category><![CDATA[Featured]]></category>

		<guid isPermaLink="false">http://www.nenadk.com/web/?p=1292</guid>
		<description><![CDATA[My name is Nenad Katic. I am an independent designer working across disciplines.
I craft digital content and experiences, design real-world buildings and objects, and think hard to make sure that the ideas behind these make sense in a first place.
]]></description>
			<content:encoded><![CDATA[<p>My name is Nenad Katic. I am an independent designer working across disciplines.</p>
<p>I <strong>craft</strong> digital content and experiences, <strong>design</strong> real-world buildings and objects, and <strong>think</strong> hard to make sure that the ideas behind these make sense in a first place.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.nenadk.com/web/2010/01/intro/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Put Your Face And Message To Revolt</title>
		<link>http://www.nenadk.com/web/2009/06/customize-revolt-put-your-face-and-revolted-message/</link>
		<comments>http://www.nenadk.com/web/2009/06/customize-revolt-put-your-face-and-revolted-message/#comments</comments>
		<pubDate>Fri, 12 Jun 2009 12:52:16 +0000</pubDate>
		<dc:creator>nenadk</dc:creator>
				<category><![CDATA[Free Stuff]]></category>
		<category><![CDATA[Revolt Theme]]></category>

		<guid isPermaLink="false">http://www.nenadk.com/blog/?p=1149</guid>
		<description><![CDATA[Here's how to put your face to revolt and edit the message you want to shout to the world.]]></description>
			<content:encoded><![CDATA[<div class="columns-2 "><img src="http://www.nenadk.com/web/wp-content/uploads/2009/06/message_1.jpg" alt="message_1" title="message_1" width="430" height="150" class="alignnone size-full wp-image-1574" /></p>
<p><strong>Edit Your Head</strong></p>
<p>You will find a headless header image in edit_head.jpg, in theme’s images folder (that’s /revolt_basic/images/). Edit as you wish to paste your own head or whatever you like, and save it back to head.jpg to overwrite default header.</p>
<p></div> <div class="columns-2 nomargin"><img src="http://www.nenadk.com/web/wp-content/uploads/2009/06/message_2.jpg" alt="message_2" title="message_2" width="430" height="150" class="alignnone size-full wp-image-1573" /><br />
<strong>Edit Your Message</strong></p>
<p>Similarly, you will find an empty message image in edit_message.jpg, in theme’s images/ folder. Write down the message you want to shout to the world and save back as revoltmessage.jpg to overwrite the existing default message. Upload back these two images to server and you’re done !<br />
</div> <div class="clear"> </div>
]]></content:encoded>
			<wfw:commentRss>http://www.nenadk.com/web/2009/06/customize-revolt-put-your-face-and-revolted-message/feed/</wfw:commentRss>
		<slash:comments>18</slash:comments>
		</item>
		<item>
		<title>Customize Revolt: Add Thumbnails</title>
		<link>http://www.nenadk.com/web/2009/06/customize-revolt-add-thumbnails/</link>
		<comments>http://www.nenadk.com/web/2009/06/customize-revolt-add-thumbnails/#comments</comments>
		<pubDate>Thu, 11 Jun 2009 17:23:22 +0000</pubDate>
		<dc:creator>nenadk</dc:creator>
				<category><![CDATA[Free Stuff]]></category>
		<category><![CDATA[Revolt Theme]]></category>

		<guid isPermaLink="false">http://www.nenadk.com/blog/?p=1114</guid>
		<description><![CDATA[Revolt theme's interface is mainly visual and based on post thumbnails. Let's see how to add thumbs to your posts...]]></description>
			<content:encoded><![CDATA[<div class="post-quote"><strong>Automatic Thumbnails</strong></p>
<p>By default, Revolt theme will automatically take the<strong> first image that&#8217;s in the gallery of your post</strong> as a thumbnail for the post. Please keep in mind that it will only work with the images you have uploaded through Upload/Insert interface (see the image), otherwise the thumbnail will not be automatically recognized. In other words, images hosted on other websites (such as Flicker) will not be automatically added to your post.</div>
<div class="post-slideshow"><img class="alignnone size-full wp-image-1559" title="add_1" src="http://www.nenadk.com/web/wp-content/uploads/2009/06/add_1.jpg" alt="add_1" width="580" height="300" /></div>
<div class="clear"> </div>
<div class="post-quote"><strong>Select Thumbnail From Gallery</p>
<p></strong>If you would like to use one of the images from the post&#8217;s gallery as a thumbnail but it isn&#8217;t the first one (so the automatic option is out of question), you can specify the number of the image from the gallery in a<strong> Custom Field </strong>called <strong>thumb</strong>.</div>
<div class="post-slideshow"><img class="alignnone size-full wp-image-1565" title="add_2" src="http://www.nenadk.com/web/wp-content/uploads/2009/06/add_21.jpg" alt="add_2" width="580" height="300" /></div>
<div class="clear"> </div>
<div class="post-quote"><strong>Upload Custom Thumbnail</strong><br />
You can also use a custom image for your thumbnail. Here&#8217;s how to do it:</p>
<ol>
<li>Make a <strong>280&#215;210px jpeg</strong> image for your thumbnail.</li>
<li>You will have to manually <strong>upload the file to the /THUMBS folder</strong> inside of the Revolt folder on your server</li>
<li>Add the <strong>custom field</strong> called <strong>thumbnail</strong> and write down the filename of your thumbnail, as in example. Please note that this custom field is different from the &#8220;thumb&#8221; custom filed which points to the image in gallery. Thumbnail custom field points to the image file you manually uploaded to /thumbs folder.</li>
</ol>
</div>
<div class="post-slideshow"><img class="alignnone size-full wp-image-1561" title="add_3" src="http://www.nenadk.com/web/wp-content/uploads/2009/06/add_3.jpg" alt="add_3" width="580" height="300" /></div>
]]></content:encoded>
			<wfw:commentRss>http://www.nenadk.com/web/2009/06/customize-revolt-add-thumbnails/feed/</wfw:commentRss>
		<slash:comments>19</slash:comments>
		</item>
		<item>
		<title>BIGsheet Viewer</title>
		<link>http://www.nenadk.com/web/2009/06/bigsheet-viewer/</link>
		<comments>http://www.nenadk.com/web/2009/06/bigsheet-viewer/#comments</comments>
		<pubDate>Tue, 09 Jun 2009 10:47:15 +0000</pubDate>
		<dc:creator>nenadk</dc:creator>
				<category><![CDATA[Free Stuff]]></category>
		<category><![CDATA[Software Engineering]]></category>

		<guid isPermaLink="false">http://www.nenadk.com/blog/?p=1061</guid>
		<description><![CDATA[BIGsheet is a customizable image viewer that you can use for free to build an image gallery with your business card, for your website or to run from your computer or CD-ROM.]]></description>
			<content:encoded><![CDATA[	<ul id="slideshow" style="display:none;">
									<li>
					<h3>bigsheet_q</h3>
										<span>http://www.nenadk.com/web/wp-content/uploads/2009/06/bigsheet_q.jpg</span>
					<p></p>
																<a href="http://www.nenadk.com/web/wp-content/uploads/2009/06/bigsheet_q.jpg" title="bigsheet_q"></a>
									</li>
							<li>
					<h3>bigsheet_3</h3>
										<span>http://www.nenadk.com/web/wp-content/uploads/2009/06/bigsheet_3.jpg</span>
					<p></p>
																<a href="http://www.nenadk.com/web/wp-content/uploads/2009/06/bigsheet_3.jpg" title="bigsheet_3"></a>
									</li>
							<li>
					<h3>bigsheet_2</h3>
										<span>http://www.nenadk.com/web/wp-content/uploads/2009/06/bigsheet_2.jpg</span>
					<p></p>
																<a href="http://www.nenadk.com/web/wp-content/uploads/2009/06/bigsheet_2.jpg" title="bigsheet_2"></a>
									</li>
							<li>
					<h3>bighseet_4</h3>
										<span>http://www.nenadk.com/web/wp-content/uploads/2009/06/bighseet_4.jpg</span>
					<p></p>
																<a href="http://www.nenadk.com/web/wp-content/uploads/2009/06/bighseet_4.jpg" title="bighseet_4"></a>
									</li>
						</ul>
    <div id="slideshow-all">
	<div id="slideshow-shadow-l"></div>
	<div id="slideshow-wrapper">
			
		<div id="fullsize">
			<div id="imgprev" class="imgnav" title="Previous Image"></div>
			<div id="imglink" style="display:none"></div>
			<div id="imgnext" class="imgnav" title="Next Image"></div>
			<div id="image"></div>
							<div id="information">
					<p></p>
				</div>
					</div>
		
			</div>
	<div id="slideshow-shadow-r"></div>
    <div id="slideshow-shadow-bl"></div>
    <div id="slideshow-shadow-b"></div>
    <div id="slideshow-shadow-br"></div>
    </div>
	<script type="text/javascript">
	jQuery.noConflict();
	tid('slideshow').style.display = "none";
	tid('slideshow-wrapper').style.display = 'block';
	tid('fullsize').style.width = '880px';
	tid('fullsize').style.height = '440px';
	tid('slideshow-wrapper').style.width = '880px';
	tid('slideshow-wrapper').style.height = '440px';
	tid('information').style.width = '840px';
	
	tid('slideshow-all').style.width = '890px';
	tid('slideshow-all').style.height = '450px';
	tid('slideshow-shadow-l').style.height = '440px';
	tid('slideshow-shadow-r').style.height = '440px';
	tid('slideshow-shadow-b').style.width = '880px';
	
	
	var slideshow = new TINY.slideshow("slideshow");
	
	jQuery(document).ready(function() {	
		slideshow.auto = true;		slideshow.speed = 10;
		slideshow.imgSpeed = 20;
		slideshow.navOpacity = 15;
		slideshow.navHover = 70;
		slideshow.letterbox = "#000000";
		slideshow.link = "linkhover";
		slideshow.info = "information";
	
		slideshow.infoSpeed = 3;
		slideshow.thumbs = "";
		slideshow.thumbOpacity = 70;
		slideshow.left = "slideleft";
		slideshow.right = "slideright";
		slideshow.scrollSpeed = 5;
		slideshow.spacing = 5;
		slideshow.active = "#FFFFFF";
		slideshow.init("slideshow","image","imgprev","imgnext","imglink");
	});
	</script>

<div class="columns-2 "> <img class="ttf" src="http://www.nenadk.com/web/wp-content/plugins/ttftitles/cache/74b88c75167b665ca9476056bdb56808.png" alt="WHAT IS BIG SHEET VIEWER?" width="330" height="25" /><br />
I originally wrote BIGsheet Viewer to create a couple of very quick websites for my friends, and then I modified it so that it can be easily customized.</p>
<p>It is made to be extremely simple, with focus on presenting large images that can be zoomed to display the fine detail (hence &#8211; BIGsheet name).</p>
<p><img class="ttf" src="http://www.nenadk.com/web/wp-content/plugins/ttftitles/cache/df77751d0fe3978063c7b100be8b1176.png" alt="SEE IT IN ACTION !" width="215" height="24" /><br />
Please take a look at these demos of BIGsheet Viewer:<br />
<a href="http://www.nenadk.com/bigsheet/milos" target="_blank">Photography Gallery Using BIGsheet Viewer</a> &#8211; warning: adult content<br />
<a href="http://www.nenadk.com/bigsheet/arch" target="_blank">Architectural Gallery Using BIGsheet Viewer</a></p>
<p><img class="ttf" src="http://www.nenadk.com/web/wp-content/plugins/ttftitles/cache/9e6d680ae7be22838a3416a09b450e4b.png" alt="FEATURES" width="123" height="25" />
<ul>
<li>Easy to use, and easy to create a gallery.</li>
<li>Zoom feature to display images size of bigger than the screen, ideal for architectural presentation or photography.</li>
<li>Displays your business card that will link to your website and your email.</li>
<li>Customizable layout, style, colors and speed.</li>
<li>Pre-loading all the images in the background so you don&#8217;t wait for next image to load.</li>
<li>Web version extremely small (9Kb) &#8211; loads in a moment.</li>
<li>Cross platform &#8211; Windows/Mac.</li>
<li>Windows(.exe) and Mac(.app) presentation projectors available for free download too.</li>
</ul>
</div> <div class="columns-2 nomargin"> <img class="ttf" src="http://www.nenadk.com/web/wp-content/plugins/ttftitles/cache/aed7943b7253bd57b8d0a063beccce51.png" alt="FREE DOWNLOAD" width="193" height="25" />
<p><a href="http://www.nenadk.com/web/files/bigsheet_web.zip" target="_blank">BIGsheet WEB  Edition| 570Kb</a><br />
<a href="http://www.nenadk.com/web/files/bigsheet_win.zip" target="_blank">BIGsheet Windows Application | 1.8Mb</a><br />
<a href="http://www.nenadk.com/web/files/bigsheet_mac.zip" target="_blank">BIGsheet Mac Application  | 4.8Mb</a></p>
<p><img class="ttf" src="http://www.nenadk.com/web/wp-content/plugins/ttftitles/cache/e3beb945d38d098dd31d250967478bcc.png" alt="HOW TO USE" width="143" height="25" /><br />
<a href="wp-content/downloads/bigsheet/_instructions/index.html" target="_blank">Read the instructions</a> on how to use BIGsheet viewer.</p>
<p><small></div> <div class="clear"> </div><br />
<strong>Terms of Use</strong></small></p>
<p><small>BIGsheet Viewer may be used in any kinds of personal and/or commercial projects. Please ensure that the BIGsheet Viewer link in the bottom right corner is clearly visible.</small></p>
<p><small>BIGsheet Viewer  may not be redistributed or resold to other companies or third parties. Specifically, BIGsheet Viewer may not be redistributed as part of a content management system or online hosting solution. If you are interested in redistributing BIGsheet Viewer , please contact me at <a href="mailto:products@nenadk.com">products@nenadk.com.</a></small></p>
]]></content:encoded>
			<wfw:commentRss>http://www.nenadk.com/web/2009/06/bigsheet-viewer/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>Hole As A Logo</title>
		<link>http://www.nenadk.com/web/2009/06/hole-as-a-logo/</link>
		<comments>http://www.nenadk.com/web/2009/06/hole-as-a-logo/#comments</comments>
		<pubDate>Mon, 08 Jun 2009 20:22:54 +0000</pubDate>
		<dc:creator>nenadk</dc:creator>
				<category><![CDATA[Architecture]]></category>
		<category><![CDATA[Art Direction]]></category>
		<category><![CDATA[Work]]></category>

		<guid isPermaLink="false">http://nenadk.com/blog/?p=109</guid>
		<description><![CDATA[Graphic identity of Valencia's annual festival of architecture is created by cutting a void in a shape of an empty slide frame that captures the views of the city. In this manner the logo becomes more than just a graphic sign - it becomes a simple device to experience architecture in a more focused way.]]></description>
			<content:encoded><![CDATA[<div class="columns-3 ">
<div class="post-quote">The winning entry for graphic identity of Valencia&#8217;s annual festival of architecture is created by cutting a void in a shape of an empty slide frame that captures the views of the city architecture seen trough it. In this manner the logo becomes more than just a graphic sign &#8211; it becomes a simple device to experience architecture in a different and more focused way.</p>
</div>
<div style="margin:20px 0 20px 0">The concept is easily recognizable and easy to apply to different media.<br />
<strong>Posters</strong> in a form of an empty slide frame can be successfully applied to exterior walls, and the cut out in the poster brings into focus the beauty and variety of architectural textures.  Posters can also be mounted to become free standing <strong>panels</strong> that make the strong presence in the city and frame the views of the cityscape.<br />
<strong>Leaflets</strong> are designed in the same manner, and the cut out logo stimulates the playful use – they become  paper toy cameras with which the visitors can “take” very own snapshots of the city, a kind of snapshots that doesn&#8217;t get printed on paper, but imprinted in visitors&#8217; memories.</p>
<p>Graphics and typography is simple in order not to distract the focus from what is being observed trough the cut out. They only serve to provide information, not to decorate, beause the real “star of the show” is the architectural environments and textures that are being seen trough.</p>
<p>All the printing is done as an affordable one-color print, and the color of choice is pantone cyan which is abstract enough to make the graphics and posters stand out, being radically different than any color found on local architecture, which makes the posters easily recognizable objects from far away. At the same time, this color matches perfectly any architectural color, because it takes inspiration from the intensely blue Valencian sky.
</p></div>
<p><small>Project done as a collaboration with <strong><a title="BG STUDIO" href="http://www.bg-studio.com" target="_blank">bg-studio</a></strong></small><br />
</div> <div class="columns-3 "> 	<ul id="slideshow" style="display:none;">
									<li>
					<h3>anais</h3>
										<span>http://www.nenadk.com/web/wp-content/uploads/2009/06/anais.jpg</span>
					<p></p>
																<a href="http://www.nenadk.com/web/wp-content/uploads/2009/06/anais.jpg" title="anais"></a>
									</li>
							<li>
					<h3>222</h3>
										<span>http://www.nenadk.com/web/wp-content/uploads/2009/06/222.jpg</span>
					<p></p>
																<a href="http://www.nenadk.com/web/wp-content/uploads/2009/06/222.jpg" title="222"></a>
									</li>
						</ul>
    <div id="slideshow-all">
	<div id="slideshow-shadow-l"></div>
	<div id="slideshow-wrapper">
			
		<div id="fullsize">
			<div id="imgprev" class="imgnav" title="Previous Image"></div>
			<div id="imglink" style="display:none"></div>
			<div id="imgnext" class="imgnav" title="Next Image"></div>
			<div id="image"></div>
							<div id="information">
					<p></p>
				</div>
					</div>
		
			</div>
	<div id="slideshow-shadow-r"></div>
    <div id="slideshow-shadow-bl"></div>
    <div id="slideshow-shadow-b"></div>
    <div id="slideshow-shadow-br"></div>
    </div>
	<script type="text/javascript">
	jQuery.noConflict();
	tid('slideshow').style.display = "none";
	tid('slideshow-wrapper').style.display = 'block';
	tid('fullsize').style.width = '580px';
	tid('fullsize').style.height = '580px';
	tid('slideshow-wrapper').style.width = '580px';
	tid('slideshow-wrapper').style.height = '580px';
	tid('information').style.width = '540px';
	
	tid('slideshow-all').style.width = '590px';
	tid('slideshow-all').style.height = '590px';
	tid('slideshow-shadow-l').style.height = '580px';
	tid('slideshow-shadow-r').style.height = '580px';
	tid('slideshow-shadow-b').style.width = '580px';
	
	
	var slideshow = new TINY.slideshow("slideshow");
	
	jQuery(document).ready(function() {	
		slideshow.auto = true;		slideshow.speed = 10;
		slideshow.imgSpeed = 20;
		slideshow.navOpacity = 15;
		slideshow.navHover = 70;
		slideshow.letterbox = "#000000";
		slideshow.link = "linkhover";
		slideshow.info = "information";
	
		slideshow.infoSpeed = 3;
		slideshow.thumbs = "";
		slideshow.thumbOpacity = 70;
		slideshow.left = "slideleft";
		slideshow.right = "slideright";
		slideshow.scrollSpeed = 5;
		slideshow.spacing = 5;
		slideshow.active = "#FFFFFF";
		slideshow.init("slideshow","image","imgprev","imgnext","imglink");
	});
	</script>
</p>
</div> <div class="clear"> </div>
]]></content:encoded>
			<wfw:commentRss>http://www.nenadk.com/web/2009/06/hole-as-a-logo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Stretch of Imagination</title>
		<link>http://www.nenadk.com/web/2009/06/stretch-of-imagination/</link>
		<comments>http://www.nenadk.com/web/2009/06/stretch-of-imagination/#comments</comments>
		<pubDate>Mon, 08 Jun 2009 14:23:26 +0000</pubDate>
		<dc:creator>nenadk</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[Software Engineering]]></category>
		<category><![CDATA[Work]]></category>

		<guid isPermaLink="false">http://localhost/blog/?p=655</guid>
		<description><![CDATA[Interactive installation for the 2006 Venice Bienalle of Architecture on the theme of growth of the city featured interactive 3D model of the city Belgrade which you could stretch by hand to grow  buildings that would last as long as you hold them.]]></description>
			<content:encoded><![CDATA[<div class="post-quote">
<strong>Stretch of Imagination</strong></p>
<p><em>My city grows<br />
As high as I can stretch my imagination<br />
When I let it go<br />
It crumbles down to reality<br />
But I can still remember<br />
Buildings dancing.</em><br />
<br/><br/><br/><br />
<small>Interactive installation<br />
Venice Bienalle of Architecture, 2006</small></div>
<div class="post-slideshow">
<div class="shadow-580">
<object width="580" height="440"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=4902505&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=4902505&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="580" height="440"></embed></object>
</div>
<div class="shadow-580-end"> </div>
</div>
<div class="clear"> </div>
]]></content:encoded>
			<wfw:commentRss>http://www.nenadk.com/web/2009/06/stretch-of-imagination/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Muji Keybag</title>
		<link>http://www.nenadk.com/web/2009/06/muji-keybag/</link>
		<comments>http://www.nenadk.com/web/2009/06/muji-keybag/#comments</comments>
		<pubDate>Sun, 07 Jun 2009 00:34:50 +0000</pubDate>
		<dc:creator>nenadk</dc:creator>
				<category><![CDATA[Products]]></category>
		<category><![CDATA[Work]]></category>

		<guid isPermaLink="false">http://nenadk.com/blog/?p=120</guid>
		<description><![CDATA[This little thing helped me save at least 15 minutes day as I have never had to waste time looking for keys ever since. Altough it didn't win the Muji design competition, it became a hit among friends so this thingie is still being hand made for a chosen few.]]></description>
			<content:encoded><![CDATA[<div class="post-quote">This little thing helped me save at least 15 minutes day as I have never had to waste time looking for keys ever since.<br />
<strong><a title="Visit Jecka's Website" href="http://www.jecka.net" target="_blank">Jecka</a></strong> and I made it for Muji Award competition, and altough the prototype never made it into factories and shops, it became a hit among friends so a tight little series of hand made keybags is still being produced for a chosen few.
</div>
<div class="post-slideshow">	<ul id="slideshow" style="display:none;">
									<li>
					<h3>1</h3>
										<span>http://www.nenadk.com/web/wp-content/uploads/2009/04/12.jpg</span>
					<p></p>
																<a href="http://www.nenadk.com/web/wp-content/uploads/2009/04/12.jpg" title="1"></a>
									</li>
							<li>
					<h3>2</h3>
										<span>http://www.nenadk.com/web/wp-content/uploads/2009/04/23.jpg</span>
					<p></p>
																<a href="http://www.nenadk.com/web/wp-content/uploads/2009/04/23.jpg" title="2"></a>
									</li>
							<li>
					<h3>3</h3>
										<span>http://www.nenadk.com/web/wp-content/uploads/2009/04/32.jpg</span>
					<p></p>
																<a href="http://www.nenadk.com/web/wp-content/uploads/2009/04/32.jpg" title="3"></a>
									</li>
							<li>
					<h3>4</h3>
										<span>http://www.nenadk.com/web/wp-content/uploads/2009/04/42.jpg</span>
					<p></p>
																<a href="http://www.nenadk.com/web/wp-content/uploads/2009/04/42.jpg" title="4"></a>
									</li>
							<li>
					<h3>5</h3>
										<span>http://www.nenadk.com/web/wp-content/uploads/2009/04/53.jpg</span>
					<p></p>
																<a href="http://www.nenadk.com/web/wp-content/uploads/2009/04/53.jpg" title="5"></a>
									</li>
						</ul>
    <div id="slideshow-all">
	<div id="slideshow-shadow-l"></div>
	<div id="slideshow-wrapper">
			
		<div id="fullsize">
			<div id="imgprev" class="imgnav" title="Previous Image"></div>
			<div id="imglink" style="display:none"></div>
			<div id="imgnext" class="imgnav" title="Next Image"></div>
			<div id="image"></div>
							<div id="information">
					<p></p>
				</div>
					</div>
		
			</div>
	<div id="slideshow-shadow-r"></div>
    <div id="slideshow-shadow-bl"></div>
    <div id="slideshow-shadow-b"></div>
    <div id="slideshow-shadow-br"></div>
    </div>
	<script type="text/javascript">
	jQuery.noConflict();
	tid('slideshow').style.display = "none";
	tid('slideshow-wrapper').style.display = 'block';
	tid('fullsize').style.width = '580px';
	tid('fullsize').style.height = '435px';
	tid('slideshow-wrapper').style.width = '580px';
	tid('slideshow-wrapper').style.height = '435px';
	tid('information').style.width = '540px';
	
	tid('slideshow-all').style.width = '590px';
	tid('slideshow-all').style.height = '445px';
	tid('slideshow-shadow-l').style.height = '435px';
	tid('slideshow-shadow-r').style.height = '435px';
	tid('slideshow-shadow-b').style.width = '580px';
	
	
	var slideshow = new TINY.slideshow("slideshow");
	
	jQuery(document).ready(function() {	
		slideshow.auto = true;		slideshow.speed = 10;
		slideshow.imgSpeed = 20;
		slideshow.navOpacity = 15;
		slideshow.navHover = 70;
		slideshow.letterbox = "#000000";
		slideshow.link = "linkhover";
		slideshow.info = "information";
	
		slideshow.infoSpeed = 3;
		slideshow.thumbs = "";
		slideshow.thumbOpacity = 70;
		slideshow.left = "slideleft";
		slideshow.right = "slideright";
		slideshow.scrollSpeed = 5;
		slideshow.spacing = 5;
		slideshow.active = "#FFFFFF";
		slideshow.init("slideshow","image","imgprev","imgnext","imglink");
	});
	</script>

</div>
<div class="clear"> </div>
]]></content:encoded>
			<wfw:commentRss>http://www.nenadk.com/web/2009/06/muji-keybag/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Virtual Hong Kong Central</title>
		<link>http://www.nenadk.com/web/2009/06/virtual-hongkong-central/</link>
		<comments>http://www.nenadk.com/web/2009/06/virtual-hongkong-central/#comments</comments>
		<pubDate>Wed, 03 Jun 2009 17:03:15 +0000</pubDate>
		<dc:creator>nenadk</dc:creator>
				<category><![CDATA[Software Engineering]]></category>
		<category><![CDATA[Work]]></category>

		<guid isPermaLink="false">http://nenadk.com/blog/?p=84</guid>
		<description><![CDATA[HK Land approached Screampoint to develop a user friendly software to keep track of the maintenance records for the seawater cooling system in their buildings. In only five weeks, our 2-person team delivered solution that allowed users to quickly access any data trough virtual model of central Hong Kong.]]></description>
			<content:encoded><![CDATA[<div class="post-quote">HK Land, a major development group in Hong Kong, approached <a class="links" href="http://www.screampoint.com" target="_blank">Screampoint</a> back in 2002 to develop a user friendly property management system with focus on the burning issue of keeping track of maintenance records for the seawater cooling system that had grown into a mountain of misplaced paper documents.</p>
<p>In only five weeks, our 2-person team managed to build a working prototype in which users could browse the virtual Hong Kong Central, and access any data by interacting with buildings and pipes in 3D. It was an instant success, and put into good use by the client.</p>
<p>More importantly, this project marked the beginning of the future <a class="links" href="/blog/?p=82" target="_self">5D City</a> development, where we had a chance for the first time to put our idea and <a class="links" href="/blog/?p=82#mission" target="_self">vision</a> of digital cities into action.</p>
<p><small>Video courtesy of  <a class="links" href="http://www.youtube.com/profile?user=screampoint&#038;view=videos" target="_blank">Screampoint</a></small></div>
<div class="post-slideshow"><object width="580" height="457"><param name="movie" value="http://www.youtube.com/v/AqGcC_Ofn-E&#038;hl=en_US&#038;fs=1&#038;rel=0&#038;color1=0x3a3a3a&#038;color2=0x999999"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/AqGcC_Ofn-E&#038;hl=en_US&#038;fs=1&#038;rel=0&#038;color1=0x3a3a3a&#038;color2=0x999999" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="580" height="457"></embed></object></div>
<div class="clear"> </div>
]]></content:encoded>
			<wfw:commentRss>http://www.nenadk.com/web/2009/06/virtual-hongkong-central/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Spiralling</title>
		<link>http://www.nenadk.com/web/2009/05/spiralling-monument/</link>
		<comments>http://www.nenadk.com/web/2009/05/spiralling-monument/#comments</comments>
		<pubDate>Sun, 31 May 2009 12:41:44 +0000</pubDate>
		<dc:creator>nenadk</dc:creator>
				<category><![CDATA[Architecture]]></category>
		<category><![CDATA[Software Engineering]]></category>
		<category><![CDATA[Work]]></category>

		<guid isPermaLink="false">http://www.nenadk.com/blog/?p=1018</guid>
		<description><![CDATA[Proposal for an open-air sculpture at a frequent traffic circle in Belgrade. Traditional motive interpreted trough computer-generated form, and another example when the process itself is more interesting than the results :)]]></description>
			<content:encoded><![CDATA[<div class="post-quote">Spiraling Monument is a proposal for an open-air sculpture at a very frequent traffic circle in Belgrade.</p>
<p>What&#8217;s interesting though is this little computer program made to help us generate the sculpture curvature. Another example of the process being more interesting than result &#8211; never underestimate the power of play ! <img src='http://www.nenadk.com/web/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p><small><strong>Design team:</strong><br />
Nenad Katic, architect<br />
Ivan Kucina, architect<br />
Aleksandar Kucina, architect<br />
</small></div>
<div class="post-slideshow">
<div class="shadow-580"><object width="580" height="330"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=4964579&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=4964579&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="580" height="330"></embed></object>
</div>
<div class="shadow-580-end"> </div>
</div>
<div class="clear"> </div>
]]></content:encoded>
			<wfw:commentRss>http://www.nenadk.com/web/2009/05/spiralling-monument/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Big Big Big Museum</title>
		<link>http://www.nenadk.com/web/2009/05/big-big-big-museum/</link>
		<comments>http://www.nenadk.com/web/2009/05/big-big-big-museum/#comments</comments>
		<pubDate>Sun, 31 May 2009 11:54:05 +0000</pubDate>
		<dc:creator>nenadk</dc:creator>
				<category><![CDATA[Architecture]]></category>
		<category><![CDATA[Work]]></category>

		<guid isPermaLink="false">http://www.nenadk.com/blog/?p=1004</guid>
		<description><![CDATA[MOCAPE museum in Shenzhen is an urban icon designed to compromise the monumental aspirations of the program with the need to create a live public space well integrated into newly designed central axis of the city.]]></description>
			<content:encoded><![CDATA[	<ul id="slideshow" style="display:none;">
									<li>
					<h3>1</h3>
										<span>http://www.nenadk.com/web/wp-content/uploads/2009/05/1.jpg</span>
					<p>MOCAPE museum, with its near one-million square feet, is a part of a grand ambitious new axis of civic buildings in the central Shenzhen.</p>
																<a href="http://www.nenadk.com/web/wp-content/uploads/2009/05/1.jpg" title="1"></a>
									</li>
							<li>
					<h3>2</h3>
										<span>http://www.nenadk.com/web/wp-content/uploads/2009/05/2.jpg</span>
					<p>We attempted to express the monumentality as a simple shape that is a reminiscence to the traditional chinese temples.</p>
																<a href="http://www.nenadk.com/web/wp-content/uploads/2009/05/2.jpg" title="2"></a>
									</li>
							<li>
					<h3>3</h3>
										<span>http://www.nenadk.com/web/wp-content/uploads/2009/05/3.jpg</span>
					<p>Single exterior skin unifies entire building into an easily recognizable iconic form.</p>
																<a href="http://www.nenadk.com/web/wp-content/uploads/2009/05/3.jpg" title="3"></a>
									</li>
							<li>
					<h3>4</h3>
										<span>http://www.nenadk.com/web/wp-content/uploads/2009/05/4.jpg</span>
					<p>Entrance elevated to 15m creates a generous public space in a form of a grand staircase.</p>
																<a href="http://www.nenadk.com/web/wp-content/uploads/2009/05/4.jpg" title="4"></a>
									</li>
							<li>
					<h3>5</h3>
										<span>http://www.nenadk.com/web/wp-content/uploads/2009/05/5.jpg</span>
					<p>Inside, museum features vast column-free spaces, vertically layered into different sections, and horizontally split into public and private area.</p>
																<a href="http://www.nenadk.com/web/wp-content/uploads/2009/05/5.jpg" title="5"></a>
									</li>
							<li>
					<h3>6</h3>
										<span>http://www.nenadk.com/web/wp-content/uploads/2009/05/6.jpg</span>
					<p>Connecting element among these areas is circulation zone created around an inclined atrium.</p>
																<a href="http://www.nenadk.com/web/wp-content/uploads/2009/05/6.jpg" title="6"></a>
									</li>
							<li>
					<h3>7</h3>
										<span>http://www.nenadk.com/web/wp-content/uploads/2009/05/7.jpg</span>
					<p>Visitor access to particular parts of exhibition area is controlled by a subway-like system of gates and tickets, and can be fully customized.</p>
																<a href="http://www.nenadk.com/web/wp-content/uploads/2009/05/7.jpg" title="7"></a>
									</li>
							<li>
					<h3>8</h3>
										<span>http://www.nenadk.com/web/wp-content/uploads/2009/05/8.jpg</span>
					<p>Exhibition areas are huge column-free spaces that remind an open-air space.</p>
																<a href="http://www.nenadk.com/web/wp-content/uploads/2009/05/8.jpg" title="8"></a>
									</li>
						</ul>
    <div id="slideshow-all">
	<div id="slideshow-shadow-l"></div>
	<div id="slideshow-wrapper">
			
		<div id="fullsize">
			<div id="imgprev" class="imgnav" title="Previous Image"></div>
			<div id="imglink" style="display:none"></div>
			<div id="imgnext" class="imgnav" title="Next Image"></div>
			<div id="image"></div>
							<div id="information">
					<p></p>
				</div>
					</div>
		
			</div>
	<div id="slideshow-shadow-r"></div>
    <div id="slideshow-shadow-bl"></div>
    <div id="slideshow-shadow-b"></div>
    <div id="slideshow-shadow-br"></div>
    </div>
	<script type="text/javascript">
	jQuery.noConflict();
	tid('slideshow').style.display = "none";
	tid('slideshow-wrapper').style.display = 'block';
	tid('fullsize').style.width = '880px';
	tid('fullsize').style.height = '350px';
	tid('slideshow-wrapper').style.width = '880px';
	tid('slideshow-wrapper').style.height = '350px';
	tid('information').style.width = '840px';
	
	tid('slideshow-all').style.width = '890px';
	tid('slideshow-all').style.height = '360px';
	tid('slideshow-shadow-l').style.height = '350px';
	tid('slideshow-shadow-r').style.height = '350px';
	tid('slideshow-shadow-b').style.width = '880px';
	
	
	var slideshow = new TINY.slideshow("slideshow");
	
	jQuery(document).ready(function() {	
		slideshow.auto = true;		slideshow.speed = 10;
		slideshow.imgSpeed = 20;
		slideshow.navOpacity = 15;
		slideshow.navHover = 70;
		slideshow.letterbox = "#000000";
		slideshow.link = "linkhover";
		slideshow.info = "information";
	
		slideshow.infoSpeed = 3;
		slideshow.thumbs = "";
		slideshow.thumbOpacity = 70;
		slideshow.left = "slideleft";
		slideshow.right = "slideright";
		slideshow.scrollSpeed = 5;
		slideshow.spacing = 5;
		slideshow.active = "#FFFFFF";
		slideshow.init("slideshow","image","imgprev","imgnext","imglink");
	});
	</script>

<div class="columns-2 ">MOCAPE museum in <a href="http://en.wikipedia.org/wiki/Shenzhen" target="_blank">Shenzhen</a> is an urban icon designed to compromise the monumental aspirations of the program with the need to create a live public space well integrated into newly designed central axis of the city.<br />
Monumentality is expressed by making a clear statement of basic elements of space, such as podium, roof, wall, and building core. Their composition is modern reinterpretation of a Chinese temple that is itself interpretation of the archetype of home, existential space that is connecting human and nature. As such, MOCAPE  is intended to symbolize the home-temple of creative urban spirit.</div> <div class="columns-2 nomargin">Building interior is organized as a stack of huge column-free exhibition areas, with the private and administration zone in the back of the building. Dividing these two zones is the central core which comprises circulation, technical systems and main structure of the building, so the rest of the interior could remain clean.<br />
Visitor access to exhibition areas is controlled by subway-like gates, and can be fully customized, so that visitors can purchase tickets to individual exhibitions or entire museum. Gate system is adopted to ease and make faster the circulation of expected huge number of visitors in a building size of almost one million square feet.</p>
<p><small><strong>Design team:</strong><br />
Nenad Katic, architect<br />
Ivan Kucina, architect<br />
</small></div> [end_column]
]]></content:encoded>
			<wfw:commentRss>http://www.nenadk.com/web/2009/05/big-big-big-museum/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
