alexa rank cert Archive for 2016
WHAT'S NEW?
Loading...

Most Popular Topics

How to Create a Concept Board

Game Design Concept Board
Sample Game Design Concept Board
This article will focus on the development of a concept board (also know as a presentation board) for a game, however the same approach can be applied for the design of any type of design project in areas like architecture, 3D modelling, product design, interior design etc. So whatever design project you are pitching or presenting then you can follow these steps to ensure you create a great concept board design. To prepare even better you might also like to read our article on design presentation boards which gives a good insight into the theories and techniques to creating a great concept/presentation board. For now though, we are focused on the practical, so let's get started!

The Concept:

It may sound obvious but the first thing you need to do when creating a concept board is to create the concept and write it down! Of course everyone does this but not everyone does it correctly. Your concept board should have details of all areas of your proposed project design and therefore your concept/idea needs to be fully developed with all decisions finalized so you don't have to edit your concept board after you thought you were finished or even worse, leave something out that you should have displayed. For example, for a computer game concept board your idea should include....
  • The full story/plot of the game to set the scene.
  • Where and when the game is set and details about how it looks eg. abandoned water mill in the valley between two snow covered mountains ranges
  • Who are the game players/enemies and what do they look like 
  • What objects/vehicles will be involved in the game
  • What is the main game objective eg. kill enemies, score points, survive, collect objects, solve puzzles etc.
Just a reminder to write all these things down as our memories are not as good as we like to think!

Research:

Concept Board Research
A selection of images on the concept theme which could be used in the concept board
There are two stages of research that need to be completed - I call these general and specific research.

The first stage, general, involves researching existing concept boards to help you gain an understanding of what a concept board is, what it can look like, the variety of possible style and layouts etc.

The second stage of research, which I call specific research, is where you will search for images of the things which you described in your concept board. You will later use these images to create a single image "collage". This might not make sense yet but basically, we will use a combination of multiple images (all edited from their original state) to form a single image which, along with some text will explain your idea is a way that is visually interesting and informative.

Blocking Out:

Concept Board Layout and Composition
"Blocking out" is a graphic design layout technique
"Blocking Out" is a graphic design technique used to quickly mock up the composition or layout of a design in a software package using only blocks to represent different areas or aspects of the design. The colour of the blocks does not matter so it is best to keep them in shades of grey to allow you to focus on their shape, scale and position within the design. If it helps you can also add text into each block to remind you what it is for.

In the sample image above the top-right represent where the title and story text will go. The vertical block in the center represents a lighthouse on a rock (the horizontal block it is on). The large horizontal block taking up a third of the canvas represents the ocean while the blank white space in the background is the sky. Finally, the 3 circles represents areas for explanatory text to go. Can you visualize it yet?

It may seem a strange way to start a concept board design but it has many advantages...

  • Helps you quickly and easily arrange a suitable layout of the content you need to include
  • You can easily add, remove, scale and rotate elements within the layout.
  • Creates all the main layers that you will need
  • You can focus on layout without the distraction of actual images or colour
  • Helps you to visualize the final design before you have any images in place

Breaking The Ice:

Getting started with your Concept Board
Add in the images you want in a "rough and ready" way just to get started
Once you know the composition/layout you want to achieve, roughly at least, the next stage is to get all the pieces of the puzzle on the one canvas. It is a common mistake to edit each part separately, trying to get them all perfect and then bring them together at the end only to realise the colours/resolution/style don't match.

Breaking the ice simply means getting started. The best way to start is to put all the images you think you will need onto the canvas, ideally overlapping them on your "blocking out" layout.

As these elements will eventually all be viewed together it is important that you edit them all together so you can easily judge their scale, colour, resolution and style proportionate to one another. It also removes any confusion about the potential complexity of bringing images together properly, which would arise if you have edited each one separately.

Finally, it forces you to start. It can be hard to imagine how a design will look when it is completely finished and people often stop themselves from starting or judge their designs too soon. This leads to hesitation, time wasting and unnecessary editing. Once you break the ice and put all the pieces of the puzzle in place it will be much easier to finish, after all you wouldn't try to do a jigsaw without having all the pieces there!

