SlideShare une entreprise Scribd logo
1  sur  39
Télécharger pour lire hors ligne
• Flat design
• Large feature images
• Parallax scrolling sites
• Beautiful typography
• Responsive design
In this presentation we discuss
Flat Design
• No more “eye-popping” gradients or
shadows
• Strong focus on colour
• Flat buttons still look clickable and the
input fields still look editable
• Layouts still look interactive but without
the more exquisitely refined graphics
Flat Design
Apple
Apple
Large hero areas
quickly killing
simple sliders
• Often an image with a little amount of
text, at the top of a website
• A borrowed term from print design
• They are here to replace sliders and are
increasingly creative and elaborate
• These images can be elaborate and
illustrated or simple images which are
slightly blurred
Large Hero Areas
Videos in Place of Text
Coin
Manuel Rueda
Long Scrolling Sites
(Parallax)
Cyclemon
Sony
Beautiful
Typography
Slam Dunk History
London to Paris
Responsive Design
Slam Dunk History
Slam Dunk History
Creative Spark
How we fit in
• Flat design - no gradients on buttons or navigation but
the call to action still looks clickable.
• We feature large hero images with small amounts of
text on all pages. This immediately attracts the user’s
attention, especially if the image is well photographed
or creatively made.
• Although our new site has multiple pages – we have a
nifty little feature on top of all pages.
• Use of beautiful typography in headings.
• And of course, our website is responsive.
Web ‘pro’ prediction for 2014
• Flat design
• Large feature images
Web ‘pro’ prediction for 2014
• Flat design
• Large feature images
• Parallax scrolling sites
Web ‘pro’ prediction for 2014
• Flat design
• Large feature images
• Parallax scrolling sites
• Beautiful typography
Web ‘pro’ prediction for 2014
• Flat design
• Large feature images
• Parallax scrolling sites
• Beautiful typography
• Responsive design
Web ‘pro’ prediction for 2014
Web Design Trends 2014

Contenu connexe

Tendances

Web Design 2016: Top 10 Trends to Attract New Customers
Web Design 2016: Top 10 Trends to Attract New CustomersWeb Design 2016: Top 10 Trends to Attract New Customers
Web Design 2016: Top 10 Trends to Attract New CustomersAIS Media, Inc.
 
Prophets trends in Interactive Design 2012
Prophets trends in Interactive Design 2012Prophets trends in Interactive Design 2012
Prophets trends in Interactive Design 2012Prophets Agency
 
Web Design Trends e-Book
 Web Design Trends e-Book Web Design Trends e-Book
Web Design Trends e-Bookjesús Santo
 
Designing With Big Pictures
Designing With Big PicturesDesigning With Big Pictures
Designing With Big PicturesTraction
 
Designing for the New Fold
Designing for the New FoldDesigning for the New Fold
Designing for the New FoldHashem Zahran
 
Designing for Today's Web
Designing for Today's WebDesigning for Today's Web
Designing for Today's WebMeagan Fisher
 
Monkeytalk – Christof Capens, Devine – Think design, speak design
Monkeytalk – Christof Capens, Devine – Think design, speak designMonkeytalk – Christof Capens, Devine – Think design, speak design
Monkeytalk – Christof Capens, Devine – Think design, speak designMonkeyshot
 
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
 
The 2011 trends in interactive design
The 2011 trends in interactive designThe 2011 trends in interactive design
The 2011 trends in interactive designProphets Agency
 
Velocity 2017 Keynote: Looking Back to Move Forward
Velocity 2017 Keynote: Looking Back to Move ForwardVelocity 2017 Keynote: Looking Back to Move Forward
Velocity 2017 Keynote: Looking Back to Move ForwardDianne Marsh
 
Web Design Trends 2017
Web Design Trends 2017Web Design Trends 2017
Web Design Trends 2017nannudavis
 
Drawing Stories for Product Development - May 2015
Drawing Stories for Product Development - May 2015Drawing Stories for Product Development - May 2015
Drawing Stories for Product Development - May 2015Deb Aoki
 
Wireframes - a brief overview
Wireframes - a brief overviewWireframes - a brief overview
Wireframes - a brief overviewJenni Leder
 
Drawing Stories for User Experiences (UX) - April 2015
Drawing Stories for User Experiences (UX) - April 2015Drawing Stories for User Experiences (UX) - April 2015
Drawing Stories for User Experiences (UX) - April 2015Deb Aoki
 
UI Design Patterns for the Web, Part 2
UI Design Patterns for the Web, Part 2UI Design Patterns for the Web, Part 2
UI Design Patterns for the Web, Part 2Lewis Lin 🦊
 

Tendances (20)

What's trending in web design in 2021?
What's trending in web design in 2021?What's trending in web design in 2021?
What's trending in web design in 2021?
 
