Learn Advance UI / UX

Course Instructor

Saiful Islam

Sr. Trainer & Designer
UI / UX

User interface design or user interface engineering is the design of user interfaces for machines and software, such as computers, home appliances, mobile devices, and other electronic devices, with the focus on maximizing usability and the user experience.

Who is this course for?
Anyone from different educational background  can enroll for this course.

A few words about UI /UX

Graphic design is the creative way to visualize a creative idea through a balanced arrangement of visual elements such as pictures, colors, lines and forms.Which expresses a certain meaning and gives us a sense of meaning or entertainment or self-expression. It is mainly used for the purpose of publishing any data, for computer design or manufacturing, for graphics art or for printing in print, or for the creation of educational or recreational software.

What’s the market demand? What subjects to learn?

There is a huge demand in both local and international markets. But in order to get a job, you have to prepare yourself quite well.

What qualifications are required?
1. Must have general computer operation knowledge.
2. Must have computer / laptop.
3. Must have internet connection.
COURSE OUTLINE

• What is the main objective of this course?
• What is the future and outcome?
• Getting to know the UX and UI
• Difference between UI and UX
• Total process and why this process
• History

• What Is Interaction Design?
• The 5 Dimensions Of Interaction Design

• Age and Gender differences
• Cognitive aspects of user behavior
• Understanding Modern Styles
• Understanding People

• Task Analysis
• Research
• Report

• Task Analysis
• Research
• Solution

  • • Sketch, Wireframe, Prototype

• Add structure
• Create visual organization
• Create direction
• Add emphasis
• Typeface weight and pairing
• Reading patterns
• F-Patterns
• Z-patterns
• Help a viewer navigate and digest information easily

Design Thinking Tackles Complex Problems

• Empathizing : Understanding the human needs involved.
• Defining : Re-framing and defining the problem in human-centric ways.
• Ideating : Creating many ideas in ideation sessions.
• Prototyping : Adopting a hands-on approach in prototyping.
• Testing: Developing a prototype/solution to the problem.

• Understanding color Psychology
• Applying attractive shapes
• Understanding the consistency of any design

• Harmony Shaping the Parts into a Whole
• Dominance Directing (and Maintaining) User Focus
• Alignment Leading the Eye Across the Screen
• Proximity Showing and Communicating Visual Relationships

• Color Getting Attention and Communicating Emotion
• How Color Influences Interaction
• A Word on Color Theory — and Using Color Correctly
• How to Choose the Right Colors for your UI Common Associations
• The Power of Contrast
• Using Contrast to Improve Readability, Attention and Focus
• Three Essential Functions of Contrast in UI Design
• How to Determine Appropriate Color and Contrast

Typography


• Creating Emotional Impact with Typography
• Choosing a Font Isn’t Typography the Importance of Pattern Recognition
• The Importance of Proper Alignment, Leading and Kerning
• Seven Rules for Great Typography
Imagery
• Five Rules for Choosing Imagery
• Imagery DO and DON’T

• Working with Icons
• Four Core Types of Icons (and How to Choose the Right Type)
• Five Rules for Effective Icon Design
• Dealing with Data
• Five Rules for Great Data Design
• Simplifying Visual Information Part 01
• Simplifying Visual Information Part 02
• Separating Content from Controls Part 01
• Separating Content from Controls Part 02

• Difference
• Importance of sketching and writing things on notebook
• Wire-frame sketching
• Information Architectures

• Guide system
• Website Interface
• Responsive
• Maintaining Layers
• Layer mask
• Smart object
• Blend modes
• Layer styles

• Pen Tool
• Background Removes
• Image Retouch

• Introduction to Filters and Effects
• 3D Effects
• Modifying The light Source
• Working with Type Tools
• Painting Tools
• Slicing and Cutting Tools
• Symbol Tools

• Introducing to Adobe XD
• Wire-Framing
• Working with existing UI kits in Adobe XD
• Working with type in your XD wireframes

• Create forms, Checkboxes & Buttons in Adobe XD
• Free icons for your Adobe XD & UX UI projects
• Prototyping & adding interactivity to Adobe

• Prototyping & adding interactivity to Adobe XD
• Create a Popup Modal or popup box in Adobe XD

  • From idea to execution
• Define your mobile app.
• Research the mobile market.
• Create user personas.
• Wireframe the mobile app interface.
• Test your app.
• Refine your prototype.

  • Test Usability Test on UI

• Finalizing the UI
• Live Prototyping Using Adobe XD

• Making Mockup on Adobe Photoshop.

• Q/A Session Between Trainer and Student