Blending Images:

Concept Board Image Collage
Try to make your separate images look like part of one large image
Blending images refers to the process of editing all the imported images so that they appear as a single image, like in this Photoshop tutorial. This is possibly the most difficult stage of the process but if you take the right approach to it then it can be made much easier. I would recommend the following steps to blending the images together to form a single scene.....
  1. Remove all the background/unneeded content from each individual image
  2. Scale, position and layer the images as you want them
  3. Use filters/effects/layers styles to ensure the images are all of the same graphic design styles
  4. Edit the images hue/saturation so that they are all of similar colouration
  5. If images over lap or meet in a non exact way, such as waves crashing over rocks, use the clone stamp tool or a semi opaque eraser tool to help them blend together more realistically

Adding Text:

Concept Board Text
Keep the text to a minimum and utilise headings for each section
Probably the most obvious step in the process. The heading says it all really - add text. The advice I can give you is short and simple.
  • www.dafont.com is a great place to get place to get interesting and unique font.
  • Make sure any fonts you choose are still legible (easy to read)
  • Make sure the colour of the text contrasts with the images behind it, possibly use semi transparent layers to help with this. (see image above)
  • Use headings for each section
  • Only include important information - the less text the better
  • Try out these Photoshop text tips

Optimise:

Sample Game Design Concept Board
Add detailed content and additional images to complete the effect
This step should be completed after you have reflected on your progress so far, evaluating the look of the design and checking that all required content is in place. Take note of all the changes you want to make - this will be your final "to do" list. You might also consider making use of some of the design principles to make your concept board more aesthetic.

So tips to consider when optimising your concept board are...

  • Print off the design, it will look different when printed than on the screen and will give you a better idea of scale and colour.
  • Show it to others and ask for feedback - you don't have to agree with them but their opinions may spark an idea for you or may identify something you overlooked.
  • Try to have a foreground, middle ground and background to your image. This helps draw people into it.
  • Whatever you do, don't clutter it by adding in too many images or too much text. The simpler the better.
  • Consider these presentation board tips.

Some More Sample Concept Boards...

Click on any of the sample concept boards below to view full size...











Take Your Designs To A New Level With The All Purpose Vector Supply Kit

All Purpose Vector Supply Kit
There are a lifetime of graphics available in this amazing vector graphics bundle

We've been talking recently about vectors and how important they are for designers and the great impact a vector based design can have on an audience. So to follow up and help give you a quick leg-up in terms of getting started with using vectors in your design projects I bring to you the "All Purpose Vector Supply Kit".

This vector bundle is the ultimate vector toolkit, especially for young designers yet to build up an archive of resources, as it contains vector resources for designs of all types, themes, topics and styles. And the great news is that it is now available for just $29 which is actually 99% off the initial price! Unfortunately this is a limited time offer and expires on Nov 14th at which time it will revert to it;s original $2,800 price!

One of the many selection of vector packages within the bundle that may catch your eye is the range of Christmas themed vectors which will certainly be useful for every designer over the next couple of months. The images below show just a small selection of the huge range of Christmas themed vectors available to download in this bundle.




My personal favourite though is the Logo Creator Bundle which has almost 1,000 vectors specifically designed for use in creating vector based logos. It's a must have for logo design projects and is something I have already started using in my own design projects and have really saved me a lot of time already. With over 950 logo related elements and over 100 ready made sample logos it's worthy of a vector bundle all by itself.


This vector graphics bundle contains a huge array of logo related elements
This vector graphics bundle contains a huge array of logo related elements.

Taking everything into account this vector collection brings you an incredibly practical set of elements including frames, florals, icons, badges, shapes, icons, silhouettes, textures, machine parts, artistic markings, sunbursts, labels, borders and much, much more! It’s a complete solution for every designer, so whatever your next project, you’ll be able to dip into this collection and find the exact elements you need!

All the components in this vector bundle come with an extended licensing for each and every item, which means that you can use them within your own wider designs available for resale, from greeting cards, to posters and merchandise! So no restrictions, no strings, just quality design elements for you to use. Remember it is a limited time offer (ending Nov 14th 2016), so buy now and it's yours for life.









