Visualization Concepts
|
|
- Sheryl Kennedy
- 5 years ago
- Views:
Transcription
1 Microsoft Surface: Visualization Concepts Version 1.0 Created by Date Created April 5, 2009
2 Table of Contents Posts of the Last Days pp. 3, 9 Post: Touching p.4 Post: Scaling p.5 Time Panel: Open p.6 TIme Panel: Change Time Frame p.7 TIme Panel: Go Back in Past p.8 Zoom In: Posts of the Last Days in USA p.10 Touch Post p.11 Scale Post p.12 Visualization Tool pp Paint Your Way and See Movie p.19 Go Back p.20 Change Point of View p.21 s p.22 s: Scale Up to Read p.23 Group s p.24 Group s: Go Back in Time p.25 Create a Creature Tool: Add Parts pp.26, 27 Create a Creature Tool: Scale Parts p.28 Collage Tool: Add Text Field p.29 Collage Tool: Edit Text Field p.30 Collage Tool: Style of Illustrations p.31 Paint & Animation Tool: Paint Creature p.32 Paint & Animation Tool: Animation p.33 Basecamp pp.34, 35 Game: Super Mario with Painting pp
3 posts of the last days Posts last 5 days article: represented by one dot => size represents popularity comments: represented by cycle around article => size represents amount categories / topics: color coded Visual System: article: represented by one dot => size represents popularity comments: represented by cycle around article => size represents amount categories / topics: color coded Notes: post swimming freely around velocity could depend on size (popularity of post) new posts appear directly on screen => needs special look or motion which gets lost when post becomes older (for example: could fall into screen) as the posts are swimming around freely could their circle flash for a few seconds to indicate that someone else just selected that post? For the new posts idea maybe when it first appears it is another shape like a hexagon but over a certain period of time its angles are progressively transformed into curves until it becomes a circle. 3
4 Post: touching Posts last 5 days Title of Post Title of Post Title of Post 80% interesting rating YES Lorem ipsum dolor sit amet by Michael Muster at 1:40 am Consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet aliquam erat volutpat. uscipit lobortis nisl ut aliquip ex ea. Nibh euismod tincidunt ut laoreet aliquam erat volutpat. Uscipit lobortis nisl ut aliquip ex ea. 15 COMMENTS NO article: represented by one dot => size represents popularity comments: represented by cycle around article => size represents amount categories / topics: color coded Touching a Post: by touching post several things happen: info box opens: meta data, post introduction, rate opportunity posts by the same author come together (possible to get info about author by touching author icon) not related posts swim away 4
5 post: scaling Interact with Post: kind of same concept as with pictures in the microsoft surface video you can scale up with two fingers => then you get more and more text => there should be also a possibility to scroll text (scroll-slider) you can rotate post with two fingers you can drag and drop post with one finger 5
6 time panel: open To open time panel: touch screen on an empty space 6
7 time panel: change time frame Change time frame: touch days to show or hide Motion: when you add days from before older posts swim from the left side into the screen the motion could be like when you add water into a container => at first the existing posts are displaced by the new ones => after some moments all posts are intermixing (like before, only more posts) 7
8 time panel: go back in past Go back into the past: you can also slide back into the past there could be a slide-bar : you can scroll back and forward with one finger (moving finger left to right (right to left) Motion: when you move in time same kind of motion as on screen before back in time: older posts swim from the left side into screen; newer post swim to the right side and leave screen forward in time: older posts swim to the left side and leave screen; newer post swim from right side into screen 38
9 posts of the last days Visual System: posts from different countries are aligned in a cycle one post: represented by one radius popularity: color coded Go back and forward in Time: motion: like tree rings; new cycles show up in the middle, older (more otside) dissappear touching day: to show / hide day touching back / forward button: moving back or forward in time; velocity depends how long finger touches button Touching Cycles: zoom into country 9
10 zoom in: posts of the last days in the usa zoom into country 10
11 touch post Touching Radius : by touching post several things happen: info box opens: meta data, post introduction, rate opportunity touched radius becomes bigger => there is a slide motion possible: by sliding over the radii the info box of each post opens info box disapears when finger moves away without unhanding the screen info box stays when unhanding the screen 11
12 nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Microsoft Surface: Visualization Concepts scale post article: represented by radius => color represents popularity time: newer articles are inside, older ones more outside 80% interesting rating YES NO Lorem ipsum dolor sit amet by Michael Muster at 1:40 am Consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet aliquam erat volutpat. uscipit lobortis nisl ut aliquip ex ea. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam Consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet aliquam erat volutpat. uscipit lobortis nisl ut aliquip ex ea. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. 15 COMMENTS Posts USA « » Interact with Post: kind of same concept as with pictures in the microsoft surface video you can scale up with two fingers => then you get more and more text => there should be also a possibility to scroll text (scroll-slider) you can rotate post with two fingers you can drag and drop post with one finger Note there could be also picts besides text 12
13 visualization tool Child Deaths More than 70 per cent of almost 11 million child deaths every year are attributable to six causes: diarrhoea, malaria, neonatal infection, pneumonia, preterm delivery, or lack of oxygen at birth. Micronutrients Micronutrient - vitamin and mineral - deficiencies are very important, afflicting nearly two billion people worldwide. The deficiencies rank among the ten leading causes of death through disease in developing countries. Impact of entrepreneurial opportunities male to female migrant populations in key areas and percentages of each engaged in self-employment/entrepreneurial vs. labor jobs Impact of entrepreneurial opportunities the number of women brought above poverty/dependence level by entrepreneurial opportunities afforded by single serve nutrition products Note: you have a world map on which different information can be displayed => you drag and drop topic -cards on the map and its content changes 13
14 visualization tool Note: you have a world map on which different information can be displayed => you drag and drop topic -cards on the map and its content changes it could be also possible to drop more than one card on the map => you could compare different information to see if there are some connections 14
15 visualization tool Note: here for example impact of entrepreneurial opportunities is chosen => after dragging card on map, information / visualization appears on the map 15
16 visualization tool Touching country / area: information becomes bigger with additional explanations 16
17 visualization tool Scaling area: you can zoom in by using two fingers (scale up motion), zoom out works the same way (only divers motion, fingers move together) => then you can see information of each country (you can also touch countries here to get more info, like before) 17
18 visualization tool Moving around: you move the whole map with one finger (moving from left to right, right to left) 183
19 paint your way and see movie Note: map tool combined with google maps street view How it works: you paint with your finger a way you want to go => while you are painting you see a movie how the streets look like; movie is composed of single street view pictures the velocity of movie depends on your finger velocity (because the movie shows always the position where you are right now) => you contoll the movie: which way, which speed, which view (rotate) Options: paint way: one finger go back: only move / or put your finger back to the point you want scale and rotate map: with two fingers change point of view: there could be something link on google maps; or you rotate the here i am point 19
20 go back Note: you can rewind the movie by moving your finger back the way or jump to a position you want to see again (put finger somewhere on your way) 20
21 change point of view Note: change point of view: there could be something link on google maps; or you rotate the here i am point 21
22 s Note: front end one form represents one (containing sender name and subject line) size represents age (combined with opacity) replied / read / unread s could be color coded one s of a certain time frame are shown s moving around, kind of cell metaphor s from same sender are close together (cell groups) Options: to read an scale up with two fingers (see example on the right side) move around: drag and drop collect certain s: painting a cycle (closed form) with finger and drag/drop into form scale and rotate with two fingers move back in time: zoom in, with two fingers on background (see example on the right side) 22
23 s: scale up to read Note: to read an scale up with two fingers (can be closed the same way) 23
24 group s Note: collect certain s: painting a cycle (closed form) with finger and drag/drop into form 24
25 group s: go back in time Note: move back in time: zoom in, with two fingers on background => motion: zoom in like flying through the univers, diving into deep water => newer s scale up and leave the screen, older s become bigger and bigger how far you travel back depends on your finger gesture => when you move your fingers more apart you travel deeper in the past 25
26 create a creatures tool: add parts Note: tool to create funny creatures (people, animals, mixtures, ) it would be cool if the person would be animated, for example: - eyes are blinking - head is shaking - person walkes around, motion depends on choice of legs (and scale) - => then you could also send a movie as an => there could be also options how things move (how fast, ) => there could be also sound included (or you can record a message, which will be said by the creature ) Continued on next page. 26
27 create a creatures... continued Edit Options: add parts: you have a choice of different parts of each bodypart => drag and drop part by one finger (there is no limit how often parts are used, creature could have 20 eyes) move parts around: drag and drop by one finger scale and rotate parts: with two fingers change color: drag and drop color from a palette (only certain areas of part change, for example color of iris) delete parts: drag part outside of screen give creature a name: touch with one finger name -field and you get options to add a name Output Options: creature to someone (picture/animated movie), option to add personal message (as sound or text) print creature save creation publish creation (public libary of creations, ) use creation as own picture for facebook, twitter, account 27
28 create a creatures tool: scale parts Note: scaling part 28
29 collage tool: add text field Note: tool to create collage for poster, t-shirt, works in many ways like create a creature - tool could also work with pictures Edit Options: add element: drag and drop part by one finger (there is no limit how often parts are used) => you have a choice of different kind of elements (people, animals, plants, type, arrows, objects, ) => there could be different themes (like party, home, nature, fashion, ), depenending on theme different objects are presented move parts around: drag and drop by one finger scale and rotate parts: with two fingers change color: drag and drop color from a palette (only certain areas of part change, for example color of iris) delete parts: drag part outside of screen Output Options: collage to someone print collage save collage publish collage (public libary of collages, ) 29
30 collage tool: edit text field Editing type: touch with one finger (long) type you want to change => there could open a keyboard to edit text another idea: you could write with your finger text you want and then drop the chosen syle on your writing 30
31 collage tool: syle of illustrations Notes: only shows exemplary style of illustration 31
32 paint and animation tool: paint creature Note: tool to paint creatures and animate them => kind of the same concept as => only a bit simpler it is a bit like the creature tool above, only a paint-tool with animation Options: paint figure: with one finger => drag and drop part by one finger move parts around: drag and drop by one finger scale and rotate parts: with two fingers change color: drag and drop color from a palette delete parts: drag part outside of screen give creature a name: touch with one finger name -field and you get options to add a name Output Options: creature to someone (animated movie), option to add personal message (as sound or text) save creation publish creation (public libary of creations, ) 32
33 paint and animation tool: animation Notes: after painting figure you can animte it and it moves around on the screen how you want Animation Options: there could be several animation options; i think it is better to keep it simple Intercation: you can drag the figure around, it will react with motion depending on your settings => like you can put it up and it will fall down to the ground (how depends on its weight ) 33
34 Basecamp Note: post in bootcamp arranged by time (new ones in front, old ones in back) => needs a kind of time line because its important for unstanding posts (which came first, which was the answer ) moving back and forward in time => moving finger on empty space up / down scaling => with two fingers as usual there could be different views possible 34
35 Basecamp Note: you can mark posts by moving them to the side (drag and drop) 35
36 game: super mario with painting Note: game like super mario one simpler and combined with drawing => you have to walk through landscape with different hurdles => person walkes automatically => you have to draw things to overcome the hurdles for example: like to draw a bridge that person doesn t fall in water (then one live is away) there could be different levels (velocity of person, difficulty of hurdles) there could be things to collect to get more lives 36
37 game: super mario with painting Note: drawing a line on which person can go up 37
38 game: super mario with painting Note: not fast enough, you lost => haven t drawn a bridge 38
Reputation X Content Development and Promotion Checklist
Reputation X Content Development and Promotion Checklist reputation x look better online 2.7 million blog posts are published every day. How do we cut through the noise? Why does some content achieve higher
More informationRuSSEll sutter. Proposal / Navigational Chart / Wireframes. Joseph Palmer Prof: Erikk Ross IMD September 2017
RuSSEll sutter Proposal / Navigational Chart / Wireframes Joseph Palmer Prof: Erikk Ross IMD 331 5 September 2017 Proposal The Brand Russell Sutter is a collection of unique items for the modern lifestyle.
More informationLogo style guide March 2017
Barbershop Toolbox Logo style guide March 2017 Barbershop / Logo Barbershop logo The BARBERSHOP logo consists of a traditional barbershop pole symbol in magenta/black, mustache and the word mark. These
More informationBarbershop / Contents. Logo 3. Color palette 8. Typography 9. Example of use 10
Barbershop / Contents This is an interactive contentpage. Clicking on the listed items will redirect to the relevant page in this document. Logo 3 Color palette 8 Typography 9 Example of use 10 2 Barbershop
More informationALLASSO CORPORATE IDENTITY USER GUIDLINES
ALLASSO CORPORATE IDENTITY USER GUIDLINES Your Partner in Network Security ALLASSO CORPORATE IDENTITY Your Partner in Network Security Already a success in the short time we've been around, our goal is
More informationq u e s t i o n s? contact or
Chocolate Grail offers gourmet and artisanal chocolatiers different advertising options listed below. Two options are free: the basic listing and reviews. listings home page features quick pick fix reviews
More informationCorporate Brand Standards
Corporate Brand Standards Welcome to the new brand standards guideline for the Altegra Health logo mark and brand. This new dynamic brand will help convey the messaging of Altegra Health while increasing
More informationSummary Lauren Light. Mobile development for a stable company.
Summary Lauren Light Mobillo is positioned to be a leader in the global technology industrywith clean lines, sharp yet inviting colors and sleek typography. The look is modern without feeling trendy or
More informationSECRET DESIGNS DESIGNED BRAND GUIDELINE
DESIGNED BRAND 2018 GUIDELINE TABLE OF CONTENT 01 COMPANY INRODUCTION PAGE 04 02 OUR LOGO DESIGN PAGE 06 03 THE COLOR SYSTEM PAGE 10 04 TYPOGRAPHY PAGE 12 05 LOGO VIOLATION PAGE 14 06 LOGO USAGE PAGE
More informationUniversity of Waterloo E-Thesis Template for LATEX
University of Waterloo E-Thesis Template for LATEX by Pat Neugraad A thesis presented to the University of Waterloo in fulfillment of the thesis requirement for the degree of Master of Science in Zoology
More informationFINAL PROJECT VISUAL IDENTITY SYSTEM ARCHITECH Aliyah Northington
FINAL PROJECT VISUAL IDENTITY SYSTEM Aliyah Northington DRAFT LOGO DESIGNS ARC ITECH 2 FINAL LOGO DESIGNS 3 BUSINESS CARD DESIGN Jane Villanueva CEO of Stuff 221 Golden Gate Blvd San Francisco, CA 94102
More informationMasthead. Masthead Subhead. Heading 1 spans two columns as a standard. What s Inside. Issue style Year Month Newsletter Website URL
Masthead Masthead Subhead Issue style Year Month Newsletter Website URL. See last page for tips on inserting images. What s Inside TOC List Bullet. This text is set in a floating text box anchored in the
More informationBrand Standards Manual. Copyright March 2007
Brand Standards Manual Copyright March 2007 Primary Logo Primary Logo Full Color - Positive Primary logo is to be used when ever possible. Primary background color is white. Plum PMS 5185 Metallic Grey
More informationCertified for IBM Software. Mark and Title Guidelines
IBM Software Mark and Title Guidelines Overview 3 Why the IBM... Marks? 3 What Are the Marks and Titles? 3 What Do the Marks Mean? 3 Using Your Mark 4 When and Where Can I Use the Marks? 4 Using Your Title
More informationCisco Derivative Work Process Automation Program. Samita Bhandary Information Architect
Learning @ Cisco Derivative Work Process Automation Program Samita Bhandary Information Architect Introduction and Problem Description of current manual Derivative Works Program The Worldwide Learning
More informationFebruary Pandera Labs Brand Guide
February 2017 Pandera Labs Brand Guide This brand style guide establishes the essence of who we are, what we stand for, and expresses our personality. The guide provides you with the tools you will need
More informationContents. Contact, 19. About our brand, 3 Key elements, 4. Design elements,13
The following identity and brand guideline for Bermondsey Pubs has been created to help you present the brand and all the elements that make up the company s visual identity in a consistent and recognizable
More informationMISSION/VISION/VALUES
BRAND GUIDELINES TABLE OF CONTENTS Why Brand Matters...2 Mission Statement...4 Color Palette...6 Typography...8 Logo Usage...10 Letterhead... 12 Powerpoint... 14 Closing...15 WHY BRAND MATTERS Brand is
More informationIDENTITY STANDARDS MANUAL
IDENTITY STANDARDS MANUAL Table of Contents (Click to Select Section) 1.1 How To Use This Manual BASIC STANDARDS FOR THE SIGNATURE 2.1 The Logo Mark 2.2 The Signatures 2.3 Coloration 2.4 Color Reproduction
More informationCREATE REGISTRY: FROM PRODUCT DETAIL, REGISTRY LANDING PAGE & MY ACCOUNT WIREFRAMES DRAFT V.1.0 July 30, 2014
CREATE REGISTRY: FROM PRODUCT DETAIL, REGISTRY LANDING PAGE & MY ACCOUNT WIREFRAMES DRAFT V.1.0 July 30, 2014 Document Intro 3 ways to create a registry: from Product Detail from Registry Landing Page
More informationAclara Corporate Identity. Standards & Design Guidelines
Aclara Corporate Identity Standards & Design Guidelines Introduction Aclara has brought together the leading metering and data management companies of ESCO Technologies each well known and well established
More informationTITLE EXAMPLE. Sub - title
TITLE EXAMPLE Sub - title SUMMARY 1 TOPIC Relevant text 2 TOPIC Relevant text 3 TOPIC Relevant text 4 TOPIC Relevant text TIMELINE Euismod tincidunt ut laoreet dolore magna aliquam erat volutpat Title
More informationWorld University Championships
Visual identity guidelines World University s Championnats du Monde Universitaires Introduction This document sets out the rules for the implementation of the new corporate identity system of the World
More informationBrand Guidelines. April acplus.com
Brand Guidelines April 2018 The purpose of this style guide is to explain the brand style and ensure consistent application of the visual elements across all communications, both online and offline. 02
More information1 Basic elements. Corporate identity manual
1 Basic elements Corporate identity manual 1 Basic elements Contents 1.1 1.2 1.3 1.4 1.5 1.6 1.7 1.8 1.9 1.10 1.11 1.12 1.13 1.15 The Woqod mark Protecting the Woqod mark Standard use sizes Colour variations
More informationInterreg Europe Graphic Book
1 Interreg Europe Graphic Book Contents Branding 1 Typography 8 Colour palette 10 Use of the origami 11 Sharing solutions for better regional policies Four Topics 14 Project identity 15 Stationery 20 Templates
More informationI D E N T I T Y S TA N D A R D S M A N U A L
I D E N T I TY STA N DA R D S M A N UA L Rev 8.08 Table of Contents 1.1 How To Use This Manual 1.2 Web Resources Available to Faculty and Staff Basic Standards for the Signature 2.1 The Robert Morris University
More informationLogo Guidelines. Interim guide April 2010 LAUNCH
Logo Guidelines Interim guide April 2010 LAUNCH Welcome page 2 of 11 The establishment of the UK Space Agency has elevated the UK s profile as a major player in the world s space industry. Clear and consistent
More information01 MAY 2018 v1.0 QARAGANDY REGION VISUAL IDENTITY GUIDELINES
01 MAY 2018 v1.0 VISUAL IDENTITY GUIDELINES Section 1 Concept 03 INDEX SECTION 1 CONCEPT Concept SECTION 2 CONSTRUCTION Logo Construction Main logo & Branches Monochrome Version Main logo & minimum size
More informationwelcome to explorator. search term
welcome to explorator. search term EXPLORE table of contents this is the specifics under the big category 2 table of contents 2 research 16 the product literature review introduction precedent features
More informationUsername. Password. Forgot your password? Sign in. Register as new user
Username Password Forgot your password? Sign in Register as new user Registration Email Password Mobile phone Verify your account via SMS otherwise leave blank to verify via email. Terms & Conditions Lorem
More informationCorporate Identity. If you need information about anything in the Corporate Identity Manual, contact City Marketing.
Corporate Identity Our Corporate Identity is our face to the world. It is a statement of our personality representing how we perceive ourselves and how we want others to perceive us. It is important we
More informationNABORS INDUSTRIES LTD. Corporate Identity Standards
NABORS INDUSTRIES LTD. Corporate Identity Standards UPDATED JUNE 2012 At, we recognize the importance of a strong and consistent brand. Our branding strategy and its uniform application help to ensure
More informationJetScan ifx. i100 Currency Scanner. Faster Processing, Lower Operating Costs
JetScan ifx i100 Currency Scanner Faster Processing, Lower Operating Costs The Next-Generation JetScan Boost Productivity: 20% Faster with Fewer Rejects The JetScan ifx scanner allows users to take their
More informationGraphic Identity Guidelines
Graphic Identity Guidelines Table of Contents Introduction Wordmark 1 Safety Area 2 Color 3 Primary Typography 4 Secondary Typography 5 Misuse of the Logo 6 Applications Official Seal 8 Letterhead 9 Typing
More informationWord Mark Style Guide
Word Mark Style Guide 01/23/07 Introduction The creation of Pitt Business gives a clear visual identity to the Joseph M. Katz Graduate School of Business, the College of Business Administration, the Institute
More informationTYPOGRAPHY. Thoughtful use of typography allows a brand to evoke emotion and convey the tone of the brand.
TYPOGRAPHY TYPOGRAPHY Typography can strongly affect how people react to a design and other communications. Consistent use of a chosen typeface can be just as important as the use of color or images in
More informationChuck Chugumlung. Designer, Art Director, Creative Director - phone
Chuck Chugumlung Designer, Art Director, Creative Director email- annexxstudio@gmail.com phone- 323-215-7580 Portfolio: pg 3-2d/3d Motion Graphics pg 15 - Interactive Design pg 29 - Web Design pg 36 -
More informationBRAND MANUAL INSTRUCTIONS FOR USING OUR NEW BRAND
BRAND MANUAL INSTRUCTIONS FOR USING OUR NEW BRAND OUR LOGO There are three variants of the Army Cadets logo (each available in two versions plain or with a dark background and reversed out text). Army
More informationWhat is the box model?
CSS BOX MODEL What is the box model? The CSS box model describes the rectangular boxes that are created for every element in the document tree. The box model components Source: Kindly provided by Hicks
More informationVisual identity manual
Visual identity manual The Innovative Medicines Initiatives (IMI) visual identity manual is the basic guide for establishing and maintaining brand consistency for IMI. It is intended for the use of IMI
More informationBrand Identity Standards
Brand Identity Standards VERSION 1.0 JUNE 2008 This manual explains the approved usage of the Paradise Valley Community College brand identity. Since the brand identity is the cornerstone of all communication
More informationI D E N T I TY STA N DA R D S M A N UA L Rev 10.13
I D E N T I TY STA N DA R D S M A N UA L 3150-81-13 Rev 10.13 Table of Contents 1.1 How To Use This Manual 1.2 Web Resources Available to Faculty and Staff Basic Standards for the Signature 2.1 The Robert
More informationMicrosoft. Windows for Small Business Sitemap & Wireframes Version 1.1. March 27, 2009
Microsoft Sitemap & Wireframes Version. March 7, 009 » Sitemap & Wireframes» Sitemap VERSION. Please note that all labels are temporary. Home 0.0 Home Right Rail: (call to action) Better than ever (why
More informationCorporate Identity Manual for Network members
Corporate Identity Manual for Network members February 17 www.mgiworld.com Contents Welcome 3 Our Brands 4 Core Elements 5 Colour 6 Font 7 Logo 8 Rules for MGI-prefix firms 14 Values 15 Message 16 Disclaimer
More informationThe computer screen and text. Curved letters must be formed out of square picture elements, or pixels, each with a red, green and blue primary pixel.
The computer screen and text Curved letters must be formed out of square picture elements, or pixels, each with a red, green and blue primary pixel. The computer screen and text OpenType and TrueType fonts
More informationMonochrome Cartridge Reliability Comparison Study 2016
Test Report Monochrome Cartridge Reliability Comparison Study 2016 HP LaserJet Toner Cartridges vs. Xerox Brand in EMEA The spencerlab DIGITAL COLOR LABORATORY has conducted a cartridge reliability comparison
More informationCreating our identity brand guidelines
Creating our identity brand guidelines on behalf of CREATING OUR IDENTITY INTRODUCTION Our identity is the visual representation of our brand and it communicates not only what we do, but also what we believe
More informationCisco Solution Partner Program Logo Guidelines
Cisco Solution Partner Program Logo Guidelines 2014 Cisco Systems, Inc. All rights reserved. Cisco Solution Partner Program Logo Guidelines As one of the world s most valuable brands, Cisco has strong
More informationMonochrome Cartridge Reliability Comparison Study 2016
Test Report Monochrome Cartridge Reliability Comparison Study 2016 HP LaserJet Toner Cartridges vs. Innovera Brand by Clover Imaging Group The spencerlab DIGITAL COLOR LABORATORY has conducted a cartridge
More informationVISUAL IDENTITY GUIDELINES
VISUAL IDENTITY GUIDELINES AUGUST 2017 VISUAL IDENTITY GUIDELINES sspnet.org ii The Society for Scholarly Publishing (SSP), founded in 1978, is a nonprofit organization formed to promote and advance communication
More informationMonochrome Cartridge Reliability Comparison Study 2013
Test Report Monochrome Cartridge Reliability Comparison Study 2013 HP LaserJet Toner Cartridges vs. major Non-HP Brands in EMEA The spencerlab DIGITAL COLOR LABORATORY has conducted a cartridge reliability
More information24 July { 6 September 2017 MEDIA KIT Free WEARABLE ARTWORKS BRISKET SLIDERS COUNTRY FAIR CHILDREN S FESTIVAL THE COMMUNITY VOICE
A M A G A Z I N E F O R E U M U N D I & H I N T E R L A N D 276 { 6 September 2017 24 July 2014 MEDIA KIT 2018 Free WEARABLE ARTWORKS P9 BRISKET SLIDERS COUNTRY FAIR P16 P12 P13 CHILDREN S FESTIVAL THE
More informationMichPA Content Guide. Table of Contents. Website Section Overview. Global Banner & Navigation. Content Area Client editable
Table of Contents Website Section Overview MichPA Content Guide Website Section Overview...1 FAQ...2 Content Area Styles...3 Client-side Right Navigation Styles...4 Font Index...5 Color Index...5 Rotating
More informationMonochrome Cartridge Reliability Comparison Study 2012
Test Report Monochrome Cartridge Reliability Comparison Study 2012 HP LaserJet Toner Cartridges vs. Asia Pacific Non-HP Brands The spencerlab DIGITAL COLOR LABORATORY has conducted a cartridge reliability
More informationMEDIA KIT Free P13 P12 P17 P10 THE COMMUNITY VOICE BOTANICAL COLOURS COMBATING MENTAL ILLNESS EUMUNDI IRONMAN FRUIT TREES IN BLOOM.
A M A G A Z I N E F O R E U M U N D I & H I N T E R L A N D 302 { 10 October 2018 24 July 2014 P13 P12 MEDIA KIT 2019 Free P17 P10 BOTANICAL COLOURS COMBATING MENTAL ILLNESS EUMUNDI IRONMAN FRUIT TREES
More informationCALIFORNIA STATE UNIVERSITY, CHICO Visual Identity Guide. Effective August, 2017
Visual Identity Guide Effective August, 2017 Contents FROM THE PRESIDENT S VISUAL IDENTITY UNIVERSITY NAMES UNIVERSITY COLORS UNIVERSITY SEAL UNIVERSITY FLAME AND FLAMELINE SIGNATURE CSU, CHICO WEB SIGNATURE
More informationCorporate Identity. TAMEER Corporate Identity
Corporate Identity Brand building Brandmark Logo Ratios 2.3 x 3.5 x 0.5 x x 0.2 x 3.2 x Brandmark Logo Safe Area Brandmark Logo Ratios 2.25 x x 0.2 x 1.5 x 0.5 x 3.2 x Brandmark Logo Safe Area Brandmark
More informationsimplifying IT CONSUTING SALES STAFFING SUPPORT 5432 Any Street West Townsville, State ph fax
CONSUTING SALES STAFFING SUPPORT Pala, metuo obruo opes ratis commoveo at. Blandit haero melior quibus, saepius ne hendrerit iustum validus nulla indoles gemino pneum. Brevitas modo aliquip vero, ulciscor
More informationStyle guide. March 2017 CC BY 4.0 The Tor Project
Style guide March 2017 CC BY 4.0 The Tor Project Introduction The visual identity of software is an integral part of its user experience. Correctly using a consistent and attractive style is important
More informationSCHOOL DISTRICT 308 VISUAL STANDARD GUIDE
SCHOOL DISTRICT 308 VISUAL STANDARD GUIDE 4175 Route 71 Oswego, IL 60543 (630) 636-3080 WWW.SD308.ORG SCHOOL DISTRICT 308 VISUAL STANDARD GUIDE Table of contents Letter from the Superintendent of Schools...4
More informationHP Color LaserJet CM4730 MFP series. Colour as fast and affordable as black-and-white.
HP Color LaserJet CM4730 MFP series Colour as fast and affordable as black-and-white. Take your productivity to a whole new level and watch it soar. With the HP Color LaserJet CM4730 MFP series, integrating
More informationGestures: ingsa GESTURES
GESTURES FORWARD AND BACKWARD SWIPE RIGHT TO GO TO THE NEXT SCREEN OR SWIPE LEFT TO GO TO THE PREVIOUS SCREEN IN THE STORY FLOW SELECT TAP WITH 1 FINGER TO NAVIGATE THOROUGH AN INTERACTIVE ITEM (SCENES)
More informationGECF Brand GuidElinEs GECF 2011
GECF Brand Guidelines GECF Brand Guidelines COntents ABOUT THIS DOCUMENT 1.0 About GECF 1.1 What we stand for 1.2 Our brand 2.0 Logo 2.1 Main logo 2.2 Logo variations 2.3 Exclusion areas 3.0 Typography
More informationApple Identity Guidelines. For Channel Affiliates and Apple-Certified Individuals
Apple Identity Guidelines For Channel Affiliates and Apple-Certified Individuals March 2018 The Apple identity is a seal of approval and a promise of excellence. When you are authorized or certified in
More informationview cart Expanded view 2 items in your cart 18 LCD TV MODEL NUMBER $1, LCD TV MODEL NUMBER $1, Subtotal: $3,199.
cameras & camcorders phones & fax computers appliances building personal care accessories special offers gift ideas > appliances appliances items in your cart 0 Expanded view vacuums Stet clita sea takimata
More informationSUMMARY OF DESIGN CHOICES
SUMMARY OF DESIGN CHOICES Company Name The name is a Hawaiian word that means to go, move. As a new start up application development company, the name fit as Tech designs applications for people on the
More informationCreating An Effective Academic Poster. ~ A Student Petersheim Workshop
Creating An Effective Academic Poster ~ A Student Petersheim Workshop 11 Seconds Poster Graphics and Pictures Headlines and Subheadings Poster Copy PRINCIPLES OF DESIGN BALANCE Visual balance comes
More informationHMH : Site Consolidation Batch 1 June Wireframes : v 1.5
HMH : Site Consolidation Document Overview Page of Overview Legend A wireframe is a visual guide representing the components of a webpage and the relationships between its pages. It specifies the critical
More informationPROJECT 01 USER SCENARIO STORYBOARDS FOR A LONDON BASED WEB DESIGN AND DEVELOPMENT AGENCY S CORPORATE WEBSITE.
PROJECT 0 USER SCENARIO STORYBOARDS FOR A LONDON BASED WEB DESIGN AND DEVELOPMENT AGENCY S CORPORATE WEBSITE. Visitor Scenario A prospective small business/charity customer requires a new website. They
More informationPersonal brand identity desigend by JAVIER
Personal brand identity desigend by JAVIER Logo conceptualization Concept Shape the Z is the base, if you observe I ve placed Color The concept was designed using the The use of the AZ is a great idea,
More informationVISUAL IDENTITY STANDARDS
HISTORY OF THE DISTRICT A GUIDE TO VISUAL IDENTITY STANDARDS The establishment of a college for the Coalinga Union High School District was proposed in the spring of 1932. The official beginning of the
More informationUpdates to Phone Contact
Introduction and Table of Contents Updates to Phone Contact Updated PHONE CONTACT Information as it appears in VIEW and EDIT modes: Page 2 Current View and Edit Modes Page 3 NEW View and Edit Modes Page
More informationHP LaserJet 9040/9050mfp. Simplify business processes in one high volume, high performance workhorse
Simplify business processes in one high volume, high performance workhorse The HP LaserJet 9040/9050mfp is a multifunction printer (MFP) that offers workgroup printing, copying, scanning and finishing
More informationVisual Identity Standards November 2012
Visual Identity Standards November 2012 Prepared by: NOVEMBER 2012 Table of Contents 1.0 Introduction... 4 1.1 Using This Manual... 4 1.2 Visual Identity Development... 4 1.3 The Duncan Identity... 4 2.0
More informationFOR THOSE WHO DO. Lenovo Annual Report
FOR THOSE WHO DO. Lenovo Annual Report 2014 CONTENTS 2 6 About Lenovo 4 Financial Highlights 5 Chairman & CEO Statement Performance About Lenovo Lenovo is one of the world's leading personal technology
More informationII. COLOR PALETTE Primary p. 18 Secondary p. 18. III. TYPOGRAPHY Primary typography p. 19 Secondary typography p. 20 Default typography p.
STYLE GUIDE 2016 TABLE OF CONTENTS I. LOGO Introduction p. 3 Primary logo: Full-color application p. 4 One-color applications p. 5 Reverse applications: p. 6 Two-color p. 6 One-color p. 7 With tagline
More informationDEV-C. OP Administrator Created the OP. Search Organizaion. Enter Org. Info. Set up Merchant Account. Enter Payment Method. Review Order and Submit
Information Architecture User Types and Status- Developers DEV-A DEV-B DEV-C DEV-D Anonymous Not registered or signed-in on Developer Program site Variations of Anonymous Cookies include: - First time
More informationBusiness System Standards
Overview This chapter outlines the standards for the university s business system documents including business cards, printed stationery, electronic stationery, PowerPoint presentations, email signatures,
More informationVISUAL IDENTITY STANDARDS
HISTORY OF THE DISTRICT A GUIDE TO VISUAL IDENTITY STANDARDS The establishment of a college for the Coalinga Union High School District was proposed in the spring of 1932. The official beginning of the
More informationWCU ATHLETICS LOGOS & USAGE WESTERN CAROLINA UNIVERSITY ATHLETIC LOGO GUIDELINES PAGE 1
WCU ATHLETICS LOGOS & USAGE PAGE 1 WCU ATHLETICS LOGOS The WCU Athletic Style Guide provides the official guidelines for use of the Western Carolina University athletics logos on collateral, signage, merchandise
More informationnorwich university style guide
norwich university style guide 06.22.05 table of contents i. logo Introduction Primary logo: Full-color application One-color applications Reverse applications: Two-color One-color With tagline With departmental
More informationTITLE. Tips for Producing a Newsletter IN THIS ISSUE
TITLE UNIT NAME DATE Advantages of a Newsletter The purpose of a newsletter is to provide specialized information to a targeted audience. Newsletters can be a great way to market yourself, and also create
More informationBRAND IDENTITY GUIDELINES
BRAND IDENTITY GUIDELINES 1 SKOLL FOUNDATION 03 BRANDING POSITIONING 04 SIGNATURE AND CLEAR ZONE 05 ACCEPTABLE USAGE 06 INCORRECT USAGE 07 LOGO COLOR PALETTE 08 LOGOTYPE USAGE WITH IMAGERY 10 SYMBOL USAGE
More informationBRAND GUIDELINES All rights reserved.
BRAND GUIDELINES 2017. All rights reserved. LOGO :: INTRODUCTION The Live Purple Logo Mark the most recognizable visual brand element differentiates itself from similar cause based fundraisers. The mark
More informationDeveloping a Cloud Computing Based Approach for Forensic Analysis using OCR
Developing a Cloud Computing Based Approach for Forensic Analysis using OCR Matthias Trojahn, Volkswagen AG, Germany Lei Pan, Deakin University, School of IT, Australia Fabian Schmidt, ISC Gebhardt, Germany
More informationBrand identity design. Professional logo design + Branding guidelines + Stationery Designed by JAVIER
Brand identity design Professional logo design + Branding guidelines + Stationery Designed by JAVIER Logo conceptualization Concept Shape Typography Color After reading the information provided After some
More informationSchrödinger's Website
Schrödinger's Website or: How we built websites of indeterminate design for Adobe Portfolio a talk by Jackie Balzer (@jackiebackwards) https://en.wikipedia.org/wiki/file:schrodinger_cat_in_box.jpg Web
More informationUMST Brand Guidelines
UMST Brand Guidelines Introduction Welcome to the UMST (University of Medical Sciences and Technology) brand guidelines. These guidelines are used to produce collateral associated with UMST University.
More informationThe L A TEX Template for MCM Version v6.2
For office use only T1 T2 T3 T4 Team Control Number 0000 Problem Chosen A 2016 MCM/ICM Summary Sheet For office use only F1 F2 F3 F4 The L A TEX Template for MCM Version v6.2 Summary Lorem ipsum dolor
More informationPrototyping Robotic Manipulators For SPHERES
MASSACHUSETTS INSTITUTE OF TECHNOLOGY DEPARTMENT OF AERONAUTICS AND ASTRONAUTICS: SPACE SYSTEMS LAB Prototyping Robotic Manipulators For SPHERES Lisandro Jimenez, Edward Lopez, Duncan Miller August 12,
More informationConnected TV Applications for TiVo. Project Jigsaw. Design Draft. 26 Feb 2013
Connected TV Applications for TiVo Project Jigsaw Design Draft 26 Feb 2013 UI Design Connected TV application for TiVo Project Jigsaw 2 Overview LAUNCH POINT The goal of Project Jigsaw is to create a library
More informationInteraction with Interconnected Data in Participatory Processes
F O R S C H U N G A N F A C H H O C H S C H U L E N Interaction with Interconnected Data in Participatory Processes Lars Schütz lars.schuetz@hs-anhalt.de Anhalt University of Applied Sciences, Dept. of
More informationDESIGN GUIDELINES. Use the following slides as a guide to make sure your presentation follows the PCS Plus brand.
Use the following slides as a guide to make sure your presentation follows the PCS Plus brand. LOGO PLACEMENT On white content slides the logo should appear in full colour on the bottom left of the screen
More informationA STEP-BY-STEP GUIDE TO EVENT BRANDING
A STEP-BY-STEP GUIDE TO EVENT BRANDING WELCOME! Lupus Research Alliance Event Branding Guide 2 We're so happy that you've decided to host an event to support the Lupus Research Alliance. This guide will
More informationUVic Senior s Program: Microsoft Word
UVic Senior s Program: Microsoft Word Created by Robert Lee for UVic Senior s Program website: https://www.uvic.ca/engineering/computerscience/community/index.php Opening Microsoft Word: Launch it from
More informationThe New School Identity Guidelines
The New School Identity Guidelines Promise and Personality The New School is a lively urban university, combining design and the performing arts with social policy and the humanities, educating people
More informationGIZ Corporate-Design-Manual
GIZ Corporate-Design-Manual May 2014 Contents Introduction to GIZ s corporate design Other business areas/special cases Services surrounding corporate design NEW Overview of how to use the various design
More informationBOOTSTRAP AFFIX PLUGIN
BOOTSTRAP AFFIX PLUGIN http://www.tutorialspoint.com/bootstrap/bootstrap_affix_plugin.htm Copyright tutorialspoint.com The affix plugin allows a to become affixed to a location on the page. You can
More informationCORPORATE IDENTITY MANUAL
CORPORATE IDENTITY MANUAL Driving prosperity. Delivering value. Contents Colour Application 05 Logotype 1. Logotype Proportions 06 2. Logotype Eclusion Zones 07 3. Logotype Incorrect Usage 09 Typography
More information