Improve your Design Skills in Google

All teachers are designers. By mastering a few simple techniques, you can be sure the resources that you create and use engage all students. This is not just about making things look good, as effective design can make information more accessible and easier to navigate.

A poorly designed website or slide deck will lose the audience’s attention after 3 milliseconds and the average attention span of people is 8 seconds. Poor design can make information inaccessible and unappealing and quickly lead to disengagement. I am a big fan of the Universal Design for Learning and good visual design can support students in many ways.

A poorly designed website or slide deck will lose the audience’s attention after 3 milliseconds and the average attention span of people is 8 seconds. Poor design can make information inaccessible and unappealing and quickly lead to disengagement. I am a big fan of the Universal Design for Learning and good visual design can support students in many ways. 

The key principles of design are:

  • Alignment
  • Colour
  • Hierarchy
  • Balance
  • Emphasis
  • Contrast

Google has worked hard to ensure it’s users have easy access to visual design support through some simple but underused functions. I am going to explain some of these features in terms of Alignment, Hierarchy and Colour and will cover the other principles in future blog posts.

Alignment

Alignment is the art of lining elements up. Unconsidered alignment is like an out of tune song. An overly unaligned layout is the equivalent of listening to some terrible Metalcore with a headache! Luckily Google has taken care of this for us with their alignment guides.

In Google Slides and Drawings, as elements are moved, red guides pop up. They show us when our object is lined up with other elements or whether it is centrally aligned on the slide. The guides on the image below are telling me my text is both vertically and horizontally aligned.

Try to have most elements aligned with some sort of logic such as left aligned, centered or right aligned. You can, of course, mix these up but keep it simple!

When thinking about Alignment, also pay careful attention to margins and proximity. When I move our logo, Google is telling me how my positioning is in proportion to other spaces essentially suggesting where I should place my object. This ensures it is in harmony with the proportions and margins already happening in the design.

In the first example below, which by the way is a complete design crime, there is no consistency in the spacing. There is a nice even margin on the left but the logo is ‘kissing’ one side of my shape and then spaced out on another (never have anything just touching, either have it spaced well or overlapping). Then the top of the title is nearly touching the yellow shape while the subtext has a completely different spacing. The version on the right is much better and more easily read.

Colour

Colour is tough! I should admit at this point that I slept through most of our colour theory lessons at Design School. Many teachers and students use a random assortment of colours which can not only distract from key information but also have some emotional impact. The golden rule is to use complementary colours which allow you to create focal points and a pleasing aesthetic. Another rule is to shy away from Primary colours as they are jarring and make the design overly saturated. Google does not provide a lot of help with colour but there are two things you can do if you want effective colours.

Eyedropper Add-ons

There are a few Chrome Add-on’s which help you sample existing colour palettes. Go to the Chrome store (if you’re not sure how to do this visit this link) and search for ‘eye dropper’. This one by kepi.cz has worked well for me and my students. When you have added it to Chrome make sure you go into settings and tick the ‘Automatically copy picked colour’ box.

To use this, look up ‘Colour Palettes’ in Google image search and find a colour palette that you like. Try to avoid overly blue or cool palettes as they are calming and might make your audience feel sad. Look for a palette with at least one warm colour.

When you have found the colour you like click on the eyedropper add-on and select the ‘Pick colour from web page’ button. Then click on the colour you want so that the eyedropper adds the colour to your palette. Now go into Slides and select the shape or text you want to be that colour and go into the ‘Custom’ section.

 Now if you have ensured the eyedropper has saved the colour code onto your clipboard, you can simply paste in this code and you will have your colour. Simply repeat the process for the remaining complimentary colours.

Paletti Add On

Another way to ensure you are using effective colours is to install the Paletti Add-n in Google Slides. Go to ‘Get Add-n’s’ and search for Paletti and add it to your Slides. Then start Paletti by clicking on it and selecting ‘Start’.

I won’t explain the full functionality of Paletti but basically you can scroll through colour palettes then click the magic wand tool and it will apply your selected colour palette to your presentation. It often needs a little formatting to chill it out but overall it will make your colour selections look sophisticated.

Hierarchy

When used alongside effective colour and alignment, Hierarchy is an extremely useful design principle. With Hierarchy you are essentially controlling the order in which viewers access information. There are several ways to control the order in which information is revealed:

1. Size: The larger something is, the more dominant it is.

