Upload
ilya-shmorgun
View
215
Download
0
Embed Size (px)
Citation preview
8/3/2019 2 - Sketches Application Maps and Storyboards
1/25
8/3/2019 2 - Sketches Application Maps and Storyboards
2/25
Compiled with the assistance of the Tiger University Program of the Estonian
Information Technology Foundation
8/3/2019 2 - Sketches Application Maps and Storyboards
3/25
Application Maps,
Sketches and StoryboardsIlja morgun
8/3/2019 2 - Sketches Application Maps and Storyboards
4/25
Application Map
8/3/2019 2 - Sketches Application Maps and Storyboards
5/25
A Site Map forApplications
8/3/2019 2 - Sketches Application Maps and Storyboards
6/25
Camera View
CurrentLecture List
PreviousLecture List
Next DayLecture List
LectureDetails
8/3/2019 2 - Sketches Application Maps and Storyboards
7/25
Tools for Creating
A lication Ma s
OmniGraffle
Visio
8/3/2019 2 - Sketches Application Maps and Storyboards
8/25
Sketch
A rough or unfinished drawing or painting
Often created to assist in making a morefinished picture
8/3/2019 2 - Sketches Application Maps and Storyboards
9/25
Things to Remember
A sketch is disposable Draw as many variations as possible
Dont go into too much detail
8/3/2019 2 - Sketches Application Maps and Storyboards
10/25
Tools for Creating
Sketches
Pen and paper
iPad and stylus
8/3/2019 2 - Sketches Application Maps and Storyboards
11/25
iPad Apps for CreatingSketches
8/3/2019 2 - Sketches Application Maps and Storyboards
12/25
SketchBook Pro
8/3/2019 2 - Sketches Application Maps and Storyboards
13/25
8/3/2019 2 - Sketches Application Maps and Storyboards
14/25
UI Sketcher
8/3/2019 2 - Sketches Application Maps and Storyboards
15/25
8/3/2019 2 - Sketches Application Maps and Storyboards
16/25
Adobe Ideas
8/3/2019 2 - Sketches Application Maps and Storyboards
17/25
8/3/2019 2 - Sketches Application Maps and Storyboards
18/25
Griffin Stylus
8/3/2019 2 - Sketches Application Maps and Storyboards
19/25
8/3/2019 2 - Sketches Application Maps and Storyboards
20/25
Example App Sketch
8/3/2019 2 - Sketches Application Maps and Storyboards
21/25
8/3/2019 2 - Sketches Application Maps and Storyboards
22/25
Storyboard
A series of illustrations or images displayed
in sequence
Pre-visualizing a motion picture, animation,motion graphic or interactive media
sequence, including website interactivity
8/3/2019 2 - Sketches Application Maps and Storyboards
23/25
Example Storyboardfor iPhone App
8/3/2019 2 - Sketches Application Maps and Storyboards
24/25
8/3/2019 2 - Sketches Application Maps and Storyboards
25/25
Your Assignment
1. In teams compose an application map
2. Make sketches for your applications user
interface3. Try out as many ideas as possible
4. Compose a storyboard out of the createdsketches
5. Present results to your colleagues
6. Gather feedback and improve your work