Get $1 credit for every $25 spent!

The Ultimate UI & UX Designer Bundle

Ending In:
Add to Cart - $24
Add to Cart ($24)
$800
97% off
wishlist
(17)
Courses
4
Lessons
154
Enrolled
161

What's Included

Product Details

Access
Lifetime
Content
2 hours
Lessons
29

How to Become a UX Designer

A Theory-Based Course for Anyone Who Would Like to Become a Designer

By Daniel Scott | in Online Courses

The idea of UX, or User Experience, is not new but continues to be a sore point for designers and end users. For those who can figure it out, it pays well more than graphic design alone. And, UX design uses skills you already have. Interested? Don’t have a clue what UX Design is or where to start? We’ve got the UX design training experience that’s going to open a whole new world, and better-paying work!

  • Access 29 lectures & 2 hours of content 24/7
  • Learn the relevant tools for UX designers
  • Find out how much a UX designer can earn
  • Understand how to research a UX project
  • Discover the difference between UI & UX
  • Know what the responsibilities of a UX designer are
  • Run your first user testing sessions & competitor research
  • Build user profiles & personas
  • Create wireframes & use InVision building mockups

Instructor

Daniel Walter Scott has spent a long time watching others learn and teach, to refine how he works with you to be efficient, useful and, most importantly, memorable.

Daniel is a certified Adobe instructor (ACI) in Ireland. He's also an Adobe Certified Expert (ACE) and has completed the Adobe Certified Associate training (ACA). He's been teaching for 14+ years and comes from being a media designer and content creator – so he understands exactly where you're at now.

Important Details

  • Length of time users can access this course: lifetime
  • Access options: web streaming, mobile streaming
  • Certification of completion not included
  • Redemption deadline: redeem your code within 30 days of purchase
  • Experience level required: all levels

Requirements

  • Internet required
  • Adobe InDesign required

Course Outline

  • Overview
    • Introduction - 1:27
  • Understanding the industry
    • 5 Phases for the UX designer - 4:38
    • UX can be broken into 3 fields - 4:35
    • UI vs UX - 1:52
    • How much can I get paid as a UX designer - 5:16
    • How to get your first UX project - 4:16
  • Objectives
    • Setting your objectives goals - 1:57
  • Research
    • Research introduction - 1:37
    • Competitor UX research - 1:19
    • UX Personas or user profiles - 16:20
    • Group exercise Creating Personas - 6:40
  • Mockups
    • UX feature list - 6:37
    • Group exercise Pairwise comparison - 5:31
    • UX card sorts Open & Closed - 6:57
    • UX wireframing tools - 7:28
    • Should you test your wireframes - 1:03
    • Moodboards Inspiration - 5:46
    • Tips for building amazing UI UX designs - 10:12
    • What tools can I use to build my UX mockup - 1:32
  • Testing
    • User testing tools - InVision - 8:34
    • Finding users for you UX testing - 9:09
    • Methods you can use to do a UX test - 10:17
    • More detailed UX testing - Ethnographic Eye tracking Expert review Diary Studies - 3:59
    • How many people do I need for my UX test - 1:16
    • What type of UX reporting will your be expected to do - 4:20
    • Why this could be you last UX project - ever - 3:45
  • Building
    • How should it actually be built - 1:34
  • Conclusion
    • Post project testing A B testing search bars & live chat - 8:11
    • How stay current in UX - 2:07

View Full Curriculum


Access
Lifetime
Content
5 hours
Lessons
42

UI/UX & Web Design Using Adobe XD

Create Beautiful User Interfaces & Streamlined User Experiences

By Daniel Scott | in Online Courses

In this course, you'll learn how to use Adobe XD to create User Interface (UI) and User Experience (UX). Through this project-based course, you'll get an in-depth look at how to create real UI/UX projects.

  • Access 42 lectures & 5 hours of content 24/7
  • Construct a good brief & UX persona
  • Learn to create simple wireframes & implement colors and images correctly in your designs
  • Build & prototype both a website design & a mobile design
  • Test on mobile phones
  • Learn professional workflow tricks & shortcuts

Instructor

Daniel Walter Scott has spent a long time watching others learn and teach, to refine how he works with you to be efficient, useful and, most importantly, memorable.

Daniel is a certified Adobe instructor (ACI) in Ireland. He's also an Adobe Certified Expert (ACE) and has completed the Adobe Certified Associate training (ACA). He's been teaching for 14+ years and comes from being a media designer and content creator – so he understands exactly where you're at now.

