SlideShare a Scribd company logo
Class 14
2010 Web Trends Report
Article from: http://webdesignledger.com/tips/web-design-trends-for-2010
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.
2. Sketch/ Hand-drawn Design
Main Idea: Sketch becomes an elemental part of corporate design
3. ALL CAPS
4. Typography
5. One Page Layouts
6. Huge Images
7. Change of Perspective
8. Interactive/ Intuitive Design
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.
10. Minimalism
11. Oversized Footer
12. Retro
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.”
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.
http://zerozeroproject.com/
http://ribot.co.uk/
http://www.ekasharashidze.com/Vita.html
http://www.tourismus-bw.de/
http://www.chadhagen.com/#348992/Strange-Science
http://wearesynapse.com/
http://www.chipotle.com/en-US/Default.aspx
http://vinetype.com/
http://www.polodivani.cz/
http://www.idsigner.com/
http://eighthourday.com/
http://dolcetouch.com/
http://www.lommebags.com/
http://www.wearableprint.co.uk/
http://www.wfp.org/
http://www.thisisdisplay.org/
http://www.rememberhope.com/
http://www.foodzine.gr/
http://www.fortherecord.simonfosterdesign.com/
http://www.underconsideration.com/quipsologies/
http://www.participatorypolitics.org/
http://www.commsprovider.co.uk/
http://www.aurevoirsimone.com/
http://kofiannanfoundation.org/
Why Avoid Flash?
• Take a look at this fabulous example.
• http://www.jonathanyuen.com/main.html
• What does it lack?
Coming Soon!
Layouts-using layout framework
Popular Layout Framework
• 960.gs
• Blueprint.org
• Grid Designer
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.

More Related Content

Similar to Class14

16 Web & Graphic Design Trends to Watch in 2016
16 Web & Graphic Design Trends to Watch in 201616 Web & Graphic Design Trends to Watch in 2016
16 Web & Graphic Design Trends to Watch in 2016Ernesto Olivares
 
Web designtrends 5-29-2013
Web designtrends 5-29-2013Web designtrends 5-29-2013
Web designtrends 5-29-2013Angela Bowman
 
10 Webdesign Trends for 2014 by Vanksen
10 Webdesign Trends for 2014 by Vanksen10 Webdesign Trends for 2014 by Vanksen
10 Webdesign Trends for 2014 by VanksenVanksen
 
The Latest Web Design Trends and Standards
The Latest Web Design Trends and StandardsThe Latest Web Design Trends and Standards
The Latest Web Design Trends and StandardsCogniter Technologies
 
20 web design trends - at the moment
20 web design trends - at the moment20 web design trends - at the moment
20 web design trends - at the momentMarco Santo
 
MIMA 2014 - Changing your Responsive Design Workflow
MIMA 2014 - Changing your Responsive Design WorkflowMIMA 2014 - Changing your Responsive Design Workflow
MIMA 2014 - Changing your Responsive Design Workfloweaselsolutions
 
Web design trends 2013
Web design trends 2013Web design trends 2013
Web design trends 2013Xavier Martin
 
Shamit Khemka describes Top 5 web designing trends
Shamit Khemka describes Top 5 web designing trendsShamit Khemka describes Top 5 web designing trends
Shamit Khemka describes Top 5 web designing trendsSynapseIndia
 
Website designing trends this year 2020
Website designing trends this year 2020Website designing trends this year 2020
Website designing trends this year 2020Pencil Agency
 
Reduce web clutter with flat design in 2014
Reduce web clutter with flat design in 2014Reduce web clutter with flat design in 2014
Reduce web clutter with flat design in 2014Christopher Dill
 
web design
web designweb design
web designbutest
 
Top graphic design trends for website designing
Top graphic design trends for website designingTop graphic design trends for website designing
Top graphic design trends for website designingArtista KW
 
8 web design trend for e commerce in 2016
8 web design trend for e commerce in 20168 web design trend for e commerce in 2016
8 web design trend for e commerce in 2016Sheena Malhi
 
8 web design trend for e commerce in 2016 (1)
8 web design trend for e commerce in 2016 (1)8 web design trend for e commerce in 2016 (1)
8 web design trend for e commerce in 2016 (1)Sheena Malhi
 
Top 5 website design trends you can expect in 2016
Top 5 website design trends you can expect in 2016Top 5 website design trends you can expect in 2016
Top 5 website design trends you can expect in 2016tobylogans
 
Minimalist Web Design | Simplemachine
Minimalist Web Design | SimplemachineMinimalist Web Design | Simplemachine
Minimalist Web Design | SimplemachineSean Morrison
 

Similar to Class14 (20)

16 Web & Graphic Design Trends to Watch in 2016
16 Web & Graphic Design Trends to Watch in 201616 Web & Graphic Design Trends to Watch in 2016
16 Web & Graphic Design Trends to Watch in 2016
 
Web designtrends 5-29-2013
Web designtrends 5-29-2013Web designtrends 5-29-2013
Web designtrends 5-29-2013
 
