DMS 546/DMS 446 INTERFACE DESIGN VISUAL ORGANIZATION.

Slides:



Advertisements
Similar presentations
Introduction to Multimedia 1611ICT – Topic 4 Sound, Animation & Video Review The element of sound Role of sound The Animation element Role of animation.
Advertisements

Multimedia e-Content in Education ROSSENI DIN Pusat Pembangunan Akademik pm & pm 1Multimedia E-Content
1 Pengantar Teknologi Internet W03: CSS Cascading Style Sheets.
Microsoft Word 2013 An Overview. Your Environment Quick Access Toolbar Customizable toolbar for one-click shortcuts Tabs Backstage View Tools located.
Alignment. Nothing should be placed on the page arbitrarily Every item should have a visual connection with something else on the page.
Graphic Design Principles
Basic Principles of Design How to make your websites and video graphics look more professional.
PDF Accessibility: Online Forms Todd Weissenberger Web Accessibility Coordinator University of Iowa Accessibility Notes.
© Anselm Spoerri Lecture 14 Annotated Nike Ad Course Review –Course Objectives.
Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (85) Lesson 4.2Lesson 4.2 Format.
The University of Adelaide Table Talk: Using tables in Word Peter Murdoch March 2014 PREPARING GOOD LOOKING DOCUMENTS.
DESIGNING DOCUMENTS And page layout. What is document design?  Refers to page layout, that is, where the visuals and information are placed on a page.
Pet Store Million Dollar Project Jessica and Caroline.
Introduction To Graphic Design. What is graphic design? Graphic design is the process and art of combining text and graphics and communicating an effective.
Designing Brochures
Desktop Publishing Your Guide to Concepts and Terminology.
6 < > 99 8 = 8 Click mouse for next screen. Lesson 2.
© Anselm Spoerri Lecture 14 Course Review –Course Objectives –Design Principles Evaluation Criteria used for Term Project.
Professionally Basic Elements of Design 4 Classifications of Type.
How much does owning a pet cost? Pets need lots of supplies!
This lesson has been adapted from “AIOT Graphic Design Lesson 7: Proximity, Alignment, Repetition, and Contrast” The original lesson and many other graphic.
Design Visualization and Character Development Artistic Rendering Using Illustration Software.
Word 2010 Vocabulary List 1. Click and Type - A feature that allows you to double-click a blank area of a document to position the cursor in that location,
Visual Organization Layout. Importance Users form their 1 st impression of your website in SECONDS When users know what they want, they want to find it.
Coatbridge High School 10 Commandments For Good Design Layouts.
Introduction to Web Page Design. General Design Tips.
BACS 287 Programming Logic 1. BACS 287 Programming Basics There are 3 general approaches to writing programs – Unstructured – Structured – Object-oriented.
FILE MANAGEMENT & MICROSOFT WORD TEST REVIEW. WHICH DRIVE IS CONSIDERED YOUR EVHS CAMPUS NETWORK DRIVE? H:
IT: Web Technologies: Web Animation 1 Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Designing Web Site Layout Using.
ELEMENTS OF VISUAL DESIGN Designing Cohesive Visuals for Print and Digital.
Elements of Design Presentation designed by Dr. James Lenze Model: Williams R. (2004), The Non-Designer’s Design Book, Second Edition, Peachpit Press What.
EDT321EDT321 1 Summer Session Web Page Design Usability.
Design Principles By: Kimberly Fletcher Four Design Principles Contrast Repetition Alignment Proximity References.
Prepositions Unit 3 Keeping pets.
Design Principles. Proximity “ Proximity, or closeness, implies a relationship.”
Chapter 11 Enhancing an Online Form and Using Macros Microsoft Word 2013.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Planning and Design.
Layout Tips Read Assignment.  Headline  Image of Product  Body Copy  Logo  Toll-free Phone # bold  Address & Web Site.
Introduction to Interactive Media 09: Good Design is CRAP.
Design Principles and Font Rules Katie Zilisch Contrast Repetition Alignment Proximity Font Quiz.
Writing to Guide - Procedures Chapter 3. Relate Task to Meaningful Workplace Activities A Procedure is a step-by-step series of commands for accomplishing.
C.R.A.P. (OR C.A.R.P.) FORMULA The Non-Designer’s Design Book.
New Trends in Design Adding unity, balance, structure and dominance to your layouts.
User-Centered Website/Software Development
Electric Potential Energy & Capacitance
Principles of Graphic Design
The Principles of Graphic Design
Name ________________________________________
The Principles of Graphic Design
Fixed Positioning.
Prepositions Unit 3 Keeping pets.
Design Principles and Why We Need Them…
DESIGN ONE Objective: The students will apply basic desktop publishing design principles to enhance their documents.
DESIGN ONE Objective: The students will apply basic desktop publishing design principles to enhance their documents.
DESIGN ONE Objective: The students will apply basic desktop publishing design principles to enhance their documents.
Rules of Design.
Thursday
For use on your feedback page
POWERPOINT (PPT) KEY Elements: Know these features
Interface Design Interface Design
Word Lesson 6.
Four Design Principles
Objective Explain concepts used to create websites.
Design Principles.
DESIGN ONE Objective: The students will apply basic desktop publishing design principles to enhance their documents.
Principles of Design Contrast Repetition Alignment Proximity
Alphabetical Order Learning Objective.
User-Centered WebsIte/Software Development
Alphabetical Order Learning Objective.
Instructions For the workshop, the intent is to have each participant get one piece of paper, printed front and back. Each page should have an “a” side.
Presentation transcript:

