What is Digital Design?

Digital Design, a term used to describe a wide variety of computer related skills. This includes work in such fields
as Print media, web design, digital image, moving image and 3d modelling. The term can be further expanded to
any digitally created media.
In this course, you will learn skills in Adobe Photoshop, Google Sketchup and upload all work and create your own
blog using
weebly.com

Assessment Criteria year 10 Digital Design

Skill

Does not meet

expectation
(Not Achieved)

Does meet
expectations
(Achieved)

Succeeds
expectations
(Merit)

Exceeds Expectations
(Excellence)

Design Process

The design process does not

include all appropriate
elements, such as concept
sketches, development
sketches, final design and
review comments.

The design process includes

elements such as concept
sketches, development
sketches, final design and
review comments. The final
product reflects on the
feedback given and includes
designer input

The design process

successfully includes
elements such as concept
sketches, development
sketches, final design and
review comments to a good
standard. The final product
reflects on the feedback
given and includes
designer(s) input

Creativity

Shows minimal use of

creativity. Does not include
ideas form chosen designer

Shows some use of creativity

and own ideas. Includes and
shows reference to chosen
designer

Composition

Poor use of layout and design

techniques. Hierarchy not
considered in page design

Using some layout and design

techniques. Hierarchy has
been considered in page
design. Clean, clear not
overcrowded design

Colour

Colours clash and do little for

the theme of the design.
Background colour interferes
with text and images. Colours
make text less readable.

Colours are somewhat

complementary. Background
colour fit together with
images and text design.
Colours do not interfere with
readability.

Is creating own designs with

own design ideas, showing
and including chosen
designer ideas and
techniques within design
Using good layout and design
techniques. Hierarchy is
shown in page design. Clean,
clear and well throughout
placement of elements on
page
Colour chosen work together
and are related to chosen
theme. Background colours
work well with images and
text design. Colours are easily
readable.

The design process

successfully and thoughtfully
includes elements such as
concept sketches,
development sketches, final
design and review comments,
to an exceptional standard.
The final product reflects on
the feedback given and
includes designer input and
clear design decisions made
throughout the process
Is creating own designs with
clearly developed design
ideas, showing and including
chosen designer ideas and
techniques within design.
Using great layout and design
techniques. Hierarchy is
clearly shown in page design.
Clean, clear and well
throughout placement of
elements on page
Colours work well together,
reinforcing the theme of the
design. Background colour
enhances images and text
design. Colours strongly
support readability.

Use of Technical elements

(photoshop, Sketchup)

Use of technical elements

and effects is not clearly
shown in designs. Use of
design language and design
ideas need to be executed
better

Use of technical elements

and effects is shown in
designs. Use of design
language and design ideas
are shown to some extent

Use of technical elements

and effects are clearly shown
in designs. Use of design
language and design ideas
are shown well and are
justified

Tool use

Does not independently use

available information about
the tools. Does not use tools
effectively

Student usually knows what

tools to use to create desired
elements and effects but
sometimes needs to be
reminded to use available
information about the tools.
Uses most tools efficiently

Student shows they know

what tools to use to create
desired elements and effects
and uses some resources
within designing. Uses tools
well.

Use of technical elements

and effects are clearly shown
in designs. Use of design
language and design ideas
are clearly shown and
executed. All changes are
justified.
Student knows what tools to
use to create desired
elements and effects or uses
resources effectively and
independently to find out.
Uses tools effectively.

Weebly Website
Weebly is a blog creator that we will use to create your
own individual websites. All your work that we do on
photoshop and sketchup will be uploaded to your
website, to make it open to the public as well as a tool
for me to assess your work.
To start your weebly website:
Go to www.weebly.com and sign up (you will need an email to do this)
Follow the steps following your sign up process choose a template and use
your first and last name for your FREE website. E.g www.joebloggs.weebly.com

Weebly
Layout of Website:
We need four pages on our website
1.
2.
3.
4.

Exercises
Photoshop
Sketchup
Finals

To do this go to the tool bar up the top of the web page and click on pages

Click on add a page and give the page a title, e.g exercises. Choose the layout you want for that page then click
save.

Do this 4 times for each different page

Page design: Weebly

On each page change the pages picture by hovering over the right hand corner of the picture and click edit image.
Follow the steps to upload a saved image. (if you dont have an image in your pictures library, find one on google
images that relates to the page you are designing. E.g photoshop : poster design? Save this image to your pictures
library) Do this to all four pages.

pages

Editing page images: Weebly

