Design For Coders

Improve the look and effectiveness of your web sites, mobile apps and digital media by learning the rules of design
3.9 (27 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.
682 students enrolled
$20
Take This Course
  • Lectures 45
  • Contents Video: 3 hours
    Other: 12 mins
  • Skill Level Beginner Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 8/2013 English

Course 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.

What are the requirements?

  • PC or Mac

What am I going to get from this course?

  • 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

What is the target audience?

  • Coders
  • Web Developers
  • Web Designers
  • Programmers
  • Students
  • Anyone who needs to learn to design!

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Foundations
04:24

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

04:45

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

02:57

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

1 page

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

Section 2: Color
04:14

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.

03:13

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

04:11

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.

1 page

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

Section 3: Typography
05:51

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

03:44

Joseph describes styles and families of fonts.

06:37

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

1 page

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

Section 4: Audience
05:11

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.

08:05

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

04:21

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.

1 page

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

Section 5: Layout
04:52

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.

05:59

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

03:35

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

05:56

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

1 page

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

Section 6: Medium
03:54

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

03:15

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.

09:48

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

1 page

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

Section 7: Graphics
08:39

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.

07:06

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

07:16

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.

1 page

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

Section 8: Motion and Sound
05:20

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

12:17

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.

1 page

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

Section 9: Interactivity
03:41

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.

03:51

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

03:06

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.

1 page

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

Section 10: UX: User Experience
05:43

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

08:07

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.

03:31

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.

1 page

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

Section 11: Consistency
03:47

In this video, Joseph goes through some examples of uniform websites and explains the importance of not just seeing your website as a collection of individual pieces, but how those pieces fit together as a whole.

04:16

Joseph explains how using an element more than once serves to reinforce the purpose of that element and helps everything work together.

07:16

This video sees Joseph running through some examples of good consistent design, which is important in helping your user easily understand your design and how it functions.

1 page

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

Section 12: Bonus Lecture
Article

Here's some bonus material to help you continue learning.

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Joseph Caserto, 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.

Instructor Biography

LearnToProgram, Inc., 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.

Ready to start learning?
Take This Course