Thursday, May 17, 2012

WEBSITE ANALYSIS & ADOBE TUTORIAL ASSIGNMENT


www.marvel.com/theavengers

This website incorporates major elements from the movie, including a motion graphic animation for the intro and a gritty, metal-like typography design. The links and text are simple enough, but each letter is modeled after the same design as the “A” logo of the Avengers. The background is  a black field with a sort of shiny black metal, laced with scenes from the movie. Truly a gritty and action feel when one enters the website.




www.deborahcavenaugh.com

This website design follows a painting/colour pencilled background. The background seems to envelop the contents of the page, like nature is real enough to reach the edges. The colour of the design seems real, avoiding the website to look artificial. The text is simple and easy to read. Overall, the website gives a natural feeling, like a visual garden.



www.meomi.com

Another nature-themed design. The background is empty, but instead is replaced with an intricate treehouse which is also the field for the text. All content is fitted into the treehouse. Links and text are again simple to read, but what steals the show is the design which houses the content. Cute characters are used to illustrate living objects and to show some life inside the treehouse. 



www.racket.net.au

 What’s interesting about this website is the header and its navigation. The header is an image of some provocative elements, such as monotone coloured animals in suits and a wasteland with a city in the distance. The navigation sprouts out into mind-maps leading into other links and menus. The content header is similar to a page from a notebook. The feeling of this website’s design is somewhat of what happens inside an artist’s mind, based on the illogical elements on the site. 




Adobe Illustrator Tutorials






Adobe Photoshop Tutorials








FINAL PROJECT INITIAL IDEAS
1.    (1)   Video game review/walkthrough website
- I review an old video game from an amateur’s point of view
- I provide articles detailing the game’s description and development
- walkthroughs will also be prepared through articles, images and videos
- designs will be based on the game (Mega Man X5) which is sprite-based and in 16-bit, which is fairly simple to incorporate into the website.

2.     (2)  How To Lose Weight and Work Out; info-graphic
- tips on how to lose weight
- tips given by friends who constantly work out and exercise
- simple graphics to show the action of the exercise
- testimonials by people who have tried the tips and advice
- include videos as testimonials


3.      (3) Surviving The One Academy
- a guide for new students
- how to cope with college life, especially in TOA
- somewhat of a blog, describing what happens in TOA
- images and videos of the places of interest in TOA
- advice by TOA seniors



No comments:

Post a Comment