10 Webdesign Trends for 2014 by Vanksen
10 Webdesign Trends for 2014 by Vanksen10 Webdesign Trends for 2014 by Vanksen
10 Webdesign Trends for 2014 by Vanksen
 
The Latest Web Design Trends and Standards
The Latest Web Design Trends and StandardsThe Latest Web Design Trends and Standards
The Latest Web Design Trends and Standards
 
20 web design trends - at the moment
20 web design trends - at the moment20 web design trends - at the moment
20 web design trends - at the moment
 
News design
News designNews design
News design
 
MIMA 2014 - Changing your Responsive Design Workflow
MIMA 2014 - Changing your Responsive Design WorkflowMIMA 2014 - Changing your Responsive Design Workflow
MIMA 2014 - Changing your Responsive Design Workflow
 
Web design trends 2013
Web design trends 2013Web design trends 2013
Web design trends 2013
 
Shamit Khemka describes Top 5 web designing trends
Shamit Khemka describes Top 5 web designing trendsShamit Khemka describes Top 5 web designing trends
Shamit Khemka describes Top 5 web designing trends
 
Website designing trends this year 2020
Website designing trends this year 2020Website designing trends this year 2020
Website designing trends this year 2020
 
Reduce web clutter with flat design in 2014
Reduce web clutter with flat design in 2014Reduce web clutter with flat design in 2014
Reduce web clutter with flat design in 2014
 
web design
web designweb design
web design
 
Top graphic design trends for website designing
Top graphic design trends for website designingTop graphic design trends for website designing
Top graphic design trends for website designing
 
8 web design trend for e commerce in 2016
8 web design trend for e commerce in 20168 web design trend for e commerce in 2016
8 web design trend for e commerce in 2016
 
8 web design trend for e commerce in 2016 (1)
8 web design trend for e commerce in 2016 (1)8 web design trend for e commerce in 2016 (1)
8 web design trend for e commerce in 2016 (1)
 
Top 5 website design trends you can expect in 2016
Top 5 website design trends you can expect in 2016Top 5 website design trends you can expect in 2016
Top 5 website design trends you can expect in 2016
 
Trends in web designing. Not only about how to create but also how to sell be...
Trends in web designing. Not only about how to create but also how to sell be...Trends in web designing. Not only about how to create but also how to sell be...
Trends in web designing. Not only about how to create but also how to sell be...
 
UX in Design
UX in DesignUX in Design
UX in Design
 
Website Design: 6 Trends to Follow in 2020
Website Design: 6 Trends to Follow in 2020Website Design: 6 Trends to Follow in 2020
Website Design: 6 Trends to Follow in 2020
 
Minimalist Web Design | Simplemachine
Minimalist Web Design | SimplemachineMinimalist Web Design | Simplemachine
Minimalist Web Design | Simplemachine
 

More from Jiyeon Lee (20)

Cultural conflict resolution
Cultural conflict resolutionCultural conflict resolution
Cultural conflict resolution
 
Class22
Class22Class22
Class22
 
Class 21
Class 21Class 21
Class 21
 
Class 21
Class 21Class 21
Class 21
 
Class 20
Class 20Class 20
Class 20
 
Class19
Class19Class19
Class19
 
Class18
Class18Class18
Class18
 
Class 17
Class 17Class 17
Class 17
 
Class15
Class15Class15
Class15
 
Class 12
Class 12Class 12
Class 12
 
Class13
Class13Class13
Class13
 
Class11
Class11Class11
Class11
 
Class 10
Class 10Class 10
Class 10
 
Class8
Class8Class8
Class8
 
Class7
Class7Class7
Class7
 
Class6
Class6Class6
Class6
 
Class5
Class5Class5
Class5
 
Class4
Class4Class4
Class4
 
Class 3
Class 3Class 3
Class 3
 
Class2
Class2Class2
Class2
 

Recently uploaded

In-Depth Performance Testing Guide for IT Professionals
In-Depth Performance Testing Guide for IT ProfessionalsIn-Depth Performance Testing Guide for IT Professionals
In-Depth Performance Testing Guide for IT ProfessionalsExpeed Software
 
Essentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with ParametersEssentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with ParametersSafe Software
 
Unpacking Value Delivery - Agile Oxford Meetup - May 2024.pptx
Unpacking Value Delivery - Agile Oxford Meetup - May 2024.pptxUnpacking Value Delivery - Agile Oxford Meetup - May 2024.pptx
Unpacking Value Delivery - Agile Oxford Meetup - May 2024.pptxDavid Michel
 
Accelerate your Kubernetes clusters with Varnish Caching
Accelerate your Kubernetes clusters with Varnish CachingAccelerate your Kubernetes clusters with Varnish Caching
Accelerate your Kubernetes clusters with Varnish CachingThijs Feryn
 
Connector Corner: Automate dynamic content and events by pushing a button
Connector Corner: Automate dynamic content and events by pushing a buttonConnector Corner: Automate dynamic content and events by pushing a button
Connector Corner: Automate dynamic content and events by pushing a buttonDianaGray10
 
