UI Design Trends

Neumorphism

A mix of New + Skeumorphism
- Design style is the middle ground between Flat design and Skeumorphic Designs.
- Skeumorphic = "reality look alike", helps to match between system and the real world
- Flat = "single color" and maybe + shadow

Extruded soft plastic look of widgets
1. The light shade for the top left corner drop shadow
2. The medium shade for the background and color of the shape
3. The dark shade for the bottom right drop shadow
Borders tend not to exist
- Widgets with same color as the background blends into it
- Helps certain widgets with diff colors to stand out and help users focus on what they need to
Some problems
- When users interact with a button, the button should appear idented, but this may not be enough in terms of system visibility and may not pass WCAG
- Because of the accessibility problem mentioned above, UX community generally does not welcome this style.

New Libraries: ScrollMagic.js, Three.js, Anime.js, Mo.js, Velocity, Scroll Reveal