Free Ebook - Value Added ReTweets

VARTTo receive a copy of my ebook - Value Added Retweets, fill in your details below!



Powered by WP Email Capture

September 24th, 2007
Categories: Uncategorized

How to make your blog design ‘web 2.0′

 

This Is The First Guest Post!
Hi everybody, I’m currently swanning around Europe with loads of people, so am leaving you in capable hands of a bunch of guestposters. The first is from somebody who has had the distinct pleasure of seeing me naked, the gorgeous Han. Enjoy!

Rhys’s recent redesign is particularly web 2.0 wouldn’t you agree? I like to think eruanna.net is pretty web 2.0 too! I’ve decided to write about web 2.0 and how applying the principals of this ‘new craze’ to your blog.

I’m going to start by explaining web 2.0. Essentially all it is is a marketing buzz word originally coined by O’Reilly. If your really interested in web 2.0 I suggest you read that article, I could probably recite it to you but that’s because I’ve written essays about it for uni! You could also read the Wikipedia Definition which is broken down into handy subsections. Really all we’re looking at here is the design concepts of web 2.0 and not how it all came about.

White Space
White Space in my opinion is one of the most useful things you have in your design repertoire and its used to great advantage in web 2.0. If your writing a blog post your going to space it out aren’t you?! If you didn’t divide posts up like I’m doing now no one would read it would they, you certainly wouldn’t! So why not use this simple idea in your blogs layout. Lets take a look at a good use of white space bloggingpro.com. I want you to look at the sidebar advertising, clean and simple, it doesn’t over power you. Why is that do you think?

blogging pro whitespace

Its well padded, the blog flux ad isn’t massive messing up the colour scheme. Similarly the product ads have padding between them and the left hand column. The links in the left hand column have sufficient spacing above and below them to let you read them quickly and without straining to see them. Remember white space isn’t necessarily white!

How to improve your ‘White Space’

  • Give your content room to breathe, make your columns 10px or more wider than the actual content
  • Use the line-height property in text. I usually use it in my posts to ensure maximum readability.
  • Use padding, pad out images and different sections of your site – not everything has to be visible when someone first visits your site, give them something interesting to find when they scroll down, prioritise your sidebar content

Logo
A logo doesn’t have to be an image, but it seems most sites now have a little image to represent themselves somewhere in their site, I’ve recently taken on a speech bubble which I’ve hidden in various parts of my site. You can also use a custom font as your logo, I recommend dafont.com for all your font needs but I warn you – its addictive!

logo.jpg

Gradients
Gradients can be used as backgrounds for the main page or to give a 3D effect to headers and Navigation. If you love gradients as much as I do I really think you should see this! Gradients can even be made with textures to give an even cooler effect.

gradients1.jpg

Rounded Corners
I think this one was pretty obviously a web 2.0 feature! How to make rounded corners in images and so far the only rounded corners for content I’ve found that works is Spiffy Corners

bugetpulse1.jpg

‘Ground’ Reflections
Apple have given/taken a lot of ideas to web 2.0, but I think the biggest one is Ground Reflections. If your featuring a product in a post or just want to make an image more interesting try out this effect. It took me a while but I finally found a tutorial for this!

groundreflections1.jpg

Colours
Every blog needs a colour scheme that all blends together nicely, I recommend you give colourlovers.com a try, they have some amazing pallets there! Or have a look at some of mine.

Sun Rays
A ray of sunshine makes everything seem better doesn’t it!? A bit of text with a ray of sunshine behind it could make your blog a better place.

valentinaolini.jpg

I keep thinking of more and more ideas for web 2.0 to write about but I think I’ll leave some for you to work out for yourself. One thing thats common to web 2.0 sites is simplicity and I think thats something to remember when creating a blog.

Comments: 7 Comments

 
 

7 Comments

  1. Han says:

    w00t my posts rule!

    This was written back in the day when I was full of crazy blogging ideas – sadly now I have none :(

  2. Ryan says:

    very informative and useful for those of us who have been planning a re-design since forever

  3. Malin says:

    Great post Han! :)

  4. Where did the rest of the posts go? Minor website mess-up, Rhys?

  5. Oops, MY mess-up. It’s Monday morning and I’m being dim. Ignore me





Trackbacks/Pingbacks

  1. Sexual Fantasies, Banana Cake and Guest Posting - eruANNA.net
  2. Typography, StumbleUpon, Digg, Repeat Visitors, Web 2.0 and CSS : Pingable.org | Blogging & Design

Subscribe to the comments on this post | Trackback URL

Leave a Comment/Question

Comment Rules: Very simple people: be nice, be friendly, be awesome. Any comment which will consist of "My Keywords I'm Targetting", or contain your URL in the comment text will be marked as spam. Pseudonyms, names and "Name/Pseudonym | My Site Name" are fine. Also, don't just thank me. Seriously. I get enough adulation from people. Thanks!

Want a picture displayed?

Get a gravatar!

 
  • MaxBlogPress Ninja Affiliate
  • The secrets to blogging success
About Rhys

Rhys Wynne, the author of this blog, is a 20 something web designer from Colwyn Bay. Go to my favourite posts

Find out More

On Social Networks

Facebook Twitter Youtube Facebook Fan Page Linked In StumbleUpon Digg Delicious Myspace last.fm dopplr Problogger Blog Engage Problogger

Facebook
Twitter
Youtube
Facebook Fan Page
Digg
Delicious
Myspace
last.fm
Dopplr
StumbleUpon
Problogger.com Forums
Playfire
Blog Engage
Linked In

 

Lifestream

Today

twitter (feed #8)
Mum probably bought me these when I was little! RT @ashens: Cheapo Action Figures: Wrestlers etc - http://is.gd/eRBVi [rhyswynne]
September 2nd via Twitter
twitter (feed #8)
has twice - in one day - been scared by butterflies :( [rhyswynne]
September 2nd via Twitter
twitter (feed #8)
RT @Hobo_Web: Looking forward to drink visibility! [rhyswynne]
September 2nd via Twitter
twitter (feed #8)
being a total ambassador for awesomeness today! [rhyswynne]
September 2nd via Twitter
twitter (feed #8)
RT @JestaThaRogue: Happy 9.02.10 day America! :) [rhyswynne]
September 2nd via Twitter
twitter (feed #8)
So drinks tomorrow & Saturday for @thinkvisibility. Been invited for drinks tonight. Am I going? This link answers - http://bit.ly/cxy0mS [rhyswynne]
September 2nd via Twitter
twitter (feed #8)
#shakespearefootballerquotes Is this an Agger I see before me? [rhyswynne]
September 2nd via Twitter
twitter (feed #8)
Quote of the day from @search_magician: Interpret the word "Guru" as "Twat". [rhyswynne]
September 2nd via Twitter
twitter (feed #8)
Genuinely giggling at a forwarded email from @wynnne this morning. Wondering the best way to share it with you.... [rhyswynne]
September 2nd via Twitter
twitter (feed #8)
Is there anyway of subscribing to just the Smashing Magazine wallpapers for the month posts? Do love them so! [rhyswynne]
September 2nd via Twitter

Older Entries

 
Sponsors