The InDiCo Graphical User Interface (15') Antoine Vivet > Designer Free-lance for L O N G U E - V U E (design agency) The « InDiCo Guide line » will be.

Slides:

Advertisements

Similar presentations

Electronic Presentation Guide 2015 VLSI Test Symposium.

Advertisements

Polycom VSX 7000 User Guide Module 1: Planning the Conference.

Principles of Graphic Design with some background on Web 2.0 styles.

Good Websites. 2. Submit one good web interface. This website is a good because of it usability and appears of the website.

Euroavia münchen replace „international“ with the name of your city (use master layout)– e.g. euroaviasanfrancisco The EUROAVIA standard powerpoint presentation.

Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.

Chapter 2 Web Site Design Principles Principles of Web Design, 4 th Edition.

Why planning? In order to make a successful project good communication is key! The process of planning and designing a project involves many people from.

WEB DESIGNING Prof. Jesse A. Role Ph. D TM UEAB 2010.

The Elements of Graphic Design. Function - Give structure and carry the work.

•The Company Signature

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

GRACE | Kick off Meeting | Angeli di Rosora, 22 nd -23 rd July 2010 GRACE inteGration of pRocesses and quAlity Control using multi-agEnt technology.

System Analysis & Design Chapter VII: User Interface Design Providing interactive and easy to use interfaces is an important task of system designer using.

Title of the Study People Who Did the Study Organizations and Affiliations A poster should be self-contained and self-explanatory, allowing different.

1 Technical Communication A Reader-Centred Approach First Canadian Edition Paul V. Anderson Kerry Surman

Novartis Brand Essentials Most important aspects of the Novartis corporate brand design at a glance April 2012 Update Content reflects ECN approved corporate.

BASIC PRINCIPLES OF DESIGN DESIGN, MULTIMEDIA, AND WEB TECHNOLOGIES (DMWT)

Creating an Attractive Site How will your site look. Think about what your customers are seeking and what type of Web site they find attractive.

1 Web Basics Section 1.1 Compare the Internet and the Web Compare Web sites and Web pages Identify Web browser components Describe types of Web sites Section.

Designing with Type DIM. Design Relationships Concordant—occurs when you use only one type family, without much variety in style, size, weight, and so.

Chapter 2 Web Site Design Principles

Web Site Design Principles

1. 2 OVERVIEW First Impressions Content Purpose Design Distinction Closing.

Presented by groups 7 & 8 (Jen, Julie, Sue, Eric, Huguette & Mark) Website Development.

Patterns, effective design patterns Describing patterns Types of patterns – Architecture, data, component, interface design, and webapp patterns – Creational,

STEPS IN THE WEB DESIGN PROCESS A 5 minute presentation on the latest Ideas and methods.

April 2014 – Cannes, France. Presentation Guidelines Specs for electronic slides Schedule.

Icons, links and buttons We have a unique icon design principle. Our icons are based on the same irregular circle shape with a clear graphic pictogram.

G053 - Lecture 07 Designing Your Web Pages Mr C Johnston ICT Teacher

“E.M.M.E.” project – 1 st Transnational Meeting – Rome, 16th -17th March 2009 Communication plan - Visual Identity E.M.M.E. E.M.M.E. - European Managerial.

Technology Vocabulary By: Kayla Perdue. Data Computer data is information processed or stored by a computer. This information may be in the form of text.

Visual Texts. What is a visual text? A visual text is a text in which the image plays a major role in the audiences’ response. Although visual texts make.

Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.

Introduction to Web Page Design. General Design Tips.

Adobe Illustrator.  Graphic design can be thought of as a visual language that is used to convey a message to an audience.  A graphic design is a visual.

The InDiCo Graphical User Interface (15') Antoine Vivet > Designer Free-lance for L O N G U E - V U E (design agency) The « InDiCo Guide line » will be.

“My Guilt” and a collage ELA “My Guilt” (pages , Elements of English 10) 1. Based on your reading of the poem, determine when and where this.

Accessible power point presentation template To be used by staff in departments.

Rachel Wion Possible Portfolio Samples. Idea: Add visual weight such as color to show the message Adjust the placement of the text inside the shape.

Enhance Your Website Using Design Elements Objective: The students will understand that basic design principles are used to enhance the visual appeal of.

Say What? Building a Digital Communication Strategy.

Corritore, MCIT Working Connections, June Introduction to Visual Design Dr. Cindy Corritore Creighton University ITM 734 Fall 2005.

Interface Design 2 Week 2. Interface Design 2 :: Week 2 :: Calendar.

Design Principles 3.02 Design Principles revised 9/24/09.

Thesis Presentation IV – Fall Midterm Review NewMediaArts art 127 :: graphic symbolism week 6 :: b.

Technical Communication A Practical Approach Chapter 13: Graphics William Sanborn Pfeiffer Kaye Adkins.

Year 8 Web Design Project Your task is to design a 3 page website for a school extra-curricular club of your choice. It maybe one you attend such as rugby,

How to create a visually appealing, and yet informative poster.

THE ART OF IDENTITY LOGOS

Web page design. Web Site Design Principles Design for the Medium What is meant by Hyper Media? Hypertext links.

Introduction to Interactive Media 09: Good Design is CRAP.

introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.

By: Your Name ELEMENTS OF WEB DESIGN. VISUAL APPEAL Optimization of Graphics, for people to stay on your website, your pictures have to load out as soon.

TECM 3200 Dr. Lam. Project 1: Designing/developing a professional website  Web design process  Content on the web  Laying out your website.

YOUR PRESENTATION TITLE HERE! YOUR PRESENTATION TITLE HERE!

Head Line Here MD. SHAHADAT HOSSAIN MD SHAHADAT HOSSAIN 10 Tips for Designing Icons.

YOUR PRESENTATION TITLE HERE! YOUR PRESENTATION TITLE HERE!

Chapter 2 Web Site Design Principles

This is your presentation title

THIS IS YOUR PRESENTATION TITLE

Chapter 19 Presentation Design

East Africa Resilience Innovation Hub Web Development Proposal

Define phase Interview the client to understand goals, audience, content, design, and delivery requirements. Organize and outline interview information.

Layout - you need to understand that a simple navigation bar:

Chapter 19 Presentation Design

Introduction UI designer stands for User Interface designer. UI designing is a type of process that is used for making interfaces in the software or the.

Accessible power point presentation template

THIS IS YOUR PRESENTATION TITLE

Assignment 3 – Visual Principles Paula Pulley

Presentation transcript:

The InDiCo Graphical User Interface (15') Antoine Vivet > Designer Free-lance for L O N G U E - V U E (design agency) The « InDiCo Guide line » will be introduced along with further details about the Indico visual identity standards 15h April 2004

Analogy > Work with puzzle pieces : A - The InDiCo Logo Combination inside a team. Element of a meeting. The puzzle piece symbolises the point of appointment. The puzzle piece moving to a human figure.

Analogy > the round table for a meeting : A - The InDiCo Logo The ring or the circle symbolise the meeting. Around a subject, around a point.

Analogy > Freedom to communicate : A - The InDiCo Logo InDiCo like a bridge instead of people. Feel of lightness.

Analogy > strong structure : A - The InDiCo Logo The font should symbolise the methodology and the hierarchy. Integrated Digital Conference. Analogy to the circle table with round font Radiant around a circle or the world. Focus on the light, on the white.

The way for a choice : A - The InDiCo Logo The puzzle piece is a little more figurative and narrative. « InDiCo » by text is more efficient and simple. Each ideas are inside the number 12 > circle, light, meeting, links

The choice : A - The InDiCo Logo This proposition could be resizing and stay very clear in a very small size. 3 colors for 3 words. The dark grey is highly visible, « CO » is the symbole of conference like a table shape. It’s also two lines who adjoin. The bleu symbolise the numerique world « IN » and « DI »

The guide line : A - The InDiCo Logo Multi supports The INDICO logo could be used in differents shapes. With a dark back ground like the INDICO bleu. The size could be move The identity of INDICO if necessary could be existe without text. Only like a coconuts symbol. The size in that case will be very small.

The Web site : B - The Guide line for the INDICO web site The new INDICO identity shall adopt the Agenda Maker usability level. The user for the Agenda Maker will feel confortable working with the New INDICO release.

1 - Home page B - The Guide line for INDICO web site Sreens from the INDICO Website developed by the CERN. A real ergonomic work was necessary to simplify reading. To create a hierarchy between each elements of information. To put breathing to introduce by a white space before a visual. Introduce the web site with a visual who sum up the subjet, Meeting and conferences. What size for title and text ? What colour for the active link and How to accentuate an important information in the text.

2 - Pictographic specification (for guide line) B - The Guide line for INDICO web site The pictograms used a grammary espacialy designed for INDICO. A structural hierarchy was developed for the new pictograms system.The design very small used the technical shearing. The active icons are always orange or bleu inside a menu (simple events, Meeting, conference) The roll over and none active state are negative in bleu. Active pictograms could be white if the back ground is grey.

3 - Logo, and colors B - The Guide line for INDICO web site The other elements of the system include a colour matrix and Logo size for Internet

4 - Conference page B - The Guide line for INDICO web site The same familly design for the other pages. Special space between two letters contribute to the design.

5 - Gestion page B - The Guide line for INDICO web site The same familly design for the other pages. Informtions connection in series.

6 - Model for a partner page B - The Guide line for INDICO web site The user or the partner could be create a web site with InDiCo technologie. The INDICO identity integrete a design from the partner in demand and with the most freedom as possible for him.

7 - Guide line for partner page B - The Guide line for INDICO web site

8 - General Guide line > Fonts, size, for the page make up. B - The Guide line for INDICO web site By the end, find the guide line who describe all graphics for web site. Thank you very much for your attention.