<?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>bulldoggie studio&#039;s blog &#187; layout</title>
	<atom:link href="http://bulldoggie.cn/blog/category/layout/feed/" rel="self" type="application/rss+xml" />
	<link>http://bulldoggie.cn/blog</link>
	<description></description>
	<lastBuildDate>Thu, 16 Sep 2010 06:00:16 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Captivating and Amazing Out of Bounds Photo Effects</title>
		<link>http://bulldoggie.cn/blog/2010/09/16/captivating-and-amazing-out-of-bounds-photo-effects/</link>
		<comments>http://bulldoggie.cn/blog/2010/09/16/captivating-and-amazing-out-of-bounds-photo-effects/#comments</comments>
		<pubDate>Thu, 16 Sep 2010 05:52:49 +0000</pubDate>
		<dc:creator>classiclori</dc:creator>
				<category><![CDATA[designing]]></category>
		<category><![CDATA[layout]]></category>

		<guid isPermaLink="false">http://bulldoggie.cn/blog/?p=575</guid>
		<description><![CDATA[<p style="text-align: left;">Out of Bounds (OOB) is an interesting photo effect where the object</p><p>or scene in the image seems to jump right out of the photo or its</p><p>borders. It is a photo manipulation technique to add an illusion of</p><p>3-dimsnsionality to a flat photo. Getting an interesting OOB effect</p><p>depends largely on the photo angle and the overall execution of the</p><p>concept. It is lots of fun to create an OOB effect. You can use any</p><p>photo editing software such as Photoshop or Gimp. With some imagination,</p><p>creativity and basic photo editing knowledge you can create an amazing</p><p>OOB image that captivates the viewer’s attention. This article showcases</p><p>50 most spectacular examples of Out of Bounds photo effects. We have</p><p>also featured some excellent tutorials if you are interested in learning</p><p>how to create this effect in Photoshop. So lets venture into this</p><p>mesmerizing world where you will find creatures, people, and vehicles</p><p>jumping right out of the screen.</p><p> <span class='read-more'><a href='http://bulldoggie.cn/blog/2010/09/16/captivating-and-amazing-out-of-bounds-photo-effects/'>[Read More…]</a></span></p><div class="clear-float"></div>
		]]></description>
			<content:encoded><![CDATA[<p style="text-align: left;">Out of Bounds (OOB) is an interesting photo effect where the object  or scene in the image seems to jump right out of the photo or its  borders. It is a photo manipulation technique to add an illusion of  3-dimsnsionality to a flat photo. Getting an interesting OOB effect  depends largely on the photo angle and the overall execution of the  concept. It is lots of fun to create an OOB effect. You can use any  photo editing software such as Photoshop or Gimp. With some imagination,  creativity and basic photo editing knowledge you can create an amazing  OOB image that captivates the viewer’s attention. This article showcases  50 most spectacular examples of Out of Bounds photo effects. We have  also featured some excellent tutorials if you are interested in learning  how to create this effect in Photoshop. So lets venture into this  mesmerizing world where you will find creatures, people, and vehicles  jumping right out of the screen.</p>
<p><span id="more-575"></span></p>
<ul>
<li><a href="http://psd.tutsplus.com/articles/inspiration/captivating-and-amazing-out-of-bounds-photo-effects/#Creations">50 Captivating Out of Bounds Creations</a></li>
<li><a href="http://psd.tutsplus.com/articles/inspiration/captivating-and-amazing-out-of-bounds-photo-effects/#Tutorials">Tutorials on Out of Bounds Effect </a></li>
<li><a href="http://psd.tutsplus.com/articles/inspiration/captivating-and-amazing-out-of-bounds-photo-effects/#Resources">Further Resources</a></li>
</ul>
<hr />
<h2><a name="Creations">50 Captivating Out of Bounds Creations</a></h2>
<h2><a href="http://www.pbase.com/andre_w/image/104537887">The Train</a></h2>
<div><a href="http://www.pbase.com/andre_w/image/104537887"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/104537887.UHxh1S1A.jpg" border="0" alt="" width="600" height="450" /></a></div>
<hr />
<h2><a href="http://fx.worth1000.com/all-sizes/245431/lizard-poping-out/large">Lizard Popping Out</a></h2>
<div><a href="http://fx.worth1000.com/all-sizes/245431/lizard-poping-out/large"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/707141_c35d_1024x2000.jpg" border="0" alt="" width="600" height="462" /></a></div>
<hr />
<h2><a href="http://fxb.worth1000.com/all-sizes/595486/get-me-out/large">Get Me Out</a></h2>
<p>Get Me Out is an amazing surreal styled Out of Bounds effect. The old  antique photo frame, the expression of the subject and the clever use  of lighting and shadow gives the entire image an extra dimension and  adds a surreal effect. You can easily create a photo effect like this  with a great original image, some stock resources, if necessary and with  the effective use of Photoshop . Some of the tutorials featured at the  bottom of this article can also guide you to create a surreal Out of  Bounds illustration.</p>
<div><a href="http://fxb.worth1000.com/all-sizes/595486/get-me-out/large"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/4288048_7531_1024x2000.jpg" border="0" alt="" width="600" height="900" /></a></div>
<hr />
<h2><a href="http://fx.worth1000.com/all-sizes/245379/bridge/large">Bridge</a></h2>
<div><a href="http://fx.worth1000.com/all-sizes/245379/bridge/large"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/707034_611a_1024x2000.jpg" border="0" alt="" width="600" height="400" /></a></div>
<hr />
<h2><a href="http://www.freakingnews.com/Napoleon-Pictures-34337.asp">Napoleon</a></h2>
<div><a href="http://www.freakingnews.com/Napoleon-Pictures-34337.asp"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/Napoleon--28069.jpg" border="0" alt="" width="600" height="654" /></a></div>
<hr />
<h2><a href="http://fx.worth1000.com/all-sizes/245468/wildlife-book/large">Wildlife Book</a></h2>
<p>You would not want to read a wildlife book where animals come out of  the book! The concept of creating an Out of Bounds effect with the book  is brilliant. The idea is beautifully executed.</p>
<div><a href="http://fx.worth1000.com/all-sizes/245468/wildlife-book/large"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/707213_7001_1024x2000.jpg" border="0" alt="" width="600" height="449" /></a></div>
<hr />
<h2><a href="http://fx.worth1000.com/all-sizes/359524/vrooooom/large">VROOOOOM!</a></h2>
<p>You might have seen many Out of Bounds effects with a car jumping out  of photo frame, but this one is fantastic. The dust, the tire tracks  and the whole execution of the concept adds action and depth which makes  the outcome realistic.</p>
<div><a href="http://fx.worth1000.com/all-sizes/359524/vrooooom/large"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/1018068_b68d_1024x2000.jpg" border="0" alt="" width="600" height="700" /></a></div>
<hr />
<h2><a href="http://abducted47.deviantart.com/art/Dress-lady-Out-of-Bounds-148684509?q=1&amp;qo=1">Dress Lady</a></h2>
<div><a href="http://abducted47.deviantart.com/art/Dress-lady-Out-of-Bounds-148684509?q=1&amp;qo=1"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/Dress_lady___Out_of_Bounds_by_Abducted47.jpg" border="0" alt="" width="600" height="902" /></a></div>
<hr />
<h2><a href="http://sahfofa.deviantart.com/art/Fish-Out-of-Bounds-103415419?q=1&amp;qo=1">Fish – Out of Bounds</a></h2>
<div><a href="http://sahfofa.deviantart.com/art/Fish-Out-of-Bounds-103415419?q=1&amp;qo=1"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/Fish___Out_of_Bounds_by_sahfofa.jpg" border="0" alt="" width="600" height="452" /></a></div>
<hr />
<h2><a href="http://fxb.worth1000.com/all-sizes/539663/snake-book/large">Snake Book</a></h2>
<p>Snake Book is another very unique and original idea where the  subject, a snake in this case, is shown coming out of magazine’s page.  It is amazing to see how <a href="http://img81.imageshack.us/img81/6316/outbands.jpg">2 different images</a> (a book and a snake image) are put together and how the whole composition is given an Out of Bounds effect.</p>
<div><a href="http://fxb.worth1000.com/all-sizes/539663/snake-book/large"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/1563886_baa0_1024x2000.jpg" border="0" alt="" width="600" height="481" /></a></div>
<hr />
<h2><a href="http://fxb.worth1000.com/all-sizes/539979/holding-hands/large">Holding Hands</a></h2>
<p>Holding Hands is a clever example of what you can do with Photoshop.  The concept is brilliantly executed with five different images of hands  pulled together to create a simple yet incredible piece.</p>
<div><a href="http://fxb.worth1000.com/all-sizes/539979/holding-hands/large"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/1570553_6e4d_1024x2000.jpg" border="0" alt="" width="600" height="584" /></a></div>
<hr />
<h2><a href="http://fxb.worth1000.com/all-sizes/540000/bridge-to-somewhere/large">Bridge To Somewhere</a></h2>
<div><a href="http://fxb.worth1000.com/all-sizes/540000/bridge-to-somewhere/large"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/1571417_4cd4_1024x2000.jpg" border="0" alt="" width="600" height="448" /></a></div>
<hr />
<h2><a href="http://fx.worth1000.com/all-sizes/441886/hungry-snail/large">Hungry Snail</a></h2>
<p>A cool Out of Bounds effect of a snail coming out of a photo for  food. In this meticulously executed idea, four different source images  are used and they work really great together.</p>
<div><a href="http://fx.worth1000.com/all-sizes/441886/hungry-snail/large"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/1095219_b8e3_1024x2000.jpg" border="0" alt="" width="600" height="668" /></a></div>
<hr />
<h2><a href="http://fxb.worth1000.com/all-sizes/595533/hang-on/large">Hang On</a></h2>
<div><a href="http://fxb.worth1000.com/all-sizes/595533/hang-on/large"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/4291398_437a_1024x2000.jpg" border="0" alt="" width="600" height="901" /></a></div>
<hr />
<h2><a href="http://www.panosfx.com/index.php?option=com_content&amp;view=article&amp;id=287:qanimal-escapeq-contest&amp;catid=34:halls-of-fame&amp;Itemid=104">Taking Off</a></h2>
<div><a href="http://www.panosfx.com/index.php?option=com_content&amp;view=article&amp;id=287:qanimal-escapeq-contest&amp;catid=34:halls-of-fame&amp;Itemid=104"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/A1.jpg" border="0" alt="" width="600" height="530" /></a></div>
<hr />
<h2><a href="http://fxb.worth1000.com/all-sizes/445967/the-escape/large">The Escape</a></h2>
<p>The idea of television sinking in the sea and the cute joyous fishes  jumping out of its screen makes The Escape a visually appealing piece of  Out of Bounds photo effect.</p>
<div><a href="http://fxb.worth1000.com/all-sizes/445967/the-escape/large"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/1098843_3155_625x1000.jpg" border="0" alt="" width="600" height="868" /></a></div>
<hr />
<h2><a href="http://fxb.worth1000.com/all-sizes/540016/sports-gallery/large">Sports Gallery</a></h2>
<div><a href="http://fxb.worth1000.com/all-sizes/540016/sports-gallery/large"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/1572172_0aa0_1024x2000.jpg" border="0" alt="" width="600" height="400" /></a></div>
<hr />
<h2><a href="http://fotot.worth1000.com/all-sizes/562402/escape-in-time/large">Escape in Time</a></h2>
<div><a href="http://fotot.worth1000.com/all-sizes/562402/escape-in-time/large"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/2344222_3c6d_625x1000.jpg" border="0" alt="" width="600" height="905" /></a></div>
<hr />
<h2><a href="http://fxb.worth1000.com/all-sizes/595493/cave-nymphs/large">Cave   Nymphs</a></h2>
<div><a href="http://fxb.worth1000.com/all-sizes/595493/cave-nymphs/large"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/4288737_7659_625x1000.jpg" border="0" alt="" width="600" height="823" /></a></div>
<hr />
<h2><a href="http://fx.worth1000.com/all-sizes/484239/out-of-boundry/large">Out of Boundry</a></h2>
<div><a href="http://fx.worth1000.com/all-sizes/484239/out-of-boundry/large"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/1138062_241b_1024x2000.jpg" border="0" alt="" width="600" height="805" /></a></div>
<hr />
<h2><a href="http://www.panosfx.com/index.php?option=com_content&amp;view=article&amp;id=287:qanimal-escapeq-contest&amp;catid=34:halls-of-fame&amp;Itemid=104">Possible with Photoshop</a></h2>
<div><a href="http://www.panosfx.com/index.php?option=com_content&amp;view=article&amp;id=287:qanimal-escapeq-contest&amp;catid=34:halls-of-fame&amp;Itemid=104"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/C3.jpg" border="0" alt="" width="600" height="530" /></a></div>
<hr />
<h2><a href="http://fx.worth1000.com/all-sizes/245082/slides/large">Slides</a></h2>
<p>Slides is an amazing and unique style of Out of Bounds effect with  the creatures coming out of slides. The little details like water drops  and dirt really add to the over all image and keeps the viewers  attention.</p>
<div><a href="http://fx.worth1000.com/all-sizes/245082/slides/large"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/706415_a077_1024x2000.jpg" border="0" alt="" width="600" height="647" /></a></div>
<hr />
<h2><a href="http://marksheinin.deviantart.com/art/Interactive-35986987?q=1&amp;qo=1">Interactive</a></h2>
<p>That is one smart monkey who can jump out of photograph for food, a very interactive piece indeed.</p>
<div><a href="http://marksheinin.deviantart.com/art/Interactive-35986987?q=1&amp;qo=1"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/Interactive_by_MarkSheinin.jpg" border="0" alt="" width="600" height="409" /></a></div>
<hr />
<h2><a href="http://fxb.worth1000.com/all-sizes/595436/waterfall/large">Waterfall</a></h2>
<div><a href="http://fxb.worth1000.com/all-sizes/595436/waterfall/large"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/4288620_b28e_1024x2000.jpg" border="0" alt="" width="600" height="600" /></a></div>
<hr />
<h2><a href="http://fxb.worth1000.com/all-sizes/539781/humm-pizza/large">Humm, Pizza</a></h2>
<p>It wouldn’t be wrong to say that Humm, pizza is a drooling and mouth  watering Out of Bounds effect. If you ever wished you could eat your  favorite food directly from an advertisement or photo, you can do that  with Photoshop.</p>
<div><a href="http://fxb.worth1000.com/all-sizes/539781/humm-pizza/large"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/1566327_7cbc_625x1000.jpg" border="0" alt="" width="600" height="471" /></a></div>
<hr />
<h2><a href="http://www.flickr.com/photos/derekmonaghan/3325547560/in/pool-44356910@N00">The Lady Loves Chocolates</a></h2>
<p>And if you think pizza isn’t enough, here are some chocolates.</p>
<div><a href="http://www.flickr.com/photos/derekmonaghan/3325547560/in/pool-44356910@N00"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/3325547560_e73defe198_b.jpg" border="0" alt="" width="600" height="432" /></a></div>
<hr />
<h2><a href="http://fxb.worth1000.com/all-sizes/540067/zodiac/large">Zodiac</a></h2>
<div><a href="http://fxb.worth1000.com/all-sizes/540067/zodiac/large"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/1574493_5539_1024x2000.jpg" border="0" alt="" width="600" height="555" /></a></div>
<hr />
<h2><a href="http://www.freakingnews.com/Honeymoon-Pictures-34312.asp">Honeymoon</a></h2>
<p>Honeymoon is a cool romantic example of Out of Bounds effect. The  expression on the face of subject, the way he is jumping out of frame,  the colors of the image and the background scene makes it an awesome  piece of work.</p>
<div><a href="http://www.freakingnews.com/Honeymoon-Pictures-34312.asp"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/Honeymoon--28047.jpg" border="0" alt="" width="600" height="697" /></a></div>
<hr />
<h2><a href="http://www.freakingnews.com/oob-guy-Pictures-31061.asp">OOB Guy</a></h2>
<div><a href="http://www.freakingnews.com/oob-guy-Pictures-31061.asp"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/oob-guy--25266.jpg" border="0" alt="" width="600" height="615" /></a></div>
<hr />
<h2><a href="http://fxb.worth1000.com/all-sizes/539722/battle/large">Battle</a></h2>
<div><a href="http://fxb.worth1000.com/all-sizes/539722/battle/large"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/1565166_aae6_1024x2000.jpg" border="0" alt="" width="600" height="398" /></a></div>
<hr />
<h2><a href="http://www.drollthings.com/?p=2384">Out of Bounds – OOB Art</a></h2>
<div><a href="http://www.drollthings.com/?p=2384"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/oob-art.jpg" border="0" alt="" width="600" height="445" /></a></div>
<hr />
<h2><a href="http://fx.worth1000.com/all-sizes/245489/loves-me/large">Loves Me</a></h2>
<div><a href="http://fx.worth1000.com/all-sizes/245489/loves-me/large"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/707256_b9e5_1024x2000.jpg" border="0" alt="" width="600" height="613" /></a></div>
<hr />
<h2><a href="http://www.freakingnews.com/Surfing-Pictures-34332.asp">Surfing</a></h2>
<div><a href="http://www.freakingnews.com/Surfing-Pictures-34332.asp"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/Surfing--28064.jpg" border="0" alt="" width="600" height="519" /></a></div>
<hr />
<h2><a href="http://fxb.worth1000.com/all-sizes/569825/pulling-crackers/large">Pulling Crackers</a></h2>
<p>In Pulling Crackers, subjects are coming out of hinged picture frame.  The soft pastel colors of the images in frame and all the decoration  around it makes it a beautiful piece.</p>
<div><a href="http://fxb.worth1000.com/all-sizes/569825/pulling-crackers/large"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/2720412_e26f_625x1000.jpg" border="0" alt="" width="600" height="449" /></a></div>
<hr />
<h2><a href="http://www.freakingnews.com/internet-kiss-Pictures-31109.asp">Internet Kiss</a></h2>
<div><a href="http://www.freakingnews.com/internet-kiss-Pictures-31109.asp"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/internet-kiss--25295.jpg" border="0" alt="" width="600" height="306" /></a></div>
<hr />
<h2><a href="http://www.freakingnews.com/riding-china-style-Pictures-31069.asp">Riding China Style</a></h2>
<div><a href="http://www.freakingnews.com/riding-china-style-Pictures-31069.asp"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/riding-china-style--25272.jpg" border="0" alt="" width="600" height="473" /></a></div>
<hr />
<h2><a href="http://quazzie.deviantart.com/art/Living-Art-64921067?q=1&amp;qo=1">Living Art</a></h2>
<div><a href="http://quazzie.deviantart.com/art/Living-Art-64921067?q=1&amp;qo=1"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/Living_Art_by_Quazzie.jpg" border="0" alt="" width="600" height="390" /></a></div>
<hr />
<h2><a href="http://fxb.worth1000.com/all-sizes/595410/the-easy-way/large">The Easy Way</a></h2>
<div><a href="http://fxb.worth1000.com/all-sizes/595410/the-easy-way/large"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/4280082_fe9f_1024x2000.jpg" border="0" alt="" width="600" height="452" /></a></div>
<hr />
<h2><a href="http://www.flickr.com/photos/43244506@N06/4732264715/in/pool-44356910@N00">Photoshop Solutions</a></h2>
<p>A creative way to solve water shortage problems.</p>
<div><a href="http://www.flickr.com/photos/43244506@N06/4732264715/in/pool-44356910@N00"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/4732264715_b8f857c272_b.jpg" border="0" alt="" width="600" height="916" /></a></div>
<hr />
<h2><a href="http://fxb.worth1000.com/all-sizes/308900/comming-out-clean/large">Comming Out Clean</a></h2>
<div><a href="http://fxb.worth1000.com/all-sizes/308900/comming-out-clean/large"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/857996_6afc_1024x2000.jpg" border="0" alt="" width="600" height="422" /></a></div>
<hr />
<h2><a href="http://fxb.worth1000.com/all-sizes/183025/spiderman/large">Spiderman</a></h2>
<div><a href="http://fxb.worth1000.com/all-sizes/183025/spiderman/large"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/927964_eb58_1024x2000.jpg" border="0" alt="" width="600" height="700" /></a></div>
<hr />
<h2><a href="http://kizotina.deviantart.com/art/Reaching-out-of-bounds-91343443?q=1&amp;qo=1">Reaching Out of Bounds</a></h2>
<div><a href="http://kizotina.deviantart.com/art/Reaching-out-of-bounds-91343443?q=1&amp;qo=1"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/Reaching_out_of_bounds_by_Kizotina.jpg" border="0" alt="" width="600" height="800" /></a></div>
<hr />
<h2><a href="http://fx.worth1000.com/all-sizes/441899/catch-of-the-day/large">Catch of the Day</a></h2>
<div><a href="http://fx.worth1000.com/all-sizes/441899/catch-of-the-day/large"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/1095231_90c3_1024x2000.jpg" border="0" alt="" width="600" height="600" /></a></div>
<hr />
<h2><a href="http://www.freakingnews.com/Bubbles-Pictures-34294.asp">Bubbles</a></h2>
<div><a href="http://www.freakingnews.com/Bubbles-Pictures-34294.asp"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/Bubbles--28028.jpg" border="0" alt="" width="600" height="477" /></a></div>
<hr />
<h2><a href="http://fxb.worth1000.com/all-sizes/568319/sticking-out/large">Sticking Out</a></h2>
<div><a href="http://fxb.worth1000.com/all-sizes/568319/sticking-out/large"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/2638211_4133_1024x2000.jpg" border="0" alt="" width="600" height="400" /></a></div>
<hr />
<h2><a href="http://www.freakingnews.com/Snail-Pictures-34302.asp">Snail</a></h2>
<div><a href="http://www.freakingnews.com/Snail-Pictures-34302.asp"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/Snail--28037.jpg" border="0" alt="" width="600" height="398" /></a></div>
<hr />
<h2><a href="http://www.freakingnews.com/Beer-Pictures-34295.asp">Beer</a></h2>
<div><a href="http://www.freakingnews.com/Beer-Pictures-34295.asp"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/Beer--28029.jpg" border="0" alt="" width="600" height="337" /></a></div>
<hr />
<h2><a href="http://browse.deviantart.com/#/d79v7s">Hold Yourself Together</a></h2>
<p>This actually is not an out and out photo manipulation but a drawing  done with a graphite pencil from a reference. The style of this portrait  is really very creative, all the pieces of polaroids with the hands  holding them makes the concept an interesting Out of Bounds artwork.</p>
<div><a href="http://browse.deviantart.com/#/d79v7s"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/Hold_Yourself_Together_by_genni.jpg" border="0" alt="" width="600" height="789" /></a></div>
<hr />
<h2><a href="http://www.flickr.com/photos/shutterin_sharon/3155634318/in/pool-oob">Little Artist</a></h2>
<div><a href="http://www.flickr.com/photos/shutterin_sharon/3155634318/in/pool-oob"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/3155634318_679979663f_o.jpg" border="0" alt="" width="600" height="486" /></a></div>
<hr />
<h2><a href="http://www.dezignmusings.com/2010/02/out-of-bounds-photo-effect.html">Bridge</a></h2>
<p>It is impossible to not get inspired and fascinated. Well, I also created one  Out of Bounds effect.</p>
<div><a href="http://www.dezignmusings.com/2010/02/out-of-bounds-photo-effect.html"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/oob-dezignMusings.jpg" border="0" alt="" width="600" height="412" /></a></div>
<hr />
<h2><a name="Tutorials">Tutorials on Out of Bounds Effect </a></h2>
<h2><a href="http://psd.tutsplus.com/tutorials/photo-effects-tutorials/create-an-out-of-bounds-fantasy-illustration/">Create an Out of Bounds Fantasy Illustration</a></h2>
<p>This fantastic tutorial from Psdtuts+ shows you how to create an Out  of Bounds fantasy illustration where you create a painting on a wall  which is a real world. It guides you through the process of creating a  fantasy scene, making water pour out of a painting. You can create this  surreal illustration with the use of absorption effect, colors and a  variety of stock resources. You can also watch a video tutorial  complimenting this text and image tutorial. If you have never  experimented with surreal concepts in your artworks and want to  incorporate it, we have an excellent <a href="http://sessions.tutsplus.com/creative">Creative Sessions’</a> article, <a href="http://psd.tutsplus.com/articles/theory/incorporating-surrealism-concepts-into-your-digital-artwork/">Incorporating Surrealism Concepts into Your Digital Artwork</a> to guide you.</p>
<div><a href="http://psd.tutsplus.com/tutorials/photo-effects-tutorials/create-an-out-of-bounds-fantasy-illustration/"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/final.jpg" border="0" alt="" width="600" height="375" /></a></div>
<hr />
<h2><a href="http://www.worth1000.com/tutorials/161043/tutorial">Out-of-Bounds</a></h2>
<p>A simple and easy tutorial that can get you started with Out of  Bounds photo effects. This tutorial shows you how after carefully  analyzing the image you should decide where the best perspective is for  the frame (the part that will set it out of bounds), how to hide the  part of image with Layer Mask and how to add the shadows to add the  extra dimension to the image.</p>
<div><a href="http://www.worth1000.com/tutorials/161043/tutorial"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/19158_copy_29200451329PM_OOB_final.jpg" border="0" alt="" width="600" height="375" /></a></div>
<hr />
<h2><a href="http://mypaperbird.blogspot.com/2009/04/tutorial-create-out-of-bound-photo-in.html">Create an Out of Bound Photo in Photoshop</a></h2>
<p>This easy to follow tutorial shows you how to create Out of Bounds  photo effects in Photoshop using the Polygon Lasso Tool, Warp Effect and  how you can tweak the colors using color saturation levels.</p>
<div><a href="http://mypaperbird.blogspot.com/2009/04/tutorial-create-out-of-bound-photo-in.html"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/out-of-bounds-preview.jpg" border="0" alt="" width="600" height="374" /></a></div>
<hr />
<h2><a href="http://www.pixeladdiction.com/bb/articles.php?action=viewarticle&amp;artid=3&amp;page=1">3D Border Breakout</a></h2>
<p>A detailed step-by-step tutorial on how to create an Out of Bounds  effect. This tutorial also shows you how to give the illusion that the  subjects are jumping out of the picture by adding depth through  perspective, shadows and some imagination.</p>
<div><a href="http://www.pixeladdiction.com/bb/articles.php?action=viewarticle&amp;artid=3&amp;page=1"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/3D-Border-Breakout.jpg" border="0" alt="" width="600" height="423" /></a></div>
<hr />
<h2><a href="http://www.graphic-design.com/gallery/designing-women/photos-out-bounds">Photos Out of Bounds</a></h2>
<p>Here is a fun Photoshop tutorial that shows you how to make a picture  jump out of the frame into another photo. You’ll use two images for  this tutorial, Pen Tool to extract the part of image, Transform Tool to  set up perspective and Layer Styles for more effects.</p>
<div><a href="http://www.graphic-design.com/gallery/designing-women/photos-out-bounds"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/16_final_image.jpg" border="0" alt="" width="600" height="405" /></a></div>
<hr />
<h2><a href="http://www.graphics.com/modules.php?name=Sections&amp;op=viewarticle&amp;artid=188">Using Photoshop To Make an Image Jump Out of Frame</a></h2>
<p>The following tutorial teaches you how to create an Out of Bounds  photo using basic Photoshop skills to isolate the target, giving it a  realistic look with proper perspective and other effects. It highlights  the importance of choosing the right photo to get a true 3D effect.</p>
<div><a href="http://www.graphics.com/modules.php?name=Sections&amp;op=viewarticle&amp;artid=188"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/boat4.jpg" border="0" alt="" width="600" height="452" /></a></div>
<hr />
<h2><a href="http://richworks.in/2010/04/out-of-bounds-surreal-photo-manipulation-in-photoshop/">Create an Out of Bounds Surreal Photo Manipulation in Photoshop</a></h2>
<p>This tutorial is a detailed walkthrough of an artwork, which shows  you how to create a surreal out of bounds effect in Photoshop. The  tutorial uses variety of stock images and highlights the advantages of  adjustment layers and how important they are to create a intense photo  manipulation. In this detailed step by step walk through it is  interesting to see how the subject, a shark in this case is shown coming  out of antique photo frame and how the photo manipulation is given a  realistic look using various Photoshop tools and effects.</p>
<div><a href="http://richworks.in/2010/04/out-of-bounds-surreal-photo-manipulation-in-photoshop/"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/preview.jpg" border="0" alt="" width="600" height="375" /></a></div>
<hr />
<h2><a href="http://alfoart.com/midnight_magic_1.html">Midnight Magic Scene Creation in Photoshop</a></h2>
<p>This again is a very interesting tutorial if you want to show a  subject coming in or going out of TV screen and a big photo frame. This  tutorial demonstrates how you can give a dramatic effect to the scene by  using Blending Modes, Layer Styles and Photoshop Filters.</p>
<div><a href="http://alfoart.com/midnight_magic_1.html"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/new_zoo_mid.jpg" border="0" alt="" width="600" height="450" /></a></div>
<hr />
<h2><a href="http://photoshoptutorials.ws/photoshop-tutorials/photo-manipulation/photo-cutout/all-pages.html">Photo Cutout</a></h2>
<p>This tutorial demonstrates a very simple technique where the subject  is extracted from the image using Extract tool and a clever use of Layer  Mask to hide the part of image to create a effect that makes the  subject look like it’s coming in or out of a photo. In this tutorial you  will learn how to use Photoshop’s Extract tool, Layer Masks and Layer  Styles to create a cutout from a photo.</p>
<div><a href="http://photoshoptutorials.ws/photoshop-tutorials/photo-manipulation/photo-cutout/all-pages.html"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/after-2.jpg" border="0" alt="" width="600" height="396" /></a></div>
<hr />
<h2><a href="http://www.panosfx.com/index.php?option=com_content&amp;view=article&amp;id=54:oob&amp;catid=42:free-stuff&amp;Itemid=57">Out of Bounds Photoshop Action</a></h2>
<p>And finally, a bonus! This actually is not a tutorial but a Photoshop  Action which simplifies the steps needed to create the impressive Out  of Bounds photo effect. The Action allows you to define the border size,  the perspective of the image, the out-of-bounds areas and you can also  add the shadow effects. The action is very flexible and makes use of  layer masks, which allows you to fine tune the effect at a later stage.  There is also a video that guides you through the process of using this  Photoshop Action to create an amazing OOB photo effect. At Panosfx you  will also find some more great Photoshop Actions.</p>
<div><a href="http://www.panosfx.com/index.php?option=com_content&amp;view=article&amp;id=54:oob&amp;catid=42:free-stuff&amp;Itemid=57"><img src="http://psdtuts.s3.amazonaws.com/0540_Out_of_Bounds_Effects/OoB3.jpg" border="0" alt="" width="600" height="450" /></a></div>
<hr />
<h2><a name="Resources">Further Resources</a></h2>
<p>As you work through above tutorials to create an OOB effect (or any  photo manipulation) it is essential to know some of the basic Photoshop  techniques like working with Layers, Layer Masks, Selection and  Transform techniques. Below we have listed the links to some of those  tutorials.</p>
<ul>
<li><a href="http://www.tutorial9.net/photoshop/working-with-layers-in-photoshop/">Working with Layers in Photoshop</a></li>
<li><a href="http://www.smashingmagazine.com/2009/12/17/unveiling-photoshop-masks/">Unveiling Photoshop Masks</a></li>
<li><a href="http://psd.tutsplus.com/articles/techniques/a-basic-guide-to-photoshop-cs4-adjustment-layers/">A Basic Guide to Photoshop CS4 Adjustment Layers </a></li>
<li><a href="http://psd.tutsplus.com/tutorials/tools-tips/a-comprehensive-introduction-to-photoshop-selection-techniques/">A Comprehensive Introduction to Photoshop Selection Techniques</a></li>
<li><a href="http://www.tutorial9.net/photoshop/using-transform-in-photoshop/">Using Transform in Photoshop</a></li>
<li><a href="http://designreviver.com/tutorials/photoshop-101-how-to-use-the-free-transform-tool/">Photoshop 101: How To Use The Free Transform Tool</a></li>
<li><a href="http://psd.tutsplus.com/articles/techniques/10-steps-to-improving-your-photoshop-skills/">10 Steps to Improving Your Photoshop Skills </a></li>
<li><a href="http://psd.tutsplus.com/tutorials/tools-tips/30-useful-resources-for-improving-your-photoshop-efficiency/">30+ Useful Resources for Improving Your Photoshop Efficiency </a></li>
</ul>
<p><!-- PHP 5.x --></p>


<p>Related posts:<ol><li><a href='http://bulldoggie.cn/blog/2009/12/14/how-to-create-glass-transparency-in-a-cute-photo-manipulation/' rel='bookmark' title='How to Create Glass Transparency in a Cute Photo Manipulation'>How to Create Glass Transparency in a Cute Photo Manipulation</a></li>
<li><a href='http://bulldoggie.cn/blog/2010/01/25/fantastic-tips-for-shooting-bravely-in-the-suncopy-from-photo-tutsplus-com/' rel='bookmark' title='Fantastic Tips for Shooting Bravely in the Sun(copy from photo.tutsplus.com)'>Fantastic Tips for Shooting Bravely in the Sun(copy from photo.tutsplus.com)</a></li>
<li><a href='http://bulldoggie.cn/blog/2009/12/17/high-dynamic-range-photography-merge-in-cs4/' rel='bookmark' title='High Dynamic Range Photography Merge in cs4'>High Dynamic Range Photography Merge in cs4</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://bulldoggie.cn/blog/2010/09/16/captivating-and-amazing-out-of-bounds-photo-effects/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web Design In Poland</title>
		<link>http://bulldoggie.cn/blog/2010/07/17/web-design-in-poland/</link>
		<comments>http://bulldoggie.cn/blog/2010/07/17/web-design-in-poland/#comments</comments>
		<pubDate>Fri, 16 Jul 2010 23:13:07 +0000</pubDate>
		<dc:creator>classiclori</dc:creator>
				<category><![CDATA[experience for Webdesign]]></category>
		<category><![CDATA[layout]]></category>
		<category><![CDATA[webtoday]]></category>

		<guid isPermaLink="false">http://bulldoggie.cn/blog/?p=464</guid>
		<description><![CDATA[<p>Vodka, pickled cucumbers and Pope John Paul II might spring to mind when someone mentions <strong>Poland</strong>. Obviously there’s more to Poland than that. On the world map of design, Poland is marked by creative agencies that produce high-level design and employ some of the best programmers in the world. There’s also a crowd of freelancers and visionaries who have received worldwide recognition.</p><p>For the people I interviewed, Web design is life. The art directors and freelancers highlighted here work in all sorts of environments, and they answer questions related to our field. You’ll have the opportunity to see Polish Web design from a number of perspectives — and to form your own opinion while browsing selected productions.</p><p> <span class='read-more'><a href='http://bulldoggie.cn/blog/2010/07/17/web-design-in-poland/'>[Read More…]</a></span></p><div class="clear-float"></div>
		]]></description>
			<content:encoded><![CDATA[<p>Vodka, pickled cucumbers and Pope John Paul II might spring to mind when someone mentions <strong>Poland</strong>. Obviously there’s more to Poland than that. On the world map of design, Poland is marked by creative agencies that produce high-level design and employ some of the best programmers in the world. There’s also a crowd of freelancers and visionaries who have received worldwide recognition.</p>
<p>For the people I interviewed, Web design is life. The art directors and freelancers highlighted here work in all sorts of environments, and they answer questions related to our field. You’ll have the opportunity to see Polish Web design from a number of perspectives — and to form your own opinion while browsing selected productions.</p>
<p><span id="more-464"></span></p>
<p>[Offtopic: by the way, did you know that there is a Smashing eBook Series? Book #1 is <a href="http://shop.smashingmagazine.com/smashing-ebook-series-1-professional-web-design-intl.html">Professional Web Design</a>, 242 pages for just $9,90.]</p>
<h3>The State Of Things</h3>
<p><strong>Question: Can you name some of the milestones in Polish Web design? What are the biggest and most important productions in recent years?</strong></p>
<p><strong>Jacek Opaluch</strong> of <a title="K2 Internet" href="http://www.k2.pl/">K2 Internet</a>: If milestones are things that have changed the perception of Web design, we have to mention Internet locations, events and designs. In my opinion, the locations would inlude mocnweb.pl, a forum that no longer functions and is probably only remembered by people over 30. It was a place where people could share their initial experiences and which, if I remember correctly, had the first carefully selected catalogue of Polish Web designers’ websites.</p>
<p>Then there was the everlasting <a href="http://www.webesteem.pl/">webesteem.pl</a>, steadily breaking records as the website with “the layout that never changed.” There were always several people around — some significant, like Bartek Gołębiowski, Jędrek Kostecki, Bartek Rozbicki, Wojtek Krosnowski, Wojtek Piotrowski, Piotr Łupiński and Łukasz Twardowski — whose attitude toward the Internet undoubtedly had great influence on thinking and design. There were many more people whose names I don’t remember, unfortunately, for which I apologize.</p>
<p><a href="http://chopin2010.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/04/chopin.jpg" alt="Chopin in Showcase Of Web Design In Poland" width="500" height="329" /></a><br />
<em><a href="http://chopin2010.pl/">Chopin2010.pl</a></em></p>
<p>Certain designs are stuck in my mind. These were well known, not just in Poland, and sometimes they were great examples to follow. Some have been replaced by newer versions, so giving the URLs here might be pointless, but they definitely include: Max Weber’s <a href="http://www.pdk.pl/index_f.html">pdk.pl</a>, a Flash portal with much character (probably the first in Poland); <a href="http://pl.nokia.pl/modnanokia/">Nokia</a> (created by K2 Internet); <a href="http://plama.art.pl/">plama.art.pl</a> and its subsequent versions; <a href="http://www.feta.pl/">feta.pl</a>; <a href="http://www.sullivan.pl/">Sullivan’s Productions</a>; <a href="http://www.click5.pl/">click5.pl</a>; <a href="http://www.arsthanea.com/">Ars Thanea</a>; <a href="http://www.cookie.pl/">cookie.pl</a>; and recently, <a href="http://www.studiokxx.com/">StudioKxx</a> and <a href="http://www.huncwot.com/">huncwot.com</a>. These are all first-class websites. Unfortunately it’s impossible for me to name every excellent website.</p>
<p>In my opinion there were two other crucial events that gave shape to things: agencies went public (a sort of goodbye to the formative years of Web design) and eBay debuted in Poland. These events showed the quality of our service and proved that the Polish internaut had been highly underestimated abroad.</p>
<p><strong>Question: Are there any significant differences between Web designing in Poland and in the rest of Europe when it comes to artistic development?</strong></p>
<p><strong>Jacek Opaluch</strong>: There are differences in budget, in the attitudes of clients and in understanding the Internet’s potential. Statistically, I don’t see any difference in the quality of the things we do: we win awards, we are jurors and we build among the best of the websites that present outstanding design — just like the rest of the world.</p>
<p><a href="http://www.zakochajsiewkolorze.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/zakochaj-sie-w-kolorze.jpg" alt="Zakochaj-sie-w-kolorze in Showcase Of Web Design In Poland" width="500" height="329" /></a><br />
<em>Zakochaj się w kolorze.</em></p>
<p><strong>Kamil Kaniuk</strong> of <a href="http://www.merixstudio.pl/">Merix Studio</a>: Polish programmers and coders are generally well regarded, which results from our observations and experience — often in cooperation with foreign firms. Numerous highly skilled Web developers are in Poland whose code is of world-class quality. Here at Merix Studio, we are searching for such people. The skills of our coders have been appreciated by the British company Independent News and Media, which prepared a series of test tasks for us before they decided to commission us to work on their leading brands (The Independent and Herald, for example).</p>
<p>We are less inspired by Flash achievements and augmented reality (so popular right now) than are other interactive agencies in Poland. We are more interested in the productions of smaller flexible firms such as 37signals, nclud, Reactive and Clearleft. We invest in flexible and cost-optimal open-source software (Drupal, WordPress, Magento), because it can easily substitute for expensive commercial solutions.</p>
<p>Open-source software is regarded slightly differently in Poland than it is in Western countries; the opinion that any self-respecting interactive agency should have its own original content management system (CMS) still prevails here, but this is not so. Just look at the US government: Whitehouse.gov is based on Drupal.</p>
<p>In the current period of economic slowdown, Western companies are looking for ways to reduce costs while maintaining good quality. Many companies outsource to such countries as Poland, and these companies often have funds at their disposal that allow them to be more open to creative ideas. This is encouraging for Polish Web designers.</p>
<p><a href="http://www.warszawska-jesien.art.pl/08/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/warszawska-jesien.jpg" alt="Warszawska-jesien in Showcase Of Web Design In Poland" width="500" height="329" /></a><br />
<em><a href="http://www.warszawska-jesien.art.pl/08/">Warszawska Jesień 2008</a></em></p>
<p><strong>Question: When was the starting point of innovative Web design in Poland? When did new media settle in Poland for good?</strong></p>
<p><strong>Łukasz Twardowski</strong> of <a href="http://www.cookie.pl/">Cookie.pl</a>: The first thing I remember from the Internet was an interactive advertising campaign for Frugo juice. The campaign was created by an agency, and it was the first Polish viral ad. It probably significantly increased interest in the Internet as a medium for advertising, and it collided with the so-called “Internet bubble,” which burst before any innovative design came into being.</p>
<p>Still, this was the time when most designers I admire became active. Some independent websites on Web design were created, like Mocny Web or Webesteem. They attracted people who already thought of themselves as designers for new media. Looking back, I see that what pushed us forward was energy and optimism rather than skills and knowledge.</p>
<p>I think we became aware of both (i.e. skills and the role of Web design) about three or four years ago, but the awareness wasn’t strong yet. The major problem with Web design in Poland is that the best interactive agencies give priority to advertising, and design is a secondary issue. Small clients such as photographers and architects, who might desire and deserve the best designs, often don’t have enough money to employ professionals. It’s great to see, though, that cultural institutions have more money to spend on the Internet, and they spend it wisely.</p>
<p><strong>Question: Is it possible to identify specific patterns in Polish Web design? Is every significant website really different from all the rest?</strong></p>
<p><strong>Łukasz Twardowski</strong>: I wish Polish Web design had German discipline, Scandinavian simplicity and our knightly imagination. Polish designs are often much more daring than those of our neighbours. Still, if we want to develop our philosophy of design and be visible to the world, then we have to make more effort.</p>
<p>The economy in Poland has been improving, and the only thing we need now is more energy and optimism. Mocny Web died naturally, and Webesteem is on its last legs. What we lack is a central forum where young designers (in a sense, all of us are “young”) can see the spectacular Web designs and discuss them.</p>
<p><a href="http://www.flirt-commando.com/en/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/04/flirt-camp.jpg" alt="Flirt-camp in Showcase Of Web Design In Poland" width="500" height="329" /></a><br />
<em><a href="http://www.flirt-commando.com/en/">Flirt Camp</a></em></p>
<p><strong>Kamil Kaniuk</strong>: We think that in Poland there are still no styles in Web design that would distinguish our country from others — that is, that any styles are unequalled. Although one could fairly easily enumerate some common features of designs created elsewhere (the meticulous detail and profound illustrations of Russia, for example, or the graphic-rich interfaces of the United States), no specific style dominates in Poland. However, the “transfer of ideas” (say from West to East) is much faster now than it was a few years ago.</p>
<p>Too often a design is a compromise between the vision of the designer and the requirements of the customer. Such designs tend to undergo amendments by the customer, which can change their original form. In our opinion, the openness of customers to modern solutions (e.g. non-standard interfaces based on JavaScript, like Xpiritmental) is less common in Poland than elsewhere. Foreign customers seem to be more open to our ideas and give us greater freedom, and they are ready to make use of technologies like JavaScript and AJAX.</p>
<p>That opens the gate to creativity and gives the freedom to implement interesting solutions. In many Polish agencies — including those that work with big brands and budgets — some cheap and mediocre designs are created out of necessity.</p>
<p><a href="http://kula.gov.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/kula.jpg" alt="Kula in Showcase Of Web Design In Poland" width="500" height="329" /></a><br />
<em><a href="http://kula.gov.pl/">Kula.gov.pl</a></em></p>
<p><strong>Question: What is it like to work as a freelancer in Poland? Is it drudgery or a stress-free job? Is it about keeping loyal clients or constantly searching for new ones?</strong></p>
<p><a href="http://designin.pl/">Jan Stańko</a>: We shouldn’t generalize; every freelancer is different. Starting off is definitely difficult. Without a strong position in the market, you have to look for clients on your own, and you have to convince people that you are trustworthy and deserve opportunities. There are plenty of freelancers, but unfortunately the majority of them are young and immature and have no idea about the business. They finish school and immediately call themselves professionals. It can end badly: very often the honest designers who treat the profession seriously and think of it as their future have to suffer the consequences.</p>
<p>In time, the serious freelancer gets clients and agencies start knocking on their door. Then you can choose the tasks you like the most, and that brings more money. Work gets difficult when you want to earn more money; it can mean sleepless nights, gallons of coffee and in my case, unfortunately, plenty of cigarettes.</p>
<p>There are moments of anxiety as well, usually brought on by people who pretend to know everything about the Internet but actually know very little. I guess the best solution is to cooperate with agencies on a regular basis. Agencies can take the burden of work overload and stress off your back. Also, their complex services give you the opportunity to meet more interesting clients. As for the future, time will tell. I’m not even halfway through my career. Trophies are still a long way ahead!</p>
<p><a href="http://www.bubole.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/bubole.jpg" alt="Bubole in Showcase Of Web Design In Poland" width="500" height="329" /></a><br />
<em><a href="http://www.bubole.pl/">Bubole</a></em></p>
<p><a href="http://www.nastaly.com/">Rafał Nastały</a>: Earning one’s living as a freelancer in Poland without a recognized name can be incredibly tough. Independent clients often don’t want to sign contracts or pre-pay. They also think that preparing a layout is a piece of cake, so when they hear the price, they often back out. It’s very frustrating. It’s much more pleasant to cooperate with several agencies that can give you a fairly constant number of orders.</p>
<p><a href="http://www.biernawski.com/">Piotr Biernawski</a>: I have five or six regular clients. Sometimes a client withdraws, and it’s usually because of money. It’s never a disagreement about the terms of the contract but about actually sticking to these terms (payment can be long delayed, etc.). But when some go, others come. I’ve been working with longstanding clients for five years now.</p>
<p>Drudgery or a piece of cake? Definitely not a piece of cake. If it wasn’t for my strong connection to the mountains, which I love and where I do my hobbies, I would probably move to a bigger city and look for a full-time job. I also have a wife and child who are not very keen to move. However, I don’t think freelancing is drudgery; I can’t afford the latest model of BMW, but I work only about two hours a day. Even though you need to be psychologically strong to work like this, the lifestyle is great.</p>
<p><a href="http://www.ghentelmen.com/">Łukasz Bronisz</a>: I think it depends on the individual. Everyone arranges their time and work environment differently. Some people prefer working at night and waking up at dusk in order to meet a deadline. Most of us, however, try to work during regular hours. It allows you to be in touch with agencies, allows you to make light changes and corrections and lets you have a private life too.</p>
<p>I imagine that freelancing in Poland is similar to freelancing in other countries. It can be hard sometimes because of tight schedules or having a number of projects going at the same time. On the other hand, you always have the opportunity to relax or even take a break for a couple of days. No one arranges your time or dictates your schedule.</p>
<p>Also, though, no one checks on you. If you choose to freelance, for which your income depends on how much you work, it’s reasonable to cooperate with several agencies. Doing this usually gives you enough orders that you don’t have to worry about the next month and can concentrate on your work. Of course, it’s always good to look for new projects so that you develop and diversify your designs.</p>
<p><a href="http://www.ghentelmen.com/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/07/matibu.jpg" alt="Matibu in Showcase Of Web Design In Poland" width="500" height="332" /></a><br />
<em>Łukasz Bronisz</em></p>
<p><a href="http://www.substancja.pl/">Konrad Wysokiński</a>: It’s still quite difficult to get by as a freelancer in Poland, although there are probably some people who don’t have to worry about work or can be picky about contracts. I often get the impression that people still don’t know what good design is or know that it costs money. For many people, the Internet is still a must: “People are talking about it, so let’s make a website — but make it as cheap as possible.” Some company owners have this attitude. As a result they ask someone, anyone, who knows a little bit about Photoshop (a brother-in-law’s daughter) to create the cheapest website possible. Thankfully, this has been changing steadily, like our society in general, and I hope that our sensitivity to the profession of Web design will increase with time.</p>
<p><a href="http://touchdesign.pl/">Mateusz Jakobsze</a>: The Web design market in Poland has been gradually expanding. A lot of people freelance to get rid of the constraints of working for agencies. They want creative freedom and to earn more money. Undoubtedly, an advantage to freelancing in Poland is the opportunity to work for clients abroad who pay in Euro or American dollars. The ability to choose which clients and agencies to cooperate with is a big advantage as well. I always try to look abroad for new clients and to network. I have some regular clients as well as a couple of interactive agencies that I often collaborate with. We socialize not only at work but also at parties and unofficial get-togethers. It’s good to maintain informal relationships with your clients.</p>
<p><a href="http://touchdesign.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/jakobsze.jpg" alt="Jakobsze in Showcase Of Web Design In Poland" width="500" height="329" /></a><br />
<em>Mateusz Jakobsze</em></p>
<p><strong>Question: How does the Web design and development market look in Poland? Is it possible to earn one’s living from freelancing alone?</strong></p>
<p><a href="http://designin.pl/">Jan Stańko</a>: It is possible, definitely. Many people are self-subsisting freelancers, including me. There are quite a lot of agencies and enough clients, and whether we get by depends on our hard work, consistency and responsibility. When it comes to cooperation with agencies, it usually goes smoothly; it’s the clients who are the weak link. But even that has been changing. The Internet is still a brand new thing for many people. Non-professionals find it difficult to catch up with the news that keeps popping up in the field, and sometimes this can result in misunderstanding.</p>
<p><a href="http://www.nastaly.com/">Rafał Nastały</a>: Freelancing is not for everyone. You need to be self-disciplined and consistent to work as a freelancer. When you collaborate with agencies that know how to communicate with clients and that pay generously, you can have a relatively high standard of living.</p>
<p>One negative aspect is the lack of credibility at the bank (getting a big loan is difficult), so if you’re not a high-profile Web designer, the best option is to have a full-time job and take additional work from other sources now and then. This creates financial stability. A bonus like that — a well-paid creative task — is actually very nice. There are of course some freelancers for whom one layout is worth more than the monthly earning of others.</p>
<p><a href="http://www.warszawska-jesien.art.pl/09/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/warszawska-jesien-091.jpg" alt="Warszawska-jesien-091 in Showcase Of Web Design In Poland" width="500" height="329" /></a><br />
<em><a href="http://www.warszawska-jesien.art.pl/09/">Warszawska Jesień 2009</a></em></p>
<p><a href="http://www.biernawski.com/">Piotr Biernawski</a>: It is certainly possible to earn a living from freelancing. I know some people who earn more than ten thousand a month. I’m not talking about famous names here, but about people from small towns, “unheard of” names in our line of business. Considering the time I devote to work, I am not an example of this, but I can afford everyday living: mortgage, alcohol and cigarettes!</p>
<p><a href="http://www.ghentelmen.com/">Łukasz Bronisz</a>: I think that the Polish market is pretty good. It’s a young market. Actually the whole business is young. Polish clients have become more aware of the Internet in recent years. Plenty of talented people are in the trade in Poland. If you know how to organize your time effectively, talk to people and sometimes work more than the standard eight hours, then freelancing is enough to earn a living. The important thing is to be consistent and up to date.</p>
<p><a href="http://www.substancja.pl/">Konrad Wysokiński</a>: I’ll quote part of a conversation I had with a colleague, a designer. I asked him once, “Can you earn a living from freelancing?” He said, “It depends on your standard of living.” You can get by, of course, but you probably won’t make a fortune. I often get the impression that in Poland this type of work is considered a craft and is not treated with respect like other “professional” work. We are very far from the image of the Web designer you see in Hollywood movies, who has a five million dollar house with a swimming pool, has his own agent and who is the top Web designer for the most famous brands.</p>
<p><a href="http://www.substancja.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/wysokinski.jpg" alt="Wysokinski in Showcase Of Web Design In Poland" width="500" height="329" /></a><br />
<em>Konrad Wysokiński</em></p>
<p><a href="http://touchdesign.pl/">Mateusz Jakobsze</a>: It’s not much different from what you see in other countries. We have many arenas where graphic designers can display their work, like themed blogs and Internet forums. The majority of creative agencies and independent clients look for employees that way.</p>
<p>Freelance Web designing has been developing in Poland: about a quarter of agencies outsource on a regular basis, and more than a third use freelancers for selected projects. So, there are opportunities to work on different brands for different companies, which is good for both present and future freelancers.</p>
<p>Special workplaces and offices have gradually emerged where there is no boss and all the workers are freelancers. We have such a place in Poznań. It’s a great idea to have freelancers from different professions gathered in one place. I hope for more initiatives like that.</p>
<p><strong>Question: What inspires you? Do you approach every design differently and enthusiastically, or is it sometimes like mass production?</strong></p>
<p><a href="http://designin.pl/">Jan Stańko</a>: Mass production kills creativity, so I avoid it as much as I can. I prefer to do less work better. Then you can show a portfolio that you are really proud of. It’s the only way I work.</p>
<p>Honestly, my inspiration comes from the work of other designers, both from Poland and abroad. Behance.net is a really amazing source, vast and rich. I don’t have a specific example, but this ocean of artistic ideas fuels creativity and prepares you to bring your own ideas to life. Then it just flows.</p>
<p><a href="http://www.nastaly.com/">Rafał Nastały</a>: When I have the freedom of choice and some time on my hands, I try to make something original that appeals to both me and the client. But it sometimes happens that there are several tasks and the deadline is “yesterday.” In this situation, I bear down and work like a robot while trying to maintain a high quality of work. I get inspiration from the Internet. I regularly visit websites devoted strictly to Web design like FWA, DesignFollow and obviously Smashing Magazine. I also visit DesignYouTrust, FormFiftyFive and FFFFound. You can find plenty of great art and designs from many fields.</p>
<p><a href="http://www.biernawski.com/">Piotr Biernawski</a>: Sometimes a free mind, a break from work and lack of inspiration are the best sources of inspiration! I work most effectively after a two-week break in which I do absolutely nothing — but such breaks happen only once in a while. This is why a freelancer needs to be psychologically strong, otherwise getting depressed is easy.</p>
<p>As for inspiration, I have bookmarked several links. They are mostly Polish productions, and I visit them now and then. Given how much I work, this may sound strange, but one’s attitude to design makes a difference. Unfortunately for me, the majority of my recent projects were due “yesterday.” A client pays for fast work, and standards have to be met. There isn’t always a sense of achievement when you work quickly, but as long as the client is satisfied, I’m happy as well. Some interesting projects require more involvement. Usually these are not assigned by agencies but by independent clients who come directly to me. Maybe this tells us something?</p>
<p><a href="http://www.reserved.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/reserved1.jpg" alt="Reserved1 in Showcase Of Web Design In Poland" width="500" height="329" /></a><br />
<em><a href="http://www.reserved.pl/">Reserved.pl</a></em></p>
<p><a href="http://www.ghentelmen.com/">Łukasz Bronisz</a>: I treat every design individually and use new ideas and techniques. When I start a project, I try to get a sense of what the client likes, but I also aim to be satisfied with my own work. It’s nice when everything goes smoothly and both the client and agency like your idea. Working with individuals can be tough; sometimes they just don’t appreciate your effort, which can compromise the result. This is typical both in Poland and abroad — at least, that has been my experience.</p>
<p><a href="http://www.substancja.pl/">Konrad Wysokiński</a>: I get inspiration from all around. I sometimes do corporate identity design, which can inspire me. Naturally, I watch the best people at work and keep up with the trends. I’m a fan of grunge design, but very rarely can I use it. Every project is a new challenge for me, so I give my heart and soul to each and every design. I’m never convinced by lines like, “Do it quicker and simpler for a lower price.” I believe it’s impossible to make something look professional without taking a professional approach.</p>
<p><a href="http://www.strzyg.com/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/strzyg.jpg" alt="Strzyg in Showcase Of Web Design In Poland" width="500" height="329" /></a><br />
<em><a href="http://www.strzyg.com/">Strzyg</a></em></p>
<p><a href="http://touchdesign.pl/">Mateusz Jakobsze</a>: Like every creative job, graphic design requires participation. To keep up to date with all the news in both Web and graphic design, I regularly visit the important portals and blogs devoted to this line of work, be they Polish or international. The crucial ones include Behance, Smashing Magazine, DeviantArt, the FWA and New Web Pic. Additionally, I find reading and browsing books on advertising, typography, designing for the Web (including for portfolios, Flash websites and e-commerce shops) and graphic design useful. It can also be a good way to relax and get away from the digital world to some degree.</p>
<p>The last (but most important) sources of inspiration for me are sleep and having a life outside of work (away from my computer). Socializing with friends and going to parties, cinema, opera and other cultural events renew my energy for creative work.</p>
<p>When it comes to designs, I treat every project differently, but I always try to have a plan, an idea of how to do the project, from beginning to end. I make some sketches, and when know exactly what I want, I get down to work. Every design is a new challenge. I set higher standards for myself every day, and I strive to be the best at what I do.</p>
<h3>Showcase Of Beautiful Web Design From Poland</h3>
<p><a href="http://www.lech.pl/">Lech.pl</a></p>
<p><a href="http://www.lech.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/lech.jpg" alt="Lech in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.teatrwybrzeze.pl/">Teatr Wybrzeże</a></p>
<p><a href="http://www.teatrwybrzeze.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/teatr-wybrzeze.jpg" alt="Teatr-wybrzeze in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.walkmankomiks.pl/">Sony Walkman</a></p>
<p><a href="http://www.walkmankomiks.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/sony-walkman-komiks.jpg" alt="Sony-walkman-komiks in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://pl.nokia.pl/modnanokia/">Modna Nokia</a></p>
<p><a href="http://pl.nokia.pl/modnanokia/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/modna-nokia.jpg" alt="Modna-nokia in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.happymeal.pl/">McDonald’s Happy Meal</a></p>
<p><a href="http://www.happymeal.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/mcdonalds-happy-meal.jpg" alt="Mcdonalds-happy-meal in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.bigstar.pl/">Bigstar</a></p>
<p><a href="http://www.bigstar.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/bigstar-barcelona.jpg" alt="Bigstar-barcelona in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.zakulisami.allegro.pl/">Allegro za kulisami</a></p>
<p><a href="http://www.zakulisami.allegro.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/allegro-zakulisami.jpg" alt="Allegro-zakulisami in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.thetoke.com/">Thetoke</a></p>
<p><a href="http://www.thetoke.com/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/thetoke.jpg" alt="Thetoke in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.malyglod.pl/">Mały Głód</a></p>
<p><a href="http://www.malyglod.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/malyglod1.jpg" alt="Malyglod1 in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.eureko.pl/">Eureko</a></p>
<p><a href="http://www.eureko.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/eureko.jpg" alt="Eureko in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.greywolf.pl/">Grey Wolf</a></p>
<p><a href="http://www.greywolf.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/grey-wolf.jpg" alt="Grey-wolf in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.carlsbergliverpool.pl/">Carlsberg Liverpool</a></p>
<p><a href="http://www.carlsbergliverpool.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/carlsberg-liverpool.jpg" alt="Carlsberg-liverpool in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://skodayeti.pl/">Skoda Yeti</a></p>
<p><a href="http://skodayeti.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/skoda-yeti.jpg" alt="Skoda-yeti in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.500bydiesel.com/">Fiat 500 Diesel</a></p>
<p><a href="http://www.500bydiesel.com/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/fiat-diesel.jpg" alt="Fiat-diesel in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://hf3.coca-cola.com/?locale=pl_PL">Happiness Factory</a></p>
<p><a href="http://hf3.coca-cola.com/?locale=pl_PL"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/happiness-factory.jpg" alt="Happiness-factory in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.bestphoto.pl/">Best Photo</a></p>
<p><a href="http://www.bestphoto.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/best-photo.jpg" alt="Best-photo in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.rokkaboy.com/">Rokkaboy</a></p>
<p><a href="http://www.rokkaboy.com/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/rokkaboy.jpg" alt="Rokkaboy in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.feta.pl/">Festiwal Feta</a></p>
<p><a href="http://www.feta.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/feta.jpg" alt="Feta in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.zubr.pl/">Żubr</a></p>
<p><a href="http://www.zubr.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/zubr.jpg" alt="Zubr in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.okocim.pl/">Okocim</a></p>
<p><a href="http://www.okocim.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/okocim.jpg" alt="Okocim in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.zajacmroku.pl/">Zając Mroku</a></p>
<p><a href="http://www.zajacmroku.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/zajac-mroku.jpg" alt="Zajac-mroku in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.scandium.amica.pl/">Amica Scandium</a></p>
<p><a href="http://www.scandium.amica.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/amica-scandium.jpg" alt="Amica-scandium in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.puchatekkakao.pl/">Kakao Puchatek</a></p>
<p><a href="http://www.puchatekkakao.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/puchatek.jpg" alt="Puchatek in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.kalinowepola.pl/">Kalinowe Pola</a></p>
<p><a href="http://www.kalinowepola.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/kalinowe-pola.jpg" alt="Kalinowe-pola in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.profipartners.pl/">ProfiPartners</a></p>
<p><a href="http://www.profipartners.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/profi-partners.jpg" alt="Profi-partners in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.longermix.kfc.pl/">KFC Longer Mix</a></p>
<p><a href="http://www.longermix.kfc.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/kfc.jpg" alt="Kfc in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.justyna-kowalczyk.pl/">Justyna Kowalczyk</a></p>
<p><a href="http://www.justyna-kowalczyk.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/justyna-kowalczyk.jpg" alt="Justyna-kowalczyk in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://bn.org.pl/">Biblioteka Narodowa</a></p>
<p><a href="http://bn.org.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/bn.jpg" alt="Bn in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.nowyteatr.org/">Nowy Teatr</a></p>
<p><a href="http://www.nowyteatr.org/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/nowy-teatr.jpg" alt="Nowy-teatr in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.mediations.pl/2008/">Mediations Biennale</a></p>
<p><a href="http://www.mediations.pl/2008/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/mediations.jpg" alt="Mediations in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.masterm.pl/">Masterm</a></p>
<p><a href="http://www.masterm.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/04/masterm.jpg" alt="Masterm in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.commonwealth.pl/">Common Wealth</a></p>
<p><a href="http://www.commonwealth.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/commonwealth.jpg" alt="Commonwealth in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.pawellenar.pl/">Pawel Lenar</a></p>
<p><a href="http://www.pawellenar.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/pawel-lenar.jpg" alt="Pawel-lenar in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.fotokody.pl/">Fotokody</a></p>
<p><a href="http://www.fotokody.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/fotokody.jpg" alt="Fotokody in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.e-greenline.pl/">Greenline</a></p>
<p><a href="http://www.e-greenline.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/greenline.jpg" alt="Greenline in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.gellwe.pl/">Gellwe</a></p>
<p><a href="http://www.gellwe.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/gellwe.jpg" alt="Gellwe in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.horalky.com.pl/">Horalky</a></p>
<p><a href="http://www.horalky.com.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/horalky.jpg" alt="Horalky in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://fajnechlopaki.com/">Fajne Chłopaki</a></p>
<p><a href="http://fajnechlopaki.com/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/04/fajne-chlopaki.jpg" alt="Fajne-chlopaki in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<h3>Showcase Of Interactive And Creative Agencies In Poland</h3>
<p><a href="http://www.click5.pl/">Click5</a></p>
<p><a href="http://www.click5.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/click5.jpg" alt="Click5 in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.cookie.pl/">Cookie</a></p>
<p><a href="http://www.cookie.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/cookie.jpg" alt="Cookie in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.os3.pl/">OS3</a></p>
<p><a href="http://www.os3.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/os3.jpg" alt="Os3 in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.arsthanea.com/">Ars Thanea</a></p>
<p><a href="http://www.arsthanea.com/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/ars-thanea.jpg" alt="Ars-thanea in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.artegence.pl/">Artegence</a></p>
<p><a href="http://www.artegence.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/artegence.jpg" alt="Artegence in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.adv.pl/">Adv</a></p>
<p><a href="http://www.adv.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/adv.jpg" alt="Adv in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.huncwot.com/">Huncwot</a></p>
<p><a href="http://www.huncwot.com/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/huncwot.jpg" alt="Huncwot in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.opcom.pl/">Opcom</a></p>
<p><a href="http://www.opcom.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/opcom.jpg" alt="Opcom in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.bbcg.pl/">Blueberry</a></p>
<p><a href="http://www.bbcg.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/blue-berry-pixel.jpg" alt="Blue-berry-pixel in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.180hb.com/">180 Heartbeats</a></p>
<p><a href="http://www.180hb.com/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/180-heartbeats.jpg" alt="180-heartbeats in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.goforchange.pl/">Change Connections</a></p>
<p><a href="http://www.goforchange.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/change-connections.jpg" alt="Change-connections in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.hipopotamstudio.pl/">Hipopotam Studio</a></p>
<p><a href="http://www.hipopotamstudio.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/hipopotam-studio.jpg" alt="Hipopotam-studio in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.goldensubmarine.com/">Golden Submarine</a></p>
<p><a href="http://www.goldensubmarine.com/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/golden-submarine.jpg" alt="Golden-submarine in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.sointeractive.pl/">So Interactive</a></p>
<p><a href="http://www.sointeractive.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/sointeractive.jpg" alt="Sointeractive in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.honki.pl/">Honki</a></p>
<p><a href="http://www.honki.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/honki.jpg" alt="Honki in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.pro-creation.pl/">Pro-Creation</a></p>
<p><a href="http://www.pro-creation.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/pro-creation.jpg" alt="Pro-creation in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.hypermedia.pl/">Hypermedia</a></p>
<p><a href="http://www.hypermedia.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/hypermedia.jpg" alt="Hypermedia in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.artflash.pl/">Art Flash</a></p>
<p><a href="http://www.artflash.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/art-flash.jpg" alt="Art-flash in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.chigodesign.com/">Chigo Design</a></p>
<p><a href="http://www.chigodesign.com/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/chigo.jpg" alt="Chigo in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.eura7.com/">Eura 7</a></p>
<p><a href="http://www.eura7.com/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/eura-7.jpg" alt="Eura-7 in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.infinitygroup.pl/">Infinity Group</a></p>
<p><a href="http://www.infinitygroup.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/infinity-group.jpg" alt="Infinity-group in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.insignia.pl/">Insignia</a></p>
<p><a href="http://www.insignia.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/insignia.jpg" alt="Insignia in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.netizens.pl/">Netizens</a></p>
<p><a href="http://www.netizens.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/netizens.jpg" alt="Netizens in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.studiosynergia.pl/">Studio Synergia</a></p>
<p><a href="http://www.studiosynergia.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/studio-synergia.jpg" alt="Studio-synergia in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.xoestudio.com/">Xoe Studio</a></p>
<p><a href="http://www.xoestudio.com/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/xoe-studio.jpg" alt="Xoe-studio in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.mediaambassador.pl/">Media Ambassador</a></p>
<p><a href="http://www.mediaambassador.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/media-ambassador.jpg" alt="Media-ambassador in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<p><a href="http://www.hotmind.pl/">Hotmind</a></p>
<p><a href="http://www.hotmind.pl/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/02/hot-mind.jpg" alt="Hot-mind in Showcase Of Web Design In Poland" width="500" height="329" /></a></p>
<blockquote>
<div><img src="http://www.gravatar.com/avatar/4bddddb680e7e1d6995f1fdef7ecad39?s=78&amp;d=http%3A%2F%2Fwww.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D78&amp;r=G" alt="" width="78" height="78" /></div>
<p><a title="Posts by Przemek Matylla" href="http://www.smashingmagazine.com/author/przemek-matylla/">Przemek Matylla</a></p>
<p>Yep, that&#8217;s me! I&#8217;m a web-developer, interface specialist at <a href="http://www.allegro.pl/">Allegro</a>, one of the largest online marketplaces in Central and Eastern Europe. I am in love with CSS, JS and AS3, ad basically everything front-end related. You can visit my <a href="http://www.matylla.pl/blog">personal blog</a> or follow me on <a href="http://www.twitter.com/matylla">Twitter</a>.</p></blockquote>
<p><!-- PHP 5.x --></p>


<p>Related posts:<ol><li><a href='http://bulldoggie.cn/blog/2009/12/28/web-design-trends-for-2009/' rel='bookmark' title='Web Design Trends For 2009'>Web Design Trends For 2009</a></li>
<li><a href='http://bulldoggie.cn/blog/2010/02/12/27-places-to-find-web-design-jobs/' rel='bookmark' title='27 Places to Find Web Design Jobs'>27 Places to Find Web Design Jobs</a></li>
<li><a href='http://bulldoggie.cn/blog/2009/12/28/more-web-design-trends-for-2009/' rel='bookmark' title='More Web Design Trends For 2009(layout)'>More Web Design Trends For 2009(layout)</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://bulldoggie.cn/blog/2010/07/17/web-design-in-poland/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>40个超棒的摄影师作品集网站设计欣赏</title>
		<link>http://bulldoggie.cn/blog/2010/06/29/40%e4%b8%aa%e8%b6%85%e6%a3%92%e7%9a%84%e6%91%84%e5%bd%b1%e5%b8%88%e4%bd%9c%e5%93%81%e9%9b%86%e7%bd%91%e7%ab%99%e8%ae%be%e8%ae%a1%e6%ac%a3%e8%b5%8f/</link>
		<comments>http://bulldoggie.cn/blog/2010/06/29/40%e4%b8%aa%e8%b6%85%e6%a3%92%e7%9a%84%e6%91%84%e5%bd%b1%e5%b8%88%e4%bd%9c%e5%93%81%e9%9b%86%e7%bd%91%e7%ab%99%e8%ae%be%e8%ae%a1%e6%ac%a3%e8%b5%8f/#comments</comments>
		<pubDate>Tue, 29 Jun 2010 07:56:49 +0000</pubDate>
		<dc:creator>classiclori</dc:creator>
				<category><![CDATA[designing]]></category>
		<category><![CDATA[layout]]></category>

		<guid isPermaLink="false">http://bulldoggie.cn/blog/?p=449</guid>
		<description><![CDATA[<p>这是一个关于极好的作品集网站设计收集。国内外有很多很有才的摄影师，而有些摄影师的作品集网站也同样很棒。本文列出40个设计非常棒的摄影师的作 品集网站设计，以供大家参考。</p><p>同时我们不难发现，这些相册网站，绝大部分使用暗色调，比如黑色或深灰色，用很大的醒目的位置显示漂亮的图片 以吸引读者的眼球。</p><p><a href="http://www.qianduan.net/40-great-photographer-portfolio-websites.html"></a></p><p> <span class='read-more'><a href='http://bulldoggie.cn/blog/2010/06/29/40%e4%b8%aa%e8%b6%85%e6%a3%92%e7%9a%84%e6%91%84%e5%bd%b1%e5%b8%88%e4%bd%9c%e5%93%81%e9%9b%86%e7%bd%91%e7%ab%99%e8%ae%be%e8%ae%a1%e6%ac%a3%e8%b5%8f/'>[Read More…]</a></span></p><div class="clear-float"></div>
		]]></description>
			<content:encoded><![CDATA[<p>这是一个关于极好的作品集网站设计收集。国内外有很多很有才的摄影师，而有些摄影师的作品集网站也同样很棒。本文列出40个设计非常棒的摄影师的作 品集网站设计，以供大家参考。</p>
<p>同时我们不难发现，这些相册网站，绝大部分使用暗色调，比如黑色或深灰色，用很大的醒目的位置显示漂亮的图片 以吸引读者的眼球。</p>
<p><a href="http://www.qianduan.net/40-great-photographer-portfolio-websites.html"></a></p>
<p><span id="more-449"></span></p>
<h4>Jeremy  Cowart</h4>
<p><a href="http://www.jeremycowart.com/" target="_blank"> <img src="http://www.qianduan.net/wp-content/uploads/2009/10/photographer/ppw1.jpg" alt="超棒的摄影师作品集网站设计欣赏" /></a></p>
<h4>Koen Demuynck</h4>
<p><a href="http://www.koendemuynck.com/" target="_blank"> <img src="http://www.qianduan.net/wp-content/uploads/2009/10/photographer/ppw2.jpg" alt="超棒的摄影师作品集网站设计欣赏" /></a></p>
<h4>Mitchell Kanashkevich</h4>
<p><a href="http://www.mitchellkphotos.com/" target="_blank"> <img src="http://www.qianduan.net/wp-content/uploads/2009/10/photographer/ppw3.jpg" alt="超棒的摄影师作品集网站设计欣赏" /></a></p>
<h4>Joon Brandt</h4>
<p><a href="http://www.joonsworld.no/" target="_blank"> <img src="http://www.qianduan.net/wp-content/uploads/2009/10/photographer/ppw4.jpg" alt="超棒的摄影师作品集网站设计欣赏" /></a></p>
<h4>Frederik Clement</h4>
<p><a href="http://www.fredrikclement.com/" target="_blank"> <img src="http://www.qianduan.net/wp-content/uploads/2009/10/photographer/ppw5.jpg" alt="超棒的摄影师作品集网站设计欣赏" /></a></p>
<h4>Brent Stirton</h4>
<p><a href="http://www.brentstirton.com/" target="_blank"> <img src="http://www.qianduan.net/wp-content/uploads/2009/10/photographer/ppw6.jpg" alt="超棒的摄影师作品集网站设计欣赏" /></a></p>
<h4>Les Forrester</h4>
<p><a href="http://www.faceonimages.co.uk/" target="_blank"> <img src="http://www.qianduan.net/wp-content/uploads/2009/10/photographer/ppw7.jpg" alt="超棒的摄影师作品集网站设计欣赏" /></a></p>
<h4>Alberto Ovied</h4>
<p><a href="http://oviedofoto.com/" target="_blank"> <img src="http://www.qianduan.net/wp-content/uploads/2009/10/photographer/ppw8.jpg" alt="超棒的摄影师作品集网站设计欣赏" /></a></p>
<h4>Ashley Lebedev</h4>
<p><a href="http://www.bottlebellphotography.com/" target="_blank"> <img src="http://www.qianduan.net/wp-content/uploads/2009/10/photographer/ppw9.jpg" alt="超棒的摄影师作品集网站设计欣赏" /></a></p>
<h4>Jill Greenberg</h4>
<p><a href="http://www.manipulator.com/" target="_blank"> <img src="http://www.qianduan.net/wp-content/uploads/2009/10/photographer/ppw10.jpg" alt="超棒的摄影师作品集网站设计欣赏" /></a></p>
<h4>Paolo Boccardi</h4>
<p><a href="http://www.fashionphotographer.it/" target="_blank"> <img src="http://www.qianduan.net/wp-content/uploads/2009/10/photographer/ppw11.jpg" alt="超棒的摄影师作品集网站设计欣赏" /></a></p>
<h4>Eric Ryan Anderson</h4>
<p><a href="http://www.ericryananderson.com/" target="_blank"> <img src="http://www.qianduan.net/wp-content/uploads/2009/10/photographer/ppw12.jpg" alt="超棒的摄影师作品集网站设计欣赏" /></a></p>
<h4>Lara Jade</h4>
<p><a href="http://www.larajade.co.uk/" target="_blank"> <img src="http://www.qianduan.net/wp-content/uploads/2009/10/photographer/ppw13.jpg" alt="超棒的摄影师作品集网站设计欣赏" /></a></p>
<h4>Corey Arnold</h4>
<p><a href="http://www.coreyfishes.com/" target="_blank"> <img src="http://www.qianduan.net/wp-content/uploads/2009/10/photographer/ppw14.jpg" alt="超棒的摄影师作品集网站设计欣赏" /></a></p>
<h4>Andrew Gransden</h4>
<p><a href="http://www.andrewgransdenphotography.co.uk/" target="_blank"> <img src="http://www.qianduan.net/wp-content/uploads/2009/10/photographer/ppw15.jpg" alt="超棒的摄影师作品集网站设计欣赏" /></a></p>
<h4>David Hill</h4>
<p><a href="http://www.davehillphoto.com/" target="_blank"> <img src="http://www.qianduan.net/wp-content/uploads/2009/10/photographer/ppw16.jpg" alt="超棒的摄影师作品集网站设计欣赏" /></a></p>
<h4>Gavin Gough</h4>
<p><a href="http://www.gavingough.com/" target="_blank"> <img src="http://www.qianduan.net/wp-content/uploads/2009/10/photographer/ppw17.jpg" alt="超棒的摄影师作品集网站设计欣赏" /></a></p>
<h4>Your Beautiful Photography</h4>
<p><a href="http://www.yourbeautifulphotography.com/" target="_blank"> <img src="http://www.qianduan.net/wp-content/uploads/2009/10/photographer/ppw18.jpg" alt="超棒的摄影师作品集网站设计欣赏" /></a></p>
<h4>Dimitris Theocharis</h4>
<p><a href="http://www.dimitristheocharis.com/" target="_blank"> <img src="http://www.qianduan.net/wp-content/uploads/2009/10/photographer/ppw19.jpg" alt="超棒的摄影师作品集网站设计欣赏" /></a></p>
<h4>Robert Dann</h4>
<p><a href="http://www.robertdannphotography.co.uk/" target="_blank"> <img src="http://www.qianduan.net/wp-content/uploads/2009/10/photographer/ppw20.jpg" alt="超棒的摄影师作品集网站设计欣赏" /></a></p>
<h4>Chase Jarvis</h4>
<p><a href="http://www.chasejarvis.com/" target="_blank"> <img src="http://www.qianduan.net/wp-content/uploads/2009/10/photographer/ppw21.jpg" alt="超棒的摄影师作品集网站设计欣赏" /></a></p>
<h4>Jonathan Glynn Smith</h4>
<p><a href="http://www.jonathanglynnsmith.com/JGS.html" target="_blank"> <img src="http://www.qianduan.net/wp-content/uploads/2009/10/photographer/ppw22.jpg" alt="超棒的摄影师作品集网站设计欣赏" /></a></p>
<h4>Jan Sochor</h4>
<p><a href="http://www.jansochor.com/" target="_blank"> <img src="http://www.qianduan.net/wp-content/uploads/2009/10/photographer/ppw23.jpg" alt="超棒的摄影师作品集网站设计欣赏" /></a></p>
<h4>Lisa Bettany</h4>
<p><a href="http://lisabettany.com/" target="_blank"> <img src="http://www.qianduan.net/wp-content/uploads/2009/10/photographer/ppw24.jpg" alt="超棒的摄影师作品集网站设计欣赏" /></a></p>
<h4>Dennis Reggie</h4>
<p><a href="http://denisreggie.com/" target="_blank"><img src="http://www.qianduan.net/wp-content/uploads/2009/10/photographer/ppw25.jpg" alt="超棒的摄影师作品集网站设计欣赏" /></a></p>
<h4>Christian Oth</h4>
<p><a href="http://www.christianothstudio.com/#/intro" target="_blank"> <img src="http://www.qianduan.net/wp-content/uploads/2009/10/photographer/ppw26.jpg" alt="超棒的摄影师作品集网站设计欣赏" /></a></p>
<h4>Levon Biss</h4>
<p><a href="http://www.levonbiss.com/" target="_blank"> <img src="http://www.qianduan.net/wp-content/uploads/2009/10/photographer/ppw27.jpg" alt="超棒的摄影师作品集网站设计欣赏" /></a></p>
<h4>Little Hellos</h4>
<p><a href="http://www.littlehellos.com/" target="_blank"> <img src="http://www.qianduan.net/wp-content/uploads/2009/10/photographer/ppw28.jpg" alt="超棒的摄影师作品集网站设计欣赏" /></a></p>
<h4>Mark Velasquez</h4>
<p><a href="http://www.markvelasquez.com/" target="_blank"> <img src="http://www.qianduan.net/wp-content/uploads/2009/10/photographer/ppw29.jpg" alt="超棒的摄影师作品集网站设计欣赏" /></a></p>
<h4>Daniel Kennedy Photography</h4>
<p><a href="http://www.danielkennedy.com/" target="_blank"><img src="http://www.qianduan.net/wp-content/uploads/2009/10/photographer/ppw31.jpg" alt="超棒的摄影师作品集网站设计欣赏" /></a></p>
<h4>Mark Velasquez</h4>
<p><a href="http://www.markvelasquez.com/" target="_blank"> <img src="http://www.qianduan.net/wp-content/uploads/2009/10/photographer/ppw30.jpg" alt="超棒的摄影师作品集网站设计欣赏" /></a></p>
<h4>Rinze Van Brug</h4>
<p><a href="http://www.rinze.com/" target="_blank"> <img src="http://www.qianduan.net/wp-content/uploads/2009/10/photographer/ppw32.jpg" alt="超棒的摄影师作品集网站设计欣赏" /></a></p>
<h4>Emmanuel Rouzic</h4>
<p><a href="http://www.emmanuelrouzic.com/" target="_blank"> <img src="http://www.qianduan.net/wp-content/uploads/2009/10/photographer/ppw33.jpg" alt="超棒的摄影师作品集网站设计欣赏" /></a></p>
<h4>Raven Photography</h4>
<p><a href="http://www.raven-photography.nl/" target="_blank"><img src="http://www.qianduan.net/wp-content/uploads/2009/10/photographer/ppw34.jpg" alt="超棒的摄影师作品集网站设计欣赏" /></a></p>
<h4>Carlos Alonso Bodas</h4>
<p><a href="http://www.carlosalonsobodas.com/" target="_blank"> <img src="http://www.qianduan.net/wp-content/uploads/2009/10/photographer/ppw35.jpg" alt="超棒的摄影师作品集网站设计欣赏" /></a></p>
<h4>Kenn Reay</h4>
<p><a href="http://www.kennreayphotography.co.uk/" target="_blank"> <img src="http://www.qianduan.net/wp-content/uploads/2009/10/photographer/ppw36.jpg" alt="超棒的摄影师作品集网站设计欣赏" /></a></p>
<h4>Jason Bell</h4>
<p><a href="http://www.jasonbellphoto.com/#/home/" target="_blank"> <img src="http://www.qianduan.net/wp-content/uploads/2009/10/photographer/ppw37.jpg" alt="超棒的摄影师作品集网站设计欣赏" /></a></p>
<h4>James Day Photography</h4>
<p><a href="http://www.jamesdayphoto.com/" target="_blank"> <img src="http://www.qianduan.net/wp-content/uploads/2009/10/photographer/ppw38.jpg" alt="超棒的摄影师作品集网站设计欣赏" /></a></p>
<h4>Evaan Kheraj</h4>
<p><a href="http://www.evaankheraj.com/" target="_blank"> <img src="http://www.qianduan.net/wp-content/uploads/2009/10/photographer/ppw39.jpg" alt="超棒的摄影师作品集网站设计欣赏" /></a></p>
<h4>David Vasiljevic</h4>
<p><a href="http://www.davidvasiljevic.com/" target="_blank"> <img src="http://www.qianduan.net/wp-content/uploads/2009/10/photographer/ppw40.jpg" alt="超棒的摄影师作品集网站设计欣赏" /></a><!-- PHP 5.x --></p>


<p>No related posts.</p>]]></content:encoded>
			<wfw:commentRss>http://bulldoggie.cn/blog/2010/06/29/40%e4%b8%aa%e8%b6%85%e6%a3%92%e7%9a%84%e6%91%84%e5%bd%b1%e5%b8%88%e4%bd%9c%e5%93%81%e9%9b%86%e7%bd%91%e7%ab%99%e8%ae%be%e8%ae%a1%e6%ac%a3%e8%b5%8f/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>40多个很有创意的单页网站设计</title>
		<link>http://bulldoggie.cn/blog/2010/06/29/40%e5%a4%9a%e4%b8%aa%e5%be%88%e6%9c%89%e5%88%9b%e6%84%8f%e7%9a%84%e5%8d%95%e9%a1%b5%e7%bd%91%e7%ab%99%e8%ae%be%e8%ae%a1/</link>
		<comments>http://bulldoggie.cn/blog/2010/06/29/40%e5%a4%9a%e4%b8%aa%e5%be%88%e6%9c%89%e5%88%9b%e6%84%8f%e7%9a%84%e5%8d%95%e9%a1%b5%e7%bd%91%e7%ab%99%e8%ae%be%e8%ae%a1/#comments</comments>
		<pubDate>Tue, 29 Jun 2010 07:50:50 +0000</pubDate>
		<dc:creator>classiclori</dc:creator>
				<category><![CDATA[designing]]></category>
		<category><![CDATA[layout]]></category>

		<guid isPermaLink="false">http://bulldoggie.cn/blog/?p=446</guid>
		<description><![CDATA[<p>看看一个设计师在一个单独的页 面中能做些什么是件很有趣的事情。有的时候，单页网站可以传达比多页网站更多的信息。单页网站设计适用于没有太多内容的情况。有的设计师使用页签 (tabs)、折叠(accordion)效果来在一个页面中展现更多的信息。作品集网站常常是单页网站的一个完美例子，它可以让访问者很容易的看到内 容。非作品集网站根据需求也将很有意义。</p><p>貌似单页网站可以让设计师自由的创作比 传统的多页网站更独特的东东。或许是因为你只需要让它们在一个页面上实现就行了……</p><p>现在让前端观察带你欣赏一下这40个很有创意的单页网站 设计吧：</p><p> <span class='read-more'><a href='http://bulldoggie.cn/blog/2010/06/29/40%e5%a4%9a%e4%b8%aa%e5%be%88%e6%9c%89%e5%88%9b%e6%84%8f%e7%9a%84%e5%8d%95%e9%a1%b5%e7%bd%91%e7%ab%99%e8%ae%be%e8%ae%a1/'>[Read More…]</a></span></p><div class="clear-float"></div>
		]]></description>
			<content:encoded><![CDATA[<p>看看一个设计师在一个单独的页 面中能做些什么是件很有趣的事情。有的时候，单页网站可以传达比多页网站更多的信息。单页网站设计适用于没有太多内容的情况。有的设计师使用页签 (tabs)、折叠(accordion)效果来在一个页面中展现更多的信息。作品集网站常常是单页网站的一个完美例子，它可以让访问者很容易的看到内 容。非作品集网站根据需求也将很有意义。</p>
<p>貌似单页网站可以让设计师自由的创作比 传统的多页网站更独特的东东。或许是因为你只需要让它们在一个页面上实现就行了……</p>
<p>现在让前端观察带你欣赏一下这40个很有创意的单页网站 设计吧：</p>
<p><span id="more-446"></span></p>
<p><strong>1) <a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.alessandro-cavallo.de');" href="http://www.alessandro-cavallo.de/" target="_blank">Alessandro  Cavakllo</a></strong></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.alessandro-cavallo.de');" href="http://www.alessandro-cavallo.de/" target="_blank"><img src="http://www.qianduan.net/wp-content/uploads/2009/02/195308qmp.jpg" alt="40+ impressive Single Page Websites" width="462" height="407" /></a></p>
<p><strong>2)  <a onclick="javascript:pageTracker._trackPageview('/outbound/article/gottagettofowa.com');" href="http://gottagettofowa.com/" target="_blank">Gotta Get To FOWA</a></strong></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/gottagettofowa.com');" href="http://gottagettofowa.com/" target="_blank"><img src="http://www.qianduan.net/wp-content/uploads/2009/02/1953086y8.jpg" alt="40+ impressive Single Page Websites" width="462" height="407" /></a></p>
<p><strong>3)  <a onclick="javascript:pageTracker._trackPageview('/outbound/article/djyura.com');" href="http://djyura.com/" target="_blank">Yura Sklyar</a></strong></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/djyura.com');" href="http://djyura.com/" target="_blank"><img src="http://www.qianduan.net/wp-content/uploads/2009/02/1953095nt.jpg" alt="40+ impressive Single Page Websites" width="462" height="407" /></a></p>
<p><strong>4)  <a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.basilgloo.com');" href="http://www.basilgloo.com/" target="_blank">Basil Galoo</a></strong></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.basilgloo.com');" href="http://www.basilgloo.com/" target="_blank"><img src="http://www.qianduan.net/wp-content/uploads/2009/02/195309cjt.jpg" alt="40+ impressive Single Page Websites" width="462" height="407" /></a></p>
<p><strong>5)  <a onclick="javascript:pageTracker._trackPageview('/outbound/article/fabiano.me');" href="http://fabiano.me/" target="_blank">Fabiano Meneghetti</a></strong></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/fabiano.me');" href="http://fabiano.me/" target="_blank"><img src="http://www.qianduan.net/wp-content/uploads/2009/02/195310wq5.jpg" alt="40+ impressive Single Page Websites" width="462" height="407" /></a></p>
<p><strong>6)  <a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.ayushsaran.com');" href="http://www.ayushsaran.com/" target="_blank">Ayush Sara</a></strong></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.ayushsaran.com');" href="http://www.ayushsaran.com/" target="_blank"><img src="http://www.qianduan.net/wp-content/uploads/2009/02/195310i5y.jpg" alt="40+ impressive Single Page Websites" width="462" height="407" /></a></p>
<p><strong>7)  <a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.deaxon.com');" href="http://www.deaxon.com/" target="_blank">Deaxon</a></strong></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.deaxon.com');" href="http://www.deaxon.com/" target="_blank"><img src="http://www.qianduan.net/wp-content/uploads/2009/02/195311p4m.jpg" alt="40+ impressive Single Page Websites" width="462" height="407" /></a></p>
<p><strong> <img src="http://www.qianduan.net/wp-content/uploads/2009/02/195311s5u.gif" alt="8)" /> <a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.alexcohaniuc.com');" href="http://www.alexcohaniuc.com/" target="_blank">Alexandru Cohaniuc</a></strong></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.alexcohaniuc.com');" href="http://www.alexcohaniuc.com/" target="_blank"><img src="http://www.qianduan.net/wp-content/uploads/2009/02/195311j0u.jpg" alt="40+ impressive Single Page Websites" width="462" height="407" /></a></p>
<p><strong>9) </strong><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.edit-studios.com');" href="http://www.edit-studios.com/" target="_blank"><strong>Edit  Studios</strong></a></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.edit-studios.com');" href="http://www.edit-studios.com/" target="_blank"><img src="http://www.qianduan.net/wp-content/uploads/2009/02/1953112zr.jpg" alt="40+ impressive Single Page Websites" width="462" height="407" /></a></p>
<p><strong>10) </strong><a onclick="javascript:pageTracker._trackPageview('/outbound/article/jameslaicreative.com');" href="http://jameslaicreative.com/" target="_blank"><strong>James Lai  Creative</strong></a><strong> </strong></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/jameslaicreative.com');" href="http://jameslaicreative.com/" target="_blank"><img src="http://www.qianduan.net/wp-content/uploads/2009/02/1953125ir.jpg" alt="40+ impressive Single Page Websites" width="462" height="407" /></a></p>
<p><strong>11)  <a onclick="javascript:pageTracker._trackPageview('/outbound/article/theautumnfilm.com');" href="http://theautumnfilm.com/red-white-sale/us.html" target="_blank">Red+White  Sale</a></strong></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/theautumnfilm.com');" href="http://theautumnfilm.com/red-white-sale/us.html" target="_blank"><img src="http://www.qianduan.net/wp-content/uploads/2009/02/19531231d.jpg" alt="40+ impressive Single Page Websites" width="462" height="407" /></a></p>
<p><strong>12)  <a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.pojeta.cz');" href="http://www.pojeta.cz/" target="_blank">Tomas Pojeta</a></strong></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.pojeta.cz');" href="http://www.pojeta.cz/" target="_blank"><img src="http://www.qianduan.net/wp-content/uploads/2009/02/1953128xe.jpg" alt="40+ impressive Single Page Websites" width="462" height="407" /></a></p>
<p><strong>13)  <a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.kretivia.com');" href="http://www.kretivia.com/index.html" target="_blank">New Media  Production</a></strong></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.kretivia.com');" href="http://www.kretivia.com/index.html" target="_blank"><img src="http://www.qianduan.net/wp-content/uploads/2009/02/195312brv.jpg" alt="40+ impressive Single Page Websites" width="462" height="407" /></a></p>
<p><strong>14)  <a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.brianwebdesign.com');" href="http://www.brianwebdesign.com/" target="_blank">Brian Murchison</a></strong></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.brianwebdesign.com');" href="http://www.brianwebdesign.com/" target="_blank"><img src="http://www.qianduan.net/wp-content/uploads/2009/02/195313und.jpg" alt="40+ impressive Single Page Websites" width="462" height="407" /></a></p>
<p><strong>15)  <a onclick="javascript:pageTracker._trackPageview('/outbound/article/stanislav-krofta.newwebart.net');" href="http://stanislav-krofta.newwebart.net/" target="_blank">Stanislav  Krofta</a></strong></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/stanislav-krofta.newwebart.net');" href="http://stanislav-krofta.newwebart.net/" target="_blank"><img src="http://www.qianduan.net/wp-content/uploads/2009/02/1953135ju.jpg" alt="40+ impressive Single Page Websites" width="462" height="407" /></a></p>
<p><strong>16)  <a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.tvrdek.cz');" href="http://www.tvrdek.cz/en" target="_blank">Tvrdek</a></strong></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.tvrdek.cz');" href="http://www.tvrdek.cz/en" target="_blank"><img src="http://www.qianduan.net/wp-content/uploads/2009/02/195313k9w.jpg" alt="40+ impressive Single Page Websites" width="462" height="407" /></a></p>
<p><strong>17)  <a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.feelwire.com');" href="http://www.feelwire.com/" target="_blank">Feelwire</a></strong></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.feelwire.com');" href="http://www.feelwire.com/" target="_blank"><img src="http://www.qianduan.net/wp-content/uploads/2009/02/1953147w6.jpg" alt="40+ impressive Single Page Websites" width="462" height="407" /></a></p>
<p><strong>18)  <a onclick="javascript:pageTracker._trackPageview('/outbound/article/lukestevensdesign.com');" href="http://lukestevensdesign.com/" target="_blank">luke stevens</a></strong></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/lukestevensdesign.com');" href="http://lukestevensdesign.com/" target="_blank"><img src="http://www.qianduan.net/wp-content/uploads/2009/02/195314cyp.jpg" alt="40+ impressive Single Page Websites" width="462" height="407" /></a></p>
<p><strong>19)  <a onclick="javascript:pageTracker._trackPageview('/outbound/article/cpeople.ru');" href="http://cpeople.ru/" target="_blank">Cpeople</a></strong></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/cpeople.ru');" href="http://cpeople.ru/" target="_blank"><img src="http://www.qianduan.net/wp-content/uploads/2009/02/195314502.jpg" alt="40+ impressive Single Page Websites" width="462" height="407" /></a></p>
<p><strong>20)  <a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.pikaboo.be');" href="http://www.pikaboo.be/" target="_blank">Pikaboo</a></strong></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.pikaboo.be');" href="http://www.pikaboo.be/" target="_blank"><img src="http://www.qianduan.net/wp-content/uploads/2009/02/195314emh.jpg" alt="40+ impressive Single Page Websites" width="462" height="407" /></a></p>
<p><strong>21)  <a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.rzmota.com');" href="http://www.rzmota.com/" target="_blank">Rzmota</a> </strong></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.rzmota.com');" href="http://www.rzmota.com/" target="_blank"><img src="http://www.qianduan.net/wp-content/uploads/2009/02/195314sqf.jpg" alt="40+ impressive Single Page Websites" width="462" height="407" /></a></p>
<p><strong>22)  <a onclick="javascript:pageTracker._trackPageview('/outbound/article/tomatic.com');" href="http://tomatic.com/" target="_blank">tomatic</a> </strong></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/tomatic.com');" href="http://tomatic.com/" target="_blank"><img src="http://www.qianduan.net/wp-content/uploads/2009/02/195315je6.jpg" alt="40+ impressive Single Page Websites" width="462" height="407" /></a></p>
<p><strong>23)  <a onclick="javascript:pageTracker._trackPageview('/outbound/article/madebygiant.com');" href="http://madebygiant.com/" target="_blank">Giat Creative </a></strong></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/madebygiant.com');" href="http://madebygiant.com/" target="_blank"><img src="http://www.qianduan.net/wp-content/uploads/2009/02/195315zmj.jpg" alt="40+ impressive Single Page Websites" width="462" height="407" /></a></p>
<p><strong>24)  <a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.mariusroosendaal.com');" href="http://www.mariusroosendaal.com/" target="_blank">Marius  Roosendaal</a></strong></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.mariusroosendaal.com');" href="http://www.mariusroosendaal.com/" target="_blank"><img src="http://www.qianduan.net/wp-content/uploads/2009/02/195315r2k.jpg" alt="40+ impressive Single Page Websites" width="462" height="407" /></a></p>
<p><strong>25)  <a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.madebysofa.com');" href="http://www.madebysofa.com/" target="_blank">SOFA Designs</a></strong></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.madebysofa.com');" href="http://www.madebysofa.com/" target="_blank"><img src="http://www.qianduan.net/wp-content/uploads/2009/02/195315s5k.jpg" alt="40+ impressive Single Page Websites" width="462" height="407" /></a></p>
<p><strong>26)  <a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.dantestyle.se');" href="http://www.dantestyle.se/" target="_blank">Daniel Stenberg</a></strong></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.dantestyle.se');" href="http://www.dantestyle.se/" target="_blank"><img src="http://www.qianduan.net/wp-content/uploads/2009/02/195315aw7.jpg" alt="40+ impressive Single Page Websites" width="462" height="407" /></a></p>
<p><strong>27)  <a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.chrisspooner.com');" href="http://www.chrisspooner.com/" target="_blank">Chris Spooner</a></strong></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.chrisspooner.com');" href="http://www.chrisspooner.com/" target="_blank"><img src="http://www.qianduan.net/wp-content/uploads/2009/02/195316yfx.jpg" alt="40+ impressive Single Page Websites" width="462" height="407" /></a></p>
<p><strong>28)  <a onclick="javascript:pageTracker._trackPageview('/outbound/article/sursly.com');" href="http://sursly.com/" target="_blank">Tyler Finck</a></strong></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/sursly.com');" href="http://sursly.com/" target="_blank"><img src="http://www.qianduan.net/wp-content/uploads/2009/02/195316cw3.jpg" alt="40+ impressive Single Page Websites" width="462" height="407" /></a></p>
<p><strong>29)  <a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.webleeddesign.com');" href="http://www.webleeddesign.com/" target="_blank">We Bleed Design</a></strong></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.webleeddesign.com');" href="http://www.webleeddesign.com/" target="_blank"><img src="http://www.qianduan.net/wp-content/uploads/2009/02/195316b9t.jpg" alt="40+ impressive Single Page Websites" width="462" height="407" /></a></p>
<p><strong>30)  <a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.delugestudios.com');" href="http://www.delugestudios.com/" target="_blank">Delegu Studios</a></strong></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.delugestudios.com');" href="http://www.delugestudios.com/" target="_blank"><img src="http://www.qianduan.net/wp-content/uploads/2009/02/1953168f6.jpg" alt="40+ impressive Single Page Websites" width="462" height="407" /></a></p>
<p><strong>31)  <a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.designedbydave.ca');" href="http://www.designedbydave.ca/" target="_blank">Designed by Dave</a></strong></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.designedbydave.ca');" href="http://www.designedbydave.ca/" target="_blank"><img src="http://www.qianduan.net/wp-content/uploads/2009/02/195316cku.jpg" alt="40+ impressive Single Page Websites" width="462" height="407" /></a></p>
<p><strong>32)  <a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.gpacheco.fr');" href="http://www.gpacheco.fr/" target="_blank">Portfolio de Guillaume  Pacheco</a></strong></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.gpacheco.fr');" href="http://www.gpacheco.fr/" target="_blank"><img src="http://www.qianduan.net/wp-content/uploads/2009/02/195317am1.jpg" alt="40+ impressive Single Page Websites" width="462" height="407" /></a></p>
<p><strong>33)  <a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.colourpixel.com');" href="http://www.colourpixel.com/" target="_blank">Color Pixel</a></strong></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.colourpixel.com');" href="http://www.colourpixel.com/" target="_blank"><img src="http://www.qianduan.net/wp-content/uploads/2009/02/19531734z.jpg" alt="40+ impressive Single Page Websites" width="462" height="407" /></a></p>
<p><strong>34)  <a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.jasonreedwebdesign.com');" href="http://www.jasonreedwebdesign.com/" target="_blank">Jason Reed  Web Design</a></strong></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.jasonreedwebdesign.com');" href="http://www.jasonreedwebdesign.com/" target="_self"><img src="http://www.qianduan.net/wp-content/uploads/2009/02/195317s3j.jpg" alt="40+ impressive Single Page Websites" width="462" height="407" /></a></p>
<p><strong>35)  <a onclick="javascript:pageTracker._trackPageview('/outbound/article/lonely.prevvy.com');" href="http://lonely.prevvy.com/" target="_blank">Lonely Tweet</a></strong></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/lonely.prevvy.com');" href="http://lonely.prevvy.com/" target="_blank"><img src="http://www.qianduan.net/wp-content/uploads/2009/02/195317w4i.jpg" alt="40+ impressive Single Page Websites" width="462" height="407" /></a></p>
<p><strong>36)  <a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.maurivan.com');" href="http://www.maurivan.com/" target="_blank">Maurivan Luiz</a></strong></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.maurivan.com');" href="http://www.maurivan.com/" target="_blank"><img src="http://www.qianduan.net/wp-content/uploads/2009/02/195318ont.jpg" alt="40+ impressive Single Page Websites" width="462" height="407" /></a></p>
<p><strong>37)  <a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.myjustdot.com');" href="http://www.myjustdot.com/" target="_blank">Just Dot</a></strong></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.myjustdot.com');" href="http://www.myjustdot.com/" target="_blank"><img src="http://www.qianduan.net/wp-content/uploads/2009/02/1953182jf.jpg" alt="40+ impressive Single Page Websites" width="462" height="407" /></a></p>
<p><strong>38)  <a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.nerdoplex.com');" href="http://www.nerdoplex.com/" target="_blank">NerdoPlex</a></strong></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.nerdoplex.com');" href="http://www.nerdoplex.com/" target="_blank"><img src="http://www.qianduan.net/wp-content/uploads/2009/02/1953188l3.jpg" alt="40+ impressive Single Page Websites" width="462" height="407" /></a></p>
<p><strong>39)  <a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.sroown.com');" href="http://www.sroown.com/" target="_blank">Sroown</a></strong></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.sroown.com');" href="http://www.sroown.com/" target="_blank"><img src="http://www.qianduan.net/wp-content/uploads/2009/02/195318s2w.jpg" alt="40+ impressive Single Page Websites" width="462" height="407" /></a></p>
<p><strong>40)  <a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.stage5studio.com');" href="http://www.stage5studio.com/" target="_blank">Stage 5 Studio</a></strong></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.stage5studio.com');" href="http://www.stage5studio.com/" target="_blank"><img src="http://www.qianduan.net/wp-content/uploads/2009/02/195318vjw.jpg" alt="40+ impressive Single Page Websites" width="462" height="407" /></a></p>
<p><strong>41)  <a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.veboolabs.com');" href="http://www.veboolabs.com/" target="_blank">Veeboo Labs</a></strong></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.veboolabs.com');" href="http://www.veboolabs.com/" target="_blank"><img src="http://www.qianduan.net/wp-content/uploads/2009/02/195319567.jpg" alt="40+ impressive Single Page Websites" width="462" height="407" /></a></p>
<p><strong>42)  <a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.zachklein.com');" href="http://www.zachklein.com/" target="_blank">Zach Klein</a></strong></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.zachklein.com');" href="http://www.zachklein.com/" target="_blank"><img src="http://www.qianduan.net/wp-content/uploads/2009/02/195319se6.jpg" alt="40+ impressive Single Page Websites" width="462" height="407" /></a><!-- PHP 5.x --></p>


