On the individual presets pages, you can import sets to your blueprint using the blue icons, to import an entire design sheet, use the red icon. Please note, that all of these presets are fully customizeable and were created within iDesign, so you can create such stuff from scratch yourself as well!
The sets available within these categories were devised to be of common use for most websites. There are variations on each page to act as foundation for different looks. Please feel free to import them into your current projects for easy utility.
Create grids/lists of features for company/products etc. Use the standard look or experiment with metro styles and mouse hover settings.
With iDesign it is easy to move beyond generic common denominators and create unique visual compositions that stand out and grab viewer interest. It offers great potential for creating visually appealing and functionally meaningful designs such as those explored here.
Metro image collages are great at conveying a specific tone, helping establish an emotional connect. Built with pleasing asymmetry, they also form a pleasing medium for quickly conveying a bulk information.
Visually representing the relations between various elements in terms of their hierarchy, dependence, relative importance, sequence, etc to create functional and aesthetically pleasing designs.
Text bubbles initated by mouse hover and ‘appear animations’ provide an excellent, visually appealing way of appending further information, neatly labelling and courting viewer interest.
Examples of integrating a mixture of elements into a cohesive whole. Ability to create such cohesion opens up great design potential for smartly styling typical and ordinary information elements.
Explore the ability to divide mass of information into separate chunks and groupings. Through creative use of tools like spacing, colors and shapes you can bring out unity as well as separation between elements.
DEMO PAGE LAYOUTS
These pages were developed using iDesign as a means to showcase the variety of output the plugin is capable of producing as well as its ability to help you create full page designs. Of course these designs are also exportable so you can use them as base for developing your own designs.
This web design was built during one of the plugin’s tutorial videos. You can now import it to begin experimenting with it on your own. Feel free to customize and personalize it as per your creative inclinations.
A smart red themed layout after the popular metro style, the blueprint for this design uses a different cell size and gap than the default. Ability to adjust these settings makes metro designing much easier.
This design is fashioned after the trendy ‘new metro’ style adopted by brands such as Microsoft. While it is quite different from the regular metro style, it sports an elegant and pleasing appearance as well.
Another concept, this time for a design team’s website showcasing their relevant information in metro style, with a continuous flow of single tile sets across the page.
Metro layouts are a specialty of iDesign with its unique blueprint system that makes it a breeze to create beautiful, highly customized metro layouts. Here are metro presets for quick setup.
Multi Grid Layout
This layout was created in one of the demo videos. It comprises of multiple grids within the design to create a smart page. Feel free to tinker it while you watch the demo video.