2 This software calculates the readability of all the text in an advertisement: headline, body-copy based on different user distances, taking into consideration.

Slides:



Advertisements
Similar presentations
Objectives Build and modify an organization chart.
Advertisements

How to create a PowerPoint Presentation Where do you start Click on the icon on your screen that resembles the one on the below.
Band Name You should design a new logo for your band, using suitable software. Size should be no bigger than 15cmX15cm.
Theming for V12 Revolution
© 2011 Delmar, Cengage Learning Chapter 13 Preparing Graphics for the Web.
Designing a Poster Difference between content, layout and styles Miss Allgar.
Difference between content, layout and styles Miss Allgar
Design Elements of a Web Page. Focal Point Each page should have a focal point to attract the viewer. This can be one large picture or a headline, a combination.
Key Stage 3 National Strategy ICT Communication: text and graphics.
Creating a Portfolio Website Phillips. Go to wix.com.
Click to edit Master title style A tool designed to provide useful information and assist Propex Plus Partners!
Use a Large Bold Type for the Main Title Use Smaller Type for the Subtitle. Above type is 96 pt, this type is 66 pt Make Authors’ names smaller. This is.
INFO 6002 Assistive Technologies and Universal Design Accessibility and Usability Evaluation Chaohai Ding Msc of Web Technology
Typography-- Using Text Typography -- Using Text There are two basic types of fonts: Sans Serif Serif.
Web Technologies Website Development Trade & Industrial Education
Create Your Own Webpage. Fun with images Today we’ll cover –Working with images Including an image on your page Making the image a link Editing images.
1 6.0 Drawings for Electrical Systems It’s an easily used software programme for designing and estimating electrical systems for residential and.
 street/ street/  Type text & download sign. (or use snipit)
