website style a n a l y s i s design computing theory

19
Website Style A N A L Y S I S Design Computing Theory

Upload: douglas-wilkerson

Post on 27-Dec-2015

218 views

Category:

Documents


3 download

TRANSCRIPT

Page 1: Website Style A N A L Y S I S Design Computing Theory

Website Style

A N A L Y S I S

Design Computing Theory

Page 2: Website Style A N A L Y S I S Design Computing Theory

What is the style?

: State of Consistence

We use the word “style” easily, but what is the style? In my thought, style is the state of consistence. Once style is made, it can make reproduce another behavior or art work in the same way. So the function of style is gathering the scattered elements to one.

? Analyzing website design with two styles

Page 3: Website Style A N A L Y S I S Design Computing Theory

Sundance Channel’s Website http://www.sundancechannel.com/archives

a

b

b

c

a

A B A

c

b

Page 4: Website Style A N A L Y S I S Design Computing Theory

Sundance Channel’s Website http://www.sundancechannel.com/archives

Method I

a d a

b e b

c f c

b g b

c f c

b e b

a d a

a d a

b e b

c f c

b g b

c f c

b e b

a d a

A-B-A Symmetry

fusion of parts

Page 5: Website Style A N A L Y S I S Design Computing Theory

Seattle Art Museum http://www.seattleartmuseum.org/

a

a

b

b

b

b

A AB BC C C

b’

C’

Page 6: Website Style A N A L Y S I S Design Computing Theory

a c e e e c a

b d f f f d b

b d f f f d b

b d f f f d b

b d f f f d b

a c e e e c a

Seattle Art Museum http://www.seattleartmuseum.org/

a c e e e c a

b d f f f d b

b d f f f d b

b d f f f d b

b d f f f d b

a c e e e c a

A-B-A Symmetry

fusion of parts

Page 7: Website Style A N A L Y S I S Design Computing Theory

Louvre Museum http://www.louvre.fr/

a

b

b

c

b

A B D

b

C A

Page 8: Website Style A N A L Y S I S Design Computing Theory

Louvre Museum http://www.louvre.fr/

a d g a j

b e h b k

b e h b k

c f i c l

b e h b k

b e h b k

a d g a j

b e h b k

b e h b k

c f i c l

b e h b k

b e h b k

A-B-A Symmetry

fusion of parts

deletion of parts

Page 9: Website Style A N A L Y S I S Design Computing Theory

MoMA http://www.moma.org/

abc

d

ab

ca

d

b

c

ba

A B B

Page 10: Website Style A N A L Y S I S Design Computing Theory

MoMA http://www.moma.org/

a e e

b f f

c g g

d h h

a e e

b f f

c g g

a e e

d h h

b f f

c g g

b f f

a e e

a e e

b f f

c g g

d h h

a e e

b f f

c g g

a e e

d h h

b f f

c g g

b f f

a e e

Page 11: Website Style A N A L Y S I S Design Computing Theory

Musee d’Orsey http://www.musee-orsay.fr

a

a

b

a

c

A B B

Page 12: Website Style A N A L Y S I S Design Computing Theory

Musee d’Orsey http://www.musee-orsay.fr

a d d

a d d

b e e

a d d

c f f

Page 13: Website Style A N A L Y S I S Design Computing Theory

MOCA http://www.moca.org/museum

a

b

c

a

b

c

d

d

d

e

A AB BC C

Page 14: Website Style A N A L Y S I S Design Computing Theory

MOCA http://www.moca.org/museum

a e j j e a

b f k k f b

c g l l g c

d h m m h d

d h m m h d

e i n n i e

d h m m h d

c g l l g c

b f k k f b

a e j j e a

a e j j e a

b f k k f b

c g l l g c

d h m m h d

d h m m h d

e i n n i e

d h m m h d

c g l l g c

b f k k f b

a e j j e a

A-B-A Symmetry

fusion of parts

repetition of parts

Page 15: Website Style A N A L Y S I S Design Computing Theory

Brooklyn Museum of Art http://www.brooklynart.org/

a

b

cc

b

a

A B C C A

Page 16: Website Style A N A L Y S I S Design Computing Theory

Brooklyn Museum of Art http://www.brooklynart.org/

a d g g a

b e h h b

c f i i c

c f i i c

b e h h b

a d g g a

a d g g a

b e h h b

c f i i c

c f i i c

b e h h b

a d g g a

A-B-A Symmetry

fusion of parts

deletion of parts

addition of parts

Page 17: Website Style A N A L Y S I S Design Computing Theory

Museum of Fine Arts, Boston http://www.mfa.org/home.htm

a

b

c

d

c

d

c

b

a

a b b b

Page 18: Website Style A N A L Y S I S Design Computing Theory

Museum of Fine Arts, Boston http://www.mfa.org/home.htm

a e e e

b f f f

c g g g

d h h h

c g g g

d h h h

c g g g

b f f f

a e e e

a e e e

b f f f

c g g g

d h h h

c g g g

d h h h

c g g g

b f f f

a e e e

A-B-A Symmetry

fusion of parts

Page 19: Website Style A N A L Y S I S Design Computing Theory

Conclusion

Like the above work, I analyzed several web sites with the style of classical architecture with recognizing structure of websites, drawing diagrams, and finding some rules. Through this work, I got to know our eyes are so familiar that we can’t catch classical composition and rules fast. But classical rule, pursued ideal beauty through some composition rules called as “taxis”, is able to be found in many web sites which we can see everyday and everywhere. Of course some web sites cannot analyze classical architecture style, but to me I look the structure of web sites which keep the some rule of classical style more powerful than other web sites which don’t keep the rule of classic as web sites giving or communicating information. Of course my personal visual experience is limited by myself. Nevertheless, I think it can’t ignore my visual experience, because style or structure of works is mainly based on visual experience.