Graphic DesignTypography Accessibility & Usability XHTML & CSS Web 2 Web Integration

So where do you start with some of the most modern technologies in web design? Ah-ha, well let me enlighten you...

Do you want to design a website that is modern, trendy, up-to-date? It can really be a daunting task creating a new website from scratch and also make it look sexy.

Currently the name Web 2.0 is being used; well actually Web 3.0 and even 4.0 are being bandied about but you don't need to worry too much on that one; for the moment we will focus on 2.0.

There are a lot of design aesthetics which are being attributed to this new technology and I wanted to highlight what some of these actually are.

Read on if you fancy finding out a bit more on this topic...




Web 2 is here for you

At the moment we seem to see most things being preceded by a number; Library 2.0, Web 2.0 etc. So what does this mean for web design? Do I need to be concerned about a number? Well the simple answer is, yes if you want to understand the full effects both from a technology perspective and a design perspective. Let me explain...

Before we begin I thought you might like to take a look at the following Flash animation which looks at Web Layout; at the end you will see various websites which I have designed and chosen for you to view. These have been picked because they use a range of differing web layouts plus a host of different types of graphics. I hope you enjoy - come back when you've finished :o)

Over the last few months I’ve really been trying to ‘push the envelope’ when it comes to web and graphic design. On my quest for further knowledge I’ve come across this wonderful resource from Jason Beaird at SitePoint.

His book titled "The Principles of Beautiful Web Design" fell through the letterbox this morning and I can't put it down! Yes, it's really that goood! I found an article by him earlier this week at: Sitepoint  which I found to be very enlightening - hence why I decided to purchase his book.

Beaird splits the book in to the following chapters:

  • Layout and Composition
  • Color
  • Texture
  • Typography
  • Imagery

All of the examples he uses are so fresh and the entire book is heavily supported by strong imagery which is very engaging. This is truly a great moment in my quest to find out the answer to 'What constitutes effect web design?’ One very apt quote which I found very suited to my design work is as follows:

There are two main standpoints from which most people determine whether a web site design is "good" or "bad". There's a strict usability standpoint, which focuses on functionality, the effective presentation of information, and efficiency. Then there's the purely aesthetic perspective, which is all about presentation, hot animations, and sexy graphics. Some designers get caught up in the aesthetics and graphics and forget about the user, and some usability gurus get lost in their user testing and forget about visual appeal. In order to reach people and retain their interest, it's essential to maximize both.

This is very pertinent to my ethos - having come from an Information Management background I have recognised many aspects of usability and accessibility - in particular the writings of Jakob Nielsen. But for me I want to employ much better design principles so as to enhance the aesthetical value of my interfaces - a balance which I believe can be met, if you have the right skills.

And onwards I read...

Technical stuff of web 2.0

When we talk about the term Web 2.0 it really has more to do with the actual technologies embodied within current website design, and has more to do with the actual technical terms associated with it. After a lot of looking on the web I found this video which sets the scene very well. Hopefully it will allow you to figure out just exactly what we mean when discussing this term.

I hope that it makes sense. There are also a lot more videos covering this term available on YouTube - you just have to trawl through them to get a better perspective.

Happy viewing!