Top 10 Brochure Design Tips

Sample Brochure Design
Sample Brochure Design 

Brochures are a classic advertising and marketing tool for businesses. A good brochure needs to not only advertise your company and it's products/services but also portray your company image and brand in a way that is attractive to your target audience. They say don't judge a book by it's cover but when it comes to a brochures, people always will. So if you or your business are currently designing a brochure or booklet here are 10 easy to follow steps to help you along the way to a successful brochure design.

1. Research

Collect and study brochures from around your community. What is the acceptable industry standard for brochures? What makes one brochure design more appealing than another? You can develop your sense of good design by carefully studying existing designs in the marketplace and deciding for yourself what works best. You can also learn from the mistakes of other btrochures and see what design styles or errors to avoid. The brochures of your competitors should also be carefully assessed to see where you outdo them.

TIP: Take note of your research findings and create a design proposal based around them.

2. Keep it Simple

What is the purpose of your brochure? Create a 'Brochure Checklist' to decide what information you want to cover, and arrange these components in order of importance. The clearer you are about the order of importance within your information, the better your brochure will be. Don't try to write a novel when a poem will do. Select one or two main messages that you wish to convey through the brochure and keep your message in mind throughout and include only those ingredients necessary to communicate the message. 

TIP: If you are using graphic elements to ornament your brochure, ask yourself whether they help to direct the reader’s attention, or simply create distraction.

3. Prioritize Content

Once you have determined the relative importance and sequence of the particular components in your message, you will be ready to consider how to treat each of them. The most important items should obviously receive more of your reader’s attention. They should be larger, bolder, brighter, or in some other way made to stand out. Make sketches and move the various elements around. Try re-positioning one or more elements to see how your design is affected.

TIP: Using block quotes within body text is a great way to highlight important content.

4. Choose your Words Carefully

Try to include some of the twelve most powerful words in the English language, while also avoiding clich├ęs, slang or any currently trendy jargon. The twelve most powerful words, according to advertisers and marketers are...

  1. You
  2. Money
  3. Save
  4. New
  5. Easy
  6. Love
  7. Discovery
  8. Results
  9. Health
  10. Proven
  11. Guarantee
  12. Free


5. Select Appropriate Fonts

sample font for a brochure design

Choose a font that will express the style you desire (professional, humorous, casual…) while still keeping your message clear. Use a minimum of two font styles (to avoid being plain or boring) but also use a maximum of three font styles (to avoid clutter and inconsistency). These fonts can still be varied in size, weighting or colour in the individual parts of the design according to their importance. Read more on fonts styles here. In general a clean and simple font is best.

TIP: You can download this font and thousands of others at www.dafont.com.

6. Utilise Bars & Boxes

Boxes, borders and bars work well for directing the readers' attention and separating busy areas. They achieve this through creating a contrast with the background so always aim for light on dark or dark on light in terms of the colours.






However, don't overuse them as too many can make your brochure design look cluttered and the desired contrast will be lost if everything is 'boxed off'. Instead explore other options for grouping and separating, such as the use of negative space as explained below.


7. Embrace White Space

White Space advice for brochure design
Good advice for your brochure design

You can use empty space to create a relationship between the contents and the page while bringing specific information into focus on the page by adjusting the space around it. The amount of empty space in a design affects its overall tone of lightness or heaviness. Empty space can also be used to frame or align the content without the need for boxes or borders. Read more about how best to utilise white space.


8. Consider Colour Theory

Whatever colour scheme you choose be sure to look into colour theory to ensure the right message about your product, service or company is being sent out. Different colours evoke different emotions in viewers and each colours has attached connotations that we subconsciously associate with it.

Your colour scheme can be applied as ink on paper or as the paper itself. There are hundreds of paper colours available, yet some of the most effective brochures are done in only one or two colours. Black and white brochures can often be more dramatic than colour.

TIP: Carefully selected images can be used to inject colour into your brochure and allow you to use simple black text on a white background without it looking too plain.

9. Paper Selection

Paper comes in all sizes, colours, and textures. The ISO (international Standards Organisation) 'A' Series of paper sizes, has become the global standard for document sizes and your brochure should be based of one of those. See the common document sizes table for more details.