2. Colour: Warm colours will attract attention first over cool colours

3. Contrast: Saturated and sharp colours and shapes will get attention sooner than soft colours and shapes.

In the example below I have made the title bold and high contrast with a warm accent colour over a blue, curved shape. The least important text I have made a mid-grey as I want it to be read after the titles. Often Slides are designed with all text being black and this tends to flatten the hierarchy and make the eye skim over the text. Try using shades of grey (I know what your thinking and no I have not seen the movie) to add some order.

While there are no specific extensions or Add-on’s to help with hierarchy you can play with the three elements above to control the order in which viewers access your information. Also, try using the Explore function in Slides. This function will set up some hierarchy for you.

Summary

If you are making resources for students, teachers or other colleagues, you are a designer. You do not need to over think what you are doing but try to use tools such as guides, colour palettes and the Explore tool to help your viewers access what they need. There will be people viewing your resources who may have learning difficulties and elements like poor alignment add to the medley of barriers they face. 

When in doubt keep the following points in mind:

  • Have a sense of order to your design.
  • Use complementary colours.
  • Let Google do some of the work for you.
  • Less is more.

The skills we covered above are also relevant for students to learn. Last week I had the pleasure of working with Year 5 and 6 students on the design principles by designing a business card. The skills they learnt in this workshop will help them become visually literate and powerful visual communicators. 

For more great tips and tricks to help you with your design check out this blog post about dealing with images.

Related Post

The right ways to enable AI at work – Tips for IT Lead

In today’s fast-paced workplace, maximizing efficiency while minimizing time spent on repetitive tasks is crucial. However, many staff members may feel unsure about integrating AI effectively, leading to missed productivity opportunities. As the IT lead, you can guide your team in harnessing AI’s power to streamline operations and save time. By providing clear guidance and

VIEW POST

How well do you use the
Apple Apps Google Workspace Microsoft 365
tools in your workplace?

Find out if you’re working with the tools OR if you’ve got the
tools working for you.

What Industry Are You In?

Using Apple Apps, Google Workspace or Microsoft 365?

What Type of user are you?

🫣 Entry User | 🤹 Skilled User | 👑 Elite User

Take the quiz to find out. 

Privacy Policy

Using Technology Better Privacy Commitment

Introduction

We hold the privacy of your personal information in the highest regard.

Using Technology Better regards customer privacy as an important part of our relationship with our customers. The following privacy policy applies to all Using Technology Better users, and conforms to Internet privacy standards.

This policy will be continuously assessed against new technologies, business practices and our customers’ needs.

If you have questions or concerns regarding this statement, you should first contact the support team on our Contact Us Page.

Collection of Information

In order to use the Using Technology Better website, we may require information from you in order to provide the best service possible.

All correspondence may also be collected and stored, particularly in regard to sales, support and accounts, including Email.

Any information collected by Using Technology Better is collected via correspondence from you or your company. This may be via the telephone, Email, mail, fax or directly through our website.

Visitors and customers of japan.usingtechnologybetter.com will have their information shared back to DAIWABO INFORMATION SYSTEM CO., LTD. and DIS Service & Solution Co., Ltd.

Use of Collection Information

Any details collected from Using Technology Better customers is required in order to provide you with our

products and/or services, and a high level of customer service.

Correspondence is recorded in order to provide service references, and to assist in our staff development.

Web Site Use Information

Similar to other commercial Web sites, our Web sites utilize a standard technology called “cookies” (see explanation below, “What Are Cookies?”) and web server log files to collect information about how our Web site is used.

Information gathered through cookies and Web server logs may include the date and time of visits, the pages viewed, time spent at our Web site, and the Web sites visited just before and just after our Web site.

Storage of Collected Information

The security of your personal information is important to us. When you enter sensitive information (such as credit card numbers) on our website, we encrypt that information using secure socket layer technology (SSL).

When Credit Card details are collected, we simply pass them on in order to be processed as required. We never permanently store complete Credit Card details.

We follow generally accepted industry standards to protect the personal information submitted to us, both during transmission and once we receive it.

If you have any questions about security on our Website, you can email us at <ContactEmail>.

Access to Collected Information

If your personally identifiable information changes, or if you no longer desire our service, you may correct, update, delete or deactivate it by emailing us at <ContactEmail>.

Orders

If you purchase a product or service from us, we may request certain personally identifiable information from you.

