SlideShare a Scribd company logo
• 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

More Related Content

What's hot

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?
Stryve Digital Marketing
 
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
AIS Media, Inc.
 
Prophets trends in Interactive Design 2012
Prophets trends in Interactive Design 2012Prophets trends in Interactive Design 2012
Prophets trends in Interactive Design 2012
Prophets Agency
 
Web Design Trends e-Book
 Web Design Trends e-Book Web Design Trends e-Book
Web Design Trends e-Book
jesús Santo
 
Designing With Big Pictures
Designing With Big PicturesDesigning With Big Pictures
Designing With Big Pictures
Traction
 
Designing for the New Fold
Designing for the New FoldDesigning for the New Fold
Designing for the New Fold
Hashem Zahran
 
Designing for Today's Web
Designing for Today's WebDesigning for Today's Web
Designing for Today's Web
Meagan Fisher
 
Digital Design Trends
Digital Design TrendsDigital Design Trends
Digital Design Trends
Louise McGregor
 
Web Design Trends 2016
Web Design Trends 2016Web Design Trends 2016
Web Design Trends 2016
GUUEY Coworking
 
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
Monkeyshot
 
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
Christopher Dill
 
The 2011 trends in interactive design
The 2011 trends in interactive designThe 2011 trends in interactive design
The 2011 trends in interactive design
Prophets 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 Forward
Dianne Marsh
 
Web Design Trends 2017
Web Design Trends 2017Web Design Trends 2017
Web Design Trends 2017
nannudavis
 
Lecture11 A Image
Lecture11 A ImageLecture11 A Image
Web Design Trends
Web Design TrendsWeb Design Trends
Web Design Trends
CrescentTechnologies
 
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
Deb Aoki
 
Wireframes - a brief overview
Wireframes - a brief overviewWireframes - a brief overview
Wireframes - a brief overview
Jenni 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 2015
Deb 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 2
Lewis Lin 🦊
 

What's hot (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
 

Similar to 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 & Development
Jenny 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 moment
Marco Santo
 
Current Design Trends
Current Design TrendsCurrent Design Trends
Current Design Trends
whipplehill
 
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
Dara Pressley
 
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
Maria 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 Design
parthajeetcollege
 
Web design trends in 2013
Web design trends in 2013Web design trends in 2013
Web design trends in 2013
Chennai WebDevelopment
 
HICapacity UI talk by Kathryne Sakata
HICapacity UI talk by Kathryne SakataHICapacity UI talk by Kathryne Sakata
HICapacity UI talk by Kathryne Sakata
hicapacity
 
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
Robert Stribley
 
Effective web navigation
Effective web navigationEffective web navigation
Effective web navigation
ananda gunadharma
 
Arts Barge Project Presentation
Arts Barge Project PresentationArts Barge Project Presentation
Arts Barge Project Presentation
JordanRafferty32
 
UI/UX Fundamentals
UI/UX FundamentalsUI/UX Fundamentals
UI/UX Fundamentals
Dijup Tuladhar
 
Qt WebKit going Mobile
Qt WebKit going MobileQt WebKit going Mobile
Qt WebKit going Mobile
Kenneth Rohde Christiansen
 
Web Design Trends 2015
Web Design Trends 2015Web Design Trends 2015
Web Design Trends 2015
Marketing Eye Global
 
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
Robert Stribley
 
Emerging technologies - Evolution of web design
Emerging technologies - Evolution of web designEmerging technologies - Evolution of web design
Emerging technologies - Evolution of web design
butterflyblaster
 
Latest Trends of Webdesign
Latest Trends of WebdesignLatest Trends of Webdesign
Latest Trends of Webdesign
Feroz Khan
 
Website Introduction
Website IntroductionWebsite Introduction
Website Introduction
tmm13
 
Week2 lecture-whatiswebdesign-part1
Week2 lecture-whatiswebdesign-part1Week2 lecture-whatiswebdesign-part1
Week2 lecture-whatiswebdesign-part1
Katherine McCurdy-Lapierre, R.G.D.
 

Similar to 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
 

More from Creative Spark, an M&C Saatchi Company

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
Creative Spark, an M&C Saatchi Company
 
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
Creative Spark, an M&C Saatchi Company
 
South African Digital Stats 2015
South African Digital Stats 2015South African Digital Stats 2015
South African Digital Stats 2015
Creative Spark, an M&C Saatchi Company
 
Digital Marketing Trends & Insights
Digital Marketing Trends & InsightsDigital Marketing Trends & Insights
Digital Marketing Trends & Insights
Creative Spark, an M&C Saatchi Company
 
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, an M&C Saatchi Company
 
Creative Spark World Cup Infographic
Creative Spark World Cup InfographicCreative Spark World Cup Infographic
Creative Spark World Cup Infographic
Creative Spark, an M&C Saatchi Company
 
Web, Native & Hybrid Apps Overview
Web, Native & Hybrid Apps OverviewWeb, Native & Hybrid Apps Overview
Web, Native & Hybrid Apps Overview
Creative Spark, an M&C Saatchi Company
 