TIP: Using recycled paper can add an interesting flair to your brochure design, and it helps reduce the impact we make on our natural resources.

10. Proofread & Test

You should proofread your final design several times before having it printed. Once printed, it’s too late to fix an error that you didn't spot, without incurring extra costs. It will also make your business look unprofessional and unreliable to potential clients.

You should also step back and look critically at the overall layout asking, can it be read from a distance? Is it interesting enough to grab peoples attention? If the answer to either of these questions is no you may need to tweak your design or possibly consider some attention grabbing techniques.

TIP: Reading lines of text backwards is the best way to spot errors in text. 



Create A Pong Game

The classic game Pong is a great place to start your game design adventure

If you have an interest in gaming and would like to start making your own games then this little tutorial is an ideal place to start. I'll guide you step by step through the process of creating your very first game. And what better game to start with than the very first game ever made - Pong!

For this tutorial we will be using a free, online software called Scratch which is a great place to start creating games. Normally before we started out creating a 2d game I would direct you to our 5 part series on how to create a 2d game but this game is so simple that that process isn't really needed. So let's get started.

Step 1: Create an account


Go to scratch.mit.edu and create an account. It's free, easy and they don't use your email to send you junk.

Step 2: Enter The Editor


Once logged in, just click on the create link in the main menu. This automatically creates a blank project for you. That will bring you into the scratch editor. Here is a short PDF introduction to scratch. You can also watch this short video to get an idea of the scratch basics.


Step 3: Creating The Sprites

First off, lets delete the scratch cat, which is there by default as we won't be needing it for our game. To do this select the delete tool, which has a scissors icon, in the top toolbar and then click on the cat.

Now we have a clean slate from which to start our game. The first thing we will do is create the "sprites" that we will need for the game - these are a ball and two paddles. To create a new sprite ourselves we click on the paint brush icon in the new sprite section, as shown in the image below.



Now, in the sprite editor area on the right of the screen, you should switch to vector mode as it allows you to create vector graphics which are of a higher quality than bitmap graphics. Simply use the ellipse shape tool (highlighted in the image below) to make a ball shape and then click new sprite again and repeat the process, using the rectangular shape tool to make the paddles.


You should now have 3 separate sprites in your sprites area. You can click on the "i" icon on the corner of each sprite to name them appropriately.



Step 4: Adding The Variables

In programming terms a variable is quite simply something that can/will change and because of this needs to be treated differently from other values which remain constant. In order for us to create our Pong game we need at least 2 variables, one for the player score and one for the computers score.

To create a variable simply go to the Data section in the scripts options and click on create a variable. Choose the "for all sprites" option and call one variable "Player Score" and the other "Computer Score" or something similar. This will create the variables and give you extra programming blocks to work with, as shown below. We will be using these blocks in the next section.



Step 5: Programming The Sprites

In Scratch programming is done by dragging and dropping "blocks" of code from the various scripts section into the scripting window on the right of the screen. Below, I will illustrate the programming code required for each of our 3 sprites.

The Ball....

Click on the image to enlarge


The Player's Paddle...

Click on the image to enlarge


The Computer's Paddle...

Click on the image to enlarge

Step 6: Adding & Programming Sounds

In scratch there are a library of sounds available for you to use but you can also upload your own if you can't find one in the library that you like. For our game we are simply going to add the "pop" sound for when the ball hits a paddle and the "zoop" sound for when the ball hits either end resulting in a score. Simply select the ball sprite and in the Sounds tab click on the speaker icon to select a sound from the library.



To programme the sounds to activate at the right time simply change your ball sprite programming code as shown below. 

Click on the image to enlarge

And that completes the basic set up for your game. If you would like you can also add win or lose screens to you game as shown in the sample below. To see how to do that just click here.

The Finished Game:

Click on the green flag to start the game. Have Fun!



Free Graphic Design Resources Every Student Should Know


Free Graphic Design Resources
Free Graphic Design Resources
This is a selection of the best free design resources and tools for graphic designers from across the web. These tools and resources are particularly aimed at design students and they will definitely come in useful in creating all sorts of design projects; these are webpages that should certainly be bookmarked! We really hope you find this list useful and if you know of any other free design tools or resources you think we should add then feel free to contact us and let us know.


