Daily Web Design Inspiration & Ideas
Wood look anyone? This website that belongs to Komodomedia has really nice wood theme going. It gives a warm cartoony feel. The navigation bar, the nice wood seal, the heading bars, all in wood. I also like the foliage that they have hanging here and there. Good illustration work.
Popularity: 66%
Vandelay Design posted this collection of 40 Photoshop Tutorials for Lighting and Abstract Effects that I found awesome and am filing it here on WDI for later use.
I hope you can use it too and remember to come back here to find it.
Popularity: 50%
First, happy 4th of July to all. Hope you are having, or had, a good one.
For the occasion I want to take a look at our presidential candidates’ website designs. Just to compare the design for fun. 
I went and looked at McCain’s (R), Obama’s (D) and Barr’s (L) websites, these seem to be the top 3 candidates at this time. I want to say right away that I am not representing any of the candidates and am not promoting any one of them here. This is simply a look at their website design.
Here is the first impressions, this is John McCain’s website:
And here’s Barack Obama’s:
And this one is Bob Barr’s:
Right away, Barack Obama’s website stands out, the design is beautiful. The first impression is obviously pleasant to look at. If you continue to the main page of Obama’s website you will see that the entire website is done with the same beautiful design and style. Airy, light blues and whites, hints of reds and greens here and there.
The graphics on his website are worth looking at too, here is a few I took screenshots of:
Like I said before, I am not promoting Barack Obama for President here, I am highlighting the skills and talents of the website designers that created his website.
I did some digging around and according to this article, the designed of the logo is SENDER and SimpleScott designed the website.
I really wanted to post some screen shots from McCain’s and Barr’s websites but, honestly, there was really nothing to show. Pretty disapointing.
Anyway, hope you anjoyed this post. I’d love some comments, guys and girls. I’ve been getting loads and loads of SPAM comments but very few real ones. I’d love to hear from the readers. Tell me something.
Popularity: 19%
I got an email this morning from Steve over at FlashFramer and he was excited about the new Flash component they just released, it is called photoShuffle. The links I included here are affiliate links so I will get a cut from any purchases that originate here but I really do believe that our readers can benefit from this new tool.
PhotoShuffle allows you to create a dynamic compilation of photos in a random layout simply by going through a few steps setup.
The easy to use setup interface makes the customization of your photo gallery a simple task. You can assign a title and description for each of the photos and choose from 15 available transition effects.
There are so many features, you’ll just need to see their page to get all the information. Go here to see it all.
Popularity: 4%
Because of a reader comment, I have recently discovered Xcavator.net. It’s quite an interesting photo search site. Once you figure out how to use it, it is definitely a time saving site! From this one location, you can search many of the leading stock image websites. Once you’ve found an image you wish to purchase, Xcavator sends you to the page on the site where the image may be purchased. Check it out and let me know your thoughts on it.
Popularity: 3%
This is a final part of a 3 part entry. I’ve been talking about the three of my favorite web design elements on BitsAndPix.de website. I want to file them here for future inspiration.
Look at these clean looking images. The grays, greens and oranges are working great in this design. Notice the 3D look of the reflection or glossiness of each image. Very nicely done.
Part 1 - Fun logo
Part 2 - Text treatment
Popularity: 6%
Need a quick image for a blog post or an article? If you’re cheap (like me, haha), check out Stock Xchng (www.sxc.hu). SXC has over 355,000 images in their database. Best of all…they are all completely free. Free is a great price. The only stipulation is that you must make sure that the image owner has not placed special restrictions on a particular images usage. There are lots of great photos available…you’re sure to find what you need!
Popularity: 4%
Very nice combination of colors on this site. Them being a web design provider, sure shows their talent off on their own design. I like the logo - how they worked a pixelated tree into it, looks very good and clean. The font used also works well with this design.
If you look at the rest of the site design you will notice it is well balanced, colors, white (gray) space, layout. It all works very nicely together.
Visit PixelTree here: PixelTree
Popularity: 10%
Photo source: Abduzeedo.com
High Dynamic Range Imaging (commonly referred to as HDR) is an exciting, emerging technology that should be closely monitored over the next few years. Quite honestly, HDR is on the brink of changing the way we capture, manipulate, store, use, and display images for the foreseeable future. With that being said, let’s delve into HDR a little bit so that we can gain a little better understanding of this promising technology.
So, what exactly is HDR? The following is an excerpt from Wikipedia that gives a brief, but good definition of HDR:
“High dynamic range imaging (HDRI) is a set of techniques that allows a greater dynamic range of exposures (the range of values between light and dark areas) than normal digital imaging techniques. The intention of HDRI is to accurately represent the wide range of intensity levels found in real scenes ranging from direct sunlight to shadows.
HDRI was originally developed for use with purely computer-generated images. Later, methods were developed to produce a high dynamic range image from a set of photographs taken with a range of exposures. With the rising popularity of digital cameras and easy-to-use desktop software, the term “HDR” is now popularly used to refer to the process of tone mapping together with bracketed exposures of normal digital images, giving the end result a high, often exaggerated dynamic range. This composite technique is different from, and generally of lower quality than, the production of an image from a single exposure of a sensor that has a native high dynamic range. Tone mapping is also used to display HDR images on devices with a low native dynamic range, such as a computer screen.”
HDR gives the photographer the ability to create a greater range of detail than any camera could ever capture in a single photo. The “merge to HDR” feature of Photoshop CS3 allows the photographer to combine a series of exposures into a single image which contains the details of the entire set of images. Photomatix is another HDR software program that allows the photographer the ability to synthesize and manipulate a series of images into one HDR image. As with any type of software, there will be people devoted to one or the other. In our particular case, we are just offering up the two most commonly used programs for creating HDR images.
Dynamic range (DR) consists of luminance values from the darkest to the brightest. An original, real-world scene has a certain, inherent DR which may be quite large – perhaps a ratio of 100,000:1 or more. The human eye can perceive a subset of any scene’s DR (about 10,000:1); a camera can record a smaller subset than your eyes – perhaps 400:1 for a DSLR. The DR of a computer monitor or a printed photograph is still smaller yet.
High dynamic range (HDR) in photography means the full range of tonality present in a scene with high perceptual accuracy. Current HDR techniques use computer software, such as Photoshop CS3 or Photomatix, to combine several exposures of a scene into a single file that displays the full range of luminance at every pixel. This HDR image can then be processed in various ways, contingent upon its ultimate usage. For most, at the moment, it means tone mapping the HDR image into a 16-bit or 8-bit digital file such as a JPEG or TIFF. The standard unit for measuring luminance is candelas per square meter, or cd/m2. You may have seen this unit used in monitor specifications. According to the FAQ at www.hdrsoft.com (the web site for Photomatix Pro), “the luminance of starlight is around 0.001 cd/m2, that of a sunlit scene is around 100,000 cd/m2, [… and] the luminance of the sun itself is approximately 1,000,000,000 cd/m2.”
Photo source: Abduzeedo.com
Judging from this information then, one can say that the experience of seeing the original scene, then capturing it, and reproducing it for others to see, is a process that progressively loses DR. In this case, HDR gives the photographer the ability to capture and represent the full DR found in a particular scene with a high degree of accuracy and precision.
Photo source: Abduzeedo.com
Why is HDR necessary and what use is it to me?
HDR is still emerging. Photographers are only now really beginning to work with it in large scale numbers. HDR has a great future since it can (if applied correctly) reproduce a scene that has been observed from a human perspective more accurately than any other image format in history. As for its uses currently? The best answer for that one may be “artistic expression.” Photographers have been introduced to a new, powerful tool that, in addition to typical photo manipulation techniques of the past, allows them to push the envelope of manipulating images even further. HDR allows photographers the ability to recreate a scene more accurately than ever before, or simply create their own twist on a captured slice of reality. At this point, the possibilities and development potential are wide open – making it an incredibly exciting format to keep an eye on! Right now, keep the phrase, “for your viewing pleasure” in the back of your mind and enjoy looking at the creativity behind the images.
Where does HDR go from here?
Well, it may sound cliché, but the sky’s the limit. Advances will continue and hurdles will be overcome. Currently one of the biggest hurdles is that HDR is limited by methods of displaying images which have a limited dynamic range. Computer screens, LCDs, prints, and other methods cannot accurately display HDR. As a result, methods of converting HDR images into a viewable format have been developed (tone mapping) that allows us to view the images. As technology advances, we will be treated to better methods for viewing this exciting new image format! Of course, if you’re wealthy, you can always go out and purchase an Extreme Dynamic Range LED Display (it claims to provide 10 times the brightness and 100 times the contrast of existing television and computer monitors) now and enjoy it before the rest of us can! Check out their interactive demo which, while it is still limited to your lower resolution computer screen, will give you an idea of what this technology is bringing to us all.
Interested in Learning How to Create HDR Images?
Here are two of the best tutorials I could find:
http://range.wordpress.com/2006/07/15/modern-hdr-photography-a-how-to-or-saturday-morning-relaxation/ **This is an interesting “how to” article based around the use of Photoshop CS2. In the first 12 ½ hours of being posted, this blog article was read 167000 times! This is just another hint to the importance of this awesome technology.
http://hdr101.com/?page_id=4 This one contains a good Photomatix tutorial.
Enjoy!
Popularity: 5%
This guy, Matthew is the owner of the website design portfolio and blog at 0at.org, that’s zero-not-an-o-at.org. I’ve known this guy for a long time from seoMOZ.org, he used to do a lot of web design, programming and blog posting there (I’m a regular reader over there). I’ve never actually seen any of his other work and recently I found his blog where he has his past work posted. It is amazing! It’s not just the design, it’s the talent, you can see it. Lots of color and contrast, Web 2.0 ‘ish. You’ll just have to go look at it yourself. Here is a clip of his Portfolio:
You really got to see the actual images to appreciate. We all can learn a thing or two from this work. It’s been inspiring for me. He uses Macromedia Fireworks to illustrate his art.
Here is my favorite design from his portfolio:
This was a design for his blog that he later redesigned to what it is now.
Enjoy.
Popularity: 13%