Creative Spark Credentials 2014
Creative Spark Credentials  2014Creative Spark Credentials  2014
Creative Spark Credentials 2014
Creative Spark, an M&C Saatchi Company
 
Creative spark mobile app showcase
Creative spark   mobile app showcaseCreative spark   mobile app showcase
Creative spark mobile app showcase
Creative Spark, an M&C Saatchi Company
 

More from 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
 

Recently uploaded

一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理
一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理
一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理
bz42w9z0
 
一比一原版(Rice毕业证)美国莱斯大学毕业证如何办理
一比一原版(Rice毕业证)美国莱斯大学毕业证如何办理一比一原版(Rice毕业证)美国莱斯大学毕业证如何办理
一比一原版(Rice毕业证)美国莱斯大学毕业证如何办理
oabn3692
 
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHINHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NishantRathi18
 
Introduction to User experience design for beginner
Introduction to User experience design for beginnerIntroduction to User experience design for beginner
Introduction to User experience design for beginner
ellemjani
 
Practical eLearning Makeovers for Everyone
Practical eLearning Makeovers for EveryonePractical eLearning Makeovers for Everyone
Practical eLearning Makeovers for Everyone
Bianca Woods
 
一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
t34zod9l
 
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
ka3y2ukz
 
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
jafiradnan336
 
Best Digital Marketing Strategy Build Your Online Presence 2024.pptx
Best Digital Marketing Strategy Build  Your Online Presence 2024.pptxBest Digital Marketing Strategy Build  Your Online Presence 2024.pptx
Best Digital Marketing Strategy Build Your Online Presence 2024.pptx
pavankumarpayexelsol
 
一比一原版(CSUEB毕业证)美国加州州立大学东湾分校毕业证如何办理
一比一原版(CSUEB毕业证)美国加州州立大学东湾分校毕业证如何办理一比一原版(CSUEB毕业证)美国加州州立大学东湾分校毕业证如何办理
一比一原版(CSUEB毕业证)美国加州州立大学东湾分校毕业证如何办理
stgq9v39
 
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
i990go7o
 
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
f22b6g9c
 
一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
02tygie
 
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
kmzsy4kn
 
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
yqyquge
 
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
wkip62b
 
一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理
一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理
一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理
ynrtjotp
 
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
k7nm6tk
 
一比一原版美国旧金山大学毕业证(USF学位证)如何办理
一比一原版美国旧金山大学毕业证(USF学位证)如何办理一比一原版美国旧金山大学毕业证(USF学位证)如何办理
一比一原版美国旧金山大学毕业证(USF学位证)如何办理
xnhwr8v
 
一比一原版(Teesside毕业证)英国提赛德大学毕业证如何办理
一比一原版(Teesside毕业证)英国提赛德大学毕业证如何办理一比一原版(Teesside毕业证)英国提赛德大学毕业证如何办理
一比一原版(Teesside毕业证)英国提赛德大学毕业证如何办理
mfria419
 

Recently uploaded (20)

一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理
一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理
一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理
 
一比一原版(Rice毕业证)美国莱斯大学毕业证如何办理
一比一原版(Rice毕业证)美国莱斯大学毕业证如何办理一比一原版(Rice毕业证)美国莱斯大学毕业证如何办理
一比一原版(Rice毕业证)美国莱斯大学毕业证如何办理
 
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHINHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
 
Introduction to User experience design for beginner
Introduction to User experience design for beginnerIntroduction to User experience design for beginner
Introduction to User experience design for beginner
 
Practical eLearning Makeovers for Everyone
Practical eLearning Makeovers for EveryonePractical eLearning Makeovers for Everyone
Practical eLearning Makeovers for Everyone
 
一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
 
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
 
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
 
Best Digital Marketing Strategy Build Your Online Presence 2024.pptx
Best Digital Marketing Strategy Build  Your Online Presence 2024.pptxBest Digital Marketing Strategy Build  Your Online Presence 2024.pptx
Best Digital Marketing Strategy Build Your Online Presence 2024.pptx
 
一比一原版(CSUEB毕业证)美国加州州立大学东湾分校毕业证如何办理
一比一原版(CSUEB毕业证)美国加州州立大学东湾分校毕业证如何办理一比一原版(CSUEB毕业证)美国加州州立大学东湾分校毕业证如何办理
一比一原版(CSUEB毕业证)美国加州州立大学东湾分校毕业证如何办理
 
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
 
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
 
一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
 
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
 
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
 
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
 
一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理
一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理
一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理
 
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
 
一比一原版美国旧金山大学毕业证(USF学位证)如何办理
一比一原版美国旧金山大学毕业证(USF学位证)如何办理一比一原版美国旧金山大学毕业证(USF学位证)如何办理
一比一原版美国旧金山大学毕业证(USF学位证)如何办理
 
一比一原版(Teesside毕业证)英国提赛德大学毕业证如何办理
一比一原版(Teesside毕业证)英国提赛德大学毕业证如何办理一比一原版(Teesside毕业证)英国提赛德大学毕业证如何办理
一比一原版(Teesside毕业证)英国提赛德大学毕业证如何办理
 

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