Metro. agenda influence. inspiration. metro principles. metro design language.

Slides:

Advertisements

Similar presentations

All aboard the Metro UI Principles Windows Phone 7 Xbox Windows 8 Play time.

Advertisements

Because every life has a purpose… © MSA 2012 Visual Brand Language Introduction to Global Style Guide.

NOAC 2002 E-Scouting1 Design and Layout Sage Lichtenwalner National OA Web Site Youth Coordinator.

© Anselm SpoerriInfo + Web Tech Course Information Technologies Info + Web Tech Course Anselm Spoerri PhD (MIT) Rutgers University

MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.

Sample pages of student research by Beth Walldorf.

7 Selecting Design and Color Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2.

Designing Windows Phone 7 Series Albert Shum – That Dude Michael Smuga – Studio Director Chad Roberts – UX Design Lead Design language (codenamed Metro)

Electronic Resources and Libraries March 1, 2011 Austin, Texas Craig Harkema, Charlene Sorensen, Karim Tharani Transcendental Metadata: A Collaborative.

Section 2.1 Compare the Internet and the Web Identify Web browser components Compare Web sites and Web pages Describe types of Web sites Section 2.2 Identify.

2 Introductions Debbie Snyder VP of Client Solutions Thalia Driessen Creative Director, Chief Trend.

Building Metro style UIs Paul Gusmorino Lead Program Manager Microsoft Corporation DEV354.

African CSOs in a Netted World GSI Assembly London 2-3, December 2008 Jalal Abdel-Latif UNECA/GPAD: CSO Section Addis Ababa, Ethiopia

How to Make a Style Guide Last Kimberly

FORM AND FUNCTION Every publication begins as an idea: a subject or message with a function but no form. Real estate, sports, and cooking are all ideas/topics.

Designing metro style apps for Windows 8 A walkthrough some UI / UX best practices Lanny Geffen, Creative Director, Digiflare.

Design and Layout for Windows 8 and Windows Phone Style Apps Shane Morris Automatic Studio DEV221.

Adrian Osman Date of Presentation Midpoint Review WNM The Adventure Spot.

Creative Strategy: Planning and Development

Interface Design.

Visual arts competencies C1: create personal images C2: create media images C3: appreciate images.

Understand the principles of interactive media design Deliver a presentation describing the principles of interactive design. Graphic design (Unit 61)

ARTIST STATEMENTS. Animation Use these vocabulary terms: Animation, scenes, keyframes, frame by frame, motion tweening, shape tweening, narrative, frames.

PBA Front-End Programming Development Organisation.

WHAT IS MATERIAL DESIGN? Michael Williamson 9/25/2014.

Nice and simple PP theme Metro Inspired. Simplicity New section.

1  [company] Inc. [year] Girl Scouts of the USA Secure Site Project Kickoff [date]

Modern Design Principles (MS). Hubs & spoke navigation pattern Hierarchical pattern Best for large collections of related content Content is separated.

User Interface Design In Windows using Blend.

Strategy Board Strategy Board (I) Target Audience Extended Board Concept Board Submission Requirement for.

Mrs. Estoch • Photography & Graphic Design

Week 2: Mobile User Interfaces. Objectives Review of User Interface Design Mobile specific design challenges in mobile UIs –specifically modern smartphones.

2. Point A dot; visible mark In typography, a point is a period – the definitive end of a line.

Leveraging Web Content Management in SharePoint 2013 Christina Wheeler.

2016 Latest Trends in Website Development. In terms of web design, 2015 have been an interesting year for the visual conduct of pages, which have been.

Get Ready to Be What’s Next Project Unify V1.0 MarComm & Launch Plan - MGX July 2014.

16 Copyright © 2004, Oracle. All rights reserved. Building ADF UIX View Components.

The Principles of Design in Layout. Objective Students will describe and analyze the principles of design in digital art (contrast, balance, emphasis,

Characteristics of Graphical and Web User Interfaces

COMPETITIVE ANALYSIS D CUSTOM TEMPLATE.

Building Windows 8 App.

1. The UMD CS Homepage.

Un-Private House MoMA / MIT : Interactive Table

Web Pages Prepared by Lim Thian Li

Victorian Curriculum: F-10 Visual Arts

Time & Motion Project Part 1: Stopped/frozen action – take photos

Screen Based Design: An Introduction DW9V 34

Objective % Explain concepts used to create websites.

Instagram Marketing Strategy

Research in a Digital Media Environment

Principles of DESIGN.

Layout Step by step.

I, Daniel Blake posters Learning objective: To explain the methods of distribution with I, Daniel Blake.

Principles of DESIGN.

Chapter 2: Digital Image Fundamentals

Chapter 2: Digital Image Fundamentals

Lindsey Stirling-Elements

You will… Learning Objectives

All About Office UI Fabric

Principles of DESIGN.

Website Documentation

#GCDigital Design System

Phases of Designing a Website

UI, UX: Who Does What? A Designers guide to the tech industry.

User Interface Design.

Objective Explain concepts used to create websites.

User Interface Design In Windows using Blend.

SB #30: Sequence Photography

Presentation transcript:

metro

agenda influence. inspiration. metro principles. metro design language.

influence. inspiration.

design principles describe fundamental ideas about the practice of good design, these ideas are assumed to be the basis of all intentional design strategies.

a design language is an overarching scheme or style that guides the creation of a common set of experiences and user interfaces

metro.

international typographic style.

no expiration date. timeless. always feels modern.

international typographic style. information fierce reduction typography global

international typographic style. digital information fierce reduction typography global

digital information personal. relevant. connected.

information. fierce reduction. typography. global.

content, not chrome. fierce reduction. typography. global. motion. authentically digital.

metro.

iconographic vs infographic

design principles design language

content, not chrome fierce reduction typography global motion authentically digital navigation. layout. composition. typography. motion. iconography. images & photos. themes & personalization. touch gestures & targets. UI controls. hardware. services. marketplace and branding.