Web Design 2016: Top 10 Trends to Attract New Customers
Web Design 2016: Top 10 Trends to Attract New CustomersWeb Design 2016: Top 10 Trends to Attract New Customers
Web Design 2016: Top 10 Trends to Attract New Customers
 
Prophets trends in Interactive Design 2012
Prophets trends in Interactive Design 2012Prophets trends in Interactive Design 2012
Prophets trends in Interactive Design 2012
 
Web Design Trends e-Book
 Web Design Trends e-Book Web Design Trends e-Book
Web Design Trends e-Book
 
Designing With Big Pictures
Designing With Big PicturesDesigning With Big Pictures
Designing With Big Pictures
 
Designing for the New Fold
Designing for the New FoldDesigning for the New Fold
Designing for the New Fold
 
Designing for Today's Web
Designing for Today's WebDesigning for Today's Web
Designing for Today's Web
 
Digital Design Trends
Digital Design TrendsDigital Design Trends
Digital Design Trends
 
Web Design Trends 2016
Web Design Trends 2016Web Design Trends 2016
Web Design Trends 2016
 
Monkeytalk – Christof Capens, Devine – Think design, speak design
Monkeytalk – Christof Capens, Devine – Think design, speak designMonkeytalk – Christof Capens, Devine – Think design, speak design
Monkeytalk – Christof Capens, Devine – Think design, speak design
 
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
 
The 2011 trends in interactive design
The 2011 trends in interactive designThe 2011 trends in interactive design
The 2011 trends in interactive design
 
Velocity 2017 Keynote: Looking Back to Move Forward
Velocity 2017 Keynote: Looking Back to Move ForwardVelocity 2017 Keynote: Looking Back to Move Forward
Velocity 2017 Keynote: Looking Back to Move Forward
 
Web Design Trends 2017
Web Design Trends 2017Web Design Trends 2017
Web Design Trends 2017
 
Lecture11 A Image
Lecture11 A ImageLecture11 A Image
Lecture11 A Image
 
Web Design Trends
Web Design TrendsWeb Design Trends
Web Design Trends
 
Drawing Stories for Product Development - May 2015
Drawing Stories for Product Development - May 2015Drawing Stories for Product Development - May 2015
Drawing Stories for Product Development - May 2015
 
Wireframes - a brief overview
Wireframes - a brief overviewWireframes - a brief overview
Wireframes - a brief overview
 
Drawing Stories for User Experiences (UX) - April 2015
Drawing Stories for User Experiences (UX) - April 2015Drawing Stories for User Experiences (UX) - April 2015
Drawing Stories for User Experiences (UX) - April 2015
 
UI Design Patterns for the Web, Part 2
UI Design Patterns for the Web, Part 2UI Design Patterns for the Web, Part 2
UI Design Patterns for the Web, Part 2
 

Similaire à Web Design Trends 2014

Current Trends in Web Design & Development
Current Trends in Web Design & DevelopmentCurrent Trends in Web Design & Development
Current Trends in Web Design & DevelopmentJenny Mandeville
 
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
 
Current Design Trends
Current Design TrendsCurrent Design Trends
Current Design Trendswhipplehill
 
The Living Style Guide: How CustomInk created a their new ux lead style guide
The Living Style Guide: How CustomInk created a their new ux lead style guideThe Living Style Guide: How CustomInk created a their new ux lead style guide
The Living Style Guide: How CustomInk created a their new ux lead style guideDara Pressley
 
Everything Old is New Again: The State of Web Design
Everything Old is New Again: The State of Web DesignEverything Old is New Again: The State of Web Design
Everything Old is New Again: The State of Web DesignMaria D'Amato
 
A Presentation on UI/UX and Design
A Presentation on UI/UX and DesignA Presentation on UI/UX and Design
A Presentation on UI/UX and Designparthajeetcollege
 
HICapacity UI talk by Kathryne Sakata
HICapacity UI talk by Kathryne SakataHICapacity UI talk by Kathryne Sakata
HICapacity UI talk by Kathryne Sakatahicapacity
 
Guidelines for Responsive UX Design 12/12/20
Guidelines for Responsive UX Design 12/12/20Guidelines for Responsive UX Design 12/12/20
Guidelines for Responsive UX Design 12/12/20Robert Stribley
 
Arts Barge Project Presentation
Arts Barge Project PresentationArts Barge Project Presentation
Arts Barge Project PresentationJordanRafferty32
 
Guidelines for Responsive UX Design 07/20/19
Guidelines for Responsive UX Design 07/20/19Guidelines for Responsive UX Design 07/20/19
Guidelines for Responsive UX Design 07/20/19Robert Stribley
 
