Sketch is the program all the big companies and start-ups use. Learn how to master it from a beginner all the way to a advance user. This course will teach you how to get started and have you designing apps and websites in no time. Learn all the quick techniques, how to's, layouts, and if you're a adobe user no worries you'll catch on in no time since a lot of things are almost the same.
Not only will you learn how to use the program, but I will guide you how to design wire frames like you would in a real design position. From there you'll take those wireframes and turn them into stunning visual designs. You'll also learn how to write annotation like a design to actually prepare files for hand off to a developer or client. Finally, we will learn how to prototype in invision and turn your flat designs into interactive designs.
A explanation and walk through of how sketch came to be.
Learn how to set up a project from mobile, to web, to a custom project
Learn how to use the basic tools of sketch such as shapes, lines, and artboards.
A heavy adobe user? Used Photoshop and Illustrator?
Transition to sketch is very simple as a lot of things are similar (ex. Hot Keys).
Art-boards will make your life easier, Learn how to use art-boards with the following;
Pages and layers are new pieces added to sketch learn how to:
Built in Templates. Learn how to use/find Sketches Pre-built templates.
Learn how to use:
Learn how to simply create a layer.
Work faster and keep layers organized with symbols.
In Sketch layers you're now able to find layers within your canvas by hovering over a layer.
What are symbols? Ease, They are pieces you can edit and be applied across the board all at once.
Make changes to a symbol without going into it.
Learn how to create a symbol within a symbol and have the change be applied to multiple symbols.
Sometimes when we work in projects we need to break a symbol to make them different from the overall style.
We dive in and get to know what UX Design is and how to Wireframe.
Find out the different between designing basically or with detail.
NOTE: If you'd like to use the elements I have please grab the logo here. It's Free.
We are going to wireframe out a login screen from scratch and use all the techniques we learned from our basic section.
Taking more techniques from earlier we learn how to create profile screen. This will include using Symbols and saving time with them.
So we designing two screens a Login and a Profile, so now its time to connect the dots and figure out how to wireframe the rest.
We will learn and take our basic wireframe and build it up into a hifi wireframe.
Note: If you'd like to follow along download the assets here.
If and when it comes to handing off a design to developers there will have to be some notes written in a particular way for them to understand. Learn how to write that language with easy.
Learn how to take a wireframe to the creative stage of Designs (Part 1)
Learn how to take a wireframe to the creative stage of Designs (Part 2)
Learn how to take a wireframe to the creative stage of Designs (Part 3)
When creating a app or website, it's important to create different visual state of how a user would interact with the design. I show you how to achieve this.
Exporting never seemed to easy until now. There are many options when it comes to exporting. I show you how to do so in this lecture.
We finally finished the designs, Now it's time to take it to a prototyping stage. We will make our design come to live in a interactive FREE prototype.
As a special treat, here is a bonus to help you with time productivity.
Part of Invision's family of products this is a powerful plug in to help you in your design. With one click you can add, names, address, states, articles, headlines, and more.
A hidden secret, Looking to copy content from a redesigned site, look no further, Invision can copy text and image straight to your artboard.
Mike is a successful UI/UX designer. He grew up in California. He received his BFA in Graphic Design from the Savannah College of Art and Design. He has studied art and design since he was seven.
He's had clients that have ranged from NY Red Bulls, Sony's: The Amazing Spider-man, Coors Light, AMC's Breaking Bad, Powerade, Verizon, Jeep, and more.
His specialty is UI/UX, Branding, Corporate Identity, Poster Design, Logo Design, Package Design, Web Design, Concept Design, Matte Painting, Photography and Art Direction. He is the founder of the website exhbit.
He has gained inspiration while traveling the world and recently wrote and published a book on his travels.
He's had articles written about him on 500px blog ISO as well as having a healthy portfolio of work.
I've been in the design field for almost 7 years. I started out by designing for graphic services (Print design, logo, web design etc), but I discovered other ways I could earn a living through the art of design.
I started learning Photoshop when I was only 12. I kept up to date with it over time and became better at it. Then, I went to college and learned a lot more from a design stand point (Layouts, how to engage the users, color theory, and more) .
Eventually, I started freelancing, and I slowly realized this can be a profitable part time cash machine as well as making myself a better designer. I tested and tried the best ways of achieving certain Photoshop techniques (watched tutorials, read books, experimented). I'd start by mocking up 10 designs per day. Then I'd go back and constantly push and update the designs. It was a lot of work that went into the early mornings (the life of a designer), but I loved it. I was always thinking of new ways to design things. By doing this I became a better designer as you would normally in everything else, practice makes perfect!
I'm a efficient designing master and I know the best ways of creating stunning designs in the blink of an eye (especially web design). I choose how much money I want to make by managing my time and projects I want to work with.
I am also an entrepreneur: I started my first start up 2 years ago and it quickly became popular. I freelance constantly as well as working a full time job (Where does the time go!?).
Having so little time and so much to do, I still managed to make over $100,000 by working part time in Photoshop and Sketch (this doesn't not include in my full time salary, which is another $100k). You can learn from my personal experiences and start earning a living.