Responsive design, parallax prototyping and the power to design impressive desktop and mobile experiences. Now the only limit is your imagination
We’re seeing in the New Year and with it a new resolution to up our responsive design game. We know that designers are challenged with building more responsive interfaces and experiences than ever before. In fact, 51% of users now access internet on their mobile device, compared to 42% on desktop, which means your content needs to be mobile responsive.
Safe to say, if you aren’t designing responsive webs, you aren’t really designing for users. We get it. That’s why we’re excited to bring you the latest version of Justinmind, with brand new responsive design and parallax features to help you lick this year’s UI/UX challenges.
Read on to explore Justinmind’s new features and start designing better.
Responsive prototyping that’s pixel-perfect
Last year saw mobile browsing become more popular than ever. And with no signs of stopping, 2018’s UX and UI designers will have to prioritize responsive design in order to compete in the mobile-first landscape.
While there is demand for mobile-first sites, mobile responsive design is not an easy task. Design tools don’t always measure up to the responsive challenge, and designers are faced with messy workarounds to accommodate content on smaller screens.
That is, until now. With Justinmind’s latest release, designers can easily prototype responsively for web and mobile in just a few clicks. Our drag & drop screen design interface helps design teams build pixel perfect responsive design, every time.
With the new version, designers can:
- Scale UI elements proportionally with the new Size “%” attribute, and have them adapt to different screen resolutions or container elements. Elements will scale proportionally both in the editor and during simulation
- Make UI elements resize proportionally even when the screen resolution is changed in Justinmind’s editor
- Scale images proportionally with the ‘Lock aspect ratio’ option
- Pin UI elements to the canvas and have their position adapt to the screen’s resolution or container’s size
- Add adaptable margins between UI elements and their containers
- Create “Move” events with pin-able elements and “Resize” events that scale elements proportionally
- Save UI elements with responsive properties in custom widget libraries and reuse them later on. They’ll retain their responsiveness
No more tool-hopping, no more responsive workarounds. You’re one click away from better responsive design.