Design Concepts

Design Concepts online course
Class Name

Design Concepts

Do you see yourself as a non-creative individual? Do you want to learn to effectively design and create sharper and more successful websites and graphics from the ground up? This course will teach the basics plus a whole lot more to 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.

Outline
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.
Prerequisites
Introduction to HTML H101 or equivalent experience with HTML. Beginning knowledge of Photoshop, Fireworks or Paint Shop Pro is recommended but not required. We do 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.
Requirements
  • Approaching the Learning Process: Students will gain an understanding of design and its implementation by participating in discussions, reading, written lectures and assignments that are built upon as the course progresses. Weekly lessons will include analysis of websites that make use of the basic principles and elements of design. Examples of experimental website design and more conservative website designs will be studied as well.
  • Software: Students will need access to a graphics program that can handle layers such as Photoshop (full version, Elements or LE), 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. Knowledge of HTML coding along with an HTML editor such as Dreamweaver, Notepad, BBEdit, Arachnophobia, HomeSite or similar program will be needed to create a personal site where all assignments and class notes can be uploaded to, and accessed by, the instructor and other students.
  • Student Commitment: This course will cover a lot of material and it does require a serious commitment of time and energy both from students and the instructor. Students should have enough time in the week to absorb the following within the given deadlines: Experiment with new techniques, complete weekly labs, and read weekly lectures, book material and additional resources. It is not advised that students plan a vacation or heavy workloads during this course.
  • Programming: Students must be familiar with basic file management, how to run and navigate a computer, basic HTML, and uploading and downloading files via their web space control panel or an FTP program. Assignments will be posted via a web site generated by the student. If you are not familiar with HTML, it is advised that you take the H101 Introduction to HTML 4.0 class or that you use a WYSIWYG program such as Dreamweaver.
  • Web Space (Server): Students must have a web space where they can upload their personal site and assignments. Ideally you should avoid web spaces that support banner ads or pop-up adds as this adds code to your pages. If you do not have a web space, try your ISP first as many provide a small amount of space with your monthly fee. If yours does not, there are a number of free services that are available on the net. A good place to look for free web space is www.freewebspace.net.
Class Books

Highly Recommended Exploring the Elements of Design [
]
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

  • Member Price: $100 US
  • Non-Member Price: $200.00 US
  • Web Course No: D300
  • Instructor: Astrid Garcia
  • Co-instructor/TA:
  • CEUs: 3
  • Duration: 6 weeks
  • Session Open for Registration
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!  Valid CSS1!  Level Triple-A conformance icon, W3C-WAI Web Content Accessibility Guidelines 1.0

Intro to DreamweaverAdvanced DreamweaverBuilding Data-Driven Websites with Adobe Dreamweaver
Advanced Adobe FlashIntro to FlashAdobe Fireworks
Adobe Flash Level IIWeb VideographyContracting Your Services
Intro to Apache AdministrationBlog and Article WritingWeb Content Writing
Intro to DNSIntro to UNIXIntro to Web Analytics
WordPress Theme DesignIntro to WordPressIntro to Drupal
Project ManagementIntro to Joomla!Intermediate Joomla!
Logo DesignWebsite Project ManagementLegal Issues for Web Designers and Content Managers
Search Engine OptimizationWebsite PromotionEmail Marketing and Strategies
Social Media MarketingIntro to Designing Accessible WebsitesDesign Concepts
Intro to Web DesignIntro to Adobe MuseMobile Application UI Design
Photoshop Level 1Photoshop for the WebPhotoshop Retouching
InDesign Level 1Adobe IllustratorAdobe Illustrator Level 2
Intro to Adobe Edge AnimateIntro to HTMLHTML Level 2
Mobile Web DesignHTML5 IntroIntro to Cascading Style Sheets
Intermediate CSS WorkshopCSS 2.1 in DepthIntro to CSS3
Intro to XHTMLIntro to Database DesignIntro to SQL (Using Access)
Intro to SQL (Using MySQL)MySQLIntro to SQL Server
Intro to Programming ConceptsIntro to PHPShopping Cart Using PHP and MySQL
Intro to JSPIntro to ColdFusion Web DevelopmentIntermediate ColdFusion
Intro to JavaScriptIntermediate JavaScriptIntro to AJAX
Intro to jQueryJava for Non-ProgrammersProgramming in Java - Intro
Intermediate Java ProgrammingIntro to PerlIntro to C#
Intro to ASP.NET Web Development with C#Intro to Visual Basic.NETIntro to ASP
Intermediate ASPIntermediate ASP.NET Web Development with C#Intro to Web Security
Intro to XMLIntermediate XMLIntro to Android App Development
Intro to Game ProductionIntro to Game Design and DevelopmentIntro to Flash Game Programming
Intro to C++ Using GamesIntro to Windows Game Programming Using C++3D Game Programming Using DirectX