Important Details

  • Length of time users can access this course: lifetime
  • Access options: web streaming, mobile streaming
  • Certification of completion not included
  • Redemption deadline: redeem your code within 30 days of purchase
  • Experience level required: all levels

Requirements

  • Internet required
  • Adobe InDesign required

Course Outline

  • Overview
    • Introduction to Adobe XD - 2:02
    • Getting started with your Adobe XD project - 0:51
    • What is UI vs UX - User Interface vs User Experience - 2:08
    • The brief & persona for our real life project - 11:22
  • Wireframing Low Fidelity
    • Wireframing (low fidelity) in Adobe XD - 1:58
    • Working with existing UI kits in Adobe XD - 8:27
    • Working with type in your XD wireframes - 5:21
    • How to create forms, checkboxes & buttons in Adobe XD - 7:40
    • Free icons for your Adobe XD & UX UI projects - 14:48
    • Prototyping & adding interactivity to Adobe XD - 10:08
    • Production video - student views in Adobe XD - 3:14
    • How to make & use symbols in Adobe XD - 7:21
    • Using the repeat grid in Adobe XD - 7:22
    • Mocking up an App in Adobe XD - 8:34
    • How to use the XD App on iPhone & Android - 6:55
    • Production Video - Sign up screen & Dashboard - 10:46
    • Sharing Wireframes for comments in Adobe XD - 12:30
  • High Fidelity UI Design
    • Mood Boards & resources for Hi fidelity UI design in Adobe UX - 7:46
    • Why do you need a 12 column grid in Adobe XD - 1:56
    • How to create a 12 Column Grid in Adobe XD 2018 - 2:46
    • Working with colors inside Adobe XD CC - 5:30
    • Use Web safe fonts or iOS or Android specific fonts in Adobe XD - 8:43
    • How to use Character Styles in Adobe XD - 3:06
    • Creating realistic buttons in Adobe XD with paste properties - 5:39
    • How to draw your own custom icons in Adobe XD - 9:04
    • How to make a gradient & blur in Adobe XD - 2:10
    • The pros & cons for working with images inside Adobe XD - 3:38
    • Working with Illustrator, Photoshop & InDesign in Adobe XD - 8:34
    • How to mask in Adobe XD - 8:50
    • Production Video - Adding text fields & buttons in Adobe XD - 6:53
    • How to make a popup modal in Adobe XD with a blurred background - 4:23
    • Creating 12 column card dashboard using the repeat grid tool in Adobe XD - 23:00
    • How to make a mobile phone mockup with Adobe XD & Photoshop - 14:42
    • Make an APP version of your Adobe XD UX project - 14:39
    • Hidden features for Adobe XD Repeat Grid - 8:55
    • Advanced prototyping using buttons & dropdown menus in Adobe XD - 21:31
    • One more Prototype trick & faking depth of field for mockup - 7:33
    • UX User Testing in Adobe XD - 1:55
    • How to export images & code from Adobe XD for developers - 12:50
  • What Next
    • Class Project for Adobe XD - 5:07
    • Shortcuts & Cheat Sheet for Adobe XD - 11:49
    • Conclusion for Adobe XD training course - 2:13

View Full Curriculum


Access
Lifetime
Content
4 hours
Lessons
45

UI & Web Design Using Adobe Illustrator CC

Start Designing Sites That Look Good & Are Pleasant to Use

By Daniel Scott | in Online Courses

User Interface (UI) design plays a pivotal role in creating websites and applications that users find attractive and easy to use. As such, skilled UI designers can earn a pretty penny for their expertise. If you're interested in becoming one, you'll need to get up to speed with the vector graphics editing powerhouse known as Adobe Illustrator. This project-focused class will take you through building a professional portfolio website, get you up to speed with Adobe Illustrator and help you explore designing different versions for desktop, tablet, and mobile.

  • Access 45 lectures & 4 hours of content 24/7
  • Learn how to design a website using Adobe Illustrator
  • Discover the user interface essentials
  • Learn how to wireframe at all levels

Instructor

Daniel Walter Scott has spent a long time watching others learn and teach, to refine how he works with you to be efficient, useful and, most importantly, memorable.

