SlideShare ist ein Scribd-Unternehmen logo
1 von 82
Putting the Microsoft Design
Language to work

Laurent Bugnion
Senior Director, IdentityMine
Microsoft MVP, Regional Director
the names

Metro apps
    Windows Store apps
Metro design language
    Microsoft design (style) language
Metro design principles
    Microsoft design (style) principles
http://msdn.microsoft.com/en-us/library/windows/apps/hh464920.aspx
the five design principles

pride in craftsmanship
fast and fluid
authentically digital
do more with less
win as one
swiss typography
bauhaus
the fonts

bold
semibold
segoe ui
semilight
light
motion design

saul bass
http://www.youtube.com/watch?v=lAmem5wVOUU


kinetic typography
http://www.youtube.com/watch?v=47NbXRq2dlI
Skeuomorphism
of taste and colors
of taste and colors [phone]
of taste and colors [store]
http://msdn.microsoft.com/en-us/library/windows/apps/hh868274
Putting the Microsoft Design Language to work

Weitere ähnliche Inhalte

Ähnlich wie Putting the Microsoft Design Language to work

Adobe systems 1
Adobe systems 1Adobe systems 1
Adobe systems 1visions93
 
Flat Design. Microsoft Story
Flat Design. Microsoft StoryFlat Design. Microsoft Story
Flat Design. Microsoft StoryNikita Lukianets
 
UI/UX Workshop - Hackvision
UI/UX Workshop - HackvisionUI/UX Workshop - Hackvision
UI/UX Workshop - HackvisionProttay Karim
 
Microsoft teams & bot framework - A developer's perspective
Microsoft teams & bot framework - A developer's perspectiveMicrosoft teams & bot framework - A developer's perspective
Microsoft teams & bot framework - A developer's perspectiveThomas Gölles
 
WordPress in een Continuous Delivery omgeving
WordPress in een Continuous Delivery omgevingWordPress in een Continuous Delivery omgeving
WordPress in een Continuous Delivery omgevingDenver Sessink
 
WIndows Phone 7 UX
WIndows Phone 7 UXWIndows Phone 7 UX
WIndows Phone 7 UXShane Morris
 
Code on the Beach 2018: Build an E-Commerce Chatbot on Azure Bot Framework v4
Code on the Beach 2018: Build an E-Commerce Chatbot on Azure Bot Framework v4Code on the Beach 2018: Build an E-Commerce Chatbot on Azure Bot Framework v4
Code on the Beach 2018: Build an E-Commerce Chatbot on Azure Bot Framework v4Brian McKeiver
 
Practical Microsoft Bot Framework for Office 365 developers
Practical Microsoft Bot Framework for Office 365 developersPractical Microsoft Bot Framework for Office 365 developers
Practical Microsoft Bot Framework for Office 365 developersOlli Jääskeläinen
 
2019 11 26 BotTO November 2019 Meetup at TD
2019 11 26 BotTO November 2019 Meetup at TD2019 11 26 BotTO November 2019 Meetup at TD
2019 11 26 BotTO November 2019 Meetup at TDBruno Capuano
 
How did you use media technologies?
How did you use media technologies?How did you use media technologies?
How did you use media technologies?samwadsted
 
Six Month Industrial Training In Chandigarh.pdf
Six Month Industrial Training In Chandigarh.pdfSix Month Industrial Training In Chandigarh.pdf
Six Month Industrial Training In Chandigarh.pdfExcellence Technology
 
LESSON 1- VISUAL BASIC PROGRAMMING.ppt
LESSON 1- VISUAL BASIC PROGRAMMING.pptLESSON 1- VISUAL BASIC PROGRAMMING.ppt
LESSON 1- VISUAL BASIC PROGRAMMING.pptChristopherOlaya1
 
Microsoft Speech Technologies for Developers
Microsoft Speech Technologies for DevelopersMicrosoft Speech Technologies for Developers
Microsoft Speech Technologies for DevelopersNick Landry
 
Building intelligent chat bot with microsoft bot framework
Building intelligent chat bot with microsoft bot frameworkBuilding intelligent chat bot with microsoft bot framework
Building intelligent chat bot with microsoft bot frameworkRukshan Dangalla
 
