Upload File

a brief introduction to information & interface design b i j o y r a v e e n d r a n

  • Home
  • Documents
  • A BRIEF INTRODUCTION TO INFORMATION & INTERFACE DESIGN B I J O Y R A V E E N D R A N
46
A BRIEF INTRODUCTION TO INFORMATION & INTERFACE DESIGN B I J O Y R A V E E N D R A N

Upload: shonda-thomasine-chambers

Post on 17-Dec-2015

216 views

Category:

Documents


2 download

Report

Tags:

TRANSCRIPT

Page 1: A BRIEF INTRODUCTION TO INFORMATION & INTERFACE DESIGN B I J O Y R A V E E N D R A N

A BRIEF INTRODUCTION TO

INFORMATION & INTERFACE DESIGNB I J O Y R A V E E N D R A N

Page 2: A BRIEF INTRODUCTION TO INFORMATION & INTERFACE DESIGN B I J O Y R A V E E N D R A N

“Less is more…”

Ludwig Mies van der Rohe

Page 3: A BRIEF INTRODUCTION TO INFORMATION & INTERFACE DESIGN B I J O Y R A V E E N D R A N

The space around and between the subject(s) of an image

Gap linking elements in a composition

Also known as ‘Whitespace’ in print/digital design

What is negative space?

Source : http://www.graphictivitis.com/index.php/dos-and-donts-of-negative-space-in-design-layout/, “Negative Space” by Bang Wong

Page 4: A BRIEF INTRODUCTION TO INFORMATION & INTERFACE DESIGN B I J O Y R A V E E N D R A N

Source : Google image search

BACKGROUND (NEGATIVE SPACE)

FOREGROUND (POSITIVE SPACE)

BACKGROUND(NEGATIVE SPACE)

Page 5: A BRIEF INTRODUCTION TO INFORMATION & INTERFACE DESIGN B I J O Y R A V E E N D R A N

Source : Google image search

FOREGROUND(POSITIVE SPACE)

BACKGROUND(NEGATIVE SPACE)

Page 6: A BRIEF INTRODUCTION TO INFORMATION & INTERFACE DESIGN B I J O Y R A V E E N D R A N

The space around and between the subject(s) of an image

Gap linking elements in a composition

Also known as ‘Whitespace’ in print/digital design

What is negative space?

Source : http://www.graphictivitis.com/index.php/dos-and-donts-of-negative-space-in-design-layout/, “Negative Space” by Bang Wong

Page 7: A BRIEF INTRODUCTION TO INFORMATION & INTERFACE DESIGN B I J O Y R A V E E N D R A N

Source : Fight Club (1999)

Page 8: A BRIEF INTRODUCTION TO INFORMATION & INTERFACE DESIGN B I J O Y R A V E E N D R A N

BACKGROUND (NEGATIVE SPACE)

FOREGROUND (POSITIVE SPACE)

Source : Fight Club (1999)

BACKGROUND(NEGATIVE SPACE)

Page 9: A BRIEF INTRODUCTION TO INFORMATION & INTERFACE DESIGN B I J O Y R A V E E N D R A N

The space around and between the subject(s) of an image

Gap linking elements in a composition

Also known as ‘Whitespace’ in print/digital design

What is negative space?

Source : http://www.graphictivitis.com/index.php/dos-and-donts-of-negative-space-in-design-layout/, “Negative Space” by Bang Wong

Page 10: A BRIEF INTRODUCTION TO INFORMATION & INTERFACE DESIGN B I J O Y R A V E E N D R A N

Source : www.google.com

Page 11: A BRIEF INTRODUCTION TO INFORMATION & INTERFACE DESIGN B I J O Y R A V E E N D R A N

BACKGROUND (NEGATIVE SPACE)

FOREGROUND (POSITIVE SPACE)

BACKGROUND(NEGATIVE SPACE))

Source : www.google.com

Page 12: A BRIEF INTRODUCTION TO INFORMATION & INTERFACE DESIGN B I J O Y R A V E E N D R A N

Source : www.bing.com

Page 13: A BRIEF INTRODUCTION TO INFORMATION & INTERFACE DESIGN B I J O Y R A V E E N D R A N

FOREGROUND (POSITIVE SPACE)

BACKGROUND(NEGATIVE SPACE)

Source : www.bing.com

Page 14: A BRIEF INTRODUCTION TO INFORMATION & INTERFACE DESIGN B I J O Y R A V E E N D R A N