Adobe Color CC

Create color schemes with the color wheel or browse thousands of color combinations from the color community using this interactive web tool. Everthing you need to prepare a design color scheme is at your fingertips with this great tool.

Avatar Icon Creator Pack

Whether you just want to make your own avatar icon, your colleagues’ or friends’, or if you’re up to a full business or personal project, you can use this incredibly complete pack to build up a huge amount of combinations in just a few simple steps. This is the easiest way to create a detailed avatar!
www.designshock.com/avatar-icon

Bittbox

The Freebie Gallery on the Bittbox website includes a vast selection of brushes and textures available for free download and use in Photoshop. Expect scratched backgrounds, paint blotches, wooden textures and loads more free design resources.
www.bittbox.com

Canva

Canva’s awesome suite of features make it easy to turn ideas into stunning designs. Simply search for the best graphics, photos, and fonts, then use Canva’s drag and drop tool to create a design. Whether your next design project is a creative collage, a social media graphic or even a web mock up. Canva’s features make it possible for anybody to create amazing designs for free.
www.canva.com

Creative Bloq

Creative Bloq is a design blog but we want to focus on just one post - a mammoth list bringing together over 2,500 brilliant design freebies, covering everything from typography to 3D design. The list is updated regularly with new design resources added all the time.

Creative Market

Go to their "Get Free Goods" section for a line-up of the best free goodies on Creative Market from the past week. To mix things up the website offers a variety of graphics, including vectors, Photoshop packs, fonts and textures.

DaFont

DaFont is a huge online library of great fonts in a wide variety of styles.The fonts presented on this website are their authors' property, and are either freeware, shareware, demo versions or public domain. There is also a great preview function to help you select the best font for your design.

Design Instruct

Design Instruct offers lots of free resources, as well as a ton of useful articles. Simply head to their Freebies section to download anything from icons, vectors and fonts, to Photoshop actions, stock images and textures.
www.designinstruct.com

Dribbble

As well as being a great source for design inspiration, Dribbble also high quality freebies including icons, fonts, vector illustrations, patterns and textures. They are often featured on numerous websites, but you can be the first to view the very latest additions by searching the ‘freebies’ tag on the Dribbble website.
www.dribbble.com

FlatIcon

FlatIcon is the largest database of free icons available in PNG, SVG, EPS, PSD and BASE 64 formats. Flaticon offers users, high quality graphic designs: totally editable vectors carefully selected by their design team in order to provide users with great content that can be used in both personal and commercial projects - all for free!
www.flaticon.com

FreeDesignResources

As the name suggests this website is a library of  design freebies. Free Design Resources is a site dedicated to help you find the high quality design resources for free. Crafted with love from amazing artists and professional designers around the world.
www.freedesignresources.net

FreePik

Freepik helps you to find free vector art, illustrations, icons, PSD and photos for using in websites, banners, presentations, magazines or any design project you are working on. They are currently creating hundreds of free vectors every day so you'll be sure to find what you need for your design project.
www.freepik.com

OnlineDesignTeacher

Well we couldn't leave ourselves off the list now could we! After all we strive to provide the best articles, tutorials, templates and resources across a range of design topics. So why not subscribe to our newsletter to keep up to date with all our latest posts.

Pixabay

A library of free images and videos you can use anywhere. All images and videos on Pixabay are released free of copyrights under Creative Commons CC0. You may download, modify, distribute, and use them royalty free for anything you like, even in commercial applications. Attribution is not required so their images are perfect for any design project.
www.pixabay.com

Pixeden

Full of free graphics and web resources, Pixeden has a little bit of everything. From graphic design and web design templates, to a whole host of icons and vectors, there’s a lot to choose from. You can sign up for a free account but if you want something a bit extra, they offer relatively cheap premium plans too.
www.pixeden.com

Pixel Buddha

Browse through Pixel Buddha’s endless catalogue of design freebies, including icons, templates, vectors and more. The website has a few high quality fonts as well, which are good for adding a personal touch to a project. From time to time the website hosts limited special offers as well, letting you snap up premium design resources for nothing, nada, zilch...free! Just another good reason to bookmark this website.
www.pixelbuddha.net


