Home page view: without any mouse-over nor mouse-click.
Black background, thin and non-serif typefont, main logo/title at the left up-corner, menu bar at the bottom (with "ABOUT" stands out away from the others at the opposite corner), small "flexible" thin lines lining up at the center (it's like a shelf full of file folders).
Home page with mouse-over effect.
Each small line will swiftly unfold to a thumbnail picture of that work together with the year (from the bottom)and some brief information (from the top) appear right around the picture.
After you click a thumbnail picture in the home page and get into a more detailed look of the work.
There are also some small flexible lines placed on left and right of the zoomed picture, representing "previous" and "next". When you mouse-over a small line, it will extend, visually,just like you are pulling out a file folder from the shelf.
And when you click it, the picture on show will fold-shrink away and let the picture unfolded from the line be on show in the center.
A close-up at the menu bar: when you are browsing the work pictures, the menu bar will extend swiftly to show the information of what you are looking at. The effect is smooth,and cool.
In the "ABOUT" section, the scroll bar of the text is also foldable, it will unfold and be able to scroll when you mouse over it.
And in the homepage you can see all the small lines representing all the works under the "ALL" menu. When you choose only "Art" or other catalogues, some lines will "sneak" away, leaving the lines of the works belonging to the catalogue you choose only.
The reason why I was triggered to have a closer look at Maya Lin's portfolio is: she was recently back to China (the first time in her lifetime,though she's Chinese,her parents had to leave China decades ago due to political problems thus they've never been back since then) and came to BU to talk about design and art. She's special and successful in her career, and adorable.
All in all, the portfolio page is made in a professional, neat and cool way.
No comments:
Post a Comment