Cool LayoutsCoolly layouts
It uses real motives from daily use, such as hand-drawn items, typefaces, pins, staples, texture and scrapbook. Correctly used, such items can add a personal note to the way contents are designed and conveyed. In addition to creating visually, you can also be inspired by the website itself - its architecture and the way the information is presented and shared.
In order to give you some suggestions on how exactly it can be done, we have collected samples of our work. For us, designing was more important than the actual realization of a truly imaginative concept. Prefixed vs. Fluid vs. Elastic Layout: Below we present 40 out of the boxes layouts that broke through the tedious 2 and 3 column boxes.
Recently we have gathered together a collection of plain styles, layouts and Flashes. The majority of the below mentioned themes are risking their page structures and contents presentations with uncommon outlooks. We hope you will find some of our creativity here that you can use in your upcoming work. Meet Smashing Book 6 - our latest edition, which focuses on true front-end experiences in the field: from designing tools and barrier-free applications to custom properties, grid, service workers, service workers, business intelligence, AR/VR and fast response arts management.
It is highly recommended that a designer breaks out of the box layouts, experiments with new techniques, and risks insane designs. For his one-page website, Pavel Buben Pavel Buben uses a journal coverstyle design. This is an interesting and uncommon attempt. Los Angeles AIGA Los Angeles AIGA Los Angeles uses cartons in a creatively way.
Every element of the box is placed according to the raster underneath, but breaks clearly out of the box. It is this attitude that makes the designs so exciting and unmistakable. The text and pictures are placed neatly on the screen, giving the layouts a full shape and a feeling of order. Consider different fontsize and text styles in the theme - they bring a deep optical hierachy to the look that works seamlessly with the complexity of the unexpected outline.
With its location concept, Jason Santa Maria Jason Santa Maria Jason Santa Maria has chosen a completely different path. Three of the layouts are presented below. It may be difficult for you to find similar layouts on the web. Not only the location of the visible parts makes the page interesting, but also the fact that each section of the page has its own (though consistent) look.
It seems that the overall look is a unique illustrated image - all components match to create harmonious visuals and a feeling of unity and serenity. Matrix Communicacao The Brasilian firm provides a great example of how to integrate corporate identity and contents smoothly into a full and easy lay-out.
Micromorandum Micromorandum Micromorandum uses a popular 3-column format in an uncommon way. Even though the texture is quite normal, the look itself is unmistakable and looks like a stack of papers placed in a file. 3rd-party 3rdM uses symbols to display various navigational choices. It is not a kind of lay-out that you will find in many other web sites.
This is what makes the design truly original. New Inside Many portfolio companies use a vertically arranged design to present their work. Nile. ru shows his works in chronicle order, as if it were a blogscape. The Rockatee Rockatee uses symmetry to place contents within an uncommon yet attractive setting. Note that the notepad on the top of the page matches the Home navigator exactly.
There are two different ways to navigate on the center of the page. The width of the image is the same as the width of the descriptive part. Deformation in the layouts is due to the basic physical structure of the page. Even though the designs are perfect for the raster, they seem messy at first sight.
Between order and mayhem, the suspense generates suspense in the design and is very attractive. Bringing London to Read An efficient wallpaper can help a lay-out differentiate itself. BL:ND ("blind") At first sight, the design appears to be underestimating. Note how well the negativ room is used in the side bar, where the different items are clearly separate and correctly located.
Width of the pictures corresponds to the width of the contents block. Yes, the design is box-shaped, but the sensible use of spaces makes it far from getting weary. Hannibal's portfolios Usually, navigational menu items are placed in the side bar or at the top of the website. Its nonlinear design is a literal departure from the box-like design and provides something completely different.
It is sometimes enough just to try out the positions of certain designer items to create distinctive designs. The URLshrinker can be as easy as these for you. A stylish and appealing URLshrinker lay-out. The ShopComposition ShopComposition provides a gliding top edge of the website. The user can specify the contents he wants to view and the width of the contents block.
As soon as one of the segments is selected, the focus area moves vertical - first the wallpaper, then the contents. Also, if the Contents pane has some navigational choices, these are also moved up. At this point it might be a slightly better choice of designing to use vertical positioning to make it easy for the visitor to differentiate between vertical and vertical positioning. tapping tapping tapping tapping tapping tapping uses a fat and eye-catching lay-out to convey the messages to its people.
The Viget Labs Viget Labs also uses slide navigations and a horizontally scrolling effect to make your interactions more vibrant and engaging. Even more important is the lay-out itself: The lay-out is hidden and similar to Flash interface. Lucuma also uses a Lucuma horizontally laid out and horizontally slidered navigator.
Easy yet efficient incorporation of wallpapers, navigations, videos as well as contents makes the site unique. On this page all designer features are movable and partially clicking. It is an extraordinary and unforgettable and interesting investment package. Navi lists are placed in the Blackboxes and somehow placed between other contents box.
As soon as one of the dark box is moved with the mouse, the corresponding contents block will be emphasized. This is not something most editors would want from a pagemap. The Bohdan Levishchenko Bohdan Levishchenko Bohdan Levishchenko uses the same concept as IDEO, but presents all navigational options at the top of the page. Individual works are presented as pictures under the menu bar and distributed over the entire lay-out.
MellissaHie.com Mellissa Hie places all design features on a large page. Oxford Hotel - Timisoara A one-sided side with a very quiet and comfortable lay-out. At first sight, all navigational possibilities are available. As soon as you have selected some of the items, the contents area on the leftside will be substituted dynamic.
Clicking on one of the illustrations arranges all other items in such a way that the contents represented by that particular illustrated item become predominant. It allows people to click and drop on the screen to move it, or use a link around the contents to move around. It is clear and imitates a drawing paper with registration and cut markers and provides visible indications of the direction the screen will move as you move.
Extremely interactiveness, a very uncommon page lay-out. Camil Gottwald In his page layouts Kamil Gottwald allows the user to set the width of the side column by hand. Though it may not be very imaginative, such layouts are difficult to find on the web. The Jeremy Levine Flash provides many ways to create an intuitive navigational game.
Muku' s website design is easy and yet catchy - well, Muku makes you remember him after you close the webpage.