#1nwebinar: digital trends we ❤ for 2017

143

Upload: one-north-interactive

Post on 21-Feb-2017

25 views

Category:

Design


1 download

TRANSCRIPT

Page 1: #1NWebinar: Digital Trends We ❤ for 2017
Page 2: #1NWebinar: Digital Trends We ❤ for 2017

Managing Director, Creative Services Associate Creative Director

#1NWebinar

Page 3: #1NWebinar: Digital Trends We ❤ for 2017

How to watch today’s trends webinar

Page 4: #1NWebinar: Digital Trends We ❤ for 2017
Page 5: #1NWebinar: Digital Trends We ❤ for 2017
Page 6: #1NWebinar: Digital Trends We ❤ for 2017
Page 7: #1NWebinar: Digital Trends We ❤ for 2017
Page 8: #1NWebinar: Digital Trends We ❤ for 2017
Page 9: #1NWebinar: Digital Trends We ❤ for 2017

JANUARY 29, 2017

“Refers to users’ tendency to perceive attractive products as more usable. People tend to believe that things that look better will work better — even if they aren’t actually more effective or efficient.”

Page 10: #1NWebinar: Digital Trends We ❤ for 2017

JANUARY 29, 2017

“Users are more tolerant of minor usability issues when they find an interface visually appealing.”

Page 11: #1NWebinar: Digital Trends We ❤ for 2017
Page 12: #1NWebinar: Digital Trends We ❤ for 2017
Page 13: #1NWebinar: Digital Trends We ❤ for 2017
Page 14: #1NWebinar: Digital Trends We ❤ for 2017
Page 15: #1NWebinar: Digital Trends We ❤ for 2017
Page 16: #1NWebinar: Digital Trends We ❤ for 2017
Page 17: #1NWebinar: Digital Trends We ❤ for 2017

We are focusing on trends

Page 18: #1NWebinar: Digital Trends We ❤ for 2017

Many examples are out-of-industry

Page 19: #1NWebinar: Digital Trends We ❤ for 2017

Trends appear in no specific order

Page 20: #1NWebinar: Digital Trends We ❤ for 2017

Stay authentic to your brand

Page 21: #1NWebinar: Digital Trends We ❤ for 2017

Don’t chase too many trends

Page 22: #1NWebinar: Digital Trends We ❤ for 2017
Page 23: #1NWebinar: Digital Trends We ❤ for 2017

WEBEX DISCLAIMER

Page 24: #1NWebinar: Digital Trends We ❤ for 2017
Page 25: #1NWebinar: Digital Trends We ❤ for 2017

ColorTypographyDimensionLayoutFunctional movementVideoIdentity Systems

Page 26: #1NWebinar: Digital Trends We ❤ for 2017

Color2017 CREATIVE TRENDS

Page 27: #1NWebinar: Digital Trends We ❤ for 2017

Courageous Color & Gradients

Duotone

Dark Palettes

Page 28: #1NWebinar: Digital Trends We ❤ for 2017

Courageous Color & Gradients

Page 29: #1NWebinar: Digital Trends We ❤ for 2017
Page 30: #1NWebinar: Digital Trends We ❤ for 2017
Page 31: #1NWebinar: Digital Trends We ❤ for 2017
Page 32: #1NWebinar: Digital Trends We ❤ for 2017
Page 33: #1NWebinar: Digital Trends We ❤ for 2017
Page 34: #1NWebinar: Digital Trends We ❤ for 2017
Page 35: #1NWebinar: Digital Trends We ❤ for 2017
Page 36: #1NWebinar: Digital Trends We ❤ for 2017
Page 37: #1NWebinar: Digital Trends We ❤ for 2017
Page 38: #1NWebinar: Digital Trends We ❤ for 2017
Page 39: #1NWebinar: Digital Trends We ❤ for 2017
Page 40: #1NWebinar: Digital Trends We ❤ for 2017

Duotone

Page 41: #1NWebinar: Digital Trends We ❤ for 2017
Page 42: #1NWebinar: Digital Trends We ❤ for 2017
Page 43: #1NWebinar: Digital Trends We ❤ for 2017
Page 44: #1NWebinar: Digital Trends We ❤ for 2017
Page 45: #1NWebinar: Digital Trends We ❤ for 2017