Gives the eye a ‘place to rest’, increasing the appeal of a composition through subtle means

It gives the constituent elements enough breathing room

It is used to reveal more content and meaning to a piece of art

One of the most effective ways to attract viewer’s attention

Why do we need it?

Page 15: A BRIEF INTRODUCTION TO INFORMATION & INTERFACE DESIGN B I J O Y R A V E E N D R A N

Gives the eye a ‘place to rest’, increasing the appeal of a composition through subtle means

It gives the constituent elements enough breathing room

It is used to reveal more content and meaning to a piece of art

One of the most effective ways to attract viewer’s attention

Why do we need it?

Page 16: A BRIEF INTRODUCTION TO INFORMATION & INTERFACE DESIGN B I J O Y R A V E E N D R A N
Page 17: A BRIEF INTRODUCTION TO INFORMATION & INTERFACE DESIGN B I J O Y R A V E E N D R A N

Gives the eye a ‘place to rest’, increasing the appeal of a composition through subtle means

It gives the constituent elements enough breathing room

It is used to reveal more content and meaning to a piece of art

One of the most effective ways to attract viewer’s attention

Why do we need it?

Page 18: A BRIEF INTRODUCTION TO INFORMATION & INTERFACE DESIGN B I J O Y R A V E E N D R A N
Page 19: A BRIEF INTRODUCTION TO INFORMATION & INTERFACE DESIGN B I J O Y R A V E E N D R A N
Page 20: A BRIEF INTRODUCTION TO INFORMATION & INTERFACE DESIGN B I J O Y R A V E E N D R A N
Page 21: A BRIEF INTRODUCTION TO INFORMATION & INTERFACE DESIGN B I J O Y R A V E E N D R A N

EXTRA LAYER OF CONTENT

Page 22: A BRIEF INTRODUCTION TO INFORMATION & INTERFACE DESIGN B I J O Y R A V E E N D R A N

Gives the eye a ‘place to rest’, increasing the appeal of a composition through subtle means

It gives the constituent elements enough breathing room

It is used to reveal more content and meaning to a piece of art

One of the most effective ways to attract viewer’s attention

Why do we need it?

Page 23: A BRIEF INTRODUCTION TO INFORMATION & INTERFACE DESIGN B I J O Y R A V E E N D R A N

Source : http://water-arts.deviantart.com/art/U-S-A-products-Ads-110550210?q=boost:popular%20ads&qo=65

Page 24: A BRIEF INTRODUCTION TO INFORMATION & INTERFACE DESIGN B I J O Y R A V E E N D R A N

Source : http://water-arts.deviantart.com/art/U-S-A-products-Ads-110550210?q=boost:popular%20ads&qo=65

Page 25: A BRIEF INTRODUCTION TO INFORMATION & INTERFACE DESIGN B I J O Y R A V E E N D R A N

Source : http://water-arts.deviantart.com/art/U-S-A-products-Ads-110550210?q=boost:popular%20ads&qo=65

NEGATIVE SPACECALLS THE VIEWER

ATTENTION ONTO THE BOX

Page 26: A BRIEF INTRODUCTION TO INFORMATION & INTERFACE DESIGN B I J O Y R A V E E N D R A N

Logo design

Poster design

User Interface design

Other unconventional areas of use

Examples

Page 27: A BRIEF INTRODUCTION TO INFORMATION & INTERFACE DESIGN B I J O Y R A V E E N D R A N

Source : http://www.designer-daily.com/logo-design-17487, http://thedeependdesign.com/negative-space-in-logo-design/

Page 28: A BRIEF INTRODUCTION TO INFORMATION & INTERFACE DESIGN B I J O Y R A V E E N D R A N
Page 29: A BRIEF INTRODUCTION TO INFORMATION & INTERFACE DESIGN B I J O Y R A V E E N D R A N

Logo design

Poster design

User Interface design

Other unconventional areas of use

Examples

Page 30: A BRIEF INTRODUCTION TO INFORMATION & INTERFACE DESIGN B I J O Y R A V E E N D R A N

Source : http://www.mcescher.com/Biography/lw306.jpg

Page 31: A BRIEF INTRODUCTION TO INFORMATION & INTERFACE DESIGN B I J O Y R A V E E N D R A N

Source : http://inspiredm.com/white-space/