Daniel is a certified Adobe instructor (ACI) in Ireland. He's also an Adobe Certified Expert (ACE) and has completed the Adobe Certified Associate training (ACA). He's been teaching for 14+ years and comes from being a media designer and content creator – so he understands exactly where you're at now.

Important Details

  • Length of time users can access this course: lifetime
  • Access options: web streaming, mobile streaming
  • Certification of completion not included
  • Redemption deadline: redeem your code within 30 days of purchase
  • Experience level required: all levels

Requirements

  • Internet required
  • Adobe InDesign required

Course Outline

  • Overview
    • Introduction - 1:54
    • Am I a UI UX designer now? - 1:14
    • UI Design Photoshop vs Illustrator vs Sketch vs InDesign vs Adobe XP - 3:23
    • What is Illustrator’s role when designing a website - 1:36
  • Getting Started
    • Download the exercise files, completed files & cheat sheet - 1:21
    • Getting your workspace & Illustrator preferences ready for UI work - 2:22
  • Planning
    • Sitemap vs Wireframe - 0:52
    • Creating a sitemap in Illustrator - 7:59
  • Setting up your first pages
    • What screen sizes to use for desktop, tablet & mobile web design - 7:06
    • What is a grid system & responsive mobile & tablet design - 4:39
    • 11 How to make a responsive 12 column grid in Illustrator (1) - 8:49
  • It all begins with Wireframing
    • Creating a wireframe - Low fidelity - hand drawn - 2:37
    • Creating a wireframe - High Fidelity - Illustrator - 10:01
    • Creating the Tablet and Mobile wireframes in Illustrator - 10:47
  • Designing your first page
    • Inspiration for your web design - 1:39
    • Starting your web design using Illustrator templates - 3:04
    • Bring in your vector logo to the layout - 5:33
  • Color
    • Color.Adobe.com - 3:45
    • Matching brand colors using Adobe Illustrator - 2:15
  • Fonts
    • Using the right web fonts Google Fonts & Typekit - 9:36
    • Production video - finalising nav, hero box and fonts - 5:54
  • Images
    • Free vs Royalty Free images - 5:44
    • Adding Linking Cropping & Masking images in Illustrator - 8:56
    • Washing out images in Illustrator with with coloured background - 6:15
    • How to use layers in Illustrator 2017 - 3:12
  • Creating symbols and icons
    • Using the Adobe Market for free icons - 3:39
    • Using Icon finder for free website UI social icons - 5:31
    • Align & distribute icons in Illustrator for web design - 2:31
    • How to adjust vector shapes in Illustrator - 7:01
    • Creating custom icons & logos using the shape builder tool in Illustrator - 10:06
    • Drawing icons & logos in Illustrator using the pen tool - 18:06
  • Creating mobile & tablet versions of websites
    • Creating a tablet version of our UI web design in Illustrator - 8:36
    • Creating a mobile responsive UI website design in Illustrator 2017 - 11:52
  • Exporting
    • Export your full page web ui mockups from Illustrator 2017 - 2:37
    • Should I be using SVG export in Illustrator 2017 for web design - 5:00
    • Exporting images and pictures from Illustrator 2017 for web - 8:10
    • Exporting logos and icons from Illustrator 2017 for UI - 6:26
    • Retina - HiDPI and responsive image export from Illustrator 2017 - 7:20
    • Exporting your UI for App design using Illustrator 2017 - 3:03
    • Exporting CSS for developers using Adobe Illustrator 2017 - 6:11
  • Working as a UI designer
    • Learning the language of UI user interaction design - 3:39
    • How to get your first work as a UI designer - 4:21
  • Next steps
    • Next steps to becoming an amazing UI designer - 1:54
    • Your first project - 3:33
  • Cheat sheet
    • Cheat sheet - 5:52

View Full Curriculum


Access
Lifetime
Content
3 hours
Lessons
38

Dreamweaver Templates & JavaScript Menus

Build a Portfolio Website Using Adobe Dreamweaver

By Daniel Scott | in Online Courses

In this beginner-friendly course, you'll learn how to use Adobe Dreamweaver and JavaScript by building a portfolio website from scratch. You'll employ a wide variety of crucial web development and design techniques that will help you develop a foundation from which to continue learning how to build websites.

  • Access 38 lectures & 3 hours of content 24/7
  • Learn to build a responsive portfolio website from scratch
  • Take a design from Illustrator & create a professional website
  • Use templates in Dreamweaver
  • Create mobile, tablet & desktop versions of the website
  • Build your own custom responsive navigation w/ burger menu
  • Get the most from your portfolio images

