WEB DESIGN - all you need to know

What Does Web Design Mean?

Well it may surprise you to hear that web design is actually a very broad term. If somebody mocks up some digital artwork on a landing page: that's web design. If somebody produces a mock up of a template for a website or web app: that's web design!

On this site, we will be looking into the more technical areas of the trade and the tools and skills you will need to get you on your way.

Responsive Web Design

Responsive web design is the one we really wanted to talk to you about.

It's past 2013. That means that you should not be designing just for desktop.

Over half of internet traffic is on mobile devices now, meaning if you ignore these or make the user experience difficult on them, then you may lose the benefits of having your web project in the first place.

If you are making a design for a developer to build off, it is definitely a good idea to make one design for desktop and another for smaller devices. But if you trust your website builder to get this one right by themselves then that's your call.

If you are a new rising web designer, why not do some research and see what some of the responsive tricks and trends see to be on your favourite sites!

Remember, having to build for different devices doesn't stifle your design - it helps your creativity grow and flourish!

What tools will I need?

Typically you will need some kind of photo editor. Our personal favourite is Photoshop, but we understand that if you are still up-and-coming then the price might be a bit of an obstacle for you. In which case, you could check out Photoshop Elements, Paintshop Pro or even GIMP. There are many options for you in this regard.

Adobe Illustrator is another essential tool for the web designer. To be able to pick apart your designs and other things in PDF formats so easily is a must, especially when you are working quickly. However, once again price does come into play here. So if you were wanting to go for something cheaper (actually free), then Inkscape is OK. I say OK because it does pretty much the same thing as Illustrator, however there are two major problems I picked up when using it. Firstly, it runs so slowly that it just sometimes becomes unusable. Second, it is absolute murder trying to work out how to do anything on it. What are basic functions on Illustrator become like grueling punishments on Inkscape. But maybe that's just us.

Designers who are maybe wanting to get a bit more on the technical side of things may even want to use a framework for front end web development like Bootstrap. This leaves you with a need for a bit of HTML5 and CSS3, but we'll get to that more on our section on web development.