Key Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdfKey Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdfCheryl Hung
 
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...BookNet Canada
 
Search and Society: Reimagining Information Access for Radical Futures
Search and Society: Reimagining Information Access for Radical FuturesSearch and Society: Reimagining Information Access for Radical Futures
Search and Society: Reimagining Information Access for Radical FuturesBhaskar Mitra
 
The Future of Platform Engineering
The Future of Platform EngineeringThe Future of Platform Engineering
The Future of Platform EngineeringJemma Hussein Allen
 
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMsTo Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMsPaul Groth
 
Speed Wins: From Kafka to APIs in Minutes
Speed Wins: From Kafka to APIs in MinutesSpeed Wins: From Kafka to APIs in Minutes
Speed Wins: From Kafka to APIs in Minutesconfluent
 
Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........Alison B. Lowndes
 
UiPath Test Automation using UiPath Test Suite series, part 3
UiPath Test Automation using UiPath Test Suite series, part 3UiPath Test Automation using UiPath Test Suite series, part 3
UiPath Test Automation using UiPath Test Suite series, part 3DianaGray10
 
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...Product School
 
Knowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and backKnowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and backElena Simperl
 
"Impact of front-end architecture on development cost", Viktor Turskyi
"Impact of front-end architecture on development cost", Viktor Turskyi"Impact of front-end architecture on development cost", Viktor Turskyi
"Impact of front-end architecture on development cost", Viktor TurskyiFwdays
 
JMeter webinar - integration with InfluxDB and Grafana
JMeter webinar - integration with InfluxDB and GrafanaJMeter webinar - integration with InfluxDB and Grafana
JMeter webinar - integration with InfluxDB and GrafanaRTTS
 
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptxIOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptxAbida Shariff
 
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Tobias Schneck
 
Demystifying gRPC in .Net by John Staveley
Demystifying gRPC in .Net by John StaveleyDemystifying gRPC in .Net by John Staveley
Demystifying gRPC in .Net by John StaveleyJohn Staveley
 

Recently uploaded (20)

In-Depth Performance Testing Guide for IT Professionals
In-Depth Performance Testing Guide for IT ProfessionalsIn-Depth Performance Testing Guide for IT Professionals
In-Depth Performance Testing Guide for IT Professionals
 
Essentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with ParametersEssentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with Parameters
 
Unpacking Value Delivery - Agile Oxford Meetup - May 2024.pptx
Unpacking Value Delivery - Agile Oxford Meetup - May 2024.pptxUnpacking Value Delivery - Agile Oxford Meetup - May 2024.pptx
Unpacking Value Delivery - Agile Oxford Meetup - May 2024.pptx
 
Accelerate your Kubernetes clusters with Varnish Caching
Accelerate your Kubernetes clusters with Varnish CachingAccelerate your Kubernetes clusters with Varnish Caching
Accelerate your Kubernetes clusters with Varnish Caching
 
Connector Corner: Automate dynamic content and events by pushing a button
Connector Corner: Automate dynamic content and events by pushing a buttonConnector Corner: Automate dynamic content and events by pushing a button
Connector Corner: Automate dynamic content and events by pushing a button
 
Key Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdfKey Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdf
 
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
 
Search and Society: Reimagining Information Access for Radical Futures
Search and Society: Reimagining Information Access for Radical FuturesSearch and Society: Reimagining Information Access for Radical Futures
Search and Society: Reimagining Information Access for Radical Futures
 
The Future of Platform Engineering
The Future of Platform EngineeringThe Future of Platform Engineering
The Future of Platform Engineering
 
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMsTo Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
 
Speed Wins: From Kafka to APIs in Minutes
Speed Wins: From Kafka to APIs in MinutesSpeed Wins: From Kafka to APIs in Minutes
Speed Wins: From Kafka to APIs in Minutes
 
Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........
 
UiPath Test Automation using UiPath Test Suite series, part 3
UiPath Test Automation using UiPath Test Suite series, part 3UiPath Test Automation using UiPath Test Suite series, part 3
UiPath Test Automation using UiPath Test Suite series, part 3
 
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...
 
Knowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and backKnowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and back
 
"Impact of front-end architecture on development cost", Viktor Turskyi
"Impact of front-end architecture on development cost", Viktor Turskyi"Impact of front-end architecture on development cost", Viktor Turskyi
"Impact of front-end architecture on development cost", Viktor Turskyi
 
JMeter webinar - integration with InfluxDB and Grafana
JMeter webinar - integration with InfluxDB and GrafanaJMeter webinar - integration with InfluxDB and Grafana
JMeter webinar - integration with InfluxDB and Grafana
 
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptxIOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
 
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
 
Demystifying gRPC in .Net by John Staveley
Demystifying gRPC in .Net by John StaveleyDemystifying gRPC in .Net by John Staveley
Demystifying gRPC in .Net by John Staveley
 

Class14