Dark Palettes

Page 46: #1NWebinar: Digital Trends We ❤ for 2017
Page 47: #1NWebinar: Digital Trends We ❤ for 2017
Page 48: #1NWebinar: Digital Trends We ❤ for 2017
Page 49: #1NWebinar: Digital Trends We ❤ for 2017
Page 50: #1NWebinar: Digital Trends We ❤ for 2017
Page 51: #1NWebinar: Digital Trends We ❤ for 2017

Typography2017 CREATIVE TRENDS

Page 52: #1NWebinar: Digital Trends We ❤ for 2017

Serifs

Large Display Text

Page 53: #1NWebinar: Digital Trends We ❤ for 2017

Serifs

Page 54: #1NWebinar: Digital Trends We ❤ for 2017
Page 55: #1NWebinar: Digital Trends We ❤ for 2017
Page 56: #1NWebinar: Digital Trends We ❤ for 2017
Page 57: #1NWebinar: Digital Trends We ❤ for 2017
Page 58: #1NWebinar: Digital Trends We ❤ for 2017
Page 59: #1NWebinar: Digital Trends We ❤ for 2017
Page 60: #1NWebinar: Digital Trends We ❤ for 2017

Large Display Text

Page 61: #1NWebinar: Digital Trends We ❤ for 2017
Page 62: #1NWebinar: Digital Trends We ❤ for 2017
Page 63: #1NWebinar: Digital Trends We ❤ for 2017
Page 64: #1NWebinar: Digital Trends We ❤ for 2017
Page 65: #1NWebinar: Digital Trends We ❤ for 2017

Dimension2017 CREATIVE TRENDS

Page 66: #1NWebinar: Digital Trends We ❤ for 2017

Skeuomorphism

Flat Design

Mature Dimension

Page 67: #1NWebinar: Digital Trends We ❤ for 2017

I’m a shiny button!!!

I ’ M A F L A T B U T T O N

I’m a 2017 button

Skeuomorphism

Flat Design

Mature Dimension

Page 68: #1NWebinar: Digital Trends We ❤ for 2017
Page 69: #1NWebinar: Digital Trends We ❤ for 2017
Page 70: #1NWebinar: Digital Trends We ❤ for 2017
Page 71: #1NWebinar: Digital Trends We ❤ for 2017
Page 72: #1NWebinar: Digital Trends We ❤ for 2017

Layout2017 CREATIVE TRENDS

Page 73: #1NWebinar: Digital Trends We ❤ for 2017

Asymmetrical Grid

Brave Layouts

Negative Space

Page 74: #1NWebinar: Digital Trends We ❤ for 2017

Asymmetrical Grid

Page 75: #1NWebinar: Digital Trends We ❤ for 2017
Page 76: #1NWebinar: Digital Trends We ❤ for 2017
Page 77: #1NWebinar: Digital Trends We ❤ for 2017
Page 78: #1NWebinar: Digital Trends We ❤ for 2017
Page 79: #1NWebinar: Digital Trends We ❤ for 2017
Page 80: #1NWebinar: Digital Trends We ❤ for 2017
Page 81: #1NWebinar: Digital Trends We ❤ for 2017

Brave Layouts

Page 82: #1NWebinar: Digital Trends We ❤ for 2017
Page 83: #1NWebinar: Digital Trends We ❤ for 2017
Page 84: #1NWebinar: Digital Trends We ❤ for 2017
Page 85: #1NWebinar: Digital Trends We ❤ for 2017

Negative Space

Page 86: #1NWebinar: Digital Trends We ❤ for 2017

NOT THIS TYPE OF NEGATIVE SPACE

Page 87: #1NWebinar: Digital Trends We ❤ for 2017
Page 88: #1NWebinar: Digital Trends We ❤ for 2017
Page 89: #1NWebinar: Digital Trends We ❤ for 2017
Page 90: #1NWebinar: Digital Trends We ❤ for 2017
Page 91: #1NWebinar: Digital Trends We ❤ for 2017
Page 92: #1NWebinar: Digital Trends We ❤ for 2017
Page 93: #1NWebinar: Digital Trends We ❤ for 2017

