Learn Current User Interface (UI) Design Techniques
Learn to design websites for mobile phones, tablets, and desktops using the visual design principles of color, layout, and typography.
Visual conventions, standards, industry trends, web typography, grid systems, calls to actions, appropriate use of color, and much more will be covered through lectures and hands-on practice, giving you experience with the process and principles for designing responsive websites.
You will design and produce one or more projects in class to come out with portfolio material. Your work will be critiqued and you’ll get feedback to help improve your designs.
This is a design class in which you’ll use Sketch, Adobe XD, or Photoshop, so you’ll need to feel comfortable using one of those apps.
In this hands-on course you’ll work on real-life designs such as logos, digital graphics, responsive web designs, and more. Classes are led by a professsional web and visual designer. Small class sizes and personalized feedback will ensure you come away with great design skills and portfolio material.
“Great class. Coming from a development background with knowledge of Sketch and some basic graphic design concepts, I was able to relate to Dan's helpful and insightful feedback while working through the class website project. He provided suggestions covering a wide range of design elements - content, gestalt principles, typography, color, photo elements, the overall feel, etc.”
Gained insightful feedback and learned design concepts in Visual Design for Web & Mobile.
“Having some knowledge in visual design, I wasn't sure if I needed this course but decided to take the leap. It was a fantastic course than gave me more insight toward visual guidelines, ideas and strategies that I have already put into place the day after class. I recommend this class to anyone looking to gain more knowledge in this field.”
Completed the visual design bootcamp course
“My professional experience up to this point has been primarily print based so when I learned Noble Desktop had a web and mobile class geared toward visual designers, such as myself, I immediately signed up and was very pleased with the results. The three day course offered an in-depth overview of visual theory, communication design, technical processes, industry practices and standards as it relates to cross platform web design. The assignments were pertinent, engaging and offered an opportunity to learn from fellow classmates. The course instructor was a highly effective instructor, attentive to each student and extremely knowledgeable. I would recommend this class to others seeking to make a positive career change.”
“Classes content is very wide, full of import tips and details that help you improve your work. It's totally worth it!”
“If you want to break into web / digital design, this is a great way to break the ice and dive in.”
“The Visual Design bootcamp is a must for anyone getting into the UI field. Dan Rodney is a great instructor with lots of knowledge and enthusiasm. I learned a great deal in a short period of time. Very happy I decided to go with Noble Desktop.”
We provide computers (Mac or PC) equipped with Sketch (Mac only), Adobe XD, and Photoshop. Choose your operating system at checkout.
In class you will be designing a website, so we encourage you to come with a concept (or real-life project) in mind. If you do not have one, the instructor will help you brainstorm ideas or will provide you with project ideas you can choose from. If you want to work on your own website design project, please collect as much content (text, images, logos, etc.) as you can ahead of time, and bring that to class so you’ll be ready to work!
What is the focus or goal of this course?
This course covers visual design theory and techniques and helps participants develop and apply skills to projects. This course does not focus on how to use any particular design application.
If you are interested in learning professional design apps (Sketch, Photoshop, and Illustrator) in addition to developing portfolio projects (which you do in this class), we recommend our Visual Design Certificate Program.
Is there mandatory work outside of the classroom?
If taken during the day, no work outside of class is required.
If taken at night or on weekends, some work outside of class could be required.
Do you offer discounts or a payment plan for this course?
10% Alumni Discount: Get 10% off this course if you’ve previously taken any 12+ hour course.
$100 Individuals Discount: Take $100 off this course if you’re an individual paying for yourself (you’re not being reimbursed by a company).
Discounts are applied at checkout (no promo code required) and will be verified after you place your order. Discounts are subject to change. Read our discount policies for more details.
This course is not eligible for a payment plan, which is only available for programs priced at $2,495 and above. Read our Payment Plan FAQ for more details.
Take this course as part of a certificate program and save:
Student getting feedback from a professional web designer
Personalized Design Feedback
“Great class. I was able to relate to Dan's helpful and insightful feedback while working through the class website project. He provided suggestions covering a wide range of design elements - content, gestalt principles, typography, color, photo elements, the overall feel, etc.” Harteg Wariyar, Software Developer, Feb 15, 2018
Students working on their visual design portfolio
Create Portfolio Projects
Create wireframes and web designs that can be added to your portfoio. Throughout the class, your work will be critiqued and you’ll get feedback to help you improve your designs.
Students graduating from the Visual Design certificate
Photoshop has been around the longest and is used by many web designers. It is a photo editor with web design features added on, so some web designers are turning to other apps such as Sketch and Adobe XD which were created solely for the purpose of visual and UX design.
Sketch is a Mac only app that many web designers are using, and more people every day are switching to it. Not only can you create your designs (for website, apps, etc.), but you can even turn them into working protoypes to show clients and do user testing with.
Adobe XD is a newer Adobe app that is very similar to Sketch. It’s an easy to use app that enables you do design and protype your ideas. Unlike Sketch though, it works on Mac and PC. It’s the newest of these apps, and is still continuing to develop rapidly.