Academy Xi Blog

Market update: game developer demand and salary in Australia, 2022

By Academy Xi

Share on facebook
Share on linkedin
Share on twitter

A growing games industry exists in Australia, with the sector contributing $226.5million in revenue in 2021, which was a 22% increase on the previous year. Want in on the action? Read on.

Globally the gaming industry is worth $240 billion and predicted to reach $294 billion by 2024. Within Australia, 83% of gaming revenue is coming from overseas and now the Australian government is finally recognising the massive growth of the sector. Support on both federal and state levels is on offer in the form of tax incentives (the Digital Games Tax Offset or DGTO came into effect in 2022). 

Attracting employees with the right specialised skills is reported as being one of the difficulties faced by Australian gaming development studios. The global demand for experienced staff demonstrates that if you’re keen to get into the industry, now’s the time to strike.

What is a video game developer?

Game developers bring video game designer’s ideas to life by developing the code which creates the audio and visuals that make it a playable game. Video games exist across a number of platforms such as game consoles (we’re looking at you XBox, Playstation and Nintendo), mobile phones, PCs and different web browsers.

Are game developers in demand in Australia?

Recognised as a strong contributor to the national economy, the projected job growth for game developers over the next five years is tipped to be 25%

With a projected industry growth of 7% annually and a shortage of skilled workers to meet the increase, it’s safe to say that game developers are in demand.

How much does a video game developer make?

The average Australian salary for game developers hits roughly the $100k mark, with entry-level positions likely paying less. However, with plenty of opportunities available, you may find yourself climbing the ranks faster than in other industries. 

Keep in mind that if you specialise in certain aspects of gaming, you could command a higher salary.

Skills needed to be a game developer

