The Evolution of Modern Art
Enjoy the awesome paintings of famous art movements over 1870 - 1932
We are doing a gallery page showing the famous paintings of 9 art movements in modern art from 1870 to 1932. Many people find art is professional and abstract, and far away from their life. However, paintings are treasure in human history and those awesome work should be accessible to everyone.
We therefore want to create an immerse and exhibitory experience for normal audiences to enjoy awesome artwork from those art movements, and attract their interest to learn more. After drawing three versions of wireframes, we eventually decided on developing an interactive website to introduce the history of both art movements as well as the famous paintings.
In the project, I was In charge of the data collection, web development and assisted the UI designer in part of the visual design.
Mar 2018 - May 2018
HTML/CSS/JS, Data Viz, D3.js
Tianmi Fang, Chenxin Wang
We searched for 9 art movements of modern art from 1870 with 20 major work for each:
Wikipedia and, Museums and art gallery websites (e.g. MoMA), Google Art
Users could press the right key on the keyboard(->) and control the little girl to walk along the timeline. One row will be shown as she moves forward.
Each page will display 20 pieces of artwork. The tooltip would show the name of the artwork.
The detail page shows a bigger image to audience and tells the story of each piece of artwork.
It includes the painter, year, dimension and a brief intro.
The final page shows the size of the artworks in each art movements. We tried to analyze if the average canvas size is different in each movement, unfortunately, there are no significant differences. But we still figured out in certain movements such as fauvism, the canvas size is much bigger than the others.
Behind the Scene
180 pieces of artwork and 14000+ words description
9 movement pages design
We chose a master color for each movement.
Through this project, I got experience in the following aspects:
Deep understanding and hands-on experience of HTML/CSS/JS