Emerging technologies - Evolution of web design
Emerging technologies - Evolution of web designEmerging technologies - Evolution of web design
Emerging technologies - Evolution of web designbutterflyblaster
 
Latest Trends of Webdesign
Latest Trends of WebdesignLatest Trends of Webdesign
Latest Trends of WebdesignFeroz Khan
 
Website Introduction
Website IntroductionWebsite Introduction
Website Introductiontmm13
 

Similaire à Web Design Trends 2014 (20)

Current Trends in Web Design & Development
Current Trends in Web Design & DevelopmentCurrent Trends in Web Design & Development
Current Trends in Web Design & Development
 
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
 
Current Design Trends
Current Design TrendsCurrent Design Trends
Current Design Trends
 
The Living Style Guide: How CustomInk created a their new ux lead style guide
The Living Style Guide: How CustomInk created a their new ux lead style guideThe Living Style Guide: How CustomInk created a their new ux lead style guide
The Living Style Guide: How CustomInk created a their new ux lead style guide
 
Webdesign(updated)
Webdesign(updated)Webdesign(updated)
Webdesign(updated)
 
Everything Old is New Again: The State of Web Design
Everything Old is New Again: The State of Web DesignEverything Old is New Again: The State of Web Design
Everything Old is New Again: The State of Web Design
 
A Presentation on UI/UX and Design
A Presentation on UI/UX and DesignA Presentation on UI/UX and Design
A Presentation on UI/UX and Design
 
Web design trends in 2013
Web design trends in 2013Web design trends in 2013
Web design trends in 2013
 
HICapacity UI talk by Kathryne Sakata
HICapacity UI talk by Kathryne SakataHICapacity UI talk by Kathryne Sakata
HICapacity UI talk by Kathryne Sakata
 
Guidelines for Responsive UX Design 12/12/20
Guidelines for Responsive UX Design 12/12/20Guidelines for Responsive UX Design 12/12/20
Guidelines for Responsive UX Design 12/12/20
 
Effective web navigation
Effective web navigationEffective web navigation
Effective web navigation
 
Arts Barge Project Presentation
Arts Barge Project PresentationArts Barge Project Presentation
Arts Barge Project Presentation
 
UI/UX Fundamentals
UI/UX FundamentalsUI/UX Fundamentals
UI/UX Fundamentals
 
Qt WebKit going Mobile
Qt WebKit going MobileQt WebKit going Mobile
Qt WebKit going Mobile
 
Web Design Trends 2015
Web Design Trends 2015Web Design Trends 2015
Web Design Trends 2015
 
Guidelines for Responsive UX Design 07/20/19
Guidelines for Responsive UX Design 07/20/19Guidelines for Responsive UX Design 07/20/19
Guidelines for Responsive UX Design 07/20/19
 
Emerging technologies - Evolution of web design
Emerging technologies - Evolution of web designEmerging technologies - Evolution of web design
Emerging technologies - Evolution of web design
 
Latest Trends of Webdesign
Latest Trends of WebdesignLatest Trends of Webdesign
Latest Trends of Webdesign
 
Website Introduction
Website IntroductionWebsite Introduction
Website Introduction
 
Week2 lecture-whatiswebdesign-part1
Week2 lecture-whatiswebdesign-part1Week2 lecture-whatiswebdesign-part1
Week2 lecture-whatiswebdesign-part1
 

Plus de Creative Spark, an M&C Saatchi Company (9)

A Guide to Instagram for SA Brands
A Guide to Instagram for SA BrandsA Guide to Instagram for SA Brands
A Guide to Instagram for SA Brands
 
Think, Click, Touch, Convert: Introducing Creative Spark
Think, Click, Touch, Convert: Introducing Creative SparkThink, Click, Touch, Convert: Introducing Creative Spark
Think, Click, Touch, Convert: Introducing Creative Spark
 
South African Digital Stats 2015
South African Digital Stats 2015South African Digital Stats 2015
South African Digital Stats 2015
 
Digital Marketing Trends & Insights
Digital Marketing Trends & InsightsDigital Marketing Trends & Insights
Digital Marketing Trends & Insights
 
Rethinking Publishing in the Content Marketing Era 2015
Rethinking Publishing in the Content Marketing Era 2015Rethinking Publishing in the Content Marketing Era 2015
Rethinking Publishing in the Content Marketing Era 2015
 
Creative Spark World Cup Infographic
Creative Spark World Cup InfographicCreative Spark World Cup Infographic
Creative Spark World Cup Infographic
 
Web, Native & Hybrid Apps Overview
Web, Native & Hybrid Apps OverviewWeb, Native & Hybrid Apps Overview
Web, Native & Hybrid Apps Overview
 
Creative Spark Credentials 2014
Creative Spark Credentials  2014Creative Spark Credentials  2014
Creative Spark Credentials 2014
 
