wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Diploma

Total questions: 70

Worksheet time: 39mins

Name
Class
Date
1.
Typography is the arrangement and appearance of text.
a)
True
b)
False
2.
This picture is an example of ______________.
a)
boxes and circles
b)
squares and lines
c)
visual contrast 
d)
colors
3.
What are considered the primary colors in graphic design?
a)
white, orange & purple
b)
cyan, magenta & violet
c)
blue, pink & turquoise
d)
red, green & blue
4.
(n) the people who look at a website, watch a TV program, see an advertisement, etc
a)
audience 
b)
italics 
c)
background 
d)
heading 
5.
(adj) a way of typing something so the letters are thicker than normal 
a)
heading 
b)
italics 
c)
consistent 
d)
bold 
6.
(n) the general arrangement of the different parts of something that is made, such as a building, book, machine, etc 
a)
design 
b)
theme 
c)
italics 
d)
heading 
7.
(n) a few words at the top of a piece of text that show what it is about 
a)
emphasis 
b)
italics 
c)
purpose 
d)
heading 
8.
Of the following, which is a selection tool?
a)
Brush Tool
b)
Paint Bucket Tool
c)
Eraser Tool
d)
Rectangular Marquee Tool
9.
To evaluate means to ______
a)
Read
b)
Judge
c)
Create
10.
The ability to arrange all the elements on the web page so that no one part or section of the page is overpowering is 
a)
proximity
b)
contrast
c)
alignment
d)
balance
11.
All of the following should be considered when defining the target audience except
a)
age
b)
interests
c)
geographic locations
d)
All of the answers should be considered
12.
On a Web site, paragraphs of text should be:

a)
Right-aligned
b)
Left-aligned
c)
Center-aligned
d)
A mix of alignment styles
13.
What can a Web designer do to eliminate clutter on a Web page?

a)
Expand the page into a Web site
b)
Divide information into logical sections
c)
Remove some text and graphics that aren't necessary
d)
All of the above
14.
Which of the following is NOT a guideline for writing effective online text?

a)
Keep all headings and paragraph text the same font size.
b)
Keep sentences short.
c)
Use bulleted lists whenever possible.
d)
Use headings and subheadings to break up the text.
15.
What is lossy compression?
a)
Reduces file size but loses quality
b)
A type of word file.
c)
The third type of data.
d)
The best quality of an image file
16.
Visual Hierarchy
a)
Makes a site look colorful
b)
Tells you what is important
c)
Deals with fonts
d)
Has to do with search engines
17.
Text that when clicked takes the user to a different webpage of website is known as...
a)
A Hyperlink
b)
A Hotspot
c)
A Slice
d)
A Text Frame
18.
Vector images are made of paths, or lines, that are either straight or curved.
a)
True
b)
False
19.
Which of these pictures are an example of a vector graphic?
a)
The left side
b)
The right side
20.
 Lossy compression means that when a file is compressed, some of the data is permanently eliminated to make the file much bigger.
a)
True
b)
False
21.
Typography is the arrangement and appearance of text.
a)
True
b)
False
22.
The layout does NOT create a visual hierarchy and interest, and can be used to direct the focus of visitors.
a)
True
b)
False
23.
This picture is an example of ______________.
a)
boxes and circles
b)
squares and lines
c)
visual contrast 
d)
colors
24.
Repetition consists of repeated visual elements that appear throughout the pages on the site.
a)
True
b)
False
25.
Proximity is the use of white space and logical structure (such as grouping related items) to create an ugly page.
a)
True
b)
False
26.
What are considered the primary colors in graphic design?
a)
white, orange & purple
b)
cyan, magenta & violet
c)
blue, pink & turquoise
d)
red, green & blue
27.
This picture is and example of ______________.
a)
pinks and reds
b)
monochromatic color
c)
analysis
d)
complimentary colors
28.
—How the user finds their way around the information system.
a)
Navigation
b)
Accessibility
c)
Usability
d)
User interface
29.
how easy it is to use and learn about an item
a)
Navigation
b)
Accessibility
c)
Usability
d)
User interface
30.
when it is usable by everyone, including those with disabilities
a)
Navigation
b)
Accessibility
c)
Usability
d)
User Interface
31.

Which of the following graphic types can be made transparent?

a)

GIF

b)

JPG

c)

BMP

d)

PHOTO

32.

What is precedence/ guiding the eye?

a)

Everything matches

b)

Lots of media use

c)

Position and size of objects, colours and contrast

d)

White space

33.

If the website is easy to learn and easy to use, what principle is being applied?

a)

Precedence/guiding the eye

b)

Usability

c)

Navigation

d)

Typography

34.

If users know where they are and hyperlinks are displayed and working, there is good what?

a)

Navigation

b)

Colour use

c)

Spacing

d)

Precedence/ guiding the eye

35.

Which principle is concerned with suitable font styles and sizes?

a)

Navigation

b)

Precedence/ guiding the eye

c)

Spacing

d)

Typography

36.

If there is a similar theme in the website and web pages match, there is good what?

a)

Typography