<p>Related posts:<ol><li><a href='http://bulldoggie.cn/blog/2010/02/01/logo-design-process-and-walkthrough-for-vivid-ways/' rel='bookmark' title='Logo Design Process and Walkthrough for Vivid Ways'>Logo Design Process and Walkthrough for Vivid Ways</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://bulldoggie.cn/blog/2010/06/29/40%e5%a4%9a%e4%b8%aa%e5%be%88%e6%9c%89%e5%88%9b%e6%84%8f%e7%9a%84%e5%8d%95%e9%a1%b5%e7%bd%91%e7%ab%99%e8%ae%be%e8%ae%a1/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Inspiration: Awesome Dark Portfolio Sites</title>
		<link>http://bulldoggie.cn/blog/2010/03/21/inspiration-awesome-dark-portfolio-sites/</link>
		<comments>http://bulldoggie.cn/blog/2010/03/21/inspiration-awesome-dark-portfolio-sites/#comments</comments>
		<pubDate>Sun, 21 Mar 2010 09:20:19 +0000</pubDate>
		<dc:creator>classiclori</dc:creator>
				<category><![CDATA[layout]]></category>

		<guid isPermaLink="false">http://bulldoggie.cn/blog/?p=390</guid>
		<description><![CDATA[all portfolios are based on the wordpress <span class='read-more'><a href='http://bulldoggie.cn/blog/2010/03/21/inspiration-awesome-dark-portfolio-sites/'>[Read More…]</a></span><div class="clear-float"></div>
		]]></description>
			<content:encoded><![CDATA[<div>
<p>These days, a portfolio is a must. What we have here is a list of dark portfolio websites that are split up into common groups that most portfolios fall in. The last group will be for those experimental dark layouts, where the designer tries something different.</p>
<p><span id="more-390"></span></p>
<hr />
<h2>Rotating Image/Static Featured Image</h2>
<p>We’ll start out with perhaps the most popular forms of portfolio design. This is the jQuery rotating image. The great thing about this kind of portfolio is that you can show a lot of work, with minimal space, saving room for other information.</p>
<p>Also falling into this group is the static featured image. While similar to the rotating image, it may not be quite as effective as the rotating image because of the lack of animation and interaction. On the plus side, a static featured image could also be used as a teaser to get people to look at the rest of your work.</p>
<h3><a href="http://www.antonpeck.com/">antonpeck.com</a></h3>
<div><a href="http://www.antonpeck.com/"><img src="http://nettuts.s3.cdn.plus.org/608_dark/antonpeck.jpg" alt="" /></a></div>
<h3><a href="http://www.bressane.com/magic/en/">bressane.com</a></h3>
<div><a href="http://www.bressane.com/magic/en/"><img src="http://nettuts.s3.cdn.plus.org/608_dark/bressane.jpg" alt="" /></a></div>
<h3><a href="http://www.intuitivedesigns.net/">intuitivedesigns.net</a></h3>
<div><a href="http://www.intuitivedesigns.net/"><img src="http://nettuts.s3.cdn.plus.org/608_dark/intutivedesigns.jpg" alt="" /></a></div>
<h3><a href="http://www.jayhollywood.com.au/">jayhollywood.com.au</a></h3>
<div><a href="http://www.jayhollywood.com.au/"><img src="http://nettuts.s3.cdn.plus.org/608_dark/jayhollywood.jpg" alt="" /></a></div>
<h3><a href="http://www.jilion.com/">jilion.com</a></h3>
<div><a href="http://www.jilion.com/"><img src="http://nettuts.s3.cdn.plus.org/608_dark/jillion.jpg" alt="" /></a></div>
<h3><a href="http://neutroncreations.com/">neutroncreations.com</a></h3>
<div><a href="http://neutroncreations.com/"><img src="http://nettuts.s3.cdn.plus.org/608_dark/neutroncreations.jpg" alt="" /></a></div>
<h3><a href="http://www.oysterdesign.co.uk/">oysterdesign.co.uk</a></h3>
<div><a href="http://www.oysterdesign.co.uk/"><img src="http://nettuts.s3.cdn.plus.org/608_dark/oysterdesign.jpg" alt="" /></a></div>
<h3><a href="http://www.projectkoreck.com/">projectkoreck.com</a></h3>
<div><a href="http://www.projectkoreck.com/"><img src="http://nettuts.s3.cdn.plus.org/608_dark/projectkoreck.jpg" alt="" /></a></div>
<h3><a href="http://www.rocknsites.com/">rocknsites.com</a></h3>
<div><a href="http://www.rocknsites.com/"><img src="http://nettuts.s3.cdn.plus.org/608_dark/rocknsites.jpg" alt="" /></a></div>
<hr />
<h2>Tagline/Bio</h2>
<p>With this kind of portfolio, the viewer goes to the website and sees exactly what the website is about or who the designer is. If what you are offering or your tagline peaks their interest, they will look around your website. It usually helps and makes it more effective if the tagline is paired with another one of these styles of portfolio website, unless the typography can stand on its own as a visual element.</p>
<h3><a href="http://www.alt-design.net/">alt-design.net</a></h3>
<div><a href="http://www.alt-design.net/"><img src="http://nettuts.s3.cdn.plus.org/608_dark/alt-design.jpg" alt="" /></a></div>
<h3><a href="http://www.bythepond.co.uk/">bythepond.co.uk</a></h3>
<div><a href="http://www.bythepond.co.uk/"><img src="http://nettuts.s3.cdn.plus.org/608_dark/bythepond.jpg" alt="" /></a></div>
<h3><a href="http://www.chanellehenry.com/">chanellehenry.com</a></h3>
<div><a href="http://www.chanellehenry.com/"><img src="http://nettuts.s3.cdn.plus.org/608_dark/chanellehenry.jpg" alt="" /></a></div>
<h3><a href="http://wedesignwise.com/">wedesignwise.com</a></h3>
<div><a href="http://wedesignwise.com/"><img src="http://nettuts.s3.cdn.plus.org/608_dark/wedesignwise.jpg" alt="" /></a></div>
<h3><a href="http://www.joshhemsley.com/">joshhemsley.com</a></h3>
<div><a href="http://www.joshhemsley.com/"><img src="http://nettuts.s3.cdn.plus.org/608_dark/joshhemsley.jpg" alt="" /></a></div>
<h3><a href="http://www.justincline.com/">justincline.com</a></h3>
<div><a href="http://www.justincline.com/"><img src="http://nettuts.s3.cdn.plus.org/608_dark/justincline.jpg" alt="" /></a></div>
<h3><a href="http://liftux.com/">liftux.com</a></h3>
<div><a href="http://liftux.com/"><img src="http://nettuts.s3.cdn.plus.org/608_dark/liftux.jpg" alt="" /></a></div>
<h3><a href="http://www.markjmaloney.com/">markjmaloney.com</a></h3>
<div><a href="http://www.markjmaloney.com/"><img src="http://nettuts.s3.cdn.plus.org/608_dark/markjmaloney.jpg" alt="" /></a></div>
<h3><a href="http://www.moxiesozo.com/index.php">moxiesozo.comindex.php</a></h3>
<div><a href="http://www.moxiesozo.com/index.php"><img src="http://nettuts.s3.cdn.plus.org/608_dark/moxiesozo.jpg" alt="" /></a></div>
<h3><a href="http://www.phynk.net/">phynk.net</a></h3>
<div><a href="http://www.phynk.net/"><img src="http://nettuts.s3.cdn.plus.org/608_dark/phynk.jpg" alt="" /></a></div>
<h3><a href="http://radiiate.com/">radiiate.com</a></h3>
<div><a href="http://radiiate.com/"><img src="http://nettuts.s3.cdn.plus.org/608_dark/radiiate.jpg" alt="" /></a></div>
<h3><a href="http://www.rareview.com/">rareview.com</a></h3>
<div><a href="http://www.rareview.com/"><img src="http://nettuts.s3.cdn.plus.org/608_dark/rareview.jpg" alt="" /></a></div>
<h3><a href="http://www.studio7designs.com/">studio7designs.com</a></h3>
<div><a href="http://www.studio7designs.com/"><img src="http://nettuts.s3.cdn.plus.org/608_dark/studio7designs.jpg" alt="" /></a></div>
<h3><a href="http://tonychester.com/">tonychester.com</a></h3>
<div><a href="http://tonychester.com/"><img src="http://nettuts.s3.cdn.plus.org/608_dark/tonychester.jpg" alt="" /></a></div>
<h3><a href="http://www.visualgroove.net/">visualgroove.net</a></h3>
<div><a href="http://www.visualgroove.net/"><img src="http://nettuts.s3.cdn.plus.org/608_dark/visualgroove.jpg" alt="" /></a></div>
<hr />
<h3>Text/Feature Image</h3>
<p>What makes this kind of portfolio website effective is that the viewer gets a little information about the website, as well as a sampling of what the portfolio has to offer.</p>
<h3><a href="http://www.ba21.us/">ba21.us</a></h3>
<div><a href="http://www.ba21.us/"><img src="http://nettuts.s3.cdn.plus.org/608_dark/ba21.jpg" alt="" /></a></div>
<h3><a href="http://www.harryjh.com/">harryjh.com</a></h3>
<div><a href="http://www.harryjh.com/"><img src="http://nettuts.s3.cdn.plus.org/608_dark/harryjh.jpg" alt="" /></a></div>
<h3><a href="http://nosleepforsheep.com/">nosleepforsheep.com</a></h3>
<div><a href="http://nosleepforsheep.com/"><img src="http://nettuts.s3.cdn.plus.org/608_dark/nosleepforsheep.jpg" alt="" /></a></div>
<h3><a href="http://sawyerhollenshead.com/">sawyerhollenshead.com</a></h3>
<div><a href="http://sawyerhollenshead.com/"><img src="http://nettuts.s3.cdn.plus.org/608_dark/sawyerhollenshead.jpg" alt="" /></a></div>
<h3><a href="http://www.slovaczech.com/">slovaczech.com</a></h3>
<div><a href="http://www.slovaczech.com/"><img src="http://nettuts.s3.cdn.plus.org/608_dark/slovaczech.jpg" alt="" /></a></div>
<h3><a href="http://thingsthatarebrown.com/">thingsthatarebrown.com</a></h3>
<div><a href="http://thingsthatarebrown.com/"><img src="http://nettuts.s3.cdn.plus.org/608_dark/thingsthatarebrown.jpg" alt="" /></a></div>
<hr />
<h2>Portfolio Grid</h2>
<p>This type of website gets to the point like the tagline/bio and text/image, except the viewer gets bombarded (in a good way) with the designer’s work. This keeps the interest of the viewer, because they don’t have to look around the actual portfolio pieces.</p>
<h3><a href="http://www.design-dps.com/">design-dps.com</a></h3>
<div><a href="http://www.design-dps.com/"><img src="http://nettuts.s3.cdn.plus.org/608_dark/design-dps.jpg" alt="" /></a></div>
<h3><a href="http://www.jannek.fi/">jannek.fi</a></h3>
<div><a href="http://www.jannek.fi/"><img src="http://nettuts.s3.cdn.plus.org/608_dark/jannek.jpg" alt="" /></a></div>
<h3><a href="http://www.jonahl.com/">jonahl.com</a></h3>
<div><a href="http://www.jonahl.com/"><img src="http://nettuts.s3.cdn.plus.org/608_dark/jonahl.jpg" alt="" /></a></div>
<h3><a href="http://onvo.co.uk/">onvo.co.uk</a></h3>
<div><a href="http://onvo.co.uk/"><img src="http://nettuts.s3.cdn.plus.org/608_dark/onvo.jpg" alt="" /></a></div>
<h3><a href="http://www.phantomcandy.com/">phantomcandy.com</a></h3>
<div><a href="http://www.phantomcandy.com/"><img src="http://nettuts.s3.cdn.plus.org/608_dark/phantomcandy.jpg" alt="" /></a></div>
<h3><a href="http://www.phunkn.com/">phunkn.com</a></h3>
<div><a href="http://www.phunkn.com/"><img src="http://nettuts.s3.cdn.plus.org/608_dark/phunkn.jpg" alt="" /></a></div>
<h3><a href="http://www.thehousemedia.com/">thehousemedia.com</a></h3>
<div><a href="http://www.thehousemedia.com/"><img src="http://nettuts.s3.cdn.plus.org/608_dark/thehousemedia.jpg" alt="" /></a></div>
<h2>Non-Portfolio Image Large Header</h2>
<p>This website basically shows the viewer what the designer can do without actually showing specific examples. A stand-out photo manipulation/illustration/photo catches the eye and gets the point across.</p>
<h3><a href="http://www.arsum.com/">arsum.com</a></h3>
<div><a href="http://www.arsum.com/"><img src="http://nettuts.s3.cdn.plus.org/608_dark/arsum.jpg" alt="" /></a></div>
<h3><a href="http://www.bogdanteodorescu.com/">bogdanteodorescu.com</a></h3>
<div><a href="http://www.bogdanteodorescu.com/"><img src="http://nettuts.s3.cdn.plus.org/608_dark/bogdanteodorescu.jpg" alt="" /></a></div>
<h3><a href="http://www.loscoloresolvidados.com/">loscoloresolvidados.com</a></h3>
<div><a href="http://www.loscoloresolvidados.com/"><img src="http://nettuts.s3.cdn.plus.org/608_dark/loscoloresolvidados.jpg" alt="" /></a></div>
<h3><a href="http://www.ronniewright.co.uk/">ronniewright.co.uk</a></h3>
<div><a href="http://www.ronniewright.co.uk/"><img src="http://nettuts.s3.cdn.plus.org/608_dark/ronniewright.jpg" alt="" /></a></div>
<h3><a href="http://www.subhaus.org/">subhaus.org</a></h3>
<div><a href="http://www.subhaus.org/"><img src="http://nettuts.s3.cdn.plus.org/608_dark/subhaus.jpg" alt="" /></a></div>
<h3><a href="http://www.weightshift.com/">weightshift.com</a></h3>
<div><a href="http://www.weightshift.com/"><img src="http://nettuts.s3.cdn.plus.org/608_dark/weightshift.jpg" alt="" /></a></div>
<hr />
<h2>Blog Style</h2>
<p>This is a great way to provide viewers a more personal feel, which gives the website a lot more personality. It also gives the website a more current feel (if it is updated regularly), giving the viewer a reason to come back.</p>
<h3><a href="http://www.billytamplin.com/">billytamplin.com</a></h3>
<div><a href="http://www.billytamplin.com/"><img src="http://nettuts.s3.cdn.plus.org/608_dark/billytamplin.jpg" alt="" /></a></div>
<h3><a href="http://dougneiner.com/">dougneiner.com</a></h3>
<div><a href="http://dougneiner.com/"><img src="http://nettuts.s3.cdn.plus.org/608_dark/dougneiner.jpg" alt="" /></a></div>
<h3><a href="http://demainjarrete.stpo.fr/blog-55-demain-j-arrete-d-oublier-les-tetes.html">demainjarrete.stpo.fr</a></h3>
<div><a href="http://demainjarrete.stpo.fr/blog-55-demain-j-arrete-d-oublier-les-tetes.html"><img src="http://nettuts.s3.cdn.plus.org/608_dark/demainjarrete.jpg" alt="" /></a></div>
<h3><a href="http://ismaelburciaga.com/">ismaelburciaga.com</a></h3>
<div><a href="http://ismaelburciaga.com/"><img src="http://nettuts.s3.cdn.plus.org/608_dark/ismaelburciaga.jpg" alt="" /></a></div>
<hr />
<h2>Other</h2>
<p>These websites don’t have the traditional layout that we saw above. Lets look at these one at a time to see why they are so different.</p>
<h3><a href="http://www.badabingdesign.nl/">badabingdesign.nl</a></h3>
<div><a href="http://www.badabingdesign.nl/"><img src="http://nettuts.s3.cdn.plus.org/608_dark/badabingdesign.jpg" alt="" /></a></div>
<p>The portfolio part of this website has a slide show much like rotated image designs, but this one is flipped so they scroll vertically, with the project description to the left. This website gives a new look to a common layout.</p>
<h3><a href="http://constantinpotorac.com/">constantinpotorac.com</a></h3>
<div><a href="http://constantinpotorac.com/"><img src="http://nettuts.s3.cdn.plus.org/608_dark/constantinpotorac.jpg" alt="" /></a></div>
<p>Although the two-column layout isn’t uncommon, it’s not usually used like this in portfolio designs. A bio on the left and portfolio on the right takes a combination of the grid and tagline/bio portfolio, and gives it a new twist.</p>
<h3><a href="http://duplos.org/">duplos.org</a></h3>
<div><a href="http://duplos.org/"><img src="http://nettuts.s3.cdn.plus.org/608_dark/duplos.jpg" alt="" /></a></div>
<p>I almost put this website in the tagline/bio category, however, since the tagline looks like a part of the illustration, and doesn’t really say too much, I decided to put it here instead. There isn’t really much on the home part of the website, so you have to explore to learn more.</p>
<h3><a href="http://www.gomedia.us/">gomedia.us</a></h3>
<div><a href="http://www.gomedia.us/"><img src="http://nettuts.s3.cdn.plus.org/608_dark/gomedia.jpg" alt="" /></a></div>
<p>This website, too, almost went into the tagline/bio section, but I felt that the portfolio image on the right had just as much importance. The idea of putting information in columns rather than rows gives equal importance to each section, rather than having a common website where there is a row-based hierarchy of the most important to the least.</p>
</div>
<p><!-- PHP 5.x --></p>


<p>Related posts:<ol><li><a href='http://bulldoggie.cn/blog/2010/02/12/101-awesome-portfolio-sites/' rel='bookmark' title='101 Awesome Portfolio Sites'>101 Awesome Portfolio Sites</a></li>
<li><a href='http://bulldoggie.cn/blog/2010/05/19/40-beautiful-examples-of-minimal-design-for-inspiration/' rel='bookmark' title='40 Beautiful Examples of Minimal Design for Inspiration'>40 Beautiful Examples of Minimal Design for Inspiration</a></li>
<li><a href='http://bulldoggie.cn/blog/2009/12/14/35-css-based-layouts-that-look-awesome/' rel='bookmark' title='35 CSS-based Layouts that Look Awesome'>35 CSS-based Layouts that Look Awesome</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://bulldoggie.cn/blog/2010/03/21/inspiration-awesome-dark-portfolio-sites/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

