• Save

Loading…

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

Like this presentation? Why not share!

Like this? Share it with your network

Share
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
444
On Slideshare
439
From Embeds
5
Number of Embeds
1

Actions

Shares
Downloads
0
Comments
0
Likes
0

Embeds 5

https://bbhosted.cuny.edu 5

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

Transcript

  • 1. Class 14
  • 2. 2010 Web Trends Report
    Article from: http://webdesignledger.com/tips/web-design-trends-for-2010
  • 3. 1. Oversized Logos/ Headers
    Splash pages are so yesterday. To make an unforgettable impression on the visitor, the trend for 2010 will be oversized logos on an equally oversized header. These types of headers can take up the entire screen, but with one important note. Visitors will not need to click anything, just scroll down. Visitors often having a clicking phobia (due to years of poor navigation), so big headers do the job of a splash page without forcing your visitors to click anything.
    Main Idea: Huge headers that make your visitors remember you.
  • 4. 2. Sketch/ Hand-drawn Design
    Main Idea: Sketch becomes an elemental part of corporate design
  • 5. 3. ALL CAPS
  • 6. 4. Typography
  • 7. 5. One Page Layouts
  • 8. 6. Huge Images
  • 9. 7. Change of Perspective
  • 10. 8. Interactive/ Intuitive Design
  • 11. 9. Modal Boxes
    Modal boxes are a trend that’s picking up steam and will be virtually everywhere in 2010. A modal box is like the popup’s more sophisticated older brother– it’s smooth, good looking and popular. Modal boxes are so easy to design and easy to use, making them the perfect solution for any designer concerned with usability.
  • 12. 10. Minimalism
  • 13. 11. Oversized Footer
  • 14. 12. Retro
  • 15. 13. Intro Boxes
    “Hi, my name is…” will find an even bigger stage in 2010 as designers recognize the beautiful simplicity of introducing yourself to your visitor. If you’re struggling with making a creative “About” page, the intro box will be your best bet. It forces you to condense who you are into a relatively small about of space. In 2010, intro boxes will push its own boundaries. Instead of the boring hello, designers will find new pick-up lines. And, instead of the left-flanked intro block, 2010 will see boxes in unusual placement, perhaps even in the middle of a page.
    Main Idea: New ways to say “hello.”
  • 16. 14. Magazine Layouts
    As more and more people migrate from the comforts of traditional press to online infotainment, designers are challenged to welcome them in with an easy transition. There is a move toward the magazine layout, where information is carefully organized on a single home page, giving the visitor an opportunity to explore as interested. The familiar layout will appeal to appeal to anyone who’s ever read a magazine or newspaper, but it will also be easier to use– no flipping pages! In 2010, magazine layout will become very huge for blogs in particular.
    Main Idea: Magazine layouts will be used for infotainment sites.
  • 17. http://zerozeroproject.com/
  • 18. http://ribot.co.uk/
  • 19. http://www.ekasharashidze.com/Vita.html
  • 20. http://www.tourismus-bw.de/
  • 21. http://www.chadhagen.com/#348992/Strange-Science
  • 22. http://wearesynapse.com/
  • 23. http://www.chipotle.com/en-US/Default.aspx
  • 24. http://vinetype.com/
  • 25. http://www.polodivani.cz/
  • 26. http://www.idsigner.com/
  • 27. http://eighthourday.com/
  • 28.
  • 29.
  • 30. http://dolcetouch.com/
  • 31. http://www.lommebags.com/
  • 32. http://www.wearableprint.co.uk/
  • 33. http://www.wfp.org/
  • 34. http://www.thisisdisplay.org/
  • 35. http://www.rememberhope.com/
  • 36. http://www.foodzine.gr/
  • 37. http://www.fortherecord.simonfosterdesign.com/
  • 38. http://www.underconsideration.com/quipsologies/
  • 39. http://www.participatorypolitics.org/
  • 40. http://www.commsprovider.co.uk/
  • 41. http://www.aurevoirsimone.com/
  • 42. http://kofiannanfoundation.org/
  • 43. Why Avoid Flash?
    Take a look at this fabulous example.
    http://www.jonathanyuen.com/main.html
    What does it lack?
  • 44. Coming Soon!Layouts-using layout framework
    Popular Layout Framework
    960.gs
    Blueprint.org
    Grid Designer
  • 45. Assignment due 11/2/2010
    Go to http://cssremix.com/
    Explore couple sites focusing on design trends, interactivity, navigation structure and fun elements.
    Select 3 websites that has design/ interactive elements that you would like to use for your website.
    Create a document that has the following information:
    a screenshot of the site.(Mac shortcut: Control-Command-Shift-4)
    Explain which element you would like to use and why. Explain how you would like to customize it to your site.