Category Archives: Book

Designing Gestural Interfaces –> Dan Saffer

Designing Gestural Interfaces  –> Dan Saffer

  1. Slide to Scroll.
  2. Slide and Hold for Continuous Scroll.
  3. Flick to Nudge.
  4. Fling to Scroll.
  5. Pinch to Shrink (aside from iPhone)
  6. Spread to Enlarge (aside from iPhone)
  7. Wave to Activate
  8. Tilt to Move
  9. Shake to Change State
  10. Step to Activate
  11. Rotate to Change State
  12. Clap On, Clap Off
  13. Flip to Change State
  14. Move Body to Register Activity

visualisatie

Envisioning Information

  1. kaarten,
  2. grafieken,
  3. wetenschappelijke presentaties,
  4. diagrammen,
  5. computer interfaces,
  6. de statistische grafieken en tabellen
  7. stereo-foto’s,
  8. gidsen,
  9. exposities rechtszaal,
  10. tijdschema’s,
  11. gebruik van kleur
  12. pop-up
The Visual Display of Quantitative Information

  1. statistische graphics,
  2. gedetailleerde analyse
  3. kleine multiples.
  4. De data-inkt ratio.
  5. Time-series, relationele graphics,
  6. data kaarten,
  7. multivariate modellen. 
  8. grafische displays.

 

 

Visual Explanations: Images and Quantities, Evidence and Narrative 

  1. mechanisme en beweging
  2. proces en de dynamie
  3. oorzaken en gevolgen
  4. uitleg en verhaal.
  5. Praktische toepassingen
  6. statistische grafieken
  7. techniek en geneeskunde
  8. technische handleidingen
  9. schema’s, ontwerpen van computer interfaces
  10. websites en on-line handleidingen
  11. animaties en wetenschappelijke visualisaties
 
Beautiful Evidence

Designing InterFaces

  1. http://designinginterfaces.com/
  2. http://time-tripper.com/uipatterns/Introduction

UI Patterns and Techniques

Organizing the Content

  1. Two-Panel Selector
  2. One-Window Drilldown
  3. Wizard
  4. Extras On Demand
  5. Intriguing Branches


Getting Around

  1. Clear Entry Points
  2. Global Navigation
  3. Color-Coded Sections
  4. Animated Transition


Organizing the Page

  1. Visual Framework
  2. Center Stage
  3. Titled Sections
  4. Card Stack
  5. Closable Panels
  6. Movable Panels
  7. Diagonal Balance
  8. Responsive Disclosure
  9. Responsive Enabling
  10. Liquid Layout


Commands and Actions

  1. Action Panel
  2. Smart Menu Items
  3. Progress Indicator
  4. Multi-Level Undo
  5. Command History


Showing Complex Data

  1. Overview Plus Detail
  2. Row Striping
  3. Sortable Table
  4. Jump to Item
  5. Cascading Lists
  6. Tree-Table


Getting Input From Users

  1. Forgiving Format
  2. Fill-in-the-Blanks
  3. Input Hints
  4. Input Prompt
  5. Dropdown Chooser
  6. Illustrated Choices
  7. Good Defaults


Builders and Editors

  1. Edit-in-Place
  2. Smart Selection
  3. Composite Selection
  4. One-Off Mode
  5. Constrained Resize


Making It Look Good

  1. Deep Background
  2. Few Hues Many Values
  3. Corner Treatments

Organizing the Content

  1. Overview Plus Detail
  2. Hub and Spoke
  3. Extras On Demand
  4. Step-by-Step Instructions
  5. One-Window Drilldown
  6. Intriguing Branches
  7. Multi-Level Help

Getting Around

  1. Clear Entry Points
  2. Toplevel Navigation
  3. Color-Coded Divisions
  4. Animated Transition
  5. Detail View Navigation

Organizing the Page

  1. Visual Framework
  2. Center Stage
  3. Titled Sections
  4. Card Stack
  5. Closable Panels
  6. Movable Pieces
  7. Progressive Disclosure
  8. Progressive Enabling
  9. Property Sheet
  10. Diagonal Balance
  11. Liquid Layout

Getting Input From Users

  • Good Defaults
  • Forgiving Format
  • Fill-in-the-Blanks
  • Input Hints
  • Input Prompt
  • Dropdown Chooser
  • Remembered Choices
  • Illustrated Choices

Showing Complex Data

  1. Sortable Table
  2. Tree-Table
  3. Alternating Row Colors
  4. Cascading Lists
  5. Jump to Item
  6. New-Item Row


Commands and Actions

  1. Multi-Level Undo
  2. Smart Menu Items
  3. Prominent Done
  4. Prominent Cancel
  5. Action Groups
  6. Rollover Effects
  7. Progress Indicator
  8. Command History
  9. Macros


Direct Manipulation

  • Smart Selection
  • Edit-in-Place
  • One-Off Mode
  • Spring-Loaded Mode
  • Constrained Resize
  • Composite Selection
  • Simultaneous Views

Stylistic Elements

  • Deep Background
  • Few Hues, Many Values
  • Contrasting Font Weights
  • Corner Treatments
  • One-Pixel Lines
  • Skins

Boek introduction to film.

This book is a great general introduction to film.
http://www.amazon.com/Film-Art-Introduction-Tutorial-CD-ROM/dp/0073310271/ref=pd_bbs_sr_1?ie=UTF8&s=books&qid=1212329916&sr=1-1

I recommend the following sections, if you don’t want to read the whole thing:

P. 33 – The Significance of Film Form
Teaches you the basics of how films construct a reality in your head by giving ‘clues’ in a systematic way. Also other important aspects.

P. 206 – 239 – The Relation of Shot to Shot: Editing
Explains continuity, general aspects of editing, with historical examples.