SlideShare une entreprise Scribd logo
1  sur  39
Télécharger pour lire hors ligne
Web Design Trends 2014
• 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
Web Design Trends 2014
Web Design Trends 2014
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
Web Design Trends 2014
Web Design Trends 2014
Web Design Trends 2014
• 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
Web Design Trends 2014
• Flat design
• Large feature images
Web ‘pro’ prediction for 2014
Web Design Trends 2014
• Flat design
• Large feature images
• Parallax scrolling sites
Web ‘pro’ prediction for 2014
Web Design Trends 2014
Web Design Trends 2014
Web Design Trends 2014
Web Design Trends 2014
• Flat design
• Large feature images
• Parallax scrolling sites
• Beautiful typography
Web ‘pro’ prediction for 2014
Web Design Trends 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

How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTThink 360 Studio
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtTeeFusion
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comjakyjhon00
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxHasan S
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfHctorFranciscoSnchez1
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Amil baba
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsBlock Party
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...khushisharma298853
 
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...Pranav Subramanian
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before ConstructionResDraft
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxSamKuruvilla5
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxb2kshani34
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Ted Drake
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024Alan Dix
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfsaidbilgen
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Ed Orozco
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024mikailaoh
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 

Dernier (20)

How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPT
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy Shirt
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.com
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdf
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teams
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...
 
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before Construction
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptx
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptx
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 

Web Design Trends 2014

  • 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
  • 11. Videos in Place of Text
  • 12. Coin
  • 16. Sony
  • 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
  • 29. • Flat design • Large feature images Web ‘pro’ prediction for 2014
  • 31. • Flat design • Large feature images • Parallax scrolling sites Web ‘pro’ prediction for 2014
  • 36. • Flat design • Large feature images • Parallax scrolling sites • Beautiful typography Web ‘pro’ prediction for 2014
  • 38. • Flat design • Large feature images • Parallax scrolling sites • Beautiful typography • Responsive design Web ‘pro’ prediction for 2014