Visual Design. Simplicity, Gestalt Principles, Organization/Structure
|
|
- Eugene Anthony
- 5 years ago
- Views:
Transcription
1 Visual Design Simplicity, Gestalt Principles, Organization/Structure Many examples are from Universal Principles of Design, Lidwell, Holden, and Butler
2 Why discuss visual design? You need to present the elements of your interface to the user! User needs to know: What can I do in this interface? Where is? What is expected of me? What is related to what? Want to impose as little thinking as possible on the user. Allow them to concentrate on their task, not the interface. 2 CS349 - Visual Design
3 Objectives Highest level goals: Create desired relationships and avoid undesired relationships Or to create a presentation that... has an attractive look is easy to understand at a glance has a distinctive look, across many windows, and to avoid a presentation that... is cluttered and hard to organize is hard to perceive clearly contains excessive idiosyncrasy makes the user stop and think to avoid errors 3
4 How? Design with the human brain s conscious and unconscious capabilities in mind: Keep things simple People have limited cognitive processing power. Leverage pre-attentive processes. Pre-attentive processes 4 Happen at a lower-level than conscious thought. Do a huge amount of work out of sight, and give your conscious mind the results. Rest of the Discussion: - Simplicity - Organization and Structure CS349 - Visual Design
5 Simplicity In anything at all, perfection is finally attained not when there is no longer anything to add, but when there is no longer anything to take away. -- Antoine de Saint Exupery 5
6 Simplicity Present the minimum amount of information to achieve maximum effect Simplicity leads to quickly recognized and understood functionality Less information means less time to process Can more quickly produce correct mental models Simplicity also aids recall Less to remember, so easier to recall 6 4
7 Simplicity 7 5
8 6
9 9
10 Only Absolute Essentials 10
11 How to achieve simplicity? Reduce, reduce, reduce Reduce some more Reduce until it hurts 11
12 Organization and Structure Gestalt Principles 12
13 Creating organization and structure Structure doesn t occur naturally, it must be explicitly created, designed. People will find order and structure, even if none was intended. Don t just throw elements into a UI! You need to explicitly create the structure. Consciously consider what placement and arrangement communicates to the user. The Gestalt principles can help with this. 13 CS349 - Visual Design
14 Gestalt Principles Theories of visual perception that describe how people tend to organize visual elements into groups or unified wholes, when certain principles are applied. Clues about how the brain groups raw visual input Proximity Similarity Good Continuation Closure Figure/Ground Law of Prägnanz Uniform Connectedness Alignment (pronunciation: 14
15 Proximity Individual elements are associated more strongly with nearby elements than with those further away. Spacing stars more closely vertically gives an impression of columns; spacing more closely horizontally gives an impression of rows. 15
16 Proximity Individual elements are associated more strongly with nearby elements than with those further away 16 Big Bend National Park (US)
17 Proximity Individual elements are associated more strongly with nearby elements than with those further away 17
18 Similarity Elements associated more strongly when they share basic visual characteristics, such as: Shape Size Color - Texture - Orientation 18
19 Similarity Elements associated more strongly when they share basic visual characteristics, such as: Shape Size Color - Texture - Orientation 19
20 Good Continuation Our visual system is biased to perceive continuous forms rather than disconnected segments. Elements arranged in a straight line or a smooth curve are perceived as being more related than elements not on the line or curve. 20
21 Good Continuation 21
22 Good Continuation 22
23 Grouping vs. Ambiguity Proximity, Similarity and Good Continuation describe how we group objects. The next set of Gestalt Principles describe how we deal with ambiguity and fill in missing data. 23
24 Closure The principle of closure applies when we tend to see a complete figure even when part of the information is missing. We tend to perceive a set of individual elements as a single, recognizable pattern, rather than multiple individual elements. 24
25 Closure 25
26 Figure/Ground (aka Area) Our mind separates the visual field into the figure and the ground. Figure is the visual element that is interpreted as being the object of interest. Ground is the area on which it rests (and everything else). 26 CS349 - Visual Design
27 Figure/Ground (aka Area) Visual Cues The figure has a definite shape, ground is shapeless. The ground continues behind the figure. The figure seems closer with a clear location in space. Elements below the horizon are more likely to be perceived as figures Ambiguity 27 CS349 - Visual Design
28 Law of Prägnanz We tend to interpret ambiguous images (images that can be interpreted in more than one way) as simple and complete, versus complex and incomplete. Images recalled from memory as simplified (eg: countries on a map are recalled as more aligned than they really are) Design: Minimize the number of elements Symmetrical composition perceived as simpler 28
29 Gestalt Principles Proximity Closure Similarity Continuity Symmetry Area 29
30 Uniform Connectedness Elements connected to one another by uniform visual properties are perceived to be more related than elements that are not connected Two typical strategies: connecting lines common regions 30
31 Uniform Connectedness Uniform Connectedness 31 Proximity, Similarity
32 Alignment? Is alignment a Gestalt principle? It s a powerful organizing tool Some folks in the design community include it (search the web) Doesn t appear to be in the original literature, but many rules were added over a span of time Personal opinion: It should be 32
33 Ursus Wehrli tidies up art
34 Creating Organization and Structure We can use insights from the Gestalt principles to organize and structure user interfaces. Three techniques: Grouping Hierarchy Relationship 34 CS349 - Visual Design
35 Grouping Group elements into higher-order units. Use the Gestalt principles to create groups Proximity Similarity Alignment Uniform Connectedness Reserve powerful techniques such as colour and uniform connectedness for explicitly telling the user something. 35 CS349 - Visual Design
36 Hierarchy A visual hierarchy guides and allows information scanning. Create the hierarchy to support intended reading sequence. Useful techniques: size, position, spacing, white space, color Build on usual reading direction for the culture 36
37 Hierarchy: Structure Data Structure Data with separators Easy Hard Phone: x Credit Card: Date: 10/08/ Data-specific controls 37
38 Relationship Establish relationships between elements to communicate that they are connected. Alignment is very effective at creating relationships. Similarity (size, color, shape, etc.) is also very effective. 38 Lorem ipsum dolor sit amet. Consectetur adipiscing elit. Maecenas suscipitsemrutrum leo elementum non vestibulumlectus pellentesque. Maecenas consequat risusdui. Sed id nisl sed est egestas blandit mattis ut sem. Suspendisse pretium vestibulumipsum, eu pulvinar lacus posuere non. Sed eu mi orci, vitae malesuada erat. Vestibulum mi nisl, varius a molestie eget, sodalesat elit. Nullam ligula turpis, hendrerit in condimentumet, cursusut ante. Vestibulum nibh massa, venenatis sed ultricies et, aliquam ac metus. Mauris eu orci ligula. Pellentesque habitant morbi tristiquesenectuset netus et malesuada fames ac turpis egestas. Cras pretium aliquet tempor. Aliquam pretium dolor et dolor dictum non convallis libero dictum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu libero ac augue fringilla suscipit. Pellentesque volutpatgravida nunc, ut adipiscing dolor iaculis sit amet. Donec auctor sodalestortor, vel condimentum nisi eleifendlacinia. Pellentesque posuere, risus eget auctor ullamcorper, eros nisi venenatis leo, quis fringilla urna mi quis sapien. Nulla lacinia elementum libero vitae mattis. In enim mi, suscipit in sagittis in, hendrerit non nunc. Ut fringilla congue lacus porta lobortis.
39 Balance Try to create a stable composition by balancing elements (similar to physical balance). Stability can be achieved by manipulating properties such as position, size, hue, form. Symmetric layouts naturally achieve balance. 39 CS349 - Visual Design
40 40 CS349 - Visual Design
41 Pleasing Layouts 41
42 Pleasing Layouts Lots in common with graphic design Easy reference: The Non-Designer s Design Book: Design and Typographic Principles for the Visual Novice by Robin Williams Four Principles: Contrast Repetition Alignment Proximity 42
43 Proximity Items relating to each other should be grouped close together. When several items are in close proximity to each other, they become one visual unit rather than several separate units. This helps organize information and reduces clutter. (Williams, p. 14) 43
44 Alignment Nothing should be placed on the page arbitrarily. Every element should have some visual connection with another element on the page. This creates a clean, sophisticated, fresh look. (Williams, p. 14) Edge alignment Centre alignment 44
45 Repetition Repeat visual elements of the design throughout the piece. You can repeat color, shape, texture, spatial relationships, line thicknesses, sizes, etc. This helps develp the organization and strengthens the unity. (Williams, p. 14) 45
46 Contrast The idea behind contrast is to avoid elements on the page that are mearly similar. If the elements (type, color, size, line thickness, shape, space, etc) are not the same, then make them very different. Contrast is often the most important visual attraction on the page. (Williams, p. 14) 46
47 Final Comments 47
48 Common Mistakes Haphazard layout (no explicit design) Aligning labels, not controls Bounding boxes create clutter and compete for attention (use white space instead) 48
49 Testing it Out Show it to someone else Don t ask if they like it (why?) Try to get first impressions Use the squint test Mimics early portion of visual recognition system 49
50
51
52
53
54 Impact Good visual design can reduce human processing time Tullis redesigned lodging information screens (1984) 5.5 vs. 3.2 sec avg search times 54
55 Summary Strive for simplicity! The Gestalt principles provide insights into the pre-attentive processes in the brain. Use the principles to structure a visual design by: Grouping visual information into higher-level units. Establishing relationships between related elements. Don t leave visual design up to chance! Think about your design, and test it out. 55 CS349 - Visual Design
Visual Design. Simplicity, Gestalt Principles, Organization/Structure
Visual Design Simplicity, Gestalt Principles, Organization/Structure Many examples are from Universal Principles of Design, Lidwell, Holden, and Butler Why discuss visual design? You need to present the
More informationTITLE - Size 16 - Bold
EDCE 2010-2011 - Size 12 - Normal Conceptual Design of Structures - Size 12 - Normal Instructor: A. Muttoni, R. Salvi, P. Wahlen - Assitant: T. Clément - Author: X. Name - TITLE - Size 16 - Bold Pier Luigi
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 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 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 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 informationVisual Design. Gestalt Principles Creating Organization and Structure Typography. Visual Design 1
Visual Design Gestalt Principles Creating Organization and Structure Typography Visual Design 1 UI Visual Design Objectives 1. Information communication - Enforce desired relationships (and avoid undesired
More informationTimon Hazell, LEED AP Senior BIM Engineer. Galen S. Hoeflinger, AIA BIM Technologist Manager
Timon Hazell, LEED AP Senior BIM Engineer Galen S. Hoeflinger, AIA BIM Technologist Manager Find Joy in Your Work The Human Aspect The Human Aspect Importance of Architecture Know People The Human Aspect
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 informationBrand identity guidelines
Brand identity guidelines CONTENTS 1 LOGO 5 COLOUR 6 TYPEFACE 8 SIGNAGE These guidelines are to help you understand the PACIFIC ALUMINIUM visual brand. The following pages demonstrate how the PACIFIC ALUMINIUM
More informationPaper Template for INTERSPEECH 2018
Paper Template for INTERSPEECH 2018 Author Name 1, Co-author Name 2 1 Author Affiliation 2 Co-author Affiliation author@university.edu, coauthor@company.com Abstract For your paper to be published in the
More informationTITLE SUBTITLE Issue # Title Subtitle. Issue Date. How to Use This Template. by [Article Author] Article Title. Page # Article Title.
TITLE SUBTITLE Issue # Title Subtitle Issue Date TYPE TAGLINE HERE IN THIS ISSUE How to Use This Template Article Title Page # Article Title Page # TITLE SUBTITLE Issue # 2 Using Styles by Name Style HEADING
More informationVisual Design. Gestalt Principles Creating Organization and Structure Typography. UI Visual Design Objectives
Gestalt Principles Creating Organization and Structure Typography 1 UI Objectives 1. Information communication - Enforce desired relationships (and avoid undesired relationships) 2. Aesthetics - well designed,
More informationThomas F. Sturm A Tutorial for Poster Creation with Tcolorbox
1 col1 col2 col3 col4 2 Poster Tutorial #1 Welcome to the poster tutorial! Thomas F. Sturm A Tutorial for Poster Creation with Tcolorbox 3 We start at the very begin with an empty poster. In this tutorial,
More informationMKA PLC Controller OVERVIEW KEY BENEFITS KEY FEATURES
1881 OVERVIEW The ezswitch Controller is a compact PLC for the modular. In addition to providing commonly used network and Fieldbus interfaces, the controller supports all digital, analog and speciality
More informationThomas F. Sturm A Tutorial for Poster Creation with Tcolorbox
1 col1 col2 col3 col4 2 Poster Tutorial #1 Welcome to the poster tutorial! Thomas F. Sturm A Tutorial for Poster Creation with Tcolorbox 3 We start at the very begin with an empty poster. In this tutorial,
More informationAmerican Political Science Review (APSR) Submission Template ANONYMISED AUTHOR(S) Anonymised Institution(s) Word Count: 658
APSR Submission Template APSR Submission Template APSR Submission Template APSR Submission Template APSR Submission Template APSR Submission Template APSR Submission Template APSR Submission Template Submission
More informationThe Next Big Thing Prepared for Meeting C
The Next Big Thing Prepared for Meeting C++ 2018 Andrei Alexandrescu, Ph.D. andrei@erdani.com November 15, 2018 1 / 48 Squeaky Wheel Gets the Grease 2 / 48 ( Those were the most cringey minutes of the
More informationIntermediate District 288. Brand Manual. Visual Identity Guide
Intermediate District 288 Brand Manual Visual Identity Guide SWMetro District Office 792 Canterbury Road, Suite 211 Shakopee, MN 55379 (952) 567.8100 Overview The SouthWest Metro Intermediate District
More informationALWAYS MOVING FORWARD MIDWAY S GRAPHIC IDENTITY STANDARDS MANUAL
ALWAYS MOVING FORWARD MIDWAY S GRAPHIC IDENTITY STANDARDS MANUAL OVERVIEW The Midway Branding Standards is a reference tool that provides standards and guidelines for all usage of graphics in order to
More informationBrand Guidelines MAY 2016
Brand Guidelines MAY 2016 CONTENT LOGO 1-11 COLORS 12 TYPOGRAPHY 13-14 STYLE 15-19 STATIONARY 20-30 including: BUSINESS CARD 21-22 LETTERHEAD 23 EMAIL SIGNATURE 24 CLIENT PROPOSAL & REPORT 25-26 NEWSLETTER
More informationCLASSES are a way to select custom elements without using a tag name
CSS (Part II) Using Classes CLASSES are a way to select custom elements without using a tag name Adding a Class Lorem ipsum dolor sit amet, consectetuer adipiscing elit. You can add
More informationWhitepaper. Call to Action
Whitepaper Call to Action The Call to Action When companies send emails, the first goal would be that subscribers open the email. The next step would be that all of them actually read the email. And the
More informationAn output routine for an illustrated book
An output routine for an illustrated book Boris Veytsman TUG2014 School of Systems Biology & Computational Materials Science Center, MS 6A12, George Mason University, Fairfax, VA 22030 1. Introduction
More informationExample project Functional Design. Author: Marion de Groot Version
Example project Functional esign uthor: Marion de Groot Version 1.0-18-4-2013 Table of contents 3 Introduction Requirements gathering 4 Use cases 5 Use case flow diagram 6 Users and Rights 7 Requirements
More informationVISUAL IDENTITY STARTER KIT FOR ENSURING OUR COMMUNICATIONS ARE COHESIVE, CONSISTENT AND ENGAGING 23 OCTOBER 2008
VISUAL IDENTITY STARTER KIT FOR ENSURING OUR COMMUNICATIONS ARE COHESIVE, CONSISTENT AND ENGAGING 23 OCTOBER 2008 Contents 1 Logo colourways and artworks: Colour combinations for use on different background
More informationcosmos a tech startup
a tech startup Logo Business Card Lorem Ipsum company director Street name City, State, Zipcode (555) 555-5555 lorem@ipsum.com www.loremipsum.com Lorem ipsum dolor sit amet, consectetur adipiscing elit.
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 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 informationProject Title. A Project Report Submitted in partial fulfillment of the degree of. Master of Computer Applications
Project Title A Project Report Submitted in partial fulfillment of the degree of Master of Computer Applications By Student Name1(xxMCMCxx) Student Name2(yyMCMCyy) School of Computer and Information Sciences
More informationA Road To Better User Experience. The lonely journey every front-end developer must walk.
A Road To Better User Experience The lonely journey every front-end developer must walk. Kotaro Fujita kut@tomatoboy.co Web/iOS/Game Development AGENDA What is UI/UX? Idealized Workflow Realities Random
More informationCity of Literature Branding
Branding The logo is based upon letterpress print techniques to demonstrate Manchesters history with literature in physical form. It is designed to be responsive so has different versions dependant on
More informationThe everyhook package
The everyhook package Stephen Checkoway s@cs.jhu.edu November 26, 2014 Abstract The everyhook package takes control of the six TEX token parameters \everypar, \everymath, \everydisplay, \everyhbox, \everyvbox,
More informationPablo- Alejandro Quiñones. User Experience Portfolio
Pablo- Alejandro Quiñones User Experience Portfolio About Me My name is Pablo I specialize in User Experience Research & User Interfaces I am passionate about User-Centered Design I believe research and
More informationTransforming IT-speak:
Transforming IT-speak: How to tell your IT Story Bailey Szeto, Vice President, Connected Selling Experience-IT, Cisco ITM-1009 The importance of communication The two words information and communication
More informationNATURAL BUILDING TECHNOLOGIES Document: Feedback Sheet Revision: A Date: 13/07/16 Queries:
Document: Feedback Sheet Revision: A Date: 13/07/16 What s a wireframe? It s important that everything you need to present on the site is accounted for, and has been considered in the layout. The best
More informationVersion 1.4 March 15, Notes Bayer- Kogenate 2010 WFH Microsoft Surface Project (HKOG-39563) Information Architecture Wireframes
Notes Author Version Comments Mick Rosolek.0 Initial Draft Mick Rosolek. First Round Edits Mick Rosolek.2 Additional Edits Mick Rosolek.3 Amendment Mick Rosolek.4 Amendment Site Map - Page of 4 0.0 Pre-Engagement
More informationGhislain Fourny. Big Data 2. Lessons learnt from the past
Ghislain Fourny Big Data 2. Lessons learnt from the past Mr. Databases: Edgar Codd Wikipedia Data Independence (Edgar Codd) Logical data model Lorem Ipsum Dolor sit amet Physical storage Consectetur Adipiscing
More information[Main Submission Title] (Font: IBM Plex Sans Bold, 36 point)
[Main Submission Title] (Font: IBM Plex Sans Bold, 36 point) [Author Names] Author 1 [Anonymised for submission] 1, Author 2 [Anonymised] 2 (each author name separated by commas) and Author 3 [Anonymised]
More informationVisual Design + Gestalt Principles. Professor Michael Terry
Visual Design + Gestalt Principles Professor Michael Terry For Friday A resume and business card design pair The visual design of the resume and business card should match Business card should have a front
More informationRHYMES WITH HAPPIER!
RHYMES WITH HAPPIER! Title Subtitle Date Title Subtitle Date Title Subtitle Date Title Subtitle Date WHO AM I? First Last Body copy Quick Facts about Zapier HQ: San Francisco, CA 100% Remote 145 Employees
More informationOCTOBER 16 NEWSLETTER. Lake Mayfield Campground OR-LOW GOOD TIMES
a OR-LOW GOOD TIMES OCTOBER 16 NEWSLETTER Lake Mayfield Campground by Nan O. The October camp out was a joint adventure with hosts Nor West LoWs. We arrived on Monday, October 10 th and stayed three nights.
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 informationInsights. Send the right message to the right person at the right time.
Insights Send the right message to the right person at the right time. StreamSend Insights Guide www.streamsend.com What is StreamSend Insights? StreamSend Insights is a powerful marketing automation platform
More informationInvoice Visual Design Specifications MEC
Invoice Visual Design Specifications MEC Author Dean Ashworth Version 01.02 Last Updated February 1, 2012 Page 1 Invoice Visual Design Specifications MEC Contents Note on sizes & scale... 1. Request Money....
More informationCLASP Website Redesign Client Deliverables Spring 2007
CLASP Website Redesign Client Deliverables Spring 2007 CLIENT SURVEY Who are you? Shauna Vey, CLASP Council President Alan Winson, CLASP Council Vice President Business or organization name and location:
More informationDFSA - Web Site Revamp
DFSA - Web Site Revamp Wireframe designs depicting the user experience version 3.0 0 May, 008 Developed By: Husain Hakim Director of User Experience & Design Interactive Limited husain@interactive-ltd.com
More informationlogo graphic will go here
I will be creating a web site that will promote my freelance graphic design and photography business. I will outline my business and display of my commercial photography, print and web design. Having a
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 informationThesis GWU Example Dissertation. by Shankar Kulumani
Thesis GWU Example Dissertation by Shankar Kulumani B.S. in Astronautical Engineering, May 2009, US Air Force Academy M.S. in Aeronautical and Astronautical Engineering, May 2013, Purdue University A Dissertation
More informationThe POGIL Project Publication Guidelines
1 The POGIL Project Publication Guidelines Publication Submission Checklist 2 IN ORDER TO be published, you are required to review each item below before submitting your documents to The POGIL Project.
More informationCOLORS COLOR USAGE LOGOS LOCK UPS PHOTOS ELEMENTS ASSETS POWERPOINT ENVIRONMENTAL COLLATERAL PROMO ITEMS TABLE OF CONTENTS
COLORS COLOR USAGE LOGOS LOCK UPS PHOTOS ELEMENTS ASSETS POWERPOINT ENVIRONMENTAL COLLATERAL PROMO ITEMS TABLE OF CONTENTS PANTONE 349 HEX 026937 RGB 2, 105, 55 CMYK 90, 33, 100, 26 PANTONE 7489 HEX 73A950
More informationCertified Organisation logo guidelines. Version 1.0 April 2018
Certified Organisation logo guidelines Colour logo for use on white or clear backgrounds Logo overview The TEC Quality logo is an important part of our visual identity. The logo communicates that quality
More informationColors. F0563A Persimmon. 3A414C Cobalt. 8090A2 Slate Shale. C4CDD6 Alloy Coal. EFF3F5 Silver. EDF3F9 Horizon.
Colors Brand Primary F0563A Persimmon 3A414C Cobalt Secondary Brand 333943 Coal 697582 Shale 8090A2 Slate C4CDD6 Alloy E1E6EB Platinum EFF3F5 Silver EDF3F9 Horizon FFFFFF White Interaction 0088A9 Ocean
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 informationBRAND IDENTITY GUIDELINE
BRAND IDENTITY GUIDELINE PAGE 1 IMPORTANCE OF A This brand identity guideline details the conditions of use enforced when using the Bell Bunya Community Centre () brand in corporate production items. It
More informationSaturday January 6, pm
Seminar & Dance Workshop Miss Greater Reading 2017 ABIGAIL BACHMAN Saturday January 6, 2018 1-3pm Abigail Bachman is currently a student at Lock Haven University. She studies Recreational Therapy and minors
More informationBeginner s Guide to Baskerville
Beginner s Guide to Baskerville Having been an early admirer of the beauty of letters, I became insensibly desirous of contributing to the perfection of them. I formed to myself ideas of greater accuracy
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 informationThe rjlpshap class. Robert J Lee July 9, 2009
The rjlpshap class Robert J Lee latex@rjlee.homelinux.org July 9, 2009 1 Introduction This package provides low-level helper macros and environments. It is intended for authors of L A TEX packages, who
More informationChaparral Sports Day. Basketball Ashley Guerrero(captain), Carrera, Rasuly, Hamilton Alba, Razel Alba, Bannister, Phillips, Richardson.
CHAPARRAL SPORTS DAY Chaparral Sports Day SPORTS DAY IN THIS ISSUE Chaparral Sports Day by Amy Guerrero October 21, 2017, the day we put on our game faces, ready to prove how competitive our unit is. Chaparral
More informationMaking the New Notes. Christoph Noack OpenOffice.org User Experience Max Odendahl OpenOffice.org Development Christian Jansen Sun Microsystems
Making the New Notes Community Cooperation Concepts Christoph Noack OpenOffice.org User Experience Max Odendahl OpenOffice.org Development Christian Jansen Sun Microsystems Making the New Notes Community
More informationIDENTITY STANDARDS LIVINGSTONE COLLEGE DR. JIMMY R. JENKINS, SR. PRESIDENT
IDENTITY STANDARDS DR. JIMMY R. JENKINS, SR. PRESIDENT VERSION 1.0 AUGUST 13, 2014 A MESSAGE FROM OUR PRESIDENT Greetings, Blue Bear Family! As President of Livingstone College, it is my duty to ensure
More informationlipsum Access to 150 paragraphs of Lorem Ipsum dummy text a
lipsum Access to 150 paragraphs of Lorem Ipsum dummy text a Patrick Happel b November 24, 2018 Abstract lipsum is a L A TEX package that produces dummy text to be used in test documents or examples. The
More informationVisual identity guideline. BrandBook BLOOMINGFELD. Brandbook 2016.
BrandBook 2016. Logo. Correct color use Typeface BLOOMING FELD Brandon Grotesque Black Brandon Grotesque Regular ABCDEFGHIJKLMNOPQR STUVWXYZ ABCDEFGHIJKLMNOPQR STUVWXYZ abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz
More informationFormatting Theses and Papers using Microsoft Word
Formatting Theses and Papers using Microsoft Word (CDTL) National University of Singapore email: edtech@groups.nus.edu.sg Table of Contents About the Workshop... i Workshop Objectives... i Session Prerequisites...
More informationVISUAL. Standards Guide
VISUAL Standards Guide Published: August 19, 2013 TABLE OF CONTENTS This is the approved Visual Standards Guide for Southeastern Community College. All logos and symbols in this manual are the property
More informationAre You Using Engagement TilesTM?
Are You Using Engagement TilesTM? These interactive, easily embeddable tiles will convert website engagement into email subscribers and in-store customers with just one click! Coupon Tile: Send coupons
More informationUnit 20 - Client Side Customisation of Web Pages WEEK 5 LESSON 6 DESIGNING A WEB-SITE
Unit 20 - Client Side Customisation of Web Pages WEEK 5 LESSON 6 DESIGNING A WEB-SITE Today s tasks This lesson is on the wiki: Design Exercise (for A3); corporate theme in primary design 3rd November
More informationCORPORATE IDENTITY MANUAL
CONTENTS SECTION 01 - INTRODUCTION 01 Overview 1 0.1.1 Strategic Overview 2 0.1.2 How to use the Corporate Identity (CI) Manual 3 SECTION 02 - CORPORATE IDENTITY 02 Corporate Signature 5 02.1 Construction
More informationBOWIE FARMERS MARKET. Anne Bontogon Campaign Bowie Farmers Market
BOWIE FARMERS MARKET Anne Bontogon Campaign Bowie Farmers Market Research Competition: Bowie Farmers Market is provides fresh produce, fruit, meat and poultry in the Bowie community. Its competitors are
More informationWRAS WIAPS BRAND GUIDELINES 2015
01 WRAS WIAPS BRAND GUIDELINES 2015 02 WRAS PRODUCT APPROVAL CERTIFICATION MARK BRAND GUIDANCE AND TERMS AND CONDITIONS OF USE WRAS LTD. CERTIFICATION MARKS, TRADEMARK AND LOGOS (APPLIES TO ALL END USERS)
More informationThe pdfreview package
The pdfreview package Michael Palmer v1.1 (September 22, 2017) Abstract The pdfreview package lets you add comments in the page margins of PDF files, e.g. when reviewing manuscripts or grading reports.
More informationTUSCALOOSA CITY SCHOOLS Graphic Standards and Logo Use Guide
TUSCALOOSA CITY SCHOOLS Graphic Standards and Logo Use Guide THE LOGO: Primary Version Concept: Fresh Modern Symbolic Rationale: The new logo gives the education system a fresh and modern appeal. Tuscaloosa
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 informationBrand Guide. Last Revised February 9, :38 PM
Brand Guide Last Revised February 9, 2016 2:38 PM The Trinity brand is current, energetic and strong. Through textures, images, typography and color it has the versatility to be playful and trendy as well
More informationWandle Valley Branding Guidelines 1
Wandle Valley Branding Guidelines 1 Produced: November 2013 by Barker Langham 2 Contents Introduction Logo Colour palette Typeface and hierarchy Brand usage Co-branding 4 5 12 14 16 26 3 Introduction Wandle
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
Visual Identity Standards 6.0 Stationery Information and inquiries: University Relations brand@ Visual Identity Standards 2 6.0 Stationery 6.01 Introduction 6.01 Introduction 6.02 Letterhead & envelopes
More informationRow 1 This is data This is data
mpdf TABLES CSS Styles The CSS properties for tables and cells is increased over that in html2fpdf. It includes recognition of THEAD, TFOOT and TH. See below for other facilities such as autosizing, and
More informationRow 1 This is data This is data. This is data out of p This is bold data p This is bold data out of p This is normal data after br H3 in a table
mpdf TABLES CSS Styles The CSS properties for tables and cells is increased over that in html2fpdf. It includes recognition of THEAD, TFOOT and TH. See below for other facilities such as autosizing, and
More informationCustomer Journey EIV and emsfaa. January 2018
Customer Journey EIV and emsfaa January 2018 1 Electronic Identity Verification (EIV) 2 Step 0 After the student applies and is approved for student financial assistance funding, they receive a Notice
More informationBBN ANG 183 Typography Lecture 5A: Breaking text
BBN ANG 183 Typography Lecture 5A: Breaking text Zoltán Kiss & Péter Szigetvári Dept of English Linguistics, Eötvös Loránd University kz & szp (delg) typo/breaking (5A) 1/ 37 outline probelms with WYSIWYG
More informationThis page presents most of typographical aspects of JA Drimia. Make your readers happy with great Typography and User Experience!
This page presents most of typographical aspects of JA Drimia Make your readers happy with great Typography and User Experience! This is an Heading 1 Lorem tortor Curabitur urna interdum Maecenas ut felis
More informationPOSTER PRESENTATION GUIDELINES
POSTER PRESENTATION GUIDELINES This guide is designed to help you set up a professional looking poster presentation using PowerPoint software and walk you through the printing process from start to finish.
More informationCompassion. Action. Change.
DRAFT GRAPHIC STANDARDS GUIDE Contents 3 Overview 4 Tagline 6 Imagery 7 Identity Overview 8 CalMHSA Logo 10 Logo Usage 12 CalMHSA Logo Configurations 14 Color Palette 15 Typography 19 Design Samples GRAPHIC
More informationGetting started with Managana creating for web and mobile devices
Getting started with Managana creating for web and mobile devices Written and compiled by Lucas Junqueira and Marilia Bergamo 4th Edition: August 2013 (Managana 1.6.0) With information from http://www.managana.org
More informationWord Processing Fundamentals
Class Description This is an introduction to the basics of word processing with a focus on both Microsoft Word and Google Drive Documents. The focus is on formatting text and pages; copying, cutting, and
More informationBRAND BOOK ONWARD ISRAEL VISUAL IDENTITY GUIDELINES
BRAND BOOK ONWARD ISRAEL VISUAL IDENTITY GUIDELINES 2018 New York Office 633 3rd Ave., 21st Floor New York, NY 10017 Office: 212.339.6046 Jerusalem Office 14 Hillel Street, 3rd Floor Jerusalem Office:
More informationThis is the Title of the Thesis
This is the Title of the Thesis This is the Thesis Subtitle if Necessary The Full Name of the Author Goes Here Thesis to obtain the Master of Science Degree in Information Systems and Computer Engineering
More information9 Ways You Can Put Behavioral Automation to Work.
9 Ways You Can Put Behavioral Automation to Work www.streamsend.com The Winning Formula While email marketing is still king, when used in combination with marketing automation and behavioral insights,
More informationTeach Yourself Microsoft Publisher Topic 2: Text Boxes
Teach Yourself Microsoft Publisher Topic 2: Text Boxes http://www.gerrykruyer.com In this second Microsoft Publisher lesson, you will look at Publisher Text Boxes and how they are different to MS Word
More informationTHE ESPRESSO BOOK MACHINE PUBLISH INSTANTLY AT THE MSU LIBRARIES
THE ESPRESSO BOOK MACHINE PUBLISH INSTANTLY AT THE MSU LIBRARIES THE ESPRESSO BOOK MACHINE THE ESPRESSO BOOK MACHINE AT MICHIGAN STATE UNIVERSITY Produced and compiled by Kyle Pressley Edited by Ruth Ann
More informationsrc0-dan/mobile.html <!DOCTYPE html> Dan Armendariz Computer Science 76 Building Mobile Applications Harvard Extension School
src0-dan/mobile.html 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. 29. 30. 31. 32. 33. 34. 35. 36. 37. 38. 39. 40. 41. 42. 43. 44. 45. 46. 47. 48.
More informationThis page presents most of typographical aspects of JA Teline iii. Make your readers happy with great Typography and User Experience!
This page presents most of typographical aspects of JA Teline iii. Make your readers happy with great Typography and User Experience! This is an Heading 1 Lorem tortor Curabitur urna interdum Maecenas
More informationSHEFA STORE CORPORATE DESIGN MANUAL BRAND & FUNCTION // CORPORATE DESIGN GUIDELINES. 01 : Corporate Identity. 02 : Corporate Stationery
BRAND & FUNCTION // CORPORATE DESIGN GUIDELINES SHEFA STORE CORPORATE DESIGN MANUAL 01 : Corporate Identity 02 : Corporate Stationery 03 : Interactive Designs www.shefa-store.com Corporate Identity 01
More informationTABLE OF CONTENTS. Updated 4/23/15. The Federal Laboratory Consortium for Technology Transfer FLC Style Guide 2
FLC Style Guide TABLE OF CONTENTS The FLC identity must always be applied in a consistent manner and care must be taken to avoid misuse and confusion. Our logo is the cornerstone to visual consistency,
More informationCITIZEN SCIENCE DATA FACTORY
OCEAN & WATER INSECTS Marine Debris Tracker Dragonfly Migration Find a Project Topics Enter keywords, description, or location Recommended Projects Mauris eget luctus erat HOSTED BY: Most Active Projects
More informationGround PV Structure. 6 panels horizontal 7 panels vertical. Installation Guide
Ground PV Structure 6 panels horizontal 7 panels vertical Installation Guide 01 PV support systems Systems in photovoltaics Contents Security minimum safety Page 3 Tools machinery and equipment Page 4-5
More information