UI/UX Design Basics
Learn user research, wireframes, prototypes, usability, and interface design for digital products.
Who this is for
Beginners exploring UI and UX design for apps and websites
Choose a task
Run a quick user interview
Sketch wireframes
Build clickable prototype
Test one usability flow
Workflows
Choose a guide that matches your task.
Digital Art: Canvas, Layers and Export Workflow
Set up a digital art workflow around a real sample: test input tools, choose canvas dimensions, preserve layers, manage color and inspect final exports.
Online Course Selection and Study Trial
Compare course outcomes, prerequisites, credential acceptance, total cost and a timed study trial before choosing an online learning commitment.
YouTube Channel: First Video and Review
Create a repeatable YouTube publishing workflow: plan one video, check thumbnails and captions, and interpret analytics in their traffic context.
Tools for this topic
Search by name or purpose, or choose a tool category.
7 of 7 tools shown
Professional color picker with HEX, RGB, and HSL conversion, WCAG contrast checking, and palette generation. Pick colors and copy CSS-ready values instantly.
Design Tools
Calculate whole-pixel image dimensions with a locked ratio or independent width and height, then compare scale and pixel area before exporting in an editor.
Design Tools
Generate scan-testable URL, email, phone, WiFi, or escaped vCard QR codes with UTF-8 capacity checks, color warnings, raster logos, PNG, and SVG.
Developer Tools
Estimate a text’s silent reading time at 238 words per minute. Review word counts and the fixed-rate assumption before budgeting a reading session.
Text Tools
Reproduce reviewed square-pixel active-image geometry for a documented target canvas using an explicit Fit/Pad or Fill/Crop mode and rounding rule.
Calculators
Count words, Unicode characters, sentences and paragraphs. Inspect English readability, estimate reading time and compare a selected publishing length rule.
Text Tools
Preview sRGB colors with adjustable color-vision models. Compare palettes and text pairs, check original contrast, and copy the simulated colors as CSV.
Design Tools
Reusable tools
These tools already support the workflows in this niche field.
Explore more in this field
Discover more workflows, tools, and beginner guides across related niche fields in this domain.
Related niche fields
Adjacent domains share workflows, tools, or beginner decisions with this field.
Animation & Motion Graphics
Create motion graphics, keyframes, easing, and animated assets for video and digital media.
Audio, Video & Publishing
Plan recording, editing, channel setup, export specs, publishing cadence, and production checklists.
Visual Art & Design Practice
Set up digital art, painting, lettering, photography, references, and repeatable creative practice.
Digital Illustration & Drawing
Practice digital drawing, tablets, layers, brushes, and illustration workflows for personal or client work.
Film & Video Editing
Edit footage, color grade, add audio, pacing, and export settings for polished video projects.
Stained Glass
Cut glass, copper foil or lead came, solder joints, and finish panels with safety gear.