In the top tool bar you will see under elements, these are the things which create your website. This is where you
can add images and text. To do so simply click on what you would like and drag down to your page where you
want it. If you decide you dont want that element anymore, simply go to the right hand corner of the element
(once it has been placed on your page) and a red x should come up. Click to delete that element.

Drag and drop onto your page

Adding Page Elements: Weebly

Dividing a page into columns

To add columns to a page, simple click on the columns icon under the elements section in the top tool bar. Drag it
to where you want it on the page and drop.
From there you can pick weather you want 2,3,4 or more columns. Once your columns are place on the page then
you can drag either writing or images into the column.

Columns: Weebly

EXERCISE ONE: insert columns onto your photoshop page 4 columns x 2 I

would like you to research a little bit into these designers:
David Carson
Neville Brody
Bansky
Kerry Roper

In your columns you should show a picture of the designers work and tell me
something interesting about their style of work.

Columns Exercise : Weebly

EXERCISE TWO

Under your exercises page, drag and drop a PARAGRAPH WITH A TITLE element. Give
this exercise the title: ASPECTS OF DESIGN
Complete the following exercises and have them on your website under the exercises
page:

Elements Of Design
Elements of design are the basic units of visual image. These elements include: (find out
the definitions for each of these words)

Space
Line
Balance
Colour
Shape
Texture
Form
Unity
Value

Principles of Design
The principles of design govern the relationships of the elements of design to create a
successful composition. Successful designs contain the use of the principles and
elements to serve us as designers to achieve visual goals.

Find the definitions for each of these words:

Harmony
Contrast
Repetition (rhythm, pattern)
Proportion
Colour theory
Hierachy

EXERCISE THREE:
Under the exercise page on your weebly blog, drag and drop the column element and create 3
columns
In the first column upload the logo that is on the following page. To do this drag the PICTURE
element into the first column.
-

Click upload image

Go to student common
Technology
DDT
Exercise 3 images
Select image
In the second column drag and drop PARAGRAGH AND TITLE element give it the title:
Typographic Features and discuss the logo using words from the graph on the following page
In the third column repeat same step as in second column however give it the title GRAPHIC
IMAGE FEATURES.
REPEAT AND COMPLETE FOR 5 LOGOS (you could write it in the book for homework and
complete on computer in class time)

Design logo Analysis

Typography Terms (Lettering)

Graphic Image Terms (Pictures)

Letter type such as Arial, Comic Sans, etc

Regular, Bold, Italic, Condensed,
E x p a n d e d , Black
Point Size
12pt default for MS Word, 8-10pt body text
for articles
Little strokes at the end of main stroke of a
Serif
letter eg Times New Roman, Palatino,
Georgia
Sans serif
Letters without strokes on the end of the
main stroke eg Arial, Century Gothic,
Verdana
Calligraphic Letters that look hand made eg Brush Script
(or Script)
Freestyle Script, Viner

Greyscale
Black and white only
Monochrome Black plus ONE other colour

Warp

Invert

Font
Font Type

Stroke
Emboss

Polychrome

All colours used

Positive /
Negative
Space
Geometric
(or
mechanical)
Freehand

The balance between black and white areas of the

design. (or between the occupied and empty
areas of the page)
Designs that are constructed from (or have been
reduced to) straight lines and regular curves

Words curved to form an arc or distorted in

some other way

Symmetrical

When black becomes white and white

becomes black eg white letters on a black
background
Outline around a letter (or picture) with a
different colour
Effect used to make letter (or picture) look 3
dimensional

Flat Colour

A design where one side is an exact reflection of

the other as apposed to asymmetrical where the
sides are different to each other
Single tone used without blending, shading or
texture

Stylised
Saturation

Posterise

Irregular designs drawn by hand

Objects have been simplified with unnecessary

details and textures removed
Intensity of colour High saturation has very
intense colour while desaturated is black and
white
Reducing the number of tones to create a series
of flat coloured areas rather than shaded image

Design Logo Analysis

Typographic Features

Graphic Image Features

_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
___

_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
__________________________________

Design Logo Analysis

Typographic Features

Graphic Image Features

_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
___

_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
__________________________________

Design Logo Analysis

Typographic Features

Graphic Image Features

_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
___

_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
__________________________________

Design Logo Analysis

Typographic Features

Graphic Image Features

_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
___

_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
__________________________________

Design Logo Analysis

Typographic Features

Graphic Image Features

_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
___

_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
_______________________________
__________________________________