I can say that now is the age of interactive prototyping. Designers tend to create prototype with animation instead of static image. If you search prototype on Dribbble, you’ll see that most designers posted GIF images. I myself usually use inVision or Marvel App to create interactive prototype with simple animation.
Have you heard about Project Comet? Initially demoed at Adobe MAX in October 2015, it got a new identity as Adobe Experience Design or Adobe XD, or just XD, for short. Creating visual design, prototyping, wireframing, testing, and demoing are all possible using XD.
So let me share you my quick glance review about Adobe XD.
The backdrop-filter property provides for effects like blurring or color shifting the area behind an element, which can then be seen through that element by adjusting the element’s transparency/opacity.
Have you seen Lovebird‘s top navigation? You will see blur effect applied to the area behind it. It’s cool, right? The blur effect is introduced by iOS 7 and OS X Yosemite. Even Sketch also put it into its style panel.
Anyway, backdrop-filter has some options to manipulate the area behind the element. It’s not only blur option, you can also play around with brightness, contrast, drop-shadow, grayscale, hue-rotate, invert, opacity, sephia and saturate. Find some examples related with backdrop-filter on Codepen.
We have recently created Lovebird—a one-page HTML/CSS template for wedding invitation. This is our first product that we currently sell on Creative Market. We were kind of surprised (and happy too) because only three days after we launched the product, Creative Market staff chose Lovebird to become a part of Handpicked Product for HTML/CSS Themes. After that, we don’t have to wait too long to became a part of Popular Product for HTML/CSS Themes on Creative Market. Alhamdulillah!
To celebrate this happiness, we share Lovebird design mock-up in Adobe Illustrator (AI) format for FREE!