FunctionalMovement2017 CREATIVE TRENDS

Page 94: #1NWebinar: Digital Trends We ❤ for 2017

Motion Principles

App Inspiration

Perceived Performance

Page 95: #1NWebinar: Digital Trends We ❤ for 2017

Motion Principles

Page 96: #1NWebinar: Digital Trends We ❤ for 2017
Page 97: #1NWebinar: Digital Trends We ❤ for 2017
Page 98: #1NWebinar: Digital Trends We ❤ for 2017

App Inspiration

Page 99: #1NWebinar: Digital Trends We ❤ for 2017
Page 100: #1NWebinar: Digital Trends We ❤ for 2017

Perceived Performance

Page 101: #1NWebinar: Digital Trends We ❤ for 2017
Page 102: #1NWebinar: Digital Trends We ❤ for 2017
Page 103: #1NWebinar: Digital Trends We ❤ for 2017

Video2017 CREATIVE TRENDS

Page 104: #1NWebinar: Digital Trends We ❤ for 2017

Narrative

Brand Supportive

Page 105: #1NWebinar: Digital Trends We ❤ for 2017

Narrative

Page 106: #1NWebinar: Digital Trends We ❤ for 2017
Page 107: #1NWebinar: Digital Trends We ❤ for 2017
Page 108: #1NWebinar: Digital Trends We ❤ for 2017
Page 109: #1NWebinar: Digital Trends We ❤ for 2017

Brand Supportive

Page 110: #1NWebinar: Digital Trends We ❤ for 2017
Page 111: #1NWebinar: Digital Trends We ❤ for 2017
Page 112: #1NWebinar: Digital Trends We ❤ for 2017

Atmospheric

Page 113: #1NWebinar: Digital Trends We ❤ for 2017
Page 114: #1NWebinar: Digital Trends We ❤ for 2017
Page 115: #1NWebinar: Digital Trends We ❤ for 2017

Identity Systems 2017 CREATIVE TRENDS

Page 116: #1NWebinar: Digital Trends We ❤ for 2017

Atomic Design

Scalable Systems

Page 117: #1NWebinar: Digital Trends We ❤ for 2017

Atomic Design

Page 118: #1NWebinar: Digital Trends We ❤ for 2017
Page 119: #1NWebinar: Digital Trends We ❤ for 2017
Page 120: #1NWebinar: Digital Trends We ❤ for 2017

Scalable Systems(Breaking the Bimodal)

Page 121: #1NWebinar: Digital Trends We ❤ for 2017
Page 122: #1NWebinar: Digital Trends We ❤ for 2017
Page 123: #1NWebinar: Digital Trends We ❤ for 2017
Page 124: #1NWebinar: Digital Trends We ❤ for 2017
Page 125: #1NWebinar: Digital Trends We ❤ for 2017
Page 126: #1NWebinar: Digital Trends We ❤ for 2017
Page 127: #1NWebinar: Digital Trends We ❤ for 2017
Page 128: #1NWebinar: Digital Trends We ❤ for 2017
Page 129: #1NWebinar: Digital Trends We ❤ for 2017
Page 130: #1NWebinar: Digital Trends We ❤ for 2017
Page 131: #1NWebinar: Digital Trends We ❤ for 2017
Page 132: #1NWebinar: Digital Trends We ❤ for 2017
Page 133: #1NWebinar: Digital Trends We ❤ for 2017
Page 134: #1NWebinar: Digital Trends We ❤ for 2017
Page 135: #1NWebinar: Digital Trends We ❤ for 2017

“TRENDS” WE AREN’T SAD TO SEE GO

Page 136: #1NWebinar: Digital Trends We ❤ for 2017

The Anti-Trend

Page 137: #1NWebinar: Digital Trends We ❤ for 2017
Page 138: #1NWebinar: Digital Trends We ❤ for 2017
Page 139: #1NWebinar: Digital Trends We ❤ for 2017
Page 140: #1NWebinar: Digital Trends We ❤ for 2017

Brutalist

Page 141: #1NWebinar: Digital Trends We ❤ for 2017
Page 142: #1NWebinar: Digital Trends We ❤ for 2017

brutalistwebsites.com

Page 143: #1NWebinar: Digital Trends We ❤ for 2017