animatographystudio.com

Slide Background
01. Slide Background
Every slide includes a background, which can be a picture or solid color.
Step 1

To change the background click on the label bar and in the layer window select the style tab.

Step 2

Choose a source from the background top tab then upload an image or pick a background color.

Build & Design
02. Build & Design
Build any layout with layers and customize your designs limitlessly.
Step 1

To add a layer, click the green plus button in the left sidebar and select the type of layer.

Step 2

Select any layer and you can edit its content and style properties in the layer window.

Our UI/UX Program

Become a UI/UX Designer

What Animatography Studio can do for you?

Starting out as an animator with Animation Mentor isn’t just about nailing down animation techniques; it’s like diving into this awesome adventure where your imagination gets to play hero and your skills level up with every step. Picture this: you, fueled by determination and backed by seasoned mentors, bringing characters and worlds to life with each doodle and click.

Animation Mentor isn’t just a school; it’s a hangout for cool artists like you, all sharing stories and striving to tell tales through movement. So, dream big, create bigger, and let Animation Mentor be your ride-or-die partner on this wild journey to animation greatness.

This field is required.
This field is required.
Course
This field is required.

Design Engaging Interfaces with UX Research & UI Tools

Course Overview

This 6-month online UI/UX Design program empowers learners to create intuitive digital experiences through user-centric design principles. Covering UX research, wireframing, UI design, prototyping, and usability testing, students gain hands-on expertise with tools like Figma, Adobe XD, and Notion. Perfect for aspiring product designers, web/app designers, and design thinkers.

Basic Level (Months 1–2):
UX Fundamentals & Research

  1. Understanding UX & Design Thinking (Week 1–2)
    – Human-centered design
    – Empathize, define, ideate, prototype, test
  2. User Research & Persona Development (Week 3–4)
    – Surveys, interviews, user flows
    – Building empathy maps and user personas
  3. Information Architecture & User Flows (Week 5–6)
    – Navigation models, content structuring
    – Card sorting, sitemaps, task flows
  4. Wireframing & Low-Fidelity Design (Week 7–8)
    – Sketching, lo-fi wireframes
    – Tools: Figma, Balsamiq, Whimsical

Intermediate Level (Months 3–4):
UI Design & Visual Systems

  1. UI Principles & Design Systems (Week 9–10)
    – Typography, spacing, grids, iconography
    – Atomic design and reusable components
  2. Figma Mastery & Prototyping (Week 11–12)
    – Auto-layouts, components, variants
    – Clickable prototypes, hover/interaction states
  3. Mobile App & Web Interface Design (Week 13–14)
    – Designing for multiple devices
    – UI patterns for iOS, Android, and web
  4. Designing with Accessibility in Mind (Week 15–16)
    – WCAG guidelines, color contrast
    – Inclusive UX and keyboard navigation

Advanced Level (Months 5–6):
Usability, Testing & Portfolio

  1. Usability Testing & Iteration (Week 17–18)
    – Conducting tests, analyzing feedback
    – Iterating designs based on real insights
  2. UX Writing & Microcopy (Week 19–20)
    – Crafting CTAs, error messages, and empty states
    – Brand voice and tone in UI
  3. Real-World Design Brief Simulation (Week 21–22)
    – End-to-end project execution
    – Stakeholder presentations and design pitch
  4. Portfolio & Case Study Building (Week 23–24)
    – Documenting process, user problems & solutions
    – Behance, Dribbble, and PDF-ready portfolios

Final Deliverables

  • UX Research Report & Personas
  • Wireframes + User Flows
  • Mobile & Web UI Design Mockups (Figma)
  • Usability Test Summary
  • Complete Case Study & UI/UX Portfolio
Scroll to Top