- Course Highlights
Gain the skills and credentials to kickstart a successful career in the technology industry and learn from the experts with this step-by-step training course. This UI Design Diploma Course has been specially designed to help learners gain a good command of UI Design Diploma, providing them with a solid foundation of knowledge to become a qualified professional.
Through this UI Design Diploma Course, you will gain both practical and theoretical understanding of UI Design Diploma that will increase your employability in this field, help you stand out from the competition and boost your earning potential in no time.
Not only that, but this training includes up-to-date knowledge and techniques that will ensure you have the most in-demand skills to rise to the top of the industry. This qualification is fully accredited, broken down into several manageable modules, ideal for aspiring professionals.
Course Curriculum
Course Curriculum
| Introductions | |||
| 1) Promo Intro Video | 00:04:00 | ||
| Setting Up Photoshop for UI Design | |||
| 2.2) Setting up Photoshop CC Preferences | 00:06:00 | ||
| 2.3) Color Profile Settings for ui design | 00:05:00 | ||
| 2.5) Creating Custom Shortcut Keys | 00:04:00 | ||
| 2.6) Installing scripts in Photoshop | 00:06:00 | ||
| 2.8) What area Photoshop Extensions | 00:07:00 | ||
| 2.9) Power of Photoshop Extensions | 00:09:00 | ||
| 2.10) How to install Extension in mac and win update | 00:16:00 | ||
| (Optional → Can watch at the end) Color Calibration and Monitors for Designers | |||
| 2.5-1 Color Calibration | 00:08:00 | ||
| 2.5-2 Monitor You Need-1 | 00:02:00 | ||
| 2.5 – 3 OS Based clor Calibration | 00:07:00 | ||
| Basics of Photoshop for Beginners | |||
| 00.Customize Toolbar | 00:04:00 | ||
| 01.how Photoshop interface works | 00:05:00 | ||
| 01.how Photoshop interface works | 00:04:00 | ||
| 03.what are artboards | 00:06:00 | ||
| 04.Layers Panel Part 1 | 00:06:00 | ||
| 05.Layer Panel Filtering And Finding Part 2 | 00:06:00 | ||
| 07.Type tool | 00:05:00 | ||
| 08.Character Panel | 00:07:00 | ||
| 09.Paragraph Panel | 00:04:00 | ||
| 10.New Shape Tool | 00:08:00 | ||
| 12.Deep dive in Pen Tool | 00:16:00 | ||
| 12.selections-april2017 New | 00:07:00 | ||
| 13.pen tool in web design | 00:04:00 | ||
| 14.Alignments | 00:06:00 | ||
| 15.common-shortcuts | 00:15:00 | ||
| 16.Clipping_Masks | 00:03:00 | ||
| 17.exercise_clipping_mask | 00:01:00 | ||
| 18.LayerMasks_HB | 00:05:00 | ||
| 19.smart_objects | 00:08:00 | ||
| 20.linked smart objects_Revised | 00:07:00 | ||
| 21.Layer comps usage | 00:06:00 | ||
| 22 Using Smart Guides In Photoshop-1 | 00:05:00 | ||
| Layer Styles Basics for UI Design | |||
| 1.Drop Shadow Layer Effect | 00:04:00 | ||
| 2. Inner Shadow UI Design | 00:02:00 | ||
| 3.stroke_effect | 00:03:00 | ||
| 4. Re-using layer styles | 00:02:00 | ||
| Gradients in Web and UI Design | |||
| 1.what.are.gradients | 00:02:00 | ||
| 2.uses.of.gradients | 00:04:00 | ||
| 3.3ways-to-create-gradients | 00:05:00 | ||
| 4.how to use gradient editor | 00:08:00 | ||
| 5.using-gradient-overlay | 00:06:00 | ||
| Using Patterns in Web and UI Design | |||
| 1.what are patterns | 00:02:00 | ||
| 2. two methods of applying patterns | 00:05:00 | ||
| 3.create Pattern From an Img File | 00:03:00 | ||
| 04. using .pat files in photoshop | 00:05:00 | ||
| Basics of UI Design | Light, Shadows, Color schemes & Typography | |||
| 01. How light and shadow works in UI Design | 00:04:00 | ||
| 01. How light and shadow works in UI Design | 00:02:00 | ||
| 3.color schemes for beginners | 00:02:00 | ||
| 4.getting scheme from logo and hsb | 00:01:00 | ||
| 5.online tools for color schemes | 00:07:00 | ||
| 6.how to choose fonts and typography | 00:09:00 | ||
| 7.Using Grids for Web Design | 00:06:00 | ||
| 8.Creating Grids In Photoshop | 00:06:00 | ||
| UI Design Exercises & Challanges with Step by Step solutions | |||
| 1.soft-shadow button challange | 00:01:00 | ||
| 2.soft_button_solution | 00:13:00 | ||
| 3.3d Button Challange | 00:01:00 | ||
| 4.Pressed effect in Photoshop | 00:07:00 | ||
| 5.modern pattern part 1 | 00:09:00 | ||
| 6.modern header design part 2 | 00:09:00 | ||
| 7.moder header design new variation | 00:09:00 | ||
| 8.color overlay header | 00:11:00 | ||
| 09 Gradienteffect Header Design-audiosynced | 00:13:00 | ||
| 9.Actual Exercise Transparent Image Header-1 | 00:13:00 | ||
| 10.tabs-intro | 00:01:00 | ||
| 11.tabs-part1 | 00:14:00 | ||
| 12.tabs-part2 | 00:08:00 | ||
| Image Editing 101 for UI Designers | |||
| 1.removing White Bg With Blending Options | 00:03:00 | ||
| 2.Spot Healing brush usage | 00:04:00 | ||
| 3.making Colors Pop in Photohsop | 00:07:00 | ||
| 4.magnetic Lasso Tool to remove background | 00:16:00 | ||
| 5.select And Mask Tool | 00:10:00 | ||
| IOS App Design : Exercise Iphone Food Deals App | |||
| 1.Gathering Resources IOS App-Design | 00:04:00 | ||
| 2.Lets Start The IOS App Design | 00:05:00 | ||
| 3.Adding Images To Design the App design | 00:06:00 | ||
| 4.Adding Text On App Screen | 00:06:00 | ||
| 5.Adding Phone And Book Now Buttons | 00:12:00 | ||
| 6.Using Mobile Mockups | 00:04:00 | ||
| UDEMY ONLY App Design Challane-exercise | 00:06:00 | ||
| BONUS: Dribbble styled Dashboard UI Design (Student Request) | |||
| 1.area graph base design | 00:04:00 | ||
| 2area graph grid | 00:05:00 | ||
| 3.adding text to graph area | 00:08:00 | ||
| 4.drwaing area graph with pen tool | 00:04:00 | ||
| 5.designing extras adding dots and hover info | 00:06:00 | ||
| 7.final Adjustments To Area Graph-1 | 00:10:00 | ||
| 8.area graph to line graph | 00:04:00 | ||
| 9.circular bar graph base shape.mp4 | 00:06:00 | ||
| 10.adding Gradients And Shadows To Circular Graphs-1 | 00:13:00 | ||
| 11.designing stats with text | 00:09:00 | ||
| 12.bar Graph Design In Photoshop Pt | 00:09:00 | ||
| 13.Bar Graph Adding Text | 00:06:00 | ||
| 14.Student-request-ciruclar-percentage graph | 00:08:00 | ||
| Wifreframes in UI Design + Ultimate Web Design Challange | |||
| 1.what Are Wirefreams | 00:04:00 | ||
| 2.Tools Used For Wireframes | 00:12:00 | ||
| Dribbble Shot Redesign Exercise → Student Request | |||
| dribbble redesig part 1 | 00:15:00 | ||
| dribble shot part 2 | 00:15:00 | ||
| Exercises : Form UI Design with Photoshop | |||
| 1.Base Of Login Form | 00:07:00 | ||
| 2.Form Fields Design | 00:12:00 | ||
| 3.Finishing Form Design | 00:12:00 | ||
| Pro Secret Tips and Tools for Designers and Developers | |||
| Converting psd to CSS | 00:06:00 | ||
| Exporting Images from Photoshop | 00:07:00 | ||
| Tips on Using Grids | 00:02:00 | ||
| Photoshop Features Updates and New Versions | |||
| 3.Match Fonts Cc2015.5-1 | 00:03:00 | ||
| Cc2018 Update-1 | 00:04:00 | ||
Don't just take our word for it
Amazing workshop.
Very informative for the freshers like me. Learned a lot of things about digital marketing. I'm really thankful.
Aarini Sinha 
It was a great experience. The course was jampacked with excellent information. And when I needed help, Skill-up helped me with technical problems instantly. Fast feedback.
Varsha Sivamohan 
I am currently signed on to several courses with skill up. I have just finished my second one. The courses are informative and good for all types of learners. I recommend them.
Judith Taylor 
The support team was FANTASTIC!!! Very quick to respond and even though I was nervous as I am not good at tests, they made me feel comfortable.
I am very grateful for the support
Charlie Anderson 
Completed the Level 3 Mental Health Support Worker course, very good and highly recommend it.
Very good course, enjoyed it thoroughly and important in my line of work as a Support worker.
Parmjit Dosanjh 
I am pleased to have completed my online course in Mental Health First Aid with SkillUp. All the modules were detailed & comprehensive with review questions, which really helped me to grasp the information & prepared me well for the mock test & final exam.
Shan 
I was a bit nervous about the course but I gave a try,it's perfect and I still can't believe I paid a peanut to acquire such a course,the sliding show and introduction was well understood.i will recommend skill up to anyone interested to persuade a meaningful career,and also to the support team keep doing the good work.💪
Sara Nana 
Original price was: $346.11.$34.75Current price is: $34.75.
1 Year Access 
79 Students 
11 hours, 23 minutes