Design Concepts

Design Concepts online course
Course Name

Design Concepts is currently looking for an instructor to teach this class. If you, or someone you know, is interested in teaching with please visit for more information.

Do you see yourself as a non-creative individual? Do you want to learn to effectively understand design? Do you want to learn how to see the world around you with new eyes and have the ability to create sharper and more successful websites and graphics from the ground up?

This course will teach you the basics of design and help get you on the road to creating, designing and implementing solid designs for the web! In this introductory course, basic design thinking, theory and practice will be explored in an easy to absorb, fun and relaxed environment.

Students will begin by understanding and implementing the foundations of design: the basic elements and principles of design. These elements and principles are applicable to all design mediums such as architecture, art, graphic design, photography, print and web design. Special emphasis will be given to the application of these principles and elements, along with color and typography, to the medium of web design.

For students who have not had formal training in design, this course will bring them up to speed with the fundamentals of design, while learning how to apply these concepts to web and graphic design. For students who have received previous design training, this course will offer new techniques, tips and tricks, and new ways of thinking of design fundamentals while applying these concepts to the electronic mediums of web design and graphics for the web.

Applicable Job Roles: web designers, graphic designers, and webmasters.

Week 1: Defining design, an introduction and history of design, and the first set of elements and principles of design
  • Defining design.
  • A brief introduction and history of design.
  • Principles and elements: Understanding the differences.
  • Understanding the first set of principles of design: unity/variety, hierarchy, proportion, and scale.
  • Understanding the first set of elements of design: shape, space/whitespace, line, and size
Week 2: The role of a designer, differences between web and print design, and second set of elements and principles of design.
  • Discussion: The role of a designer in the construction of functional website.
  • Discussions: Design is a process that has a clear beginning and end.
  • A brief synopsis of the differences between print and web design.
  • Understanding the second set of principles of design: balance, rhythm/repetition, proximity, and emphasis.
  • Understanding the second set of elements of design: color, texture/pattern, value, and typography.
Week 3: Exploring pattern and texture, classical rules of composition, and value.
  • Exploring and using texture and pattern.
  • Discovering the classical rules of composition Part I and Part II: (includes leading the viewer's eye, the use of grids in design, the use of a browser enhanced grid in design, proportions and the Golden Mean and the Rules of Third).
  • Understanding and implementing value.
Week 4: Creating and enhancing designs with color and typography.
  • Understanding the color models.
  • Exploring the technicalities of color.
  • Working with color creatively.
  • Typography Basics - Understanding typography and using it creatively.
Week 5: Solidifying a design concept, generating ideas, design tips and breaking the rules.
  • Brainstorming techniques.
  • Exploring and enhancing avenues of creativity.
  • Design tips for designs and graphics destined for the Web.
  • Learning how to break the rules of design.
Week 6: Finalizing the concept.
  • Putting the 5 weeks of work together by revising,polishing and presenting a final project, which consists of a design comp that utilizes the principles and elements of design, along with a cohesive color palette, typography, strong composition and creativity.
  • Peer evaluation.
Beginning knowledge of Photoshop, GIMP (the GNU Image Manipulation Program), Fireworks or Paint Shop Pro is recommended. We go through the actions of putting a site design together throughout the course of the class. The more familiar you are with your graphics program, the more success you will have in this course.
Software: Students will need access to a graphics program that can handle layers such as Photoshop (full version, Elements or LE), GIMP, Paint Shop Pro or Fireworks. Please make sure that any trial versions of software do not contain save, feature or time limitations that can impede in your completion of the course.
Course Books
No Textbook Required
Course Price
  • Member Price: $100 US
  • Non-Member Price: $200.00 US
[Register Now]

Additional Information:
Your place in the course is confirmed by your payment. Introductory courses are intended for students with no experience in the subject matter and are seeking beginner level training.

Refund Policy: Please read our "Terms and Refund Policy" before registering for this course.

Additional Cost: Book and software migh be required for the course. Read the Requirements and Book section for more information. Course fee does not include the book and software cost .

Start Date: Click on the Register Now button to process to the registration page. You will see the start date of the class on that page.

How eClasses Work:Instructors post lectures, reading selections, and hands-on assignments once a week in the online classroom. Students can discuss the assignments with the instructor and amongst themselves in the classroom area. This format has no set meeting time, which allows students to attend class at a time most convenient to them, yet still provides logically organized communication between class participants. Students can apply for the completion certificate after finishing the class. Web Study certificate is also available. Click on the Certificates link on the top navigation bar for more information.


Register Now

Before you register for this class, please read carefully the Outline, Prerequisites, Requirements, Books, and Refund Policy sections.

4 Web Study Certificates

 Valid XHTML 1.0 Transitional  Valid CSS!  Level Triple-A conformance icon, W3C-WAI Web Content Accessibility Guidelines 1.0

Introduction to Dreamweaver Online CourseDreamweaver Online CourseBuilding Data-Driven Websites Course
Web Videography CourseIntroduction to Microsoft Excel - Online CourseDigital Market Research Course
Contracting Your Services - Online CourseBlog Content Writing Course - OnlineWeb Content Writing Skills Course
DNS Administration CourseGoogle Web Analyics CourseWordpress Theme Design Course
Wordpress Content Management CourseDrupal Beginner CourseProject Management Training Course
Joomla Training CourseWeb Design Legal Issues CourseInteractive e-Survey Strategies Course
Search Engine Optimization CourseWebsite Promotion and Marketing Course - OnlineEmail Marketing Course Strategies
Social media Marketing CourseInternet Marketing Strategies CourseWeb Design Concepts Training Course
Web Design Course Training OnlineResponsive Web Design Training CourseIntroduction to Bootstrap Training Course
Introduction to Photoshop CC CourseAdobe InDesign CourseAdobe Illustrator Online Course
Mobile Web Design Online CourseHTML5 Online CourseCSS3 Online Course
Introduction to Sass Online CourseWeb Animation with CSS and JavaScript Online CourseSQL Using MySQL Online Web Training
SQL Server Online CoursePHP Online CoursePHP Online Course
JavaScript for Beginners Online Web TrainingJavaScript Level 2 Online CoursejQuery Web Programming Online Course
PHP Online CourseJavaScript for Beginners Online Web TrainingXML Web Programming Online Course