Submit a Site

Archive for the ‘Buttons’ Category

Unique, Gliding Navigation

Sunday, April 13th, 2008

Really nice header over here. I like the slight pattern in the center of the header up at the top and the blue tones work well. The prize winner on this website though is the site navigation, take a look. Looks simple and ordinary at first but if you hover your mouse over the navigation links the box surrounding the wording will glide over to the link you are hovering over, plus it adjusts the width on the fly to accommodate the size of the wording in the link. Very clever.

Visit them here: http://www.urbaneblinds.co.uk/

Popularity: 17%



Parchment Paper Effect Photoshop Tutorial

Friday, April 4th, 2008

scroll.jpg

While looking for some cool ‘parchment’ effects, papers, and paper textures, I came across this site that gave a pretty good, detailed tutorial on how to make a burnt scroll navigation bar. I like the texture and the paper or parchment they chose to use. The effects they chose were tastefully done as well.

I think I would have chosen a different font though. While it is a pretty cool font, it leans too much toward something out of Tolkien’s Lord of the Rings Trilogy. Because of that, I think it creates a dated design. I know some of you are thinking…’well, you’re talking about a design featuring a scroll…it seems appropriate in that context.’ Well, it’s my opinion, haha. I think it would be better served with a different font. A font that doesn’t look trendy and easily pinned down to a specific date or period. With the availability of so many different fonts, I’m sure one could be found that would work well with the scroll.

I like the technique of using old papers, maps, parchment, etc. I like sites with an earthy feel to them. I think this scroll lends itself well to sites that are going with that type of theme. It’s a good tutorial and something to check out and remember when a request pops up for a similar design.

Popularity: 20%



Glossy Images and Buttons Design Effects Ideas

Saturday, March 29th, 2008

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%