UI/UX Design Course In Nepal - Dakshyalaya Training Center

Description

UI (User Interface) and UX (User Experience) design are critical aspects of creating digital products that are intuitive, user-friendly, and visually appealing. UI designers focus on crafting the look and feel of digital interfaces, including layout, typography, and interactive elements, to ensure a seamless user experience. UX designers, on the other hand, are concerned with understanding user behaviors, conducting research, and designing workflows that optimize usability and satisfaction. Proficiency in UI/UX involves a deep understanding of design principles, user psychology, and prototyping tools like Adobe XD, Sketch, or Figma. Careers in UI/UX design are diverse and span across industries such as software development, web design, mobile app development, and product management.

What You will Learn?

Design Fundamentals – User Interface
Interface Conventions
Approaches To Screen-Based UI
Formal Elements Of An Interface
Points Of Interaction
Composing Interaction
Foundations Of User Experience (UX)
Common Terms, Tools And Frameworks In Ux Design
Designing Across Platforms
Design For Accessibility
Design Sprints
Figma: The Interface Design Tool
Creating New Files & Designing On A Grid
Importing And Cropping Photos
Text Styles
Components
Auto Layout
Variants
Hovers And Overlays
Turning A Design Into Clickable Prototype
Figma Animation: Intro To Start Animate
Linking Up/Down A Page, Scrollable Areas And Hyperlinks
Exporting Assets For Web: JPEG, PNG And SVG
Sharing Figma Files: Commenting, Testing, Development
Hypertext Markup Language (HTML)
Cascading Style Sheets (CSS)

Design Fundamentals – User Interface
- Introduction to User Interface
- Relationship between UI and UX
- UI Vs. FrontEnd
- Roles in UI/UX
Interface Conventions
- Historical Overview of Interface Design
- Interface Conventions: Theory
- Interconventions: Application
- The Golden Rule
Approaches To Screen-Based UI
- Template Vs Content
- Aesthetics and Functionality
Formal Elements Of An Interface
- Design before Design
- Look and Fell
- Language as a Design Tool
- Colors and Shapes
- Imagery, Typography and Icons
Points Of Interaction
- Buttons
- Designing better Buttons
- Not Buttons
- States and Changes
Composing Interaction
- Speed and Style
- Composition and Structure
Foundations Of User Experience (UX)
- The Basics of User Experience Design
- Scopes of User Experience
- The Product Development Life Cycle
Common Terms, Tools And Frameworks In Ux Design
- Defining User, End-User and User Experience
- Prioritizing the User
- Key Frameworks in UX Design
Designing Across Platforms
- Getting to know the Platforms
- Designing for Different Platforms
Design For Accessibility
- Universal Design, Inclusive Design and Equity Focused Design
- Importance of Accessibility
- Importance of Equity Focused Design
- Assistive Technologies
Design Sprints
- Introduction to Design Sprints
- Phases of Design Sprints
- Benefits of Design Sprints
- Plan Design Sprints
- Design Sprint Retrospectives
Figma: The Interface Design Tool
- Introduction to Figma
- Web Apps Vs Native Apps
- Figma User Interface, Community, Plugins
Creating New Files & Designing On A Grid
- Creating a New File
- Setting Up Frames
- Adding Text
- Creating Colored Background
Importing And Cropping Photos
- Importing and Modifying Vector Graphics
- Aligning and Distributing Layers
- Layer Opacity Vs Fill Opacity
- Reusing Colors
- Adding Drop Shadow
Text Styles
- Local Vs Web Fonts
- Handling Missing Fonts
- Creating, Editing and Organizing Text Styles
Components
- Creating and Editing Components
- Overriding Content in One Instance Vs Globally Updating All Components
- Detaching from a Component
Auto Layout
- Using Auto Layout
- Constraints And Resizing
- Spacing, Rearranging, Adding Items with Auto Layout
Variants
- Creating and Using Component Variants
- Variant Properties and Values
- Boolean Values
Hovers And Overlays
- Adding a Hover State to a Button
- Opening a Pop-Up
Turning A Design Into Clickable Prototype
- Linking between Frames
- Previewing the Prototype
- Fixing the Position of Elements so they don’t Scroll
Figma Animation: Intro To Start Animate
- The Basics of Smart Animate
- Different kind of Easing
Linking Up/Down A Page, Scrollable Areas And Hyperlinks
- Making Links that Scroll Up/Down a Page
- Making Navbar Fixed to the Screen
- Adjusting Scrollable Area within a Page
- Adding Hyperlinks
Exporting Assets For Web: JPEG, PNG And SVG
- Exporting Individual Assets
- Exporting Frames
Sharing Figma Files: Commenting, Testing, Development
- Sharing a Figma File
- Sharing a Prototype
- Commenting on Shared Files
- Viewing a Prototype for User Testing
- Specs for Developers
Hypertext Markup Language (HTML)
- Introduction
- HTML Elements
- HTML Attributes
- HTML Headings
- HTML paragraphs
- HTML Styles
- HTML Formatting
- HTML Quotation
- HTML Comments
- HTML Colors
- HTML LinksHTML Images
- HTML Tables
- HTML Lists
- HTML Block and Inline Elements
- HTML Responsive Design
- HTML Forms
Cascading Style Sheets (CSS)
- Introduction to CSS
- CSS Rulesets
- CSS Selectors
- CSS Declarations
- CSS Values
- CSS Units
- CSS Relative Units
- CSS Box Model
- CSS Functions
- CSS Animations
- CSS Media Queries
- CSS Library