• Like
Wk6 for finalproject_presentation
Upcoming SlideShare
Loading in...5
×

Wk6 for finalproject_presentation

  • 436 views
Uploaded on

| Final Screen Design Course Project and Analysis

| Final Screen Design Course Project and Analysis

More in: Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
  • Link to This Project | http://ning.it/hs9tdw

    Thank You to Everyone who prayed, gave ideas, | http://ning.it/hkvHD9


    Works Cited

    Bartel, Marvin. 'Some Ideas About Composition and Design Elements, Principles, and Visual Effects.” Drawing to Learn DRAWING. 2010. Web. 17 Dec. 2010.
    Are you sure you want to
    Your message goes here
    Be the first to like this
No Downloads

Views

Total Views
436
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
1
Comments
1
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide
  • Initial design and logo. The goal was to have as classy a site as possible that is easy to read and use, especially for teenagers.
  • The Mood Board exhibits the original screen design and color/texture chips/examples as ideas for a future screen design and enhancements.
  • Six Black & White screen Home Page makeovers including a new logo purchasing the rights for the Angelic War font from www.dirt2.com
  • The Black and White makeover of choice. The goal was to create a visual castle with easier navigation and a friendly feel.
  • Black and White Home Page makeover with new title and navigation bar at the top.
  • In Color 
  • Play the audio file to hear my current Art Institute Instructor critique slide 6 and 7. The box is to be filled with a product image (as if it was a real site) and I agree that the link list on the left of slide 7 (Inside Page) needs revising/change. ~ | http://snd.sc/g8Ht30 | plays the audio evaluation from the professor as the original PowerPoint audio within the last slide does not play when uploaded into SlideShare.
  • Play the audio file to hear my current Art Institute Instructor critique slide 6 and 7. The box is to be filled with a product image (as if it was a real site) and I agree that the link list on the left of slide 7 (Inside Page) needs revising/change. ~ End of slides.
  • Play the audio file to hear my current Art Institute Instructor critique slide 6 and 7. The box is to be filled with a product image (as if it was a real site) and I agree that the link list on the left of slide 7 (Inside Page) needs revising/change. ~ End of slides.
  • Play the audio file to hear my current Art Institute Instructor critique slide 6 and 7. The box is to be filled with a product image (as if it was a real site) and I agree that the link list on the left of slide 7 (Inside Page) needs revising/change. ~ End of slides.
  • Play the audio file to hear my current Art Institute Instructor critique slide 6 and 7. The box is to be filled with a product image (as if it was a real site) and I agree that the link list on the left of slide 7 (Inside Page) needs revising/change. ~ End of slides.
  • The color scheme stayed the same, but the upper left balletprince logo was adjusted to be more subdued than the main page logo “the castle” while the title “enter ~ the Prince’s Castle” was brightened. The bottom navigational links were changed so that it blended in with the overall scheme and complemented the current readability/functionality.
  • The color scheme again stayed the same with the subdued balletprince logo carried over. All links in the left pane were spaced and font changed to Goudy Stout. The bottom navigational links were also changed so that it blended in with the overall scheme and complemented the current readability/functionality.

Transcript

  • 1. This slide presentation contains the current project for a screen design course through the Art Institute of Pgh online division.
    Due to some experiences in ballet, the subject is focused on developing boys/male character.
    The goal is to create a unique site encouraging their development as dancers and leaders.
    Christina KrausslachDec 2010
  • 2. Initial Screen Picture
  • 3. Mood Board
  • 4. B&W Drafts
  • 5. B&W Choice
  • 6. Revised B&W
  • 7. Home Pg | Color Draft
  • 8. Inside Page | Color Draft
  • 9. Final Color Typography Analysis
    Christina Krausslach http://kuler.adobe.com/#themeID/1149202
    Wk6F ~ Screen Design Makeover ~ Development of Visual Elements (Part 1)
     
    Color Guide } Castle (hm pg.) and Study
    Overall Web Color Guide | Ballet Prince |
    http://kuler.adobe.com/#themeID/1148976
    if one clicks the tiny icon to the right of the theme name (in this
    case Ballet Prince), it opens up a really neat window revealing the
    Hex colors and type of Color Rule used. In this case it was a Custom Rule.
    Typography Color Guide | Ballet Prince Type | http://kuler.adobe.com/#themeID/1149202
  • 10. Final Color Typography Analysiscont.
  • 11. Final Color Typography Analysiscont.
  • 12. Final Color Typography Analysiscont.
  • 13. Final Home Page
  • 14. Final Inside Page
  • 15. Christina KrausslachIMD131Dec 2010
    Conclusion
    Changes | in this project include navigation link color and font on the bottom of both the home page and inside page; link font and spacing on left inside page.
    User Feedback | The majority of the changes necessary involved the above according to. All other feedback involves more multimedia functioning such as pop-up windows for audio and product picture enlargement (the small yellow box on inside page which does not actually have a photo due to copyright).
    The Goal | is to create a unique site encouraging primarily boys and young men to develop as dancers and leaders.
    Typography | is to be creative, balanced and give a personal feel as if inside a castle. A basic Russian castle image was created to honor the worldwide influence of ballet originating in Russia.
    Visual Elements | include texture (background, object fill, shading), volume (use of gradient fill), depth (contrast of light and dark color), movement (repetition with size variation as well as shape through the swirls (whimsy), balance, unity (cohesive colors and functional shapes), visual hierarchy on home page is castle image first due to size and top down through the typography while on inside page is left to right due to typography and function.