It goes without saying that having a true passion for video games really is paramount if you want to be a game developer. In addition to your love for all things gaming, the following skills and attributes are also needed in your kit:

  • Proficiency in programming languages (C# and C++ for example)
  • An analytical mindset
  • Creative thinking
  • Great at working solo and as a part of a team
  • Be across the latest gaming trends

Do your homework

If you’re interested in working in the gaming industry, it pays to know about the companies in the field. Scan through game developer job listings to see who is who and learn about which services they offer. You can also read through the job descriptions to gain an understanding of the skills and experience required to join their ranks.

If there’s a studio you’re particularly interested in, check their website directly to see if they’re hiring and the skills they require. You can also ask about work experience or internship opportunities to get your foot in the door, which can be a great way to network while you gain a relevant qualification

How to become a game developer

How to become a game developer It’s a wise idea to have some training under your belt to become a game developer, in software engineering ideally, as a proficiency in relevant programming languages is required.  Some developers are self-taught, but it can be a much longer road to get up to speed, particularly when you consider that you might be up against people with computer science qualifications when applying for positions in game development companies. At Academy Xi, we offer industry-approved training via an intensive approach, so you can get yourself out there into the game development workforce sooner rather than later, instead of sinking four years into a university degree.  Our tech training options will give you the foundations required enter into the world of gaming, whether you want to upskill, or become a full-stack developer: If you have any questions, our experienced team is here to discuss your training options. Speak to a course advisor today and take the first steps in your game development journey.

Our courses

Return to homepage

Categories

Related posts

Skills and responsibilities of a game developer

In addition to writing code, a working day for a game developer often includes using application program interfaces (APIs) to develop their work across different software, analysing video game designer’s concepts and design specifications, as well as programming the artificial intelligence (AI) for non-player characters and the terrain of the game.

Academy Xi Blog

What is wireframing? How to create a website wireframe and the best tools to use

By Academy Xi

Share on facebook
Share on linkedin
Share on twitter

Are you new to the world of wireframing? Learn how to use wireframing and the latest software, so you can do web design and UX the right way.

What Is Wireframing?

For the sake of simplicity, think of wireframing as a bit like creating an architectural blueprint for a new building. A wireframe is a basic, two-dimensional visual plan for the layout of a website, app, or digital product. 

Product Designers, Web Designers and UX Designers use wireframing to arrange and prioritise the features of a design, giving them a clear picture of how its users will interact with it. 

There are many different types of wireframe (we’ll cover them in a bit), but the most common form is a low-fidelity sketch. This kind of wireframe only depicts the design’s functionality, without incorporating any stylistic features. This means many wireframes look incredibly simple, with only grey colour schemes, placeholders for images and ‘lorem ipsum’ for text.  

What is a website wireframe

What is a website wireframe?

Creating a website wireframe involves planning the structural framework of a website’s pages. Various teams use website wireframes to align on the layout, user flow and information architecture that a website will entail. 

As well as guiding the web design process at a structural level, website wireframes can be stylised, showcasing the user-facing elements of each page, including design features, colour palettes and other forms of visual content.

Website wireframing is normally an iterative process, which involves producing multiple wireframes (or prototypes), before a final design template is agreed upon.  

Why create a website wireframe? 

There are a number of benefits that come with creating website wireframes. Most importantly, they ensure cross-functional teams are on the same page before the web development process begins.

Some of the other organisational benefits that a website wireframe offers include:

  • It clarifies the overarching goals of a website and streamlines the design process
  • It documents the team’s decisions about which functionality and content to prioritise
  • It clarifies how users will interact with the website and offers the chance to optimise the UX
  • It documents how various aspects of the website will connect and establishes consistent ways of displaying content
  • It allows teams to share the design with clients and stakeholders before the website is built

What are the different types of wireframes?

Now you’re well and truly sold on the value of a wireframe, maybe it’s time to make one for yourself? Before you rush off and start designing, it’s wise to figure out which type of wireframe best suits your project. The most common types of wireframe include: 

  • Low-fidelity wireframes

Low-fidelity wireframes are normally just quick, simple designs that make ideas more tangible. Low-fidelity wireframes are usually black and white sketches that focus on the ‘big picture’ of a website’s layout. UI elements are usually depicted as boxes and lines without any details.

  • Mid-fidelity wireframes

A mid-fidelity wireframe is a step up from its low-fidelity counterpart. Mid-fidelity wireframes will have more detail, including accurate spacing, headlines, banners and buttons. The page designs might even be displayed in a sequence, called a wireflow, illustrating exactly how the whole website will fit together.

  • High-fidelity wireframes

A high-fidelity wireframe captures the look and feel of a website in the advanced stages of the design process. Hi-fidelity wireframes go beyond the placeholders and lorem ipsum text of low-fidelity wireframes, specifying actual content, typefaces, colour schemes, image dimensions and branded elements.

  • Mobile website wireframes

Much like a low-fidelity wireframe, a mobile website wireframe is normally a two-dimensional sketch that serves as a visual guide for the appearance and functionality of a mobile website. A mobile website wireframe doesn’t represent the full design, only depicting the screen layouts and key design components.

How to create a simple wireframe

Now you’ve picked the type of wireframe you’re going to create, here’s a four-step guide to help you kickstart the wireframing process:

  • Step 1: Determine your website device size

The sizing of your wireframe will depend on which device you’re designing for. There are three device sizes to choose from:

  • Desktops have a size of 768 pixels wide x 1366 pixels long
  • Tablets have a size of 800 pixels wide x 1280 pixels long (8” tablet) and 1200 pixels wide x 1920 pixels long (10” tablet)
  • Mobiles have a size of 1080 pixels wide x 1920 pixels long

Depending on the usage you’re planning for your website, you might design wireframes for all three device sizes.

  • Step 2: Understand the goal of the website

At the beginning of the wireframing process, it’s crucial to define your website’s goals. Do you want to generate more traffic? Do you want users to purchase something, or download an app?

Whatever your goals are, they will guide the wireframing process at every stage. Write your goals down on sticky notes and attach them to your wireframe template. This will keep the website’s goals top of mind amongst your team.

  • Step 3: Understand the user flow

Designing your user flow will help you track and plan movement within your website. The aim is to make your website as easy to navigate as possible. 

A wireflow is a hybrid document that combines a wireframe with a user flow diagram. Simply adding arrows and annotation between wireframes on a single canvas will indicate the paths a user may take while moving around in your website.

  • Step 4: Know the conversion points

Building on your understanding of the user flow, it’s important to plan exactly how the user will move through the website and complete each step of the process you want them to carry out. 

You’ll need to determine which buttons, menus and links will guide the user through each step. You’re aiming to smoothly move the user through the conversion points, enabling them to easily perform the task that you set as your goal in step 2. 

How to create a simple wireframe

What are the best tools to create wireframes with?

There are plenty of software options that can take the heavy lifting out of creating your wireframe. Some of the handiest wireframing software on the market includes:

  • Figma – Offering a range of customisable wireframe templates, Figma streamlines the process of producing website mockups. Figma is browser-based, so sharing your wireframes is as straightforward as sharing a link. Your team can leave direct comments, meaning you can easily field questions and gather feedback.
  • Adobe XD – Adobe XD is a powerful, free wireframing tool that’s perfectly suited to website design. With Adobe XD, you can quickly sketch layouts, design UI elements, create user flows and plan information architecture, all with a single design tool.
  • InVision – InVision is an online whiteboard platform designed specifically for prototyping. InVision tools mean your team can quickly iterate, share design ideas and gather feedback from users, designers, and stakeholders. This leads to wireframes that are more responsive and interactive.   
  • Sketch Sketch is known for being one of the easiest wireframing tools to pick up. Sketch artboards can be used to quickly illustrate wireframes, offering a combination of drawing tools and vector design shapes. Sketch tends to be better for solo projects, since it only allows designs to be shared once they’ve been completed.

Want to make wireframing part of your career?

If you want to make wireframing a regular part of your day-to-day work, then a career in UX UI Design is your best bet. Wireframing is an integral part of the UX process and a technical skill that no accomplished UX Designer could do without.

Academy Xi UX UI Design courses give you all the practical skills needed to break into the industry. You’ll learn to place the user’s needs at the centre of the design process, so you can create smooth and functional products that leave a lasting impression.

Whether you’re looking to upskill and test the waters of the industry, or launch a completely new career as a UX Designer, we’ve got the perfect course for you:

  •  UX UI Design: Elevate – For upskillers looking to boost their career prospects with in-demand creative capabilities 
  • UX UI Design: Elevate (Self-Paced) – For upskillers looking to boost their career prospects with in-demand creative capabilities, whilst enjoying the flexibility of self-paced learning
  • UX UI Design: Transform – For career changers, looking to transform their profession with a course offering access to a Career Support Program that helps 97% of graduates land their dream role 

Not sure which is the best course for you? Chat to one of our course advisors and we’ll help you break into one of Australia’s most creative industries.

Academy Xi Blog

Colour theory and colour palettes for designers

By Academy Xi

Share on facebook
Share on linkedin
Share on twitter

Far from just making things ‘look pretty’, Graphic Designers draw on some complex theories to increase the impact of their work. Read on to find out how you can make a splash with your designs using colour theory.

What is colour theory?

It was the English mathematician and bonafide brainbox Isaac Newton who first developed colour theory. Using a prism, Newton split white light into a spectrum of colours and then wrapped the spectrum around itself to create the colour wheel.  Colour theory has developed into a set of rules which helps designers use colour to convey messages and elicit emotional responses. Picking colours for a particular brief, designers refer to the colour wheel and knowledge about optics, psychology, behavioural science and much more. What is colour theory

Why should you care about colour theory? 

Artists and designers have been using Newton’s wheel to create eye-catching visuals for hundreds of years. In a business setting, colour is one of the most significant variables that can determine what we buy, from the foods we eat, to the clothes we wear and the cars we drive.

The best marketing uses colour to appeal to our senses, helping us to develop an emotional connection with a brand and ‘feel’ our way toward a purchase. As a result, applying colour theory is a crucial step in building a successful business.   

What is the colour wheel?

The colour wheel is a visual representation of primary, secondary and tertiary colours, with the various hues arranged according to wavelength. Graphic Designers use the colour wheel to understand what the visual effects are likely to be when different colours are combined. 

When using colours on the the colour wheel (referred to as ‘hues’), designers will consider:

  • Shade – This is when black is added to a colour, resulting in a darker, more intense hue. Shaded colours tend to be moody
  • Tint – This is when white is added to a colour, creating a desaturated and lighter hue. Tinted colours normally have a calming effect 
  • Tone – This is when both black and white are added to a colour, creating a less saturated hue 

The importance of colour harmony

Colour harmony refers to the process of combining particular colours to create an aesthetically pleasing experience. These combinations create contrasts that are said to be ‘harmonious’. 

Following the rules of colour harmony can bring a sense of internal order and balance to an image. On the other hand, ignoring colour harmony can lead to visuals that are either chaotic or bland, both of which the human brain will reject.   

Additive vs subtractive colour

There are two methods for producing colour – additive and subtractive. The additive colour model is primarily used when colours are added to shades of light to create colours. The subtractive mode is used when white light, such as sunlight, reflects off an object. Confused? Let’s break it down.

  • The additive colour model (RGB) 

Additive colours begin as black and become white as more red, blue, or green is added. TVs, mobile phones, computer monitors, and other electronic screens display colours that are created with the additive model. Pixels start as black, but take on colours that are expressed as percentage values of red, green, and blue (hence ‘RGB’). 

  • The subtractive colour model (CMYK)

Subtractive colours begin as white, but as you add filters to the white light, such as ink, this white light takes on the appearance of colour. Photos, magazines and other printed materials use subtractive colour. CMYK refers to the four colours added to plates during subtractive printing: cyan, magenta, yellow and key (black).  

How to choose a colour scheme

How to choose a colour scheme

Selecting a colour scheme can make or break the popularity of a brand. To help you nail the process, here’s a simple four-step guide:

Step 1: Prioritise the user experience 

Colour can be used to establish a brand’s overall look and feel, influencing how users interact with your business and the emotions they experience as they do so. 

Ask yourself, what kind of experience are your users looking for? If you run a jewellery store and they’re after a luxurious experience, a deep purple colour scheme might work. If you run a spa and they’re after a peaceful, serene experience, a blue or green colour scheme might be more effective. 

Step 2: Set a mood for your colour scheme

It’s handy to think of your brand as having a personality so you can choose colours that will accentuate certain traits. These traits will set the mood for your brand. If you want to seem exciting and confident, a red colour scheme might be a good choice. If you want to seem calm and down-to-earth, a green colour scheme might do the trick. 

 Step 3: Refer to your colour wheel

Don’t just base your colour choices on a hunch. Refer back to the colour wheel and play around with different combinations until you have some options you’re happy with. Using colour theory to support your choices will allow you to be more intentional in creating a visual identity for your brand. 

Step 4: Draft multiple designs

This might seem like obvious advice, but don’t just settle on the first colour scheme you come up with. A Graphic Designer would produce multiple colour schemes, giving their client a series of options to pick from. Do the same for yourself.

What are the main types of colour palette?

When you’re picking your colour palette, it’s handy to know what some of the most tried-and-trusted options are: Pastel colour palette – Pastels are pale tones of colours made by mixing a significant amount of white into the original hue. Pastel colour palette Neutral colour palette – Neutral palettes often include beige, ivory, taupe, black, grey and shades of white. Though they seem to lack colour, neutral palettes often have undertones. Neutral colour palette Warm colour palette – Warm colour palettes are based on hues of red, orange and yellow. Warm colour palette Cool colour palette – Cool colour palettes are based on hues of blue, green and purple. Cool colour palette Monochromatic colour palette – Monochrome colours are all the varieties of a single hue, in different tints, shades and tones. Monochromatic colour palette Analogous colour palette – An analogous colour palette involves three hues, all of which are positioned next to each other on the colour wheel. Analogous colour palette Complementary colour palette – Complementary colours are positioned opposite one another on the colour wheel. These colours are said to be in direct harmony with each other. Complementary colour palette Triadic colour palette – A triadic colour palette focuses on one dominant colour, with the other two colours placed evenly apart on the colour wheel (marking a triangle) and serving as accents. Triadic colour palette

Best tools for choosing a colour palette and scheme

There’s plenty of innovative software designed to make picking your colour palette easy-as-pie, including:

Adobe Color

Adobe Colour theory Adobe Color is a browser-based application with an interface featuring a large colour wheel. Beside are multiple options that work in conjunction with the colour wheel. You use the wheel to choose a base colour and apply one of the options. Adobe Color then generates numerous colours that make up your palette.

Coolors

Coolors is a colour palette generator Coolors is a colour palette generator. It can either suggest an entire palette randomly or based on your inputs, such as a logo or manually entered colours. Settings enable you to adjust colours by shade, hue, saturation etc. With over 3 million users worldwide, you can draw inspiration from other people’s palettes and keep tabs on trending colour themes.

How to become a Graphic Designer

Do you want to learn more about colour theory and all things Graphic Design? 

Whether you’re looking to upskill or launch a completely new career as a Graphic Designer, Academy Xi has the perfect course: 

  • Graphic Design – For upskillers looking to boost their career prospects with in-demand creative capabilities 
  • Graphic Design: Elevate (Self-Paced) – For upskillers looking to boost their career prospects with in-demand creative capabilities, whilst enjoying the flexibility of self-paced learning
  • Graphic Design: Transform – For career changers, looking to transform their profession with a course offering access to a Career Support Program that helps 97% of graduates land their dream role 

Not sure which is the best course for you? Chat to one of our course advisors and we’ll help you break into one of Australia’s most creative industries.  

Academy Xi Blog

What is the rule of thirds and how can you use it with your designs?

By Academy Xi

Share on facebook
Share on linkedin
Share on twitter

Artists and designers have been using the rule of thirds to create eye-catching images for hundreds of years. Find out how the rule of thirds works and how you can use it to add some serious shine to your designs.

What is the rule of thirds?

The rule of thirds is a “rule of thumb” used for composing visual images, such as films, paintings, photographs and graphic designs

According to the rule of thirds, anyone creating an image should imagine it as being divided by two equally spaced horizontal lines and two equally spaced vertical lines, creating a grid of nine evenly sized sections.

Artists and designers following the rule of thirds will position any important visual elements on these lines or their intersections. Why? Glad you asked! 

People who believe in the power of this technique claim it helps to create more balanced, eye-catching images with multiple focal points charged with tension and energy. To give an example, if the main subject of an image is closer to one of the edges (as it is above), the eyes will follow it, creating a sense of movement.

Without following the rule of thirds, the natural tendency is to simply centre all the important elements, leading to static compositions and less interesting images.  

Why is the rule of thirds Important in design?

The design space is filled with different kinds of rules. There are rules for typography, balance, composition, negative space, colour theory and just about everything else you can shake a paint brush at. 

The rule of thirds is a simple guideline that Graphic Designers, UX Designers and other creatives use to arrange the text and visual components of an image or webpage. This allows designers to create balanced compositions that align with how the viewer’s eye naturally scans the content.

The main benefits of designers using the rule of thirds are:

  • It helps to create balanced, orderly images that are easy for the viewer to comprehend.
  • The asymmetry of the grid creates dynamic designs with a sense of movement and flow, as opposed to symmetric designs that seem still and rigid.
  • It removes the guesswork when designers are deciding where to place the most important elements.

Make no mistake, the rule of thirds isn’t just a passing design trend. It was developed by painter John Thomas Smith in the 18th century and is still being used by designers, filmmakers, photographers and artists the world over. 

How to use the rule of thirds with your designs  

The enduring popularity of the rule of thirds is a testament to just how effective it is. Honestly, it really does work. But don’t just take our word for it, experiment with it yourself.

  • Step 1: Create your grid

First you need to know the dimensions of the image you’ll be working with. Once you know the height and width of the image, divide each evenly by three and place marks at these intervals on the top, bottom, left and right sides of the image.

Next, draw four straight lines where you marked the intervals, two horizontal and two vertical. For instance, if your image is 30cm wide and 15cm tall, you would draw lines from top to bottom at the 10cm and 20cm marks, as well as from left to right at the 5cm and 10cm marks. Hey presto – you have your grid! 

  • Step 2: Use the grid to structure your design

At the centre of your grid there will be four points where the lines of the grid intersect, often referred to as ‘powerpoints’. You should aim to place the most important visual features of your design on the powerpoints.

If your design entails any strong uses of lines, you should try to position these lines alongside either the vertical or horizontal lines of the grid.   

  • Step 3: Use the rule of thirds to achieve balance and movement

Following this formula, you might end up with a design that has most of its prominent features in the first third, with the other two thirds left as mostly empty space. Though the design will be partly empty, it will still be evenly divided into thirds. This creates a sense of balance that feels right to the viewer. 

Using the rule of thirds also creates a sense of movement in your designs. Designs that include key elements smack-bang in the middle often feel static and boring, because there’s nowhere for the viewer’s eye to wander. Using the rule of thirds, your viewer will spot a key feature off to the side, then take a visual journey through the rest of the image.

The rule of thirds in UX Design

When it comes to UX Design, the rule of thirds is applied with a slightly different objective in mind.

While UX Designers do rely on the rule of thirds to create visual appeal, they also use it to make sure users notice key features, helping them to navigate the interface and carry out important actions. Ultimately, this leads to higher conversion rates. 

Usually UX Designers will place important images, links, text, or calls to action near the four powerpoints of the grid. This ensures that users can quickly comprehend what they are looking at and easily proceed with any important tasks.

The benefits of using the rule of thirds in UX Design include:

  • It makes it easier for the user to navigate a site and accomplish their goals.
  • It reduces any non-essential information that might otherwise clutter the page and confuse the user.
  • It creates balanced, visually appealing pages.

Rule of thirds examples

Here are a few examples of some eye-catching designs that have made great use of the rule of thirds:

Nike Air Zoom running shoe advertisement – This image is perfectly balanced, with the two main features distributed across the three mid-sections. The ‘Wow!’ text captures the viewer’s attention, which then moves across the page to scan the running shoe. Notice how the text and all-important Nike Swoosh logo are located between the powerpoints.

Rolling Stone website landing page – Here’s a perfect example of the rule of thirds applied to a web design. The three columns of articles are perfectly aligned with the thirds of the grid, while the advertising banner near the top of the page is aligned with the top horizontal grid line. As a result, despite the page being filled with information, it appears neat, orderly and balanced.

Want to learn more about design theory?

Academy Xi offers a range of courses that will equip you with all theory and practical skills needed to flourish in today’s design industries.

Want to combine business objectives and creativity to craft stunning visual assets that resolve a brand’s biggest challenges? 

Change careers with our Graphic Design: Transform course: 

  • Get to grips with the full suite of Adobe apps and build a stand-out portfolio. 
  • Join a Career Support Program that helps 97% of graduates land their dream role, with tailored job search, resume and interview advice. 

Upskill and develop in-demand skills with our Graphic Design: Elevate course: 

  • Learn the theory of Graphic Design and put it into practice with hands-on projects.  
  • Build a unique portfolio with a range of digital design assets.
  • Elevate courses come in two flexible options – part-time, or self-paced.

Want to combine the best of UX and UI to create seamless user experiences that leave a lasting impression on customers?

 Change careers with our UX UI Design: Transform course: 

  • Impact real businesses by completing projects for live clients. 
  • Join a Career Support Program that helps 97% of graduates land their dream role, with tailored job search, resume and interview advice.  

Upskill and revamp your role with our UX UI Design: Elevate course:  

  • Go beyond case studies – work on personal projects and solve a UX UI problem you’re passionate about.
  • Elevate courses come in two flexible options – part-time, or self-paced.  

Want to discuss your course options? Speak to a course advisor and take your first steps into the exciting world of design. 

Search our website

Find the right course