Functional: Make sure your animation solves the user’s need first Material: Design consistent UI layers that allow spatially meaningful transitions Delightful: Give your animation some love, and your user will love your product back! Jedi Principles of UI Animation →
Tag Archives: ui
ion-drawer-vertical – A vertical slide out panel (toggle panel) for Ionic
For a current Ionic project I’m working on I needed a vertical slide out panel (toggle panel) to store in some content that may be hidden by the user. As I couldn’t immediately find such a component in Ionic itself I decided to create one myself: ion-drawer-vertical (source available on GitHub). The result is a …
Continue reading “ion-drawer-vertical – A vertical slide out panel (toggle panel) for Ionic”
Characteristics of a well-designed user interface
TETHR
Cloudwash, connected washing machine
Cloudwash is a prototype connected washing machine. Aside from the fact that it’s connected (yay!), it also tackles the interface / input mechanism. Every time whenever I’m in front of the washing machine I find myself guessing which setting to use: “40-60 mix? Cotton? Jeans? Color? What about colored cotton? And aren’t jeans made from …
A New Car UI
Flat UI and Forms
NProgress.js
WebZap – Web Dev Photoshop Plugin
WebZap is a web developer panel extension for Adobe Photoshop that is designed to help streamline the design processes undertaken by website user interface designers during the mock up and wire framing phases of web site development. Whilst I like this from a technical point of view (straight in Photoshop, huh?!) I think you’re better …
Kit FUI
Fantasy User Interfaces, Fictional User Interfaces, Fake User Interfaces, Futuristic User Interfaces. Regardless of what the F stands for, they all represent the same thing, the user interfaces and heads up displays found in many popular movies and television shows. Kit FUI is an IMDb-like database that makes it easy to find screenshots, videos and …