The Hungry JPEG

Download awesome, free graphic design resources today. The Hungry JPEG was started in November 2014 as a website to help designers, crafters, newbies, seasoned graphic design ninjas and well, anybody with an interest in the design world. The aim was to provide high quality design resources and we think they've done just that.
www.thehungryjpeg.com/freebies

Unsplash

Subscribe to the Unsplash mailing list to get 10 free high-resolution photos every 10 days. Expect seascapes and landscapes, architecture, travels on public transport, individual journeys, and much more. The website is great if you’re looking for something nicer than a standard stock image, and all images are free to use in your designs however you like.
www.unsplash.com

Visme

Visme is both an online Presentation and Infographic tool which markets itself as the resource to help you become a better Presenter, Communicator and Story Teller. Similar to Canva you can search for graphics, photos and fonts then drag and drop them to create your design.


10 Great Infographics for Games Design Students

The Positives of Gaming Infographic

The Positives of Gaming
The Positives of Gaming - Click to enlarge

Lets start off on a positive note! This great infographic highlights all the good things about gaming, the positive effects it has on gamers and it even finds space to debunk a few myths about gaming too. That's an awful lot of info in one image. If you would like to learn more about gaming or games design you can read more >>>


Game Design Team Infographic

The Games Design Team
The Games Design Team - Click to enlarge

The games design process can be completed by just one person but that person would need to be highly skilled in many different areas of the design process and production stages and have a lot of time on their hands too! For these reasons computer games, much like anything else, are designed and built by a team of people each with their own specific set of relevant skills. The infographic above outlines the job titles of the 8 main members of a game design team. The list is not definitive and other job areas do exist. but these are what are considered to be the most important roles. Read More >>>


Game Genres Infographic

Computer Game Genres
Computer Game Genres - Click to enlarge

Video game genres are used to organize video games based on their game-play interaction rather than visual or narrative differences. For example, a shooter game is still a shooter game, regardless of whether it takes place in a fantasy world or in outer space. Most computer games fall within a particular category or genre. Some bridge different gaming styles and, thus, could appear under more than one genre simultaneously. This infographic provides a list of all the main game genres with the features of each genre explained in brief. Read More >>


Game Design Process Infographic

The Games Design Process
The Games Design Process - Click to enlarge
The computer games design process is based on the general design process but has a process which is solely focused around the area of computer games. The headings differ from those in the general design process but they are effectively the same steps just broken down further and re-titled for a particular task. The overall process takes on the form of 3 major stages, as shown in the infographic above, with each containing a subset of more specific stages. The stages are called pre-production, production and post-production. As the names suggest the processes central objective is the creation of the game. Read More >>>


Gaming Career Infographic

Choosing a Career in Gaming
Choosing a Career in Gaming - Click to enlarge

Want to work in the gaming industry but nor sure where to start or what to do? Then this is the infographic for you. Go from Start and answer the questions as you go to guide you to the ideal gaming career for you. If you would like to learn more about careers in the gaming industry then you can read more >>>


History of Gaming Infographic

A quick history of video games
A quick history of video games - Click to enlarge
Recently the global video game market was said to be valued at approx US$70 billion, but the modern video game industry had a very humble beginning. This short but concise infographic will guide you through the main events in the evolution of gaming. If you would like a more detailed history then read more >>>


Game Review Infographic

Mass Effect 3 Review Infographic
Mass Effect 3 Review Infographic - Click to enlarge
Video games are unique in that they provide an interactive experience that differentiates them from watching movies or listening to music. Games require the active participation of the user and you can't do much else while playing. This gaming infographic charts some of the players' interactions when playing Mass Effect 3. Once you've spent enough time playing a particular game, you should have enough experience to write a compelling review of it. Read More >>>


Culture of Gaming Infographic

How gaming is effecting our health and culture
How gaming is effecting our health and culture - Click to enlarge
If there’s one skill that we all want to keep improving, it’s decision making. No matter what you end up doing for a living, whether it be a secular job, military or stay-at-home, the ability to evaluate the advantages and disadvantages of several choices is important. Gamers can breathe a sigh of relief; new studies have only served to confirm that playing video games can help us make better decisions, faster and this infographic outlines the findings. Read More >>>


