Our guide to web design
 
 
Jade O'Donoghue

Our guide to web design

Published September 16 2014

When you look at a website, how much do you think about what’s gone on behind the scenes and how it came to look the way it does? Do you ever wonder why the search box has been placed at the top of the page or why the logo is the colour it is? Probably not, and that’s probably because someone has put so much thought into making it all look as great and intuitive as possible that they don’t even want you to think about all of that.

However, if you’re someone who visits a site and can’t help but think about the choice of colour or judge the arrangement of the icons, then you might want to consider studying web design and turning your fascination into a new hobby or even a career.

 

Behind the scenes of the internet

A lot of work goes into any website and the process that starts with an idea and ends with the finished product can be lengthy. To begin with, the client or manager of the project would come to a web designer with some ideas of how they’d like their site to look and the functions it should have. The web designer will then work on a ‘wire frame’ which is essentially a really rough look at how those ideas could be visualised. Generally this is done on a computer, but it could also be just a quick sketch.

Once the web designer has finalised what the client wants he/she will then move onto creating designs. Then, when these are finished, they will be turned into programming language so they can be viewed and interacted with online. This job might also be done by the web designer (as some can also code), or it may be taken on by web developers.

 

Technical vs creative

Designing for the web is quite different to designing for print. While the principles of what looks good are generally the same, sometimes the restraints of the internet mean you have to compromise what you see as best practice creatively. Things like the functionality of a site or SEO requirements for it can affect the designs you create.

You also have to create designs for every eventuality when it comes to the web because the page is likely to look different depending on what action the user is taking on the page. For example, if they roll their mouse over something, will it change colour to indicate it’s selected? On a typical web designer course you will be taught how to ensure your designs cover all the options of actions you can take on a web page.

 

The web designer’s tool box

On most web design courses you will try out the software used to create great looking websites. Here are some of the most popular names you’ll hear…

Photoshop

Photoshop is a type of photo editing software that many designers use, not just to edit photos, but for other web graphics too. You might be improving the colours in photos, resizing images for the web or adding effects to them so they stand out more. There are several different types of Photoshop software, depending on the level of editing you’re planning on doing.

Dreamweaver

Dreamweaver is used to design, build and manage websites. You might use it to do some coding but there is also a WYSIWYG editor so you can see what your website will look like as you make it. Dreamweaver is popular with web designers who not only create the look of a website but turn it into code and thus bring it to life.

Fireworks

Fireworks is used mainly for creating graphics and layouts for websites. It does a similar job to Photoshop in that you can edit images and optimise them for the web. It is also possible to design prototypes of apps using Fireworks and create animated GIFs.

InDesign

InDesign is predominantly used in print to create layouts for books, magazines, posters and other printed materials. However some web designers do use it for prototyping. It allows you to create layouts for websites fairly quickly so that you can show clients or developers how the site should look.

Flash

Flash is used to create animation on websites. It might be a banner advertisement across the top of the page that moves, or a graphic that reacts when the mouse hovers over it. Basically if there’s anything moving on your web page, you’ll probably be using Flash to make it do so.

 

Tips from a web designer

We asked Jai, Junior Designer here at Hotcourses a bit about his experience in web design…

‘I studied Multimedia Technology and Design at the University of Kent. My course covered so many different subjects. We did some programming, filmmaking, flash animation and even 3D modelling. Web design was actually only one module in my first year. There are certain sites that I think are particularly well designed. I would say Amazon, Smashing magazine and Mailchimp to name a few. Oh and Hotcourses!’

Similar Subjects

  • Apps
  • Content Management Server
  • Dreamweaver
  • Flash
  • HTML
  • Iphone
  • Javascript
  • Markup Languages
  • Photoshop
  • WordPress
  • Wordpress
  • XHTML
  • XML
  • Browse all fun courses

Special offers

HTML & CSS Combo Essentials Introdu...

Next start: 30th Jul 2018

Price: £450.00 £425.00

Where: London

This 2-day Essentials course will cover everything you need to get started with producing HTML and styling your content with CSS. You will learn...

Web editing course (Level 4 Diploma...

Next start: You choose

Price: £494.50 £296.70

Where: Online Course

Our web editing course equips you with the technical and non-technical skills you need to find work or launch your own freelance business. ...

Mastering Google Adwords

Next start: You choose

Price: £175.00 £24.00

Where: Online Course

Do you wonder what are the best ways of reaching your potential customers? Or, getting current customers coming back for more? Or, indeed, how...

HTML Essentials

Next start: You choose

Price: £499.00 £49.99

Where: Online Course

HTML is one of the main programming languages that power the internet. And once you master it, you can begin to create your own web content,...

Web Analytics

Next start: You choose

Price: £49.00 £36.75

Where: Online Course

Do you know how your web visitors arrive at your website? When they are on your site, do you understand what they do, which pages they click...

Digital Advertising & Google Adword...

Next start: You choose

Price: £299.00 £71.00

Where: Online Course

Course Overview During this course, candidates are taught how to promote business effectively online and develop a targeted marketing...

Website Development for Beginners T...

Next start: You choose

Price: £299.00 £59.00

Where: Online Course

Web Development is one of the fastest growing industries in the world and predictions are that the demand for quality Web Developers will only...

Website Usability

Next start: You choose

Price: £49.00 £36.75

Where: Online Course

Our course will help you understand how to take a user focused approach to building websites. Design a more effective website that will improve...

Programming in HTML5 with JavaScrip...

Next start: You choose

Price: £239.00 £47.00

Where: Online Course

Course Overview This course is comprised of professionally narrated e-Learning modules, interactive quizzes, tests and exams. All delivered...

Microsoft Azure 2017 Online Trainin...

Next start: You choose

Price: £120.00 £59.00

Where: Online Course

This course series will introduce students to Microsoft Azure, as well as teach them about the Azure App Service, monitoring and application...

Mastering Google Adwords

Next start: You choose

Price: £239.00 £47.00

Where: Online Course

Course Overview Do you wonder how to best reach potential customers? Do you need to gain more repeat customers? Or, grow online sales?...

WordPress Diploma Training Course

Next start: You choose

Price: £299.00 £59.00

Where: Online Course

This comprehensive WordPress course is the ideal companion for those who want to learn more about setting up and managing their own website and...