Do you have a great idea for an app or website, but are completely lost when it comes to the layout and look? Treehouse has some great courses to get you started in design and courses on tools that help you along the way. Put your design hat on and check out these courses for creativity and inspiration.
Start learning to code today with a free trial on Treehouse.
1. Web Design Process
Going from a blank screen to a finished website can be daunting. In this course with Nick Pettit, you’ll learn about the major steps involved in designing websites. We’ll learn how to gather information, explore potential concepts, and iterate on a design. By the end, you’ll have the foundation you need to continue your design journey.
2. Digital Media Through Photoshop (newly released!)
Get started with creating your own digital media files. Setting up your documents properly before you start creating will be crucial for your end product. In this course with Shon Dempsey, we’ll learn what those considerations are as well as how to choose the right options. We’ll introduce the most prolific creative application Photoshop to set up our files, make some adjustments and come out the other end with a banner ad suitable for use on the the desktop and mobile as well as print. This course is perfect for anyone looking to get started with design or photography.
3. Adobe Illustrator for Web Design
Using a project-based learning approach to Illustrator’s core features, walk through the process of designing a simple website beginning with making a wireframe, and then using that wireframe as the basis for creating a page mock up for mobile and desktop platforms. Along the way, use the basic drawing and shape tools to create an illustrated graphic logo. And with responsive web design in mind, we’ll utilize the benefits of both scalable vector graphics (SVGs) and CSS export capabilities.
4. Prototyping in the Browser
Before you design a website, it’s important to have some kind of a plan or a wireframe to guide your efforts. But sometimes when you go from a simple sketch to digital pixels, the results aren’t exactly what you expect. When you work with real HTML and CSS, and you’re able to see your site on a real screens, you’re able to see a more accurate representation of the final result. In this course, we’re going to build a website prototype using the Bootstrap web framework.
5. Bootstrap 4 Basics
Go more in depth with Bootstrap in Guil Hernandez‘s latest refresh. You’ll learn to use the latest in Bootstrap 4, one of the most popular open source front end frameworks, to help you build a functional design and layout in little time.
6. Prototyping with Figma (newly released!)
In this course with Nick Pettit, you’ll learn how to build interactive and sharable prototypes in Figma, a web-based visual prototyping tool. You’ll create a prototype for a “prosumer” mobile photography app, and by the end, you’ll have a better understanding of how to create interactive prototypes that can be shared with project stakeholders and team members.