Overview
Are you looking to enhance your UI design proficiency to help boost your career prospects? Building a satisfying career can be a lifelong process but if you want to gain a competitive edge in your job search, look no further!
With this UI Design for Beginners with Photoshop course, you will build the solid foundation you need to kickstart a successful career in the UI design industry.
The course covers the essential things you need to know to boost your career within the UI design. It provides you with the ability to improve your earning potential.
Covering everything you need to know to boost your career within UI design, this industry recognised certification includes 92 comprehensive bite-sized modules that you can learn in your own time, pace and environment. Complete your course and earn your qualification in just 8 hours 34 minutes with dedicated online support you can trust and rely on.
Why Learn With Queen Mary Academy?
- 50,000+ students worldwide
- Start a new career or advance your current one & land your dream job
- Most in-demand skills for today’s job market
- Award-winning Customer Support
- Partnered with biggest accreditors in the world
Benefits You Will Gain
- No hidden fees.
- 24/7 access to the Learning Portal.
- Receive the UK and globally recognised certificate on completion of the course.
- Qualified tutor support and exceptional customer service.
- Access the Learning Portal whenever you want
- Learn from industry-leading experts.
Who is this course for?
Whether you are looking to enhance your employment prospects, boost your CV with essential skills or climb the career ladder to a higher position, this UI Design for Beginners with Photoshop course will work as an initial step towards earning an internationally-recognised qualification that could prove invaluable for your career.
This UI Design for Beginners with Photoshop course has been designed for learners who are looking to gain the skills and credentials to fast track a fulfilling career in UI design.
Entry Requirement
The UI Design for Beginners with Photoshop course is for learners of all levels, with no specific enrolment requirements; all you need is the commitment to learn, knowledge of the English language, and basic numeracy and IT skills. Students must be over the age of 16.
Certification
Once you have successfully completed the UI Design for Beginners with Photoshop course, you will receive an accredited certificate from Queen Mary Academy as validation of your new skills. Certification is available in PDF format, at the cost of £12, or a hard copy can be sent via post at the cost of £27.
Career path
On successful completion of the UI Design for Beginners with Photoshop course, learners will have the knowledge, skills and credentials to enter the relevant job market, with the confidence to explore a wide range of industry-related professions. Students will be able to add this qualification to their CV/resume, giving them a head start in their chosen field.
Course Curriculum
Introduction to UI Design and why it matters | |||
What This Course Will Cover? | 00:02:00 | ||
Why UI Design Matters? | 00:04:00 | ||
Setting Up Photoshop for UI Design | |||
Photoshop Preferences for UI Design & better performance – Updated | 00:06:00 | ||
Color Proof Settings – Updated | 00:01:00 | ||
Color Profile Settings for UI Design- Updated | 00:04:00 | ||
Creating Custom Shortcuts for Photoshop – Updated | 00:04:00 | ||
Keyboard Shortcut problems on MAC OS → Student Request Lecture | 00:02:00 | ||
Photoshop Workspace(Panels) setup for UI Design → Updated | 00:07:00 | ||
Basics of Photoshop for Beginners | |||
How Photoshop Interface Works | 00:05:00 | ||
Customizing Photoshop Toolbar→ Student Request Lecture | 00:04:00 | ||
New Document Setup for UI Design | 00:04:00 | ||
What are artboards and how to use them? | 00:06:00 | ||
How layers works and Basics of Layer panel controls | 00:05:00 | ||
Layers Panel → Filtering and finding layers | 00:05:00 | ||
Type Tool | 00:04:00 | ||
Character Panel | 00:07:00 | ||
Paragraph Panel | 00:04:00 | ||
Shape Tool for UI Design (Combine and Subtract Shapes) | 00:07:00 | ||
How to use Pen Tool for UI Design | 00:03:00 | ||
Student Request: How to use pen tool in Icon Design? | 00:15:00 | ||
Using Selections in different ways (Selection + Lasso Tool) | 00:07:00 | ||
Alignments | 00:06:00 | ||
Using Clipping Masks in UI Design | 00:02:00 | ||
Exercise Challenge : Clipping Mask | 00:01:00 | ||
Layer Masks | 00:05:00 | ||
Smart Objects | 00:07:00 | ||
Linked Smart Objects | 00:07:00 | ||
Layer Comps usage in Photoshop | 00:06:00 | ||
Commonly used Keyboard Shortcuts | 00:15:00 | ||
Smart Guides and Smart Snapping in Photoshop | 00:05:00 | ||
Layer Styles Basics for UI Design | |||
Using Multiple Layer Shadow Effects in UI Design (PSD Excercise File Included) | 00:04:00 | ||
Using Inner Shadow Effect | 00:02:00 | ||
Using Layer Stroke Effect | 00:02:00 | ||
Re-using Layer Styles | 00:02:00 | ||
Gradients in Web and UI Design | |||
What are Gradients? | 00:02:00 | ||
Examples of Gradients usage in Web and UI Design | 00:03:00 | ||
3 ways to create gradients in Photoshop | 00:04:00 | ||
Using Gradient Overlay Layer Style | 00:05:00 | ||
Gradient Editor Deep Dive | 00:07:00 | ||
Using Patterns in Web and UI Design | |||
What are Patterns and their Usage in UI Web Design? | 00:02:00 | ||
Methods of applying Patterns In Photoshop | 00:05:00 | ||
How to create patterns from an image file in Photoshop | 00:02:00 | ||
Installing and using .PAT pattern files in Photoshop | 00:05:00 | ||
Basics of UI Design | Light, Shadows, Color schemes & Typography | |||
Light and Shadow (Important Concept) | 00:04:00 | ||
Example usage of Light and Shadow in UI Design | 00:02:00 | ||
Color Schemes in UI Design for Beginners | 00:02:00 | ||
Getting Color Schemes from Logo and using HSL Basics | 00:01:00 | ||
Using Online Tools for creating Color Schemes | 00:05:00 | ||
Typography or Font Selection for Beginners | 00:09:00 | ||
Using Grids in Web and UI Design | |||
What are Grids in Web and UI Design and how to use Grids | 00:05:00 | ||
How to create Grids in Photoshop (Two methods) | 00:06:00 | ||
Installing and Using Photoshop Plugins and Scripts to automate tasks | |||
Installing Photoshop Scripts and setting Keyboard Shortcuts for them – Updated | 00:05:00 | ||
Installing Photoshop Scripts on MAC OS → Student Request Lecture | 00:02:00 | ||
How to Install Photoshop Extensions in CC2018 & CS6 (MAC and Windows) | 00:16:00 | ||
Photoshop Extensions used by UI Designers – Updated | 00:07:00 | ||
Super Powers of Photoshop Extensions (Demonstration) – NEW | 00:09:00 | ||
(Optional → Can watch at the end) Color Calibration and Monitors for Designers | |||
What color calibration is and what tools are there to do calibration | 00:08:00 | ||
How to perform Color Calibration on Windows or MAC | 00:07:00 | ||
Image Editing 101 for UI Designers | |||
Removing white background from image with blending options | 00:03:00 | ||
Removing any background quickly with Magnetic Lasso and Refine Edge | 00:16:00 | ||
UPDATE: Removing background with Select and Mask | 00:10:00 | ||
Removing specific parts of an image using Spot Healing Brush | 00:04:00 | ||
Enhancing Pop effect of your images using Adjustment layers | 00:06:00 | ||
IOS App Design : Exercise iPhone Food Deals App | |||
Fonts and Images used in Iphone App Design | 00:04:00 | ||
Starting Iphone App Design | 00:04:00 | ||
Adding Images to Iphone App Screen | 00:05:00 | ||
Adding text to Iphone App Screen | 00:05:00 | ||
Adding Buttons to Iphone App Screen | 00:11:00 | ||
Using Iphone Mockup to show your designs | 00:04:00 | ||
BONUS: Dribbble styled Dashboard UI Design (Student Request) | |||
Exercise AREA GRAPH: Design Base | 00:03:00 | ||
Exercise AREA GRAPH: Grid Design | 00:05:00 | ||
Exercise AREA GRAPH: Adding text and Legends | 00:08:00 | ||
Exercsie AREA GRAPH : Design Main Red Graph Shape | 00:03:00 | ||
Exercsie AREA GRAPH: Adding Extra Detials | 00:05:00 | ||
Exercise AREA GRAPH: Alignment and Balance | 00:10:00 | ||
Exercise LINE GRAPH: Desiging Line Graph from Area Graph | 00:03:00 | ||
Exercise Circular Graph: Design Base shapes of Circular graph | 00:05:00 | ||
Exercise Circular Graph: Adding Styles to Circular graph fills | 00:13:00 | ||
Exercise Design Stats with text | 00:08:00 | ||
Exercise Bar Graph Design: Part 1 | 00:09:00 | ||
Exercise Bar Graph Design : Part 2 | 00:05:00 | ||
Student Request → Custom Percentage Circular Bar Graph | 00:08:00 | ||
Exercises : Form UI Design with Photoshop | |||
Exercise Login Form: Base Design | 00:07:00 | ||
Exercise Login Form: Designing Input Fields | 00:12:00 | ||
Exercise Login Form: Finishing Login Form | 00:11:00 | ||
Wifreframes in UI Design + Ultimate Web Design Challenge | |||
What are Wireframes ? | 00:03:00 | ||
Online Tools & Softwares to to create Wireframes | 00:12:00 | ||
Pro Secret Tips and Tools for Designers and Developers | |||
Converting PSD to CSS (Tips, tools and Extensions for Web Designers/Developers) | 00:06:00 | ||
Tips for Using Grids while Designing | 00:01:00 | ||
Exporting Images for Web and UI Design | 00:07:00 | ||
Photoshop Features Updates and New Versions | |||
Font Match Feature in CC2017 | 00:02:00 | ||
CC2018 New Features for UI Designers | 00:03:00 | ||
Order Your Certificate Now |
Course Reviews
No Reviews found for this course.