7 days of unlimited WordPress themes, plugins & graphics - for free!* Unlimited asset downloads! Start 7-Day Free Trial
FREELessons: 15Length: 2.5 hours

Next lesson playing in 5 seconds

Cancel
  • Overview
  • Transcript

1.1 Welcome to the Course

It's a pretty common approach to web design to have one person create the design of the site and another person go through and code up that design. And what's also pretty common is for a design that's intended to be coded up to look a little something like this. So this all looks very pretty, but there's actually a lot that's missing in order to be able to properly turn this into a coded up, fully functioning website. A design that's properly code friendly should actually look more like this. In here, we've got a lot more of kind of information that a coder really needs to take your design, your concept, and actually make it work on the web. This course is the first in a two-part series, one where we're gonna use Adobe XD to create a code friendly design, and another where we're going to use Avocode to take that design and code it up. In this course, we're gonna cover some of the most common things that designers tend not to be aware of, that really need to be included in the design in order for it to be a complete website design, and it's part of the process. We're also gonna cover some shortcuts that can help you speed up the process of making really cool designs for the web. We're also gonna bring in a little practical application of color theory, and we're gonna include a little bit of accessibility as well. Let's go ahead and get started on code friendly design with Adobe XD. I'll see you in the first lesson.

Back to the top