DMS 546/DMS 446 INTERFACE DESIGN VISUAL ORGANIZATION

DMS 546/DMS 446 INTERFACE DESIGN START WITH CONTENT ORGANIZATION

DMS 546/DMS 446 INTERFACE DESIGN CONTENT ORGANIZATION DRIVES VISUAL ORGANIZATION

DMS 546/DMS 446 INTERFACE DESIGN FROM THE USER'S PERSPECTIVE:

DMS 546/DMS 446 INTERFACE DESIGN FROM THE USER'S PERSPECTIVE: GOOD VISUAL ORGANIZATION MAKES IT EASY TO LOCATE CONTENT

DMS 546/DMS 446 INTERFACE DESIGN PROXIMITY ALIGNMENT CONSISTENCY CONTRAST

DMS 546/DMS 446 INTERFACE DESIGN PROXIMITY

DMS 546/DMS 446 INTERFACE DESIGN PROXIMITY GROUP RELATED THINGS TOGETHER SEPARATE UNRELATED THINGS EX: HEADLINE GOES CLOSE TO PARAGRAPH

DMS 546/DMS 446 INTERFACE DESIGN ALIGNMENT

DMS 546/DMS 446 INTERFACE DESIGN ALIGNMENT PLACE RELATED THINGS ALONG AN IMAGINARY LINE ALIGN ITEMS OF EQUAL IMPORTANCE INDENT SUBORDINATE ITEMS

DMS 546/DMS 446 INTERFACE DESIGN PET SUPPLIES  BEDS  CAGES  BOWLS & FEEDERS PET FOOD  CATS  DOGS  FISH  BIRDS  SNAKES STORE LOCATIONS  UNITED STATES  CANADA INVESTOR INFORMATION PRIVACY STATEMENT

DMS 546/DMS 446 INTERFACE DESIGN CONSISTENCY

DMS 546/DMS 446 INTERFACE DESIGN CONSISTENCY HIGH DEGREE OF UNIFORMITY IN LAYOUT WITHIN A PAGE ACROSS PAGES

WHEN WOULD YOU BREAK THIS RULE?

DMS 546/DMS 446 INTERFACE DESIGN CONTRAST

DMS 546/DMS 446 INTERFACE DESIGN CONTRAST WHEN YOU DECIDE TO MAKE TWO ITEMS DIFFERENT FROM EACH OTHER MAKE THEM OBVIOUSLY DIFFERENT

DMS 546/DMS 446 INTERFACE DESIGN The Exhibition We accept electronic files of works which can be reproduced by the organizers like as digital prints, light boxes, video objects/installations and video projections. The organizers are going to challenge the interior environment of the international terminal of «Koltsovo» airport. Visually the exposition will be represented by numerous round spots of lights «floating/hovering» free in the airport cubage. Participants Any artists working in the field of new media are invited.

DMS 546/DMS 446 INTERFACE DESIGN The Exhibition We accept electronic files of works which can be reproduced by the organizers like as digital prints, light boxes, video objects/installations and video projections. The organizers are going to challenge the interior environment of the international terminal of «Koltsovo» airport. Visually the exposition will be represented by numerous round spots of lights «floating/hovering» free in the airport cubage. Participants Any artists working in the field of new media are invited.

DMS 546/DMS 446 INTERFACE DESIGN The Exhibition We accept electronic files of works which can be reproduced by the organizers like as digital prints, light boxes, video objects/installations and video projections. The organizers are going to challenge the interior environment of the international terminal of «Koltsovo» airport. Visually the exposition will be represented by numerous round spots of lights «floating/hovering» free in the airport cubage. Participants Any artists working in the field of new media are invited.

DMS 546/DMS 446 INTERFACE DESIGN The Exhibition We accept electronic files of works which can be reproduced by the organizers like as digital prints, light boxes, video objects/installations and video projections. The organizers are going to challenge the interior environment of the international terminal of «Koltsovo» airport. Visually the exposition will be represented by numerous round spots of lights «floating/hovering» free in the airport cubage. Participants Any artists working in the field of new media are invited.

DMS 546/DMS 446 INTERFACE DESIGN The Exhibition We accept electronic files of works which can be reproduced by the organizers like as digital prints, light boxes, video objects/installations and video projections. The organizers are going to challenge the interior environment of the international terminal of «Koltsovo» airport. Visually the exposition will be represented by numerous round spots of lights «floating/hovering» free in the airport cubage. Participants Any artists working in the field of new media are invited.