The Rise of Mobile Games Infographic

Click to enlarge

This is a big infographic! But then again mobile gaming is now very, very big business and the mobile gaming industry is still growing year on year. If you would like to create your own mobile or 2D game then you can start learning for free right now. Read More >>>


The Neurology of Gaming

The Neurology of Gaming
Click to enlarge




5 Different Approaches To Creating a Website

5 Different Approaches To Creating a Website
5 Different Approaches To Creating a Website

It is important to state before we start that the creation of your website is just one of the steps in the web design process and it's not the first one! So I would really recommend reviewing the web design process first to make sure you are adequately prepared for this stage. So many people jump straight in at this stage and waste a lot of their time because they have not completed the previous steps in the process so don't say you weren't warned. Now with that little rant over, lets look at your options for creating the website.

There are 5 main ways to create a website and although not all of them require knowledge of HTML and CSS it is definitely better if you have at least a basic understanding of them.

The 5 ways to create a website are...

  • programme it yourself
  • get a website template
  • use a website builder
  • utilise a CMS
  • hire a web designer
Now that we know each of our website creation options, let's explore each of them in more detail.

Programme it from scratch 


If you already have good HTML and CSS skills or perhaps you are a web design or multimedia student in the process of learning HTML and CSS then this is a good option for you. Programming a website from scratch is also the most cost effective of the 5 options discussed in this article however it is also the most time consuming option. 

To help with this approach there are a number of very good code editor programmes available online such as Komodo Edit, which is an excellent free code editor which you can use to make programming your own website a little easier.


Start with a template


If you really want to program the website yourself but need a little bit of a helping hand getting started then perhaps a website template is the way to go, just be sure to get a responsive template to ensure your website is as user friendly as possible. This is also a great option if your programming skills are better than your design skills as you can keep the templates design features and use your programming skills to edit the content to suit your website needs.

You can choose from an amazing 100 free responsive website templates here. So a website template is definitely a great idea, especially for new web designers, just be sure to customise it as, a bit like a stock photograph being used in a poster, it can appear stale and without character in it's raw, template state.


Use a website builder


Website builders advertise themselves as the easiest and quickest method to create a website. Companies like SquareSpaceWix and Weebly are the best options for this approach and they both offer a starter package where you can get online with a free sub-domain name and free hosting. Although on the surface it may seem like a good choice, in my opinion, this is not a good option.

Website builders always seem to result in very rigid web designs, the free domain name is not a full domain and they tend to overcharge you for a full domain name. You often need to upgrade to a paid account to get a custom domain too and the monthly or yearly pricing structure is usually quite expensive. Bandwidth restriction, custom ads and extra storage space are other things that often need to be paid to unlock. In summary, this wouldn't be a choice I'd recommend.


Utilise a Content Management System


This would be my recommended option. CMS for short, content management systems are similar to, and often confused with, website builders. The difference being a CMS website design and structure is often created by a web designer first before being handed over to a client who only has access to a front end to make any required updates.

However, if you have learned some HTML and CSS, you can take charge and create the website design and structure yourself using systems like Blogger and WordPress. Which one of these is better is constantly being debated online with my personal preference being Blogger (read why). 

Whichever you choose, there are many others available too, this is a great option which offers you templates to get started, widgets to drag and drop in while still having access to the HTML and CSS to make advanced or specific changes and tweaks.

Hire a web designer


If you don't have the time to learn how to build a website or you need to have complex functions or a very specific look for your website and you have a budget, then you will want to outsource the work.

Be careful who you hire, though. A poorly developed website can cost you money, drive away customers, and hurt your reputation. Following a few basic steps will increase your odds of hiring a creative, technically savvy, and cost-effective design firm or freelancer.

Much of your choice of designers depends on whether you want to work locally with someone, or whether you are willing to work remotely with them over the phone. Here are some things to think and ask about when hiring a website designer. If you would like to hire a web designer then we can proudly recommend Opus Web Design.