Copyright © 2004/5 Bolton Institute Colour Major issue with colour is poor selection Most non designers do not consider whether or not colours ‘go together’

Slides:



Advertisements
Similar presentations
Plone Redesign Michelle Heap Senior Multimedia Designer (Web) IT Services University of Leicester.
Advertisements

CSS. CSS, or Cascading Styles Sheets, is a way to style HTML. Whereas the HTML is the content, the style sheet is the presentation of that document.
Intro to Visual Communication - Colour Theory Colour Spectrum Colour Wheel Primary Colours Secondary Colours Complementary Colours Analogous Colours Split.
A Digital Imaging Primer Nick Dvoracek Instructional Resources Center University of Wisconsin Oshkosh.
Interactive communication design. For those with busy lifestyles and various working hours, Are now able to watch their favourite shows from Major broadcasters.
Communicating Information : Multimedia. Sights and sounds Combine all or some together and you get… multimedia.
Color Theory Using Color in Multimedia. Color Theory Color theory encompasses a multitude of definitions, concepts and design applications. All the information.
Multi-media Graphics JOUR 205 Color Models & Color Space 5 ways of specifying colors.
Copyright © 2005 Bolton Institute Exam Revision You exam will be on Tuesday 25 th January at 10am (at the moment – check the website for changes
Graphics File Formats. 2 Graphics Data n Vector data –Lines –Polygons –Curves n Bitmap data –Array of pixels –Numerical values corresponding to gray-
Designing Your Page Step 1: Design for a Computer Medium A computer screen is not a printed page. Readability changes depending on color, layout and format.
Web Page Design ECE 3940 Megan O’Byrne 10 September 09.
Making Meaning Visual Literacy AAD4002
Colors – part 3 K1066BI – Graphical Design Teppo Räisänen
Process of __________, arranging, & ______________ visual elements of art to accomplish or address a particular purpose  Elements of Visual Design 
Using colors in worksheet cells If you are doing a presentation using an Excel workbook, color can be a real asset. If you want to draw the audiences attention.
Bitmapped Images. Bitmap Images Today’s Objectives Identify characteristics of bitmap images Resolution, bit depth, color mode, pixels Determine the most.
Introduction To Graphic Design. What is graphic design? Graphic design is the process and art of combining text and graphics and communicating an effective.
Colour Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman
Color Theory. Why Study Color Theory? an understanding of color will help when incorporating it into your own designs. Do not base decisions on "it looks.
Color Theory in Web Design Web Design – Sec 2-2. Objectives  The student will: –Have a better understanding of effective use of color on the web. –Be.
June 2010 March 25, 2015 WIN 4 TICKETS TO “LOVE FROM A STRANGER” AT THE STATION THEATRE APRIL 16 Drop your business card into The Green Metroland Bag!
PBA Front-End Programming Colors – Theory and Practice.
CORE 2: Information systems and Databases COLLECTING AND DISPLAYING FOR DATABASE SYSTEMS.
07: Color in Interactive Digital Media
THE PROBLEM SOLVING PROCESS BDP301. Stages and Skills in the Problem Solving Process  The problem solving process has 3 stages: Problem finding, idea.
Lesson 13 – Color and Typography. 2 Objectives Discuss basic color theory. Understand the color wheel. Understand how color is presented on a computer.
Kevin Murphy Web Color Basics Masters Project CS 490.
Department of Information Technology Chapter 8 - Creating Hypertext links Lecturer: Ms Melinda Chung.
Images Data Representation. Objectives  Understand the terms bitmap & pixel  Understand how bitmap images are stored using binary in a computer system.
IS1824: Introduction to Internet Multimedia Lecture 7: Style 1 (Layout and Colour) Rob Gleasure
Images The Science of Images What is an Image on the computer? The Psychology of Images What do we use images for? What effect color has on our mood and.
Rainbow - colours in the eye  play with colours  use of colour  'physics' of colour  how we see colour  how computers do colour see also
Colour Theory Level 2 Art & Design.
Castlehead High School Safety, warning and information signs.
The Art of Graphic Design
Using Adobe ® Dreamweaver ® and Photoshop ® An Introduction PART ONE The design phase before launching Dreamweaver.
Rainbow - colours in the eye and on the screen who I am Alan Dix part-time Professor at Lancaster part-time entrepreneur at aQtive and vfridge
(c) John Dempsey, University of Central Lancashire Using colours.
Color Theory in Web Design Web Design – Sec 2-2. Objectives  The student will: –Have a better understanding of effective use of color on the web. –Be.
By: Ashley. Spot Color Spot color refers to the process of selecting text or a graphic object such as a circle and then adding a spot of color to it.
PRIMARY COLOURS Primary Colours: The 3 primary colours are red, yellow and blue. They are three colours that can't be made by mixing any other colours,
Color Theory. Which colours is white light made of?
Color Web Design Professor Frank. Color Displays Based on cathode ray tubes (CRTs) or back- lighted flat-screen Monitors transmit light - displays use.
ColourColour. The Colour Wheel The colour wheel is a colour circle, based on red, yellow and blue, is traditional in the field of art.
Resolution The resolution of an image is determined by the number of individually addressable points that make up the image, whether it is the number.
Review for Test Portion of the Art 10 Exam. Primary Colours: These colours make up all other colours. Red, Yellow, and Blue Complementary Colours: These.
1.02 Color Here we go AGAIN!. A chart used to choose colors—helps you choose colors that look good together. Color Palette.
PART TWO Electronic Color & RGB values 1. Electronic Color Computer Monitors: Use light in 3 colors to create images on the screen Monitors use RED, GREEN,
Web page layout in elegance.  Specific Designs for Target Audiences Consider your audiences tastes when creating your website.
Chapter 4. Colours… Let’s read the names of colours…
Chapter 3 Color Objectives Identify the color systems and resolution Clarify category of colors.
Writing Accessible Electronic Documents with Microsoft® PowerPoint
Lesson 13 – Color and Typography. 2 Objectives Understand basic color theory. Understand the color wheel. Understand how color is presented on a computer.
Color Theory. Primary Colors Colors that cannot be created by mixing others.
Images Data Representation.
Colour changing Yr6 Andy Warhol.
The Colour of Light: Additive colour theory.
(Font OCR A Std, Font style: Normal, Font Size: 110px)
GRAPHICS Source:
Step 1: Design for a Computer Medium
What do these words mean to you?
Color Combinations Design.
Colours.
Graphic File Format Skill Area
Common Barriers to Accessibility on the Web
BSI Symbols for Graphic Communication
Product Design: Graphical Design 2.
Colour Theory.
Year 8 Unit 2 Bitmap Graphics
Presentation transcript:

Copyright © 2004/5 Bolton Institute Colour Major issue with colour is poor selection Most non designers do not consider whether or not colours ‘go together’ Screen design is also a particular consideration Although we do not expect you to be a graphic designer we do expect you to have the fundamentals Colour can make or break multimedia and can say a lot about the product without the need for text

Copyright © 2004/5 Bolton Institute Colour Processing It is useful to look at how colour is produced so we can make good colour choices Printed media uses the 4 colour print process, spot colour and black and white ( it can use more but lets not confuse the issue) Moiré pattern

Copyright © 2004/5 Bolton Institute Colour Processing Screen based colour works slightly differently. Red Green Blue or RGB is the alternative colour palette for screen media, to behave in the same way traditional TV screens work

Copyright © 2004/5 Bolton Institute The Web Palette Indexed colour is another option and predominately referred to as the web based colour palette, normally distinguishable from the slightly pixelly nature. The reason for this is the 256 web safe colours

Copyright © 2004/5 Bolton Institute Colour and the emotive Layout is useful and we will look at this later but colour is more important It can convey emotion, lead us and tell us a lot about something without reading anything It give the impression of depth, which can be quite helpful on a 2 dimensional screen with lots of windows Follow some of the links on the website to look into complementary and contrasting colour

Copyright © 2004/5 Bolton Institute Colour and the emotive Colour can also show emotion through its symbolism

Copyright © 2004/5 Bolton Institute Colour and emotion Lets have a look at some colours and consider its effect.

Copyright © 2004/5 Bolton Institute Colour and emotion

Copyright © 2004/5 Bolton Institute Colour and emotion

Copyright © 2004/5 Bolton Institute Colour and emotion

Copyright © 2004/5 Bolton Institute Colour and emotion