Instructor

Daniel Walter Scott has spent a long time watching others learn and teach, to refine how he works with you to be efficient, useful and, most importantly, memorable.

Daniel is a certified Adobe instructor (ACI) in Ireland. He's also an Adobe Certified Expert (ACE) and has completed the Adobe Certified Associate training (ACA). He's been teaching for 14+ years and comes from being a media designer and content creator – so he understands exactly where you're at now.

Important Details

  • Length of time users can access this course: lifetime
  • Access options: web streaming, mobile streaming
  • Certification of completion not included
  • Redemption deadline: redeem your code within 30 days of purchase
  • Experience level required: all levels

Requirements

  • Internet required
  • Adobe Dreamweaver CC 2017 or later required

Course Outline

  • Overview
    • Illustrator to Dreamweaver Tutorial Introduction. - 2:33
    • What we'll be building & resources for this course. - 1:56
  • Creating an HTML Website in Dreamweaver
    • Setting up Adobe Dreamweaver to create websites. - 3:13
    • How to create a new website in Dreamweaver. - 3:56
    • How to create a new HTML page in Dreamweaver & put in your logo. - 5:27
    • How best to preview your website in Adobe Dreamweaver. - 3:47
    • Moving tags around in Dreamweaver. - 3:29
  • Using CSS in Dreamweaver
    • How to create, edit & style your first CSS style sheet in using Dreamweaver. - 9:24
    • How to change or adjust the CSS styles in your Dreamweaver website. - 4:50
    • How to center your website in Dreamweaver using a container. - 8:05
  • Responsive Websites
    • How to make a website change for mobile cell phones & tablets using Dreamweaver - 8:06
    • How to test your Dreamweaver website on a mobile phone or tablet - 3:22
  • Mobile Navigation Menu
    • How to create a hamburger mobile drop down menu in Dreamweaver - 11:10
    • Using Javascript jQuery to make a mobile dropdown burger menu in Dreamweaver - 13:03
    • Styling our hamburger menu & getting our ul menu to stack side by side - 9:29
    • How to add different fonts to a website in Dreamweaver - 5:52
    • Fixing the style of the mobile burger drop down menu in Dreamweaver - 5:45
  • Adding Content
    • Planning for our Dreamweaver template - 2:21
    • Add a background image that is outside our main container in Dreamweaver - 7:38
    • How to use the HTML5 main tag in Dreamweaver - 4:14
    • How to add the HTML5 footer tag to a website using Adobe Dreamweaver - 9:51
  • Templates in Dreamweaver
    • How do I make a template in Adobe Dreamweaver - 3:43
    • How to create new pages based on a Dreamweaver template - 3:49
  • Adding Content
    • How to create a responsive hero box for our website in Dreamweaver - 8:25
    • Fix problems with div tags when you float left in Dreamweaver aka clearing the float - 9:09
    • How to add and change the styling of a horizontal rule HR in Dreamweaver - 2:36
    • How to create a button in Adobe Dreamweaver CC - 5:22
  • Responsive Content
    • Change fonts & spacing of a website for Tablet & Mobile sizes using Dreamweaver - 5:49
    • How to turn off parts of a website in different views like mobile or desktop - 6:39
    • How to create a responsive image grid in Dreamweaver - 8:26
    • How to make your images responsive in Dreamweaver to match the page size - 5:40
    • How to make different columns for desktop, tablet & mobile websites in Dreamweaver - 5:25
    • How to create a clearfix pseudo after class in Adobe Dreamweaver - 6:27
  • Other Pages
    • How to create & link new pages in Dreamweaver using templates - 14:21
  • Hosting & Analytics
    • How to upload your website to the internet hosting via Dreamweaver - 9:58
    • How to add Google Analytics to your Dreamweaver website - 5:55
  • What Next
    • What next in the Dreamweaver course. - 1:23
    • Dreamweaver class exercise. - 1:02

View Full Curriculum



Terms

  • Unredeemed licenses can be returned for store credit within 15 days of purchase. Once your license is redeemed, all sales are final.
×
Your Ad Blocker Is On!
Sadly, recent updates to your Ad Blocker are preventing crucial parts of our shop from loading. Frustrating. We know. We hate to nag, but please turn off your Ad Blocker or whitelist us to continue exploring our shop.