google web designer change background color

If possible, work with a graphic designer to customize an initial Google Form. The theme images, colors, and fonts will transfer.įigure D Reuse your customizations with the “Copy a theme” option. Next, select “Choose form” in the “Copy a theme” option, then find and select the previously customized Google Form. To do this, create your new form, select “View,” and then “Change theme” as before (in step 1 above). You can reuse a custom theme with other forms ( Figure D). (From the main menu, choose “File” then “Embed” to access and change these numbers.) You should also make sure the colors and fonts of the customized form work well with the design of the surrounding web page. You may need to adjust the width and height of the embedded form. When you embed the form into another web page, review the form in context for size and color. Look at the form on a tablet and smartphone, as well. In your browser, select the “View live form” to examine the form in a new tab and verify that it displays as expected. Take a look at the form on different devices to make sure it appears as expected before you publish or share the link. Most often, you’ll leave this set to the default to ensure ease of reading.įigure C Differentiate your organization’s Google Forms with your logo and/or custom images, fonts, and colors. (See my April 2014 article, ” More than Arial: Build your brand with Google fonts” to learn more about Google web fonts.)įinally, you may customize the color of the form background ( Figure C). If you prefer to use two fonts, select one font for the Title and Description, and a second font for the Questions, Help text, and Options sections. If you’re unsure which font to use, I suggest you standardize on a single font that most closely matches the font on your organization’s letterhead. You may choose from hundreds of web-friendly fonts. Help text (explanatory text for each question).Description (most often this explains the form’s purpose).Title (typically, the name of the form).

(Note: Uploaded images must be smaller than 3,500 x 2,500 pixels.)

Page background, which appears behind the form.

Header image, which appears at the top of the form.

Customize theme characteristics, as follows.

Select a theme, then choose “Customize.”.

Scroll within this window to view new theme options.

Choose “View” from the form’s main menu, then “Change theme.” A window will display to the right of your form.

Enter form details, as before (e.g., add the form title, descriptions, questions, etc.).įigure B Choose and customize a theme for your Google Forms. To customize a Form theme, go to /forms to create a new form ( Figure B). You can transform any of the default themes into a custom theme to convey your organization’s brand - or your school spirit, if you happen to be in education.

You can customize colors, images, and fonts for each theme, as well. For example, the set includes “Homework” and “Library” themes, as well as “Birthday Cats” and “Game Night” themes. In September 2014, Google added several new Form themes, many of which are appropriate for school or social events. Every Google Form looked similar: Google Forms offered few options to differentiate forms with design ( Figure A).įigure A Before September 2014, most Google Forms looked similar. As a brand-building tool, Google Forms performed poorly. As an info-gathering tool, Google Forms worked well.īut some designers and marketers hesitated to use Google Forms. For many years, Google Forms helped people register for events, respond to surveys, and automate quiz grading.

Google web designer change background color