Color Pickr Ben Atkins. Why? Many webmasters and other people struggle with picking colors for projects and designs. Many webmasters and other people.

Slides:

Advertisements

Similar presentations

Demonstration on Photo Upload for Student Identity Card 2. Click the tab Services for New Student in AIMS 1. Use your EID to log into AIMS, which is located.

Advertisements

COLOR. PURPOSES OF COLOR Attention Mood ATTENTION Color is rarely helpful to convey information Color can draw attention (Flowers and bees) Careful demands.

PHP and CSS to control web apps styles. CSS is used to style today’s web applications.

M2 – Explain the tools and techniques used in the creation of an interactive website. By Arturas Vitkovskij.

Theming for V12 Revolution

1 Color Theory. 2 What is Color Theory? Premeditated use of color.

How do I know which colors to use?. Let ’ s start with the Basics…

Color Schemes. Neutral Neutral color schemes can be easier to live with than with vibrant color schemes. True neutral colors are black, white and shades.

Color Schemes. System of organizing colors Color Schemes help unify an image. Double Compliment Triad Complimentary Monochromatic Split - Compliment Analogous.

Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%

The Collections Keeper A collections management system Brian J. Mullen.

Evaluation in Digital Media Graphics Basic Concepts.

Good & Bad Websites. From WEB 1. Submit one bad or ugly web site or web interface. This is ugly website because there are.

Designing for Web stuff you need to know before you start.

Web Design, 3 rd Edition 3 Planning a Successful Web Site: Part 1.

The Color Wheel CD-ROM™ Color Theory in Action. Easy to Use From a single screen you can: Learn Color Relationships, Mix Colors and Learn Color Theory…

What is Web Design The term “web design” has come to encompass a number of disciplines, including: Visual (graphic) design User interface and experience.

Mood Painting giving life to emotions through A Nonrepresentational painting giving life to emotions through A Nonrepresentational painting.

Complementary Color Scheme- Using only two colors that are straight across the color wheel from each other to create a painting. You can also use shades.

By Ellen Liebenow. Objectives To enhance my knowledge of website designing Learn through experimenting Learn more about Applets Create a fun and interesting.

1 CS 3870/CS 5870 Static and Dynamic Web Pages ASP.NET and IIS.

Training Course 2 User Module Training Course 3 Data Administration Module Session 1 Orientation Session 2 User Interface Session 3 Database Administration.

1 CS 3870/CS 5870 Static and Dynamic Web Pages ASP.NET and IIS.

© 2011 Delmar, Cengage Learning Chapter 9 Collecting Data with Forms.

CSE3310: Web training A JumpStart for Project.

Class Instructor Name Date. Classroom Tips Class Roster – Please Sign In Class Roster – Please Sign In Internet Usage Internet Usage –Breaks and Lunch.

What is Museum Box? A Museum box is a way of presenting information that allows you to create a cube project that can be shared with others. You can use.

Pi In The Sky (Web Interface) Gaston Seneza Philander Smith College, Little Rock, AR SIParCS Intern Mentors: Dr. Richard Loft & Dr. Raghu Raj Kumar 1.

Web Development. Presentation Design Visualizing your web site or Visual Design.

JRN 302: Introduction to Graphics and Visual Communication -Color - Kuler demo Thursday, 9/24/15.

Color Wheel Assignment On the back of your color wheel poster  Top Left Corner should be Your Name – Fashion Essentials – Period  List the primary colors.

CS Session 2 1 Color Theory September 22 nd, 2008.

Website Usability presentation by Pasha Souvorin for Georgia Pathway in Advanced Web Design evaluating and planning for web design.

Jonathan Rile Brandon Strickland Dr. Leslie Cottrell Dr. Roy Nutter.

Chapter2 Webpage Editing Tool Dreamweaver 8. Vacabularies Website 网站 Webpage 网页 Layout 布局 Hyper-link 超级链接 Frame 框架 Template 模板 Promote 发布.

CIS133: Internet Development Week 2. Agenda  Homework Review  MYSCC  FTP  HTML Code  In-class  Lab / Homework.

The Color Wheel. Complimentary Colors Because they’re so opposite, they often work best when one is the main color and the other is an accent.

Why are links important to a website? Web Design Course.

GOAL User Interactive Web Interface Update Pages by Club Officers Two Level of Authentication.

Louisa Lambregts, Louisa Lambregts

Teacher Web Page Creation Eileen Musselman. Log on to Muhlenberg’s Intranet Click Submit button.

Keenan Adamson Supervisor: Dr Bill Tucker.

Cyberspace Image: Secrets of Internet Marketing Duncan Herrington Radford University Phone (540) Fax (540) URL.

And Uploading Documents.  Pick between the databases  PBWorks PBWorks  Wet Paint Wet Paint  Most classroom sites are with pbworks.

Introduction to Dreamweaver. What is it?  An Adobe program to graphically create and manage Web sites. It often referred to as a GUI ---Graphical User.

Art for New Media 1 - Sketchbook: Look through past examples of the Dreamweaver Practice Gallery on the class website. Pick one that you think.

Understanding Web-Based Digital Media Production Methods, Software, and Hardware Objective

CSE3310: Web training A JumpStart for Project. Outline Introduction to Website development Web Development Languages How to build simple Pages in PHP.

CS491B Software Design Lab Project Report Yuet-Chi Lee California State University, Los Angeles.

Images were sourced from the following web sites: Slide 2:commons.wikimedia.org/wiki/File:BorromeanRing...commons.wikimedia.org/wiki/File:BorromeanRing...

XP Creating Web Pages with Microsoft Office

Elements of Design.

LESSON 4 Module 4: Working with Images Navigation Tools.

Elements of Design.

Zhi Liu Dec.7th IA and Design

Applying the Color Schemes

Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%

Color Generation Color Picking PHP and MySQL

HTML and Geocities.

3.00 Understanding the Adobe Dreamweaver interface. (12%)

Color Quiz Review.

Web Site Development Careers

Colors: Yellow, Violet, Red, Green Color Scheme name? Colors:

Colored Pencils and Colorless Blender

Dreamweaver Prepared by: Lily & John

Presentation transcript:

Color Pickr Ben Atkins

Why? Many webmasters and other people struggle with picking colors for projects and designs. Many webmasters and other people struggle with picking colors for projects and designs. People often have an idea of one color they want to base their theme around. People often have an idea of one color they want to base their theme around.

Related work Looking at other sites and projects with similar ideas. Looking at other sites and projects with similar ideas. Colourlovers.com, etc. Colourlovers.com, etc. Adobe Kuler Adobe Kuler

User Interface Flash interface Flash interface Very Flexible Very Flexible

Color Generation Tinting formula Tinting formula Shading formula Shading formula Complimentary color scheme formula Complimentary color scheme formula My formula (‘Pickr algorithm’) My formula (‘Pickr algorithm’) Soon: Might try to implement split- complimentary or triadic color generation. Soon: Might try to implement split- complimentary or triadic color generation. Complimentary ColorsSplit Complimentary Colors Triad Colors

MySQL Database Saving user data and uploading images Saving user data and uploading images Complex table structure; tables interact with each other Complex table structure; tables interact with each other

Future/Finishing plans A system to apply it to a sample web page allowing a user to preview before using A system to apply it to a sample web page allowing a user to preview before using Possible automatic CSS generation Possible automatic CSS generation

Evaluation of work Submitting generated color themes to existing communities. Submitting generated color themes to existing communities. For the future – how much it is used by people. For the future – how much it is used by people.

Questions?