Creative spark mobile app showcase
Creative spark   mobile app showcaseCreative spark   mobile app showcase
Creative spark mobile app showcase
 

Dernier

guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssNadaMohammed714321
 
Niintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxNiintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxKevinYaelJimnezSanti
 
NBA power point presentation final copy y
NBA power point presentation final copy yNBA power point presentation final copy y
NBA power point presentation final copy ysrajece
 
The spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyThe spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyChristopher Totten
 
10 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 202410 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 2024digital learning point
 
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDinGeneral Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDinSamar Hossam ElDin Ahmed
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine CharlottePulte
 
Karim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppKarim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppNadaMohammed714321
 
STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...
STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...
STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...Pranav Subramanian
 
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...Pranav Subramanian
 
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppKarim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppNadaMohammed714321
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfLucyBonelli
 
ArtWaves 2024 - embracing Curves in Modern Homes
ArtWaves 2024 - embracing Curves in Modern HomesArtWaves 2024 - embracing Curves in Modern Homes
ArtWaves 2024 - embracing Curves in Modern HomesVellyslav Petrov
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioRMG Project Studio
 
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...Yantram Animation Studio Corporation
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptJIT KUMAR GUPTA
 
LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...
LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...
LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...Pranav Subramanian
 
CAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.pdfCAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.pdfAlasAlthaher
 
Imagist3D Architectural and Interior Rendering Portfolio
Imagist3D Architectural and Interior Rendering PortfolioImagist3D Architectural and Interior Rendering Portfolio
Imagist3D Architectural and Interior Rendering PortfolioAlinaLau2
 

Dernier (20)

guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssss
 
Niintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxNiintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptx
 
NBA power point presentation final copy y
NBA power point presentation final copy yNBA power point presentation final copy y
NBA power point presentation final copy y
 
The spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyThe spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenology
 
10 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 202410 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 2024
 
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDinGeneral Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine
 
Karim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppKarim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 ppppppppppppppp
 
STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...
STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...
STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...
 
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...
 
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppKarim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 ppppppppppppppp
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
 
ArtWaves 2024 - embracing Curves in Modern Homes
ArtWaves 2024 - embracing Curves in Modern HomesArtWaves 2024 - embracing Curves in Modern Homes
ArtWaves 2024 - embracing Curves in Modern Homes
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project Studio
 
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
 
LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...
LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...
LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...
 
CAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.pdfCAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.pdf
 
ASME B31.4-2022 estandar ductos año 2022
ASME B31.4-2022 estandar ductos año 2022ASME B31.4-2022 estandar ductos año 2022
ASME B31.4-2022 estandar ductos año 2022
 
Imagist3D Architectural and Interior Rendering Portfolio
Imagist3D Architectural and Interior Rendering PortfolioImagist3D Architectural and Interior Rendering Portfolio
Imagist3D Architectural and Interior Rendering Portfolio
 

Web Design Trends 2014

  • 1.
  • 2. • Flat design • Large feature images • Parallax scrolling sites • Beautiful typography • Responsive design In this presentation we discuss
  • 4. • No more “eye-popping” gradients or shadows • Strong focus on colour • Flat buttons still look clickable and the input fields still look editable • Layouts still look interactive but without the more exquisitely refined graphics Flat Design
  • 7. Large hero areas quickly killing simple sliders
  • 8. • Often an image with a little amount of text, at the top of a website • A borrowed term from print design • They are here to replace sliders and are increasingly creative and elaborate • These images can be elaborate and illustrated or simple images which are slightly blurred Large Hero Areas
  • 9.
  • 10.
  • 11. Videos in Place of Text
  • 12. Coin
  • 16. Sony
  • 24.
  • 25.
  • 26.
  • 27. • Flat design - no gradients on buttons or navigation but the call to action still looks clickable. • We feature large hero images with small amounts of text on all pages. This immediately attracts the user’s attention, especially if the image is well photographed or creatively made. • Although our new site has multiple pages – we have a nifty little feature on top of all pages. • Use of beautiful typography in headings. • And of course, our website is responsive. Web ‘pro’ prediction for 2014
  • 28.
  • 29. • Flat design • Large feature images Web ‘pro’ prediction for 2014
  • 30.
  • 31. • Flat design • Large feature images • Parallax scrolling sites Web ‘pro’ prediction for 2014
  • 32.
  • 33.
  • 34.
  • 35.
  • 36. • Flat design • Large feature images • Parallax scrolling sites • Beautiful typography Web ‘pro’ prediction for 2014
  • 37.
  • 38. • Flat design • Large feature images • Parallax scrolling sites • Beautiful typography • Responsive design Web ‘pro’ prediction for 2014