A Succesful Conversation - The Skype Developer Program
A Succesful Conversation - The Skype Developer ProgramA Succesful Conversation - The Skype Developer Program
A Succesful Conversation - The Skype Developer ProgramPhil Wolff
 

Ähnlich wie Putting the Microsoft Design Language to work (20)

Adobe systems 1
Adobe systems 1Adobe systems 1
Adobe systems 1
 
Flat Design. Microsoft Story
Flat Design. Microsoft StoryFlat Design. Microsoft Story
Flat Design. Microsoft Story
 
UI/UX Workshop - Hackvision
UI/UX Workshop - HackvisionUI/UX Workshop - Hackvision
UI/UX Workshop - Hackvision
 
Microsoft teams & bot framework - A developer's perspective
Microsoft teams & bot framework - A developer's perspectiveMicrosoft teams & bot framework - A developer's perspective
Microsoft teams & bot framework - A developer's perspective
 
The Age Of User Experience
The Age Of User ExperienceThe Age Of User Experience
The Age Of User Experience
 
WordPress in een Continuous Delivery omgeving
WordPress in een Continuous Delivery omgevingWordPress in een Continuous Delivery omgeving
WordPress in een Continuous Delivery omgeving
 
WIndows Phone 7 UX
WIndows Phone 7 UXWIndows Phone 7 UX
WIndows Phone 7 UX
 
Code on the Beach 2018: Build an E-Commerce Chatbot on Azure Bot Framework v4
Code on the Beach 2018: Build an E-Commerce Chatbot on Azure Bot Framework v4Code on the Beach 2018: Build an E-Commerce Chatbot on Azure Bot Framework v4
Code on the Beach 2018: Build an E-Commerce Chatbot on Azure Bot Framework v4
 
Practical Microsoft Bot Framework for Office 365 developers
Practical Microsoft Bot Framework for Office 365 developersPractical Microsoft Bot Framework for Office 365 developers
Practical Microsoft Bot Framework for Office 365 developers
 
2019 11 26 BotTO November 2019 Meetup at TD
2019 11 26 BotTO November 2019 Meetup at TD2019 11 26 BotTO November 2019 Meetup at TD
2019 11 26 BotTO November 2019 Meetup at TD
 
How did you use media technologies?
How did you use media technologies?How did you use media technologies?
How did you use media technologies?
 
An Overview Of Wpf
An Overview Of WpfAn Overview Of Wpf
An Overview Of Wpf
 
Six Month Industrial Training In Chandigarh.pdf
Six Month Industrial Training In Chandigarh.pdfSix Month Industrial Training In Chandigarh.pdf
Six Month Industrial Training In Chandigarh.pdf
 
LESSON 1- VISUAL BASIC PROGRAMMING.ppt
LESSON 1- VISUAL BASIC PROGRAMMING.pptLESSON 1- VISUAL BASIC PROGRAMMING.ppt
LESSON 1- VISUAL BASIC PROGRAMMING.ppt
 
Microsoft Speech Technologies for Developers
Microsoft Speech Technologies for DevelopersMicrosoft Speech Technologies for Developers
Microsoft Speech Technologies for Developers
 
UX Workshop
UX WorkshopUX Workshop
UX Workshop
 
UX Work Shop
UX Work ShopUX Work Shop
UX Work Shop
 
Building intelligent chat bot with microsoft bot framework
Building intelligent chat bot with microsoft bot frameworkBuilding intelligent chat bot with microsoft bot framework
Building intelligent chat bot with microsoft bot framework
 
Conversational AI: What's New?
Conversational AI: What's New?Conversational AI: What's New?
Conversational AI: What's New?
 
A Succesful Conversation - The Skype Developer Program
A Succesful Conversation - The Skype Developer ProgramA Succesful Conversation - The Skype Developer Program
A Succesful Conversation - The Skype Developer Program
 

Mehr von Microsoft Developer Network (MSDN) - Belgium and Luxembourg

Mehr von Microsoft Developer Network (MSDN) - Belgium and Luxembourg (20)

