Booking options
£25
Course Images
Diploma in UI Design
By Janets
(160)- 30 Day Money Back Guarantee
- Completion Certificate
- 24/7 Technical Support
Highlights
On-Demand course
11 hours 13 minutes
All levels
Description
This UI Design course is concerned with the development of interactive systems, including for mobile / portable devices, with a strong focus on user-centred design and usability principles. You will learn what characteristics of a user interface can make it easy or hard for people to use, and how to design user interfaces that take into account human capabilities and constraints.
Why choose this course
Earn an e-certificate upon successful completion.
Accessible, informative modules taught by expert instructors
Study in your own time, at your own pace, through your computer tablet or mobile device
Benefit from instant feedback through mock exams and multiple-choice assessments
Get 24/7 help or advice from our email and live chat teams
Full Tutor Support on Weekdays
Course Design
The course is delivered through our online learning platform, accessible through any internet-connected device. There are no formal deadlines or teaching schedules, meaning you are free to study the course at your own pace.
You are taught through a combination of
Video lessons
Online study materials
Mock exams
Multiple-choice assessment
Certification
Upon successful completion of the course, you will be able to obtain your course completion e-certificate. Print copy by post is also available at an additional cost of 9.99 and PDF Certificate at 4.99.
Who is this course for?
UI Design course is suitable for anyone who want to gain extensive knowledge, potential experience and professional skills in the related field. This is a great opportunity for all student from any academic backgrounds to learn more on this subject
Course Content
Setting Up Photoshop for UI Design | |||
Setting up Photoshop CC Preferences | 00:06:00 | ||
Color Profile Settings for ui design | 00:05:00 | ||
Creating Custom Shortcut Keys | 00:04:00 | ||
Installing scripts in Photoshop | 00:06:00 | ||
What area Photoshop Extensions | 00:07:00 | ||
Power of Photoshop Extensions | 00:09:00 | ||
How to install Extension in mac and win update | 00:16:00 | ||
(Optional - Can watch at the end) Color Calibration and Monitors for Designers | |||
Color Calibration | 00:08:00 | ||
Monitor You Need-1 | 00:02:00 | ||
OS Based clor Calibration | 00:07:00 | ||
Basics of Photoshop for Beginners | |||
Customize Toolbar | 00:04:00 | ||
how Photoshop interface works | 00:05:00 | ||
creating photoshop new document | 00:04:00 | ||
What are artboards | 00:06:00 | ||
Layers Panel Part 1 | 00:06:00 | ||
Layer Panel Filtering And Finding Part 2 | 00:06:00 | ||
Type tool | 00:05:00 | ||
Character Panel | 00:07:00 | ||
Paragraph Panel | 00:04:00 | ||
New Shape Tool | 00:08:00 | ||
Deep dive in Pen Tool | 00:16:00 | ||
selections-april2017 New | 00:07:00 | ||
pen tool in web design | 00:04:00 | ||
Alignments | 00:06:00 | ||
common-shortcuts | 00:15:00 | ||
Clipping_Masks | 00:03:00 | ||
exercise_clipping_mask | 00:01:00 | ||
LayerMasks_HB | 00:05:00 | ||
Smart_objects | 00:08:00 | ||
linked smart objects_Revised | 00:07:00 | ||
Layer comps usage | 00:06:00 | ||
Using Smart Guides In Photoshop-1 | 00:05:00 | ||
Layer Styles Basics for UI Design | |||
Drop Shadow Llayer Effect | 00:04:00 | ||
Inner Shadow UI Design | 00:02:00 | ||
Stroke_effect | 00:03:00 | ||
Re-using layer styles | 00:02:00 | ||
Gradients in Web and UI Design | |||
What.are.gradients | 00:02:00 | ||
Uses.of.gradients | 00:04:00 | ||
Ways-to-create-gradients | 00:05:00 | ||
How to use gradient editor | 00:08:00 | ||
Using-gradient-overlay | 00:06:00 | ||
Using Patterns in Web and UI Design | |||
What are patterns | 00:02:00 | ||
Two methods of applying patterns | 00:05:00 | ||
Create Pattern From an Img File | 00:03:00 | ||
Using .pat files in photoshop | 00:05:00 | ||
Basics of UI Design | Light, Shadows, Color schemes & Typography | |||
How light and shadow works in UI Design | 00:04:00 | ||
examples of lightshadow | 00:02:00 | ||
Color schemes for beginners | 00:02:00 | ||
Getting scheme from logo and hsb | 00:01:00 | ||
Online tools for color schemes | 00:07:00 | ||
How to choose fonts and typography | 00:09:00 | ||
Using Grids for Web Design | 00:06:00 | ||
Creating Grids In Photoshop | 00:06:00 | ||
UI Design Exercises & Challanges with Step by Step solutions | |||
Soft-shadow button challange | 00:01:00 | ||
Soft_button_solution | 00:13:00 | ||
D Button Challange | 00:01:00 | ||
Pressed effect in Photoshop | 00:07:00 | ||
Modern pattern part 1 | 00:09:00 | ||
Modern header design part 2 | 00:09:00 | ||
Moder header design new variation | 00:09:00 | ||
Color overlay header | 00:11:00 | ||
Gradienteffect Header Design-audiosynced | 00:13:00 | ||
Actual Exercise Transparent Image Header-1 | 00:13:00 | ||
Tabs-intro | 00:01:00 | ||
Tabs-part1 | 00:14:00 | ||
Tabs-part2 | 00:08:00 | ||
Image Editing 101 for UI Designers | |||
removing White Bg With Blending Options | 00:03:00 | ||
Spot Healing brush usage | 00:04:00 | ||
Making Colors Pop in Photohsop | 00:07:00 | ||
Magnetic Lasso Tool to remove background | 00:16:00 | ||
Select And Mask Tool | 00:10:00 | ||
IOS App Design : Exercise Iphone Food Deals App | |||
Gathering Resources IOS App-Design | 00:04:00 | ||
Lets Start The IOS App Design | 00:05:00 | ||
Adding Images To Design the App design | 00:06:00 | ||
Adding Text On App Screen | 00:06:00 | ||
Adding Phone And Book Now Buttons | 00:12:00 | ||
Using Mobile Mockups | 00:04:00 | ||
BONUS: Dribbble styled Dashboard UI Design (Student Request) | |||
area graph base design | 00:04:00 | ||
Area graph grid | 00:05:00 | ||
Adding text to graph area | 00:08:00 | ||
Drwaing area graph with pen tool | 00:04:00 | ||
Designing extras adding dots and hover info | 00:06:00 | ||
Final Adjustments To Area Graph-1 | 00:10:00 | ||
Area graph to line graph | 00:04:00 | ||
circular bar graph base shape.mp4 | 00:06:00 | ||
adding Gradients And Shadows To Circular Graphs-1 | 00:13:00 | ||
designing stats with text | 00:09:00 | ||
bar Graph Design In Photoshop Pt | 00:09:00 | ||
Bar Graph Adding Text | 00:06:00 | ||
Student-request-ciruclar-percentage graph | 00:08:00 | ||
Wifreframes in UI Design + Ultimate Web Design Challange | |||
What Are Wirefreams | 00:04:00 | ||
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 | |||
Base Of Login Form | 00:07:00 | ||
Form Fields Design | 00:12:00 | ||
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 | |||
Match Fonts Cc2015.5-1 | 00:03:00 | ||
Cc2018 Update-1 | 00:04:00 | ||
Order your Certificates & Transcripts | |||
Order your Certificates & Transcripts | 00:00:00 |
Frequently Asked Questions
Are there any prerequisites for taking the course?
There are no specific prerequisites for this course, nor are there any formal entry requirements. All you need is an internet connection, a good understanding of English and a passion for learning for this course.
Can I access the course at any time, or is there a set schedule?
You have the flexibility to access the course at any time that suits your schedule. Our courses are self-paced, allowing you to study at your own pace and convenience.
How long will I have access to the course?
For this course, you will have access to the course materials for 1 year only. This means you can review the content as often as you like within the year, even after you've completed the course. However, if you buy Lifetime Access for the course, you will be able to access the course for a lifetime.
Is there a certificate of completion provided after completing the course?
Yes, upon successfully completing the course, you will receive a certificate of completion. This certificate can be a valuable addition to your professional portfolio and can be shared on your various social networks.
Can I switch courses or get a refund if I'm not satisfied with the course?
We want you to have a positive learning experience. If you're not satisfied with the course, you can request a course transfer or refund within 14 days of the initial purchase.
How do I track my progress in the course?
Our platform provides tracking tools and progress indicators for each course. You can monitor your progress, completed lessons, and assessments through your learner dashboard for the course.
What if I have technical issues or difficulties with the course?
If you encounter technical issues or content-related difficulties with the course, our support team is available to assist you. You can reach out to them for prompt resolution.
About The Provider
Janets
London
(160)Janets is an online platform where learners come to learn, and evolve. From the very beginning, the aim of this platform was to create an ever-growing community of avid learners instead of just delivering formulaic education. Emphasising on making the learners equipped for the fu...
Read more about JanetsReviews
There are no reviews for Diploma in UI Design yet.Why not be the first one to review this course?