Page 32: A BRIEF INTRODUCTION TO INFORMATION & INTERFACE DESIGN B I J O Y R A V E E N D R A N
Page 33: A BRIEF INTRODUCTION TO INFORMATION & INTERFACE DESIGN B I J O Y R A V E E N D R A N
Page 34: A BRIEF INTRODUCTION TO INFORMATION & INTERFACE DESIGN B I J O Y R A V E E N D R A N

Logo design

Poster design

User Interface design

Other unconventional areas of use

Examples

Page 35: A BRIEF INTRODUCTION TO INFORMATION & INTERFACE DESIGN B I J O Y R A V E E N D R A N
Page 36: A BRIEF INTRODUCTION TO INFORMATION & INTERFACE DESIGN B I J O Y R A V E E N D R A N
Page 37: A BRIEF INTRODUCTION TO INFORMATION & INTERFACE DESIGN B I J O Y R A V E E N D R A N
Page 38: A BRIEF INTRODUCTION TO INFORMATION & INTERFACE DESIGN B I J O Y R A V E E N D R A N

Source : http://duplos.org/

Page 39: A BRIEF INTRODUCTION TO INFORMATION & INTERFACE DESIGN B I J O Y R A V E E N D R A N
Page 40: A BRIEF INTRODUCTION TO INFORMATION & INTERFACE DESIGN B I J O Y R A V E E N D R A N

Logo design

Poster design

User Interface design

Other unconventional areas of use

Examples

Page 41: A BRIEF INTRODUCTION TO INFORMATION & INTERFACE DESIGN B I J O Y R A V E E N D R A N

Source :http://farm9.staticflickr.com/8036/8037860987_4331503e23_z.jpg

DEPTH OF FIELDPHOTOGRAPHY

Page 42: A BRIEF INTRODUCTION TO INFORMATION & INTERFACE DESIGN B I J O Y R A V E E N D R A N

Source : Sinister (2012)

NEGATIVE SPACEIN FILM

Page 43: A BRIEF INTRODUCTION TO INFORMATION & INTERFACE DESIGN B I J O Y R A V E E N D R A N

Source : Sinister (2012)

Page 44: A BRIEF INTRODUCTION TO INFORMATION & INTERFACE DESIGN B I J O Y R A V E E N D R A N

Source : Google image search

Page 45: A BRIEF INTRODUCTION TO INFORMATION & INTERFACE DESIGN B I J O Y R A V E E N D R A N

References

http://sixrevisions.com/web_design/negative-space-in-webpage-layouts-a-guide/http://webdesign.about.com/od/webdesignbasics/a/whitespace.htmhttp://www.getfinch.com/2010/01/a_negative_view_of_white_space/http://cgcamera.blogspot.in/2013/02/sinisters-use-of-negative-space.htmlhttp://www.e-reading-lib.com/bookreader.php/140662/Effective_use_of_negative_space_in_grafic_design.pdfhttp://www.smashingmagazine.com/2007/01/12/white-space-and-simplicity-an-overview/http://www.brasstacksdesign.com/bfd/123006.htmlhttp://webdesign.tutsplus.com/articles/design-theory/using-white-space-or-negative-space-in-your-designs/

areas of use

Page 46: A BRIEF INTRODUCTION TO INFORMATION & INTERFACE DESIGN B I J O Y R A V E E N D R A N

THANK YOU


T R St a n da r ds f o r A I G o v e r n a n c e : In t e ... · T ECHNICAL REPORT St a n da r ds f o r A I G o v e r n a n c e : In t e r n a t io n a l St a n da r ds t o E n a

KE R J A R E N C A N A - BPBA

A R R I A N

SHIRE OF YARRA RANGES - … · e wa r e n a e a r n r n w a e r r n r e w r e n aa r r n a n re w aaar eeeeeeeaaaaaa sssstttttt lysterfieldlysterfieldlysterfieldlysterfieldlysterfieldlysterfield

U s e r I n f o r m a ti o n : C o n n e c to r a n d F e r r u l e A da pte r s · 2020. 8. 7. · U s e r I n f o r m a ti o n : C o n n e c to r a n d F e r r u l e A da pte r

I N North Quadrantw i r p w i p 1 a mp 1 p n s a n d a r i o r d n s a n d a r i o r d e i 1 0 e i 1 0 n a s an da r i o r n s an da r i o r n d ar n c a s a g r a d e h y n a s a

O r i e n t a n d o - s e n a T e r r a

