project b concept

8
Ghaida Zahran / Project B / Concept + Initial Comps ITGM 715 Interactive Web Design Summer 2010 Professor David Meyers

Upload: ghaida-zahran

Post on 14-Mar-2016

218 views

Category:

Documents


0 download

DESCRIPTION

Project B concept, look and feel exploration, and initial comps.

TRANSCRIPT

Page 1: Project B concept

Ghaida Zahran / Project B / Concept + Initial Comps

ITGM 715 Interactive Web DesignSummer 2010Professor David Meyers

Page 2: Project B concept

Description

Inspiration

Concept

Ghaida Zahran / Project B / Concept + Initial Comps

Using Macromedia Flash and any tools you prefer to

use for image creation (Photoshop, Illustrator, Imag-

eReady, Fireworks, Digital camera, scanner, etc.), create

a fully functioning Web site on the subject of your

choice.

Some suggestions for subject matter are: a tribute Web

site exploring the life's work of a famous figure, a

public service announcement based on the work of a

nonprofit organization, a music band Web site, a site

exploring an artist's work, a site to promote a product

or business, and a tourism site.

To create a digital ororry, an interactive map of the

solar system that will encourage a younger audience

to learn more about the star system and the celestial

objects within.

NASA imagery, icons, and astronomy pictures, and graphics used in games such as Galactic Civilizations

and Mass Effect. Inspiration is also drawn from Tron for the second concept.

Page 3: Project B concept

Ghaida Zahran / Project B / Concept + Initial Comps

Sketches

The main interface will consist of an overview of the solar

system, and the “pages” will be about the different planets,

moons, and the sun.

Page 4: Project B concept

Ghaida Zahran / Project B / Concept + Initial Comps

Sitemap

The Solar

System

Earth

The Moon

Mars Venus

Page 5: Project B concept

Ghaida Zahran / Project B / Concept + Initial Comps

The quick brown fox jumped over the lazy dogTekton Pro

The quick brown fox jumped over the lazy dogMarker Felt Light

The quick brown fox jumped over the lazy dogTheorem

Typefaces

Color

Line quality

Look and Feel / Concept 1

Through this graphical approach, learning about the solar

system might be more accessible and less intimidating.

Black and white line drawing will be used to depict the

various elements, with a hint of color to highlight clickable

areas.

Page 6: Project B concept

Ghaida Zahran / Project B / Concept + Initial Comps

Look and Feel / Concept 1 / Initial Comp

Our Solar System

Visual interest will be created through the planet’s orbiting of the sun.

The Sun

Page 7: Project B concept

Ghaida Zahran / Project B / Concept + Initial Comps

The quick brown fox jumped over the lazy dogOrbitron

The quick brown fox jumped over the lazy dogSlider Regular

The quick brown fox jumped over the lazy dogOCR A Standard

Typefaces

Iconography and Visual Effects

Through this graphical approach, learning about the solar

system might be more accessible and less intimidating.

Black and white line drawing will be used to depict the

various elements, with a hint of color to highlight clickable

areas.

Color

Look and Feel / Concept 2

Planet

Moon

Page 8: Project B concept

Ghaida Zahran / Project B / Concept + Initial Comps

Look and Feel / Concept 2 / Initial Comp

The SunThe SunDigital Ororry