HTML presentation Embedding Graphics in Web Pages n HTML uses an empty tag called the (image tag) n n n or n n n Note: all web production tools do insert.
Applications for Web Development (CIS 162) Intro to Photoshop.
Inspiration 7.5 A Tutorial.
Aim: What is a typeface? Mr. Spaterella Technology Dec. 1.
Microsoft ® Office Excel 2007 Working with Charts.
Chapter 4 Working with Frames. Align and distribute objects on a page Stack and layer objects Work with graphics frames Work with text frames Chapter.
Chapter 3 - Photoshop® Elements Outline 3.1 Introduction 3.2 Image Basics 3.3 Vector and Raster Graphics 3.4 Toolbox Selection Tools Painting.
Working with Themes, Quick Parts, Page Backgrounds, and Headers and Footers Lesson 7.
How to Use the Tools in Adobe InDesign CS3 for Yearbook Designing Layouts From Paper to Computer Layout.
Text characteristics. Size Text size is measured in points Which text size would you choose?
Photoshop Image Slicing. Reasons to Image Slide To create links out of sliced images To optimise different areas. (flat areas of colour, such as logos,
© 2011 Delmar, Cengage Learning Chapter 4 Working with Frames.
Paper 3 Unit 15 – Web Authoring Software Choices Graphics Exporting Graphics Creating CSS RGB Colour CSS – Body, Table and TD Border Collapse Tables -
Designing a Web Page Layout Using a Professional Bitmap & Vector Graphic Editing Suite 1IT: Web Technologies – Design a Web Page Layout 2 Copyright © Texas.
The first thing you need to do is log in. This is what the “Log In Screen” looks like. Remember to get teacher permission and login information prior.
Attention-grabbing headline Studies have shown that ads have about 3 _______________ to grab attention. The headline should be the first element the ________________.
Headline: Font: Franklin, Size: 29, Bold. White SUBHEAD: Font: Franklin, Size: 29, Style: regular. Colour: light grey. Condensed: 0.8pt If additional agency.
Desktop Publishing Lesson 5 — Enhancing Publications.
Introduction to Layers GIMP User Manual. What is a Layer? Every image in GIMP is made by combining one or more images called Layers laid on top of each.
Copyright © Texas Education Agency, All rights reserved.1 Web Technologies Creating a Navigation Bar.
Advancing the Ontario Stroke System January 2014.
Unit 15 – Web Authoring Web Authoring Project.
Higher Desktop Publishing (DTP)
Permeability (% of Control)
Permeability (% of Control)
Chapter 19 Presentation Design
Creating Ilfracombe Arts College Advert.
Unit 2.1: Identifying design elements when preparing graphics
Personalisation One of the great things about Windows phones is the many ways you can personalise your handset to suit your use. Here are a few! Making.
Layout - you need to understand that a simple navigation bar:
Tips To Choose The Best Color For Billboard Advertising.
Chapter 1 Editing a Photo
Module 6: Creating Web Pages and Working with Channels
Chapter 19 Presentation Design
1 2 3.
Summer 31: Web Authoring A trainee has started to create a single stylesheet to be used with the website. The stylesheet was not finished and contains.
Working Knowledge Training
Different font styles used for every word
Visual Literacy.
<Author(s) Name and Affiliation>
Write down 3 things you know about website banners.
Learning How to Create an Online Interactive Poster using
Web4Labels 3.1 Colour and logo definition features
To be able to create my first advert, I needed an image to go along of the bottom of my advert. I decided to use an image that match the colours on my.
Use a Large Bold Type for the Main Title (80 pt):
Permeability (% of Control)
Use a Large Bold Type for the Main Title (80 pt):
Use a Large Bold Type for the Main Title (70 pt):
Permeability (% of Control)
Use a Large Bold Type for the Main Title (70 pt):
Working Knowledge Training
Presentation transcript:

2 This software calculates the readability of all the text in an advertisement: headline, body-copy based on different user distances, taking into consideration for each element: the font size, graphics style and colour contrast with the background. Readability Calculation

3

4 The Layers panel lets you select the element to be analysed. If the logo is composed only of text, VIVID allows it to be evaluated. According to which element is chosen, a window opens on the right with all the evaluation parameters.

5 Readability calculation of a TEXT

6 When the analysis focuses on text elements the panel is called a Text tool which automatically recognises font, style (light - regular - bold - black), upper or lower case and colour of the selected text layer. With VIVID it is possible to intervene on all the elements recognised by the Text tool panel.

7 By analysing font family, style, upper and lower case features, and size we obtain a first parameter of readability (in the example m) By adding colour analysis, we get a second parameter of readability. Step 1

8 If the Recalculate button is used, VIVID analyses the quality of the contrast between the font colour and its background and positions it on a scale of values from 0 to 10. Step 2 This analysis allows the readability calculation to be weighted by also considering the colour contrast between font and background. So we obtain a new, more complete, readability value.

9 If the value is insufficient for good readability it is possible to act on all the parameters to obtain the necessary indications to make the changes.

10 Readability calculation of a LOGO

11 It is possible with VIVID to analyse the readability of logos with text content too and not just graphics signs.

12 When analysis focusses on graphic elements the Selection tool panel is activated. Free tool lets you calculate the readability of a logo. You do it by selecting the top to bottom height of the logo, the font style and colour of the logo and its background. This gives us the readability value of the logo (in the example m)

13 Colour contrast OPTIMISING COLOURS

14 Font colour choice can lower the degree of readability even when its size is suitable for reading.

15 VIVID allows you to choose a different colour which allows you to obtain maximum readability.

16 VIVID allows you to choose a different colour which allows you to obtain maximum readability.

17 Once a chosen colour gives satisfactory results for good readability you can proceed with changes to the executive.

18 Exporting data

19 The Export button lets you save an image with the readability data for each element analysed.

20 A few examples

21 BEFORE AFTER BILLBOARD x 300 cm.

22 BEFORE AFTER STREET FURNITURE x 180 cm.

23 BEFORE BILLBOARD x 300 cm. AFTER

24 BILLBOARD x 300 cm. AFTER BEFORE

25 BEFOREAFTER BUS ADVERTISING x 70 cm.

26 BEFORE AFTER STREET FURNITURE x 180 cm.

Some clients who use our analysis tools