You may be required to provide contact information such as:

Name

Email

Postal address

Your school or organisation

Financial information (such as credit card number, expiration date, name on card, card billing address).

We use this information for billing purposes and to fill your orders. If we have trouble processing an order, we will use this information to contact you.

Communications

Using Technology Better uses personally identifiable information for essential communications, such as

Emails

Accounts information

Critical service details.

We may also use this information for other purposes, including some promotional Emails.

If at any time a customer wishes not to receive such correspondence, they can request to be removed from any mailing lists by contacting support.

You will be notified when your personal information is collected by any third party that is not our agent/service provider, so you can make an informed choice as to whether or not to share your information with that party.

Third Parties

Using Technology Better may at its discretion use other third parties to provide essential services on our site or for our business processes.

We may share your details as necessary for the third party to provide that service.

These third parties are prohibited from using your personally identifiable information for any other purpose.

Using Technology Better does not share any information with third parties for any unknown or unrelated uses.

What Are Cookies?

A cookie is a very small text document, which often includes an anonymous unique identifier. When you visit a Web site, that site’s computer asks your computer for permission to store this file in a part of your hard drive specifically designated for cookies.

Each Web site can send its own cookie to your browser if your browser’s preferences allow it, but (to protect your privacy) your browser only permits a Web site to access the cookies it has already sent to you, not the cookies sent to you by other sites.

Browsers are usually set to accept cookies. However, if you would prefer not to receive cookies, you may alter the configuration of your browser to refuse cookies.

If you choose to have your browser refuse cookies, it is possible that some areas of our site will not function as effectively when viewed by the users.

A cookie cannot retrieve any other data from your hard drive or pass on computer viruses.

How Do We Use Information We Collect from Cookies?

As you visit and browse our Web site, the site uses cookies to differentiate you from other users. In some cases, we also use cookies to prevent you from having to log in more than is necessary for security.

Cookies, in conjunction with our Web server’s log files, allow us to calculate the aggregate number of people visiting our Web site and which parts of the site are most popular. This helps us gather feedback to constantly improve our Web site and better serve our clients.

Cookies do not allow us to gather any personal information about you and we do not intentionally store any personal information that your browser provided to us in your cookies.

Legal

We reserve the right to disclose your personally identifiable information as required by law and when we believe that disclosure is necessary to protect our rights and/or comply with a judicial proceeding, court order, or legal process served on our Website.

Links

Links on the Using Technology Better site to external entities are not covered within this policy. The terms and conditions set out in this privacy statement only cover the domain name of usingtechnologybetter.com

Changes to Privacy Policy

If we decide to change our privacy policy, we will post those changes to this privacy statement, and other places we deem appropriate so that you are aware of what information we collect, how we use it, and under what circumstances, if any, we disclose it.

We reserve the right to modify this privacy statement at any time, so please review it periodically. If we make material changes to this policy, we will not use the personal information you have submitted to us under this Privacy Policy in a manner that is materially inconsistent with this Privacy Policy, without your prior consent

Delivery Policy

Most goods are digitally delivered instantly via email.  Our services may be delivered either via an online medium or live in person.

For our online delivery see below.  For services delivered live onsite, please refer to our speaker agreement form which is emailed to you on confirmation of booking.

Refund Policy

We do not offer refunds or returns unless we cannot supply goods or services or the goods or services are not delivered as promised.

Australian law is the governing body for all work, goods and services supplied by Using Technology Better.

Marketing Release

Using Technology Better (UTB) may film, record, and photograph me (the results of which are the “Recordings”). UTB may also incorporate into any production(s) any separate content (e.g., quotes, testimonials, biographical information, profiles, photos, videos, sound recordings, artwork, etc.) I provide to UTB or approve in writing (“Materials”).

1.License

I grant to UTB an irrevocable, perpetual, worldwide, royalty-free license to, in its sole discretion, (i) edit, translate, and modify the Recordings and the Materials, (ii) attribute the Recordings and Materials to me by my name, age, and city and state of residence, (iii) incorporate the Recordings and the Materials into content to promote UTB, its programs, or products (“Content”), and (iv) publicly use, distribute, reproduce, create derivative works from, and perform/display the Content, and any excerpts thereof, in any language.

2. No Compensation.

I grant this permission without any financial or other obligation of any nature.

 

For any issues or concerns please contact us