o | e n f a n t s b i n a m | b d i n K...N a t u r s p ü r e n . Pe r c e p i r e l a n a t u r a. R e s s e n t i r l a n a t u r e. F a r b e n f r o h. U n m o n d o d i c o l

US I N G (COI) F O R I N T E R N A L C A R E E R O R I E N

I N T E R N A T I O N A L T R A D E P R E S E N T A T I O N B Y H A R R Y

EFFINGHAM COUNTYS A V A N N A H RI V E R S A V A N N A HR I V E R S A V A N N A H r R I V E R S A V A N N A H Parish R I V E R S A V A N N A H b R I V E R S A V A N N A H e R I V E

T A R N T A R A N - pdapatiala.in

G A N G R E N A D E F O U R N I E R

k a r a n g t a r u n a3

M A R C A N T Á B R I C OP O R T U G C A L O A C A É A V N O N A T R L R Á N A T I N C N O T FG R AN C I M A R M E D I T E R R R R Á Á N N E E O O M A R C A N T Á B R I C O ANN

MAP NO : 371prsc.gov.in/(X(1)S(uww3eotfrzg3maocugp5vvyv))/images/Doc/Soil... · R a m g a r h M i n o r C a n a l R a m g a r h M i n o r C a n a l R a m g a r h M i n o r C a n a

ZONE DISTRICTS Arapahoe Countym a r g i n a p i k e-r a m p a r t c e n t r a l 1 b a s i n m a r g i n c b m a r g i n b m a r g i n r a p i k e g-1 r a m p a r t m a r i n o a m

M A R C A N T Á B R I C O · p o p r t p u n g a a l o a c É a n o n a a t l r Á a n s t i c n o a f r an c i m a r m e d i t e r r r Á Á n n e e o m a r c a n t Á b r i c o

B A R R A N C O S Y F U E R Z A D E L V I E N T O E N G R A N C A N A R I A

O r d i n a r y M e a n i n g G e n e r a l R u l e : ( 1

I N T E R N AT I O N A L A R B I T R AT I O N - C r a s h

e n a i H h rra H a r,r B i n n ra q u f o6,n ac r-r e a n

N T E R N A T I O N A L R - SoftPlanTuts

S T A N D A R DS T A N D A R DS T A N D A R DS T A N D A R ... · PDF fileS T A N D A R DS T A N D A R DS T A N D A R DS T A ... A uPVC pressure pipe is spigot and socket rubber ring

C L E A N R O O M G A R M E N T S Q u a r t e r l y E n v i r ... L E A N R O O M G A R M E N T S Q u a r t e r l y E n v i r o n m e n t a l R e p o r t ... C L E A N R O O M G A

M I T I n t e r n a t i o n a l C e n t e r f o r A i r T r a n s p o r t a t i o n

R i p e n s a r e l a n a r r a zi o n e tr a n s m e d i ...WORK IN PROGRESS - NON DISTRIBUIRE - Ul t i mo aggi ornament o: 10 novembre 2016 R i p e n s a r e l a n a r r a zi o n

P h . D . P r o g r a m i n U r b a n a n d R e g i o n a ...€¦ · P r o g r a m i n U r b a n a n d R e g i o n a l P l a n n i n g a n d D e s i g n 1 . The School of Architecture,

U n a i n c U r s i ó n a l a t e r r a d o r m U n d o d

J u r n a l K a j i a n G e n d e r d a n A n a k P E R S

R e g i o n o f W a te r l o o T r a n s p o r ta ti o n a n d E n v i r o n … · 2020-06-18 · T r a n s p o r ta ti o n a n d E n v i r o n me n ta l S e r v i c e s T r a n

FOR LEASE - LoopNet...City Hall P O R T M O D Y B U R N A B Y L A K E R I V E R B U R R A R D I N L E T N O R H A R M F R A S E R R I V E R A N N A C I S AUDLEY BLVD. E. C H A N N

Probabilistic Exposure Risk of Unmanned Aircraft...M I T I n t e r n a t i o n a l M I T I n t e r n a t i o n a l C e n t e r f o r A C e n t e r f o r A i r T r a n s p o r t a t

!R · PDF fileR A N GE Townshend Island R A N G E C O A S T R A N G E B R O A D S O U N D R A N G E C O N N O R S C O N N O R S R A N G E R A P E N I

PLAN LOCAL D’URBANISME · trtrtrtr trtr eeee ee G e r m a i n G e n r n r e r a n n a n n a i e e e d d ' ' ' ' ' ' ' ' du ' ' du '--: .