Web Design TutorialsSo you've been inspired by the many great designers and showcase websites out there. Now it’s time to brush up on your skills with some web design tutorials!
Tutorials are a great resource as you might not be overly confident with how a particular design was created or even the techniques used to make the design a success rather than a failure.
The best bit is there are thousands of useful tutorials on the internet that you can follow at your own pace and in your own time.
Below I have listed a few useful web design specific tutorials to get you started.
How to Create a Ribbon Heading
The heading area of your website is extremely important so what better place to start than a heading graphic tutorial!
This tutorial is for Photoshop (the most popular and most supported graphics program on the market). If you haven't got a copy I would highly recommend getting a trial version and seeing what you are missing.
That being said the tools across many design programs are very similar so this tutorial can still be followed if you’re on other software such as Fireworks or Paintshop pro or Gimp.Web Design Tutorial - Ribbon Heading
Notice how the texture and little details really make this design come together?
Artistic Heading Design Tutorial
This is another excellent web design tutorial that combines the use of textures from custom brushes and also features a well selected colour palette resulting in an excellent design.Web Design Tutorial - Artistic Website Design
This silhouette technique could come in very useful across a range of different website styles and to keep it could be a white silhouette to keep the site lighter if desired.
Additional Web Design Tutorials
You will find tutorials are great for learning new techniques however they are not all specific to web design. It's down to you as a designer to find creative tutorials for all types of design to help you expand your skill base in your preferred area of expertise.
Below are a few websites to get you started featuring well over 200 tutorials:40 Great Web Design Tutorials101 Header Web Design Tutorials18 Photoshop Header Tutorials
Not Tutorials - Web Design Exercises
If following tutorials isn't for you or you feel you've had enough of following step by steps but still want to improve your techniques and skills as a designer then why not try and set yourself some challenges to exercise your creativity?
You can become a faster designer by training yourself and it's always useful to practise and hone your skills whilst not risking any costly mistakes with your client.
The website below has 3 challenges to improve your Logo Design, Typography and Photo Effects / Manipulation skills.Web Design Exercises
If you'd like to speak to a Griffen Mill Pixel Factory designer, please go to our Contact Page for more information about how we work.
Latest on Twitter
We haven't set up our own Twitter account yet, so in the meantime why not take a look at what our strategic partner WebHealer is up to.
With the recent launch of Active Images, PHD Interactive have added a great facility to their website editor that we recommend clients make use of. It aids navigation and provides us designers with a great tool to engage visitors and encourage them to take a look at what's on offer... ideally resulting in an enquiry, subscription or some form of action. The website editor includes some free 'call to action' graphics (such as the one opposite) and we're also enjoying making custom graphics for our clients. Get in touch if you'd like us to make something for you.
Recent Client Work
Thanks very much, David, for all your hard work and input on my website Your time and attention to detail is valued and I am delighted with the final result! I would have no hesitation in recommending you to others who could similarly benefit from your expertise. Beverley E. See full case study