Design For Coders
4.0 (28 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
724 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Design For Coders to your Wishlist.

Add to Wishlist

Design For Coders

Improve the look and effectiveness of your web sites, mobile apps and digital media by learning the rules of design
4.0 (28 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
724 students enrolled
Last updated 10/2016
English
Learn Fest Sale
Current price: $10 Original price: $20 Discount: 50% off
1 day left at this price!
30-Day Money-Back Guarantee
Includes:
  • 3 hours on-demand video
  • 1 Article
  • 11 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Understand line, shape and form
  • Understand the concept of space
  • Understand color, tone and texture
  • Understand color theory
  • Apply color modes
  • Use typographical lexicon
  • Understand font families, styles and classifications
  • Create designs with type
  • Effectively understand and design for audience
  • Create visual hierarchy in layouts
  • Organize content
  • Understand device differneces
  • Understand the role of bandwidth
  • Create effective buttons and links
  • Create cool icons
  • Utilize images effectively
  • Integrate motion and sound into design
  • Understand use of interactivity in design
  • Create intuitive rollover states
  • Learn to use wireframes
  • Learn to use repetition as a design element
View Curriculum
Requirements
  • PC or Mac
Description

Are there web sites that have a design you really admire? Do you wish you could create attractive and effective designs? Are you "design-challenged" and need to know the basics of creating good-looking web sites, mobile apps or other digital media?

You may never be a world famous designer, but you can design attractive, effective and high-quality digital media by understanding the foundations of design. If you're a one-person shop and have to create interfaces even though you are trained as a developer. this course is for you! If you're approaching design for the first time and need to be able to apply your new design skills quickly, you need to take this course.

In this exciting series of lectures and activities, expert designer Joesph Caserto will start with the foundations including line, shape, space, color and texture and apply the design foundations to every day digital work. You'll learn to create beautiful typography, learn to understand your audience , create effective layouts and examine motion, sound and interactivity.

With over 30 fascinating video lectures, multiple lab exercises, and fascinating insight from your instructor, you'll be creating designs that everyone will be talking about.

Who is the target audience?
  • Coders
  • Web Developers
  • Web Designers
  • Programmers
  • Students
  • Anyone who needs to learn to design!
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 45 Lectures Collapse All 45 Lectures 03:10:17
+
Foundations
4 Lectures 12:06

In this video, Joseph introduces the basics of shape and line in website design with examples from across the internet.

Preview 04:24

Joseph breaks down how to use space to your advantage in your design

Preview 04:45

In this video, Joseph explains how color, tone and texture can be used for organization, conveying a mood, and creating illusions in your design.

Preview 02:57

This is the Lab for Chapter 1. Please complete after watching the corresponding videos.

Chapter 1 Lab
1 page
+
Color
4 Lectures 11:38

Joseph explains briefly how color works from a scientific standpoint, and how color on our screens differs from color we see on paper or in objects.

The Science of Color
04:14

This video explains how designers use colors of light, and breaks down basic concepts of hue, saturation, and lightness

Basic Theory
03:13

Joseph goes through how coders and designers formulate colors into specific numbers and hex codes to use in HTML, CSS, and other areas of design.

Modes
04:11

This is the Lab for Chapter 2. Please complete after watching the corresponding videos.

Chapter 2 Lab
1 page
+
Typography
4 Lectures 16:12

In this video, Joseph goes through terms that are fundamental to understanding typography.

Basic Terms
05:51

Joseph describes styles and families of fonts.

Family, Style and Classification
03:44

In this video, Joseph delves into how to recognize type as a collection of shapes and space instead of simply utilitarian symbols, and how to use this perspective in designing typography

Designing with Type
06:37

This is the Lab for Chapter 3. Please complete after watching the corresponding videos.

Chapter 3 Lab
1 page
+
Audience
4 Lectures 17:37

Joseph explains how good design is heavily dependent on the viewer or user it is meant for, and why it is so critical to know who your audience is when you are designing.

Who is the user?
05:11

In this video, Joesph explains how to keep your user in mind when designing, and goes through some recent examples of useful designs.

Design for the User
08:05

This video goes through how to make your design give hints and glues to the user about how to use your interface, and how your can use feedback from an independent user to improve the functionality of your design.

Feedback
04:21

This is the Lab for Chapter 4. Please complete after watching the corresponding videos.

Chapter 4 Lab
1 page
+
Layout
5 Lectures 20:22

Joseph explains how you can use elements of design to guide your user to what they should see first or to help them find where they want to go as quickly as possible.

Establishing Visual Hierarchy
04:52

This video explains how designing grids, organizing sections by prominence and using space effectively help your user navigate your page.

Visually Organizing Content
05:59

In this video, Joseph explains the importance of the utility of your design over the specifics of how it looks.

Form Follows Function
03:35

Joseph explains how the importance of what is left out of your design can be just as important as what is left in.

Less is More
05:56

This is the Lab for Chapter 5. Please complete after watching the corresponding videos.

Chapter 5 Lab
1 page
+
Medium
4 Lectures 16:57

In this video, Joesph explains the importance of keeping in mind the many different types of devices your user could potentially be using.

Devices
03:54

Joseph goes through the circumstances out of your control, such as your users' connection speeds and device qualities, to keep in mind when designing your project.

Bandwidth
03:15

This video explains the concept of resolution, and keeping in mind how it varies from device to device.

Resolution
09:48

This is the Lab for Chapter 6. Please complete after watching the corresponding videos.

Chapter 6 Lab
1 page
+
Graphics
4 Lectures 23:01

Joseph explains how to effectively convey to your user which elements of your design are interactive and what those elements will do or where they will bring you.

Buttons and Links
08:39

This video explains what icons are in the context of web design, and what makes them intuitive and effective.

Icons
07:06

In this video, Joesph runs through some examples of effective imagery in design, and explains how they are used to convey information as well as text.

Images
07:16

This is the Lab for Chapter 7. Please complete after watching the corresponding videos.

Chapter 7 Lab
1 page
+
Motion and Sound
3 Lectures 17:37

Joseph explains how understanding what your user expects of the medium they are using can help your in your design process.

Expectations
05:20

This video goes through some fun examples of web sites and apps that use motion and sound effectively, and how your use of these techniques can make or break your user's experience.

Effective Usage
12:17

This is the Lab for Chapter 8. Please complete after watching the corresponding videos.

Chapter 8 Lab
1 page
+
Interactivity
4 Lectures 10:38

In this video, Joseph goes through some examples of web pages and apps with great interactive designs, which is an effective way to organize your content.

Organization
03:41

Joseph explains the importance of helping your user find content and get to it quickly and easily.

User Considerations
03:51

This video explains what rollover states are, how they can be a great and effective tool for navigation on a website, and why they must be avoided on tablets.

Rollover States
03:06

This is the Lab for Chapter 9. Please complete after watching the corresponding videos.

Chapter 9 Lab
1 page
+
UX: User Experience
4 Lectures 17:21

Joesph describes the techniques and importance of planning the organization of your content before delving into appearances and specifics.

Content Planning
05:43

Further explaining the importance of organization, Joseph goes through the concept of wireframing your site or app and setting it in stone before designing any appearances.

Wireframing
08:07

Bringing it back to the user once more, Joseph explains the importance of keeping in mind what the person using your website or app is there for and how to get them to the information they want as quickly as possible.

Usability
03:31

This is the Lab for Chapter 10. Please complete after watching the corresponding videos.

Chapter 10 Lab
1 page
2 More Sections
About the Instructor
Joseph Caserto
4.7 Average rating
213 Reviews
5,271 Students
12 Courses
Design Professional :: Educator :: Consultant

I'm Joseph Caserto, a design professional, educator, and consultant. I have over 20 years of experience as a publication art director and designer, and worked on the staffs of several national magazines before starting my own business. Since then, I've worked with many publications, including BusinessWeek, Marie Claire, PC, TV Guide, and Vibe. My projects have included helping to produce several issues of the iPad edition of Fortune, and consulting on the launch of Parents for iOS (Apple iPad) and Android (Samsung Galaxy).

I'm also an Adjunct Assistant Professor of Digital Communications and Media, at New York University, School of Professional Studies, Center for Advanced Digital Applications, Department of Design Digital Arts and Film. Formerly, I was an Adjunct Lecturer at the City College of New York, in the Art Department's Electronic Design and Multimedia Program. I have several online tutorials published, and have been a guest critic and speaker at Cooper Union, and SUNY Fredonia.

I've consulted with clients including FP Design, The Archdiocese of New York, and The Uniformed Firefighters Association of Greater New York to help them learn and maximize the potential of their software, and to explore graphic design principals.

I earned a BFA, with Honors, in Graphic Design from Pratt Institute, where I completed one of the first classes that explored graphic design produced with a Macintosh. I'm a member of AIGA, Freelancers Union, the Graphic Artists Guild, and The Society of Publication Designers. A lifetime resident of New York State, I've lived in Brooklyn since the late 1980s.

LearnToProgram, Inc.
4.3 Average rating
4,002 Reviews
141,441 Students
45 Courses
Learn Web, Mobile and Game Development

LearnToProgram Media is a leading publisher of web, mobile, and game development courses that are used by over 500,000 people in 65 countries. LearnToProgram's valuable network of technical resources includes content on YouTube, iTunes, and Roku, as well as books, free tutorials, and online courses.

With a mission of “teaching the world to code" LearnToProgram instructors are teachers first and technical experts second. Their primary skill is relating complex technical information to nontechnical people learning web, mobile and game development. The entirely online, self-paced sales model allows students to learn at their own pace.

With over 40 courses on the market, LearnToProgram offers students flexible programs in web development, mobile application development and game development. Currently the company's most popular online courses include Become a Certified Web Developer and 10 Apps in 10 Weeks.

The company is based outside of Hartford, Connecticut.