Code in the Cloud - Ghent - 20 February 2015
Code in the Cloud - Ghent - 20 February 2015Code in the Cloud - Ghent - 20 February 2015
Code in the Cloud - Ghent - 20 February 2015
 
Executive Summit for ISV & Application builders - January 2015
Executive Summit for ISV & Application builders - January 2015Executive Summit for ISV & Application builders - January 2015
Executive Summit for ISV & Application builders - January 2015
 
Executive Summit for ISV & Application builders - Internet of Things
Executive Summit for ISV & Application builders - Internet of ThingsExecutive Summit for ISV & Application builders - Internet of Things
Executive Summit for ISV & Application builders - Internet of Things
 
Executive Summit for ISV & Application builders - January 2015
Executive Summit for ISV & Application builders - January 2015Executive Summit for ISV & Application builders - January 2015
Executive Summit for ISV & Application builders - January 2015
 
Code in the Cloud - December 8th 2014
Code in the Cloud - December 8th 2014Code in the Cloud - December 8th 2014
Code in the Cloud - December 8th 2014
 
Adam azure presentation
Adam   azure presentationAdam   azure presentation
Adam azure presentation
 
release management
release managementrelease management
release management
 
cloud value for application development
cloud value for application developmentcloud value for application development
cloud value for application development
 
Modern lifecycle management practices
Modern lifecycle management practicesModern lifecycle management practices
Modern lifecycle management practices
 
Belgian visual studio launch 2013
Belgian visual studio launch 2013Belgian visual studio launch 2013
Belgian visual studio launch 2013
 
Windows Azure Virtually Speaking
Windows Azure Virtually SpeakingWindows Azure Virtually Speaking
Windows Azure Virtually Speaking
 
Inside the Microsoft TechDays Belgium Apps
Inside the Microsoft TechDays Belgium AppsInside the Microsoft TechDays Belgium Apps
Inside the Microsoft TechDays Belgium Apps
 
TechDays 2013 Developer Keynote
TechDays 2013 Developer KeynoteTechDays 2013 Developer Keynote
TechDays 2013 Developer Keynote
 
Windows Phone 8 Security Deep Dive
Windows Phone 8 Security Deep DiveWindows Phone 8 Security Deep Dive
Windows Phone 8 Security Deep Dive
 
Deep Dive into Entity Framework 6.0
Deep Dive into Entity Framework 6.0Deep Dive into Entity Framework 6.0
Deep Dive into Entity Framework 6.0
 
Applied MVVM in Windows 8 apps: not your typical MVVM session!
Applied MVVM in Windows 8 apps: not your typical MVVM session!Applied MVVM in Windows 8 apps: not your typical MVVM session!
Applied MVVM in Windows 8 apps: not your typical MVVM session!
 
Building SPA’s (Single Page App) with Backbone.js
Building SPA’s (Single Page App) with Backbone.jsBuilding SPA’s (Single Page App) with Backbone.js
Building SPA’s (Single Page App) with Backbone.js
 
Deep Dive and Best Practices for Windows Azure Storage Services
Deep Dive and Best Practices for Windows Azure Storage ServicesDeep Dive and Best Practices for Windows Azure Storage Services
Deep Dive and Best Practices for Windows Azure Storage Services
 
Building data centric applications for web, desktop and mobile with Entity Fr...
Building data centric applications for web, desktop and mobile with Entity Fr...Building data centric applications for web, desktop and mobile with Entity Fr...
Building data centric applications for web, desktop and mobile with Entity Fr...
 
Bart De Smet Unplugged
Bart De Smet UnpluggedBart De Smet Unplugged
Bart De Smet Unplugged
 

Putting the Microsoft Design Language to work

Hinweis der Redaktion

  1. Explain that header was source of discussionSearch field (we’ll talk about that later)Buttons (add screenshot with Top AppBar)
  2. Explain that header was source of discussionSearch field (we’ll talk about that later)Buttons (add screenshot with Top AppBar)
  3. Explain that header was source of discussionSearch field (we’ll talk about that later)Buttons (add screenshot with Top AppBar)