b)

Consistency

c)

Spacing

d)

Usability

37.

Which principle includes good use of white space?

a)

Typography

b)

Consistency

c)

Spacing

d)

Usability

38.

What is white space?

a)

White objects on a web page

b)

Empty space on a web page

39.
Which of the following is part of determining your target audience?
a)
physical demographics
b)
assessing needs
c)
selecting development tools
d)
random structure
40.

Which of the following phases is NOT part of the traditional web design process?

a)

Brief

b)

Production

c)

Design Presentation

d)

Research

41.

This brief is written by the client and is usually the first document produced.

a)

Client Brief

b)

Idea Brief

c)

Creative Brief

d)

Technical

42.

This can be produced by the client or agency (or freelance designer). It sets out the technical requirements and scope for the website project.

a)

Client Brief

b)

Idea Brief

c)

Creative Brief

d)

Technical

43.

A research instrument consisting of a series of questions and other prompts for the purpose of gathering information from respondents

a)

SWOT Analysis

b)

Market Segmentation

c)

Questionnaires

d)

Focus Groups

44.

What kind of idea generation tool is this?

a)

Mood Boards

b)

Sketch Book

c)

Mind Maps

d)

User Flows

45.

A collage or composition of images, visuals and other objects, often created for the purposes of design or presentation.

a)

Mood Boards

b)

Sketch Book

c)

User Flows

d)

Mind Maps

46.

A diagram used to visually organize information

a)

Mood Boards

b)

Sketch Book

c)

User Flows

d)

Mind Maps

47.

Last phase of the web design process.

a)

Production

b)

Review

c)

Coding

d)

Prototyping

48.
An element that is ________ is appearing or disappearing by shrinking down or
growing up in size.
a)
A. Fading
b)
B. Sliding
c)
C. Diminishing
d)
D. Dwindling
49.
Which of the following is not an example of Web site interactivity?
a)
Completing a form
b)
Reading page content
c)
Clicking a link
d)
Signing up to receive a newsletter
50.

Which of the following typefaces is best use in webpages

a)

Arial

b)

Decorative

c)

Script

d)

All of the above

51.

What is the ideal font size for reading easily online content

a)

13px

b)

14px

c)

15px

d)

16px

52.

What does it mean skew

a)

To resize an element

b)

To rotate an element on its center

c)

To reposition an element

d)

To rotate an element on its axis

53.

Which of the following is NOT a type of typeface?

a)

Serif

b)

Serial

c)

Sans serif

d)

Symbols

54.

What type of typeface are Wingdings?

a)

Serif

b)

Sans serif

c)

Script

d)

Symbols

55.

Which of the following is the true statement?

a)

Digital media, like websites and mobile apps, have the capabilities to display limited typefaces

b)

Digital media, like websites and mobile apps, have the capabilities to display more typefaces than printing

56.

Select all of the following statements which describe display typography.

a)

Short amounts of text such as headlines or subtitles

b)

Communicates text intended to be read at length

c)

Should draw attention to important information

d)

Should be able to be read easily and quickly

e)

Is bolder, bigger or more decorative than text typography

57.

The line upon which letters sit.

a)

baseline

b)

x-height

c)

cap-height

58.

The height of a capital letter above the baseline for a particular typeface.

a)

baseline

b)

x-height

c)

cap-height

59.

The distance between the baseline and the upper part of lowercase letters that don’t have ascenders.

a)

baseline

b)

x-height

c)

cap-height

60.

Leading is the spacing between the

a)

special manipulation

b)

baselines of type

c)

spacing between individual characters

d)

spacing between individual characters

61.

Adjusting the leading is

a)

a very useful way of saving or using space on a page

b)

for increasing readability

c)

is the finishing touch

d)

always necessary

62.

Tracking is

a)

the spacing between individual letters

b)

spacing between groups of letters

c)

always used in design

d)

is the finishing touch

63.

The spacing between the baselines of the typeface is refereed to as

a)

leading

b)

tracking

c)

kerning

d)

all of the above

64.

A typographical design is about controlling the space between letters to make text

a)

more appealing

b)

optimized for readability

c)

proportionally sized

d)

all of the above

65.

Kerning is important to ensure natural space between individual letters within words. Which statement is true about kerning.

a)

It plays an essential role in large & greatly visible fonts like logos or headlines

b)

it uniformly manages the space between all letters in terms of text

c)

easily eliminate orphan lines and make them appear neatly organized

d)

make lines of type even

66.
Which category of type is described as characters that look like  hand lettering in a variety of forms?
a)
Script
b)
Decorative
c)
San Serif
d)
Serif
67.
The individual characters of a font is/are called?
a)
type
b)
letters
c)
glyphs
d)
punctuation
68.
Variations in the thickness and thinness of a stroke is called?
a)
posture
b)
weight
c)
width
d)
angle
69.
Arial is an example of __________________ type.
a)
Modern
b)
old style
c)
script
d)
sans serif
70.
Type that makes something look more attractive and/or ornamental.
a)
decorative
b)
cursive
c)
curly
d)
swirly