2D Design Color Theory User interface design. Before even thinking about colors - 2008.

Slides:



Advertisements
Similar presentations
The Role of Color in Design Just FACS. Warm Colors Warm colors: red, orange, and yellow –Red and orange conveys the most warmth –Warm colors are suitable.
Advertisements

Goldfrapp – “A&E’ Study and creation of the CD Sleeve Chiara Bullo – Graphic Design BTEC diploma Lev 3.
Theming for V12 Revolution
Hello Art 8! Something to write with Your color theory worksheets Please get out:
Drawing and Painting Fun (4th) - Colour splotches -
Newspaper Photography. Journalism made a drastic change in 1936 with the publication Of “Life Magazine”. It was in “Life” that photos were used to tell.
First concept: This is the first concept of a colour is having a dark header as the logo that has to be used which is provided. This has got black for.
Principles of Design Design: the process of organizing visual elements and the product of that process © Charné M. Tunson Enterprises
INFO 424 Week 4 Take-Home exam assigned Friday Due the following Wednesday (I will assign a grade as feedback, but it won’t count toward your final grade)
Hue Hue is somewhat synonymous to what we usually refer to as "colors". Red, green, blue, yellow, and orange are a few examples of different hues. The.
Part 4: Evaluation Chapter 20: Why evaluate? Chapter 21: Deciding on what to evaluate: the strategy Chapter 22: Planning who, what, where, and when Chapter.
Do’s and Don’t Of Web Design BY Julia Butterfield.
Photoshop Evaluation Kristy Ma 10E. DEVELOPMENT Step One I first found a picture of me that I wanted to use as my album cover. I chose this one because.
PREPARING PUBLICATIONS Using Color in Publications.
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.
Simulating Milankovitch Cycles Derek Fox Client: Prof. Hollocher - geology dept. Advisor: Prof. Hemmendinger.
The Lines and Colors of Life. How does it feel when you see disorderly things? What do you feel when you observe orderly and pleasant arrangement of structures?
Basic Colors from which all other colors are made. These 3 colors are equally spaced.
Elements of ART Line, Shape, Space, Form, Texture, Color, Value.
Image Manipulation in Photoshop C.Palazzi - CDL. C. Palazzi -Image manipulation in Photoshop 2 Open your image Open an image in Photoshop, or paste an.
Lesson 13 – Color and Typography. 2 Objectives Discuss basic color theory. Understand the color wheel. Understand how color is presented on a computer.
The use of a variety of media, processes, and subject matter to communicate ideas, feelings, experiences, and stories. art.
PRIMARY COLORS: red, blue, yellow SECONDARY COLORS: The colors created from mixing an equal amount of 2 primary colors.
Photo Editing Terminology. EXPOSURE Exposure controls the lightness in a picture.
 The “Potrait of Juliette Courbet (1844)” was painted by Gustave Courbet. This artwork is a painting. This portrait is a painting of Gustave’s sister.
COLOR An exciting ELEMENT of ART Hue Value Intensity COLOR HAS THREE DIMENSIONS OR QUALITIES:
COMPANY PUBLICATIONS Using Color in Publications.
Animation for Teaching High Contrast Between Colors Distinctive Colors Black Red, Green, Yellow, Blue, Black, and White Click here to view elements of.
The elements of art the ingredients. the elements of art line shape form color value texture space.
CSC/FAR 020, Computer Graphics, September 24, 2014 Dr. Dale E. Parson Outline for week 5.
COEN/ELEC  What is prototyping  Why prototyping  Types of prototyping  Advantages of each  Recommendations  Incremental Development? 2.
Color These are random examples of color which I found interesting.
Web Design. 5 Characteristics of Good Web Design.
Laboratory & Portable Carton Testers. >> Product Background Developed by Newton Industries Newton Acquisition in September 2012 Cerulean 1 st production.
 Lecture 6 Lecture 6: Bitmap and Raster Images Adjustment Layers in Image Manipulation Software And Visual Design Principles.
Effective PowerPoint Presentations. Do’s Do’s & Don'ts Don'ts.
A Closer Look at Game Theory: The Hat Puzzle By Julia Greenberger.
Using Color in Publications. Color in a publication can: Elicit feelings Emphasize important text Attract attention Choose one or two colors Use “spot.
Chapter 5 Color in Digital Media © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible.
FLAT UI James Marquis. What is Flat UI?  Design theme for Bootstrap  Minimalistic approach to design  Uses bright colors, flat illustrations, clean.
Color Theory & the Color Wheel. A Color Wheel How do we “see” color?
Color and Color for the Web First, discuss idea of color (some overlap with lecture on HVS) First, discuss idea of color (some overlap with lecture on.
Effective Power Point Presentations. Use Presentation Aids to: Help audience understand Help audience understand Concisely express ideas Concisely express.
X = Y. Direct variation X 1 X = Y 1 Y 2.
INTRODUCING CSS What CSS does How CSS works Rules, properties, and values.
The basics of color theory Photo 1. Hue: The name of a color (green, blue, red, etc)
COLOR DESIGN’S MOST EXCITING ELEMENT. Hue Value Intensity COLOR HAS THREE DIMENSIONS OR QUALITIES:
Lesson 13 – Color and Typography. 2 Objectives Understand basic color theory. Understand the color wheel. Understand how color is presented on a computer.
Chapter Ten Essential Image Enhancement. Evaluate the Image Use full screen (press ‘F’) in Photoshop to view the whole image Check exposure (histogram.
Color Theory. Hue and Value "Hue" is the specific name of a color, red, yellow, blue (primary colors). ”Value” refers to the lightness or darkness of.
COLOR An exciting ELEMENT of ART Which depends on REFLECTED LIGHT.
Compare and Contrast.
COLOR THEORY AND ACCESSIBILITY NICOLE ROTH ENGH 507 SPRING 2016.
Human Computer Interaction Slide 5
Elements and Principles of Design
DESIGN’S MOST EXCITING ELEMENT
Extreme Makeover, Web OPAC Edition
Color Schemes.
Colors.
Color Basics.
Pengkayaan Materi: Guidelines, Principles, and Theories -> COLOR
Using Color in Publications
Windows 10 Windows 10 Customer Support Call At:
Color in Fashion.
Set A Picture As a Slide Background in PowerPoint 2007
s Secured2 Beyond Encryption LOGO VARIATIONS: DO’s
Quotable quotes.
Select the polygon lasso tool and draw round an area where you want to change the colour. Complete the shape so you get matching ants round it. Select.
The Role of Color in Design
Volcanoes and so much more!
Presentation transcript:

2D Design Color Theory User interface design

Before even thinking about colors

Trying to apply what we learned

Varying hues

Opacity and Brightness change

Deciding which triad colors to use for controllable interface parts

Not really knowing which one to go with

Decided to make the whole change to the background to make things easier to read

Final Version

Actual final version

Making Background Hue change to see the whole in different contrast

Monochrome try + opacity brightness variation + background contrast