Sample web Layout
Example Web LayoutSample website layout uniqueness
There seems to be a fundamental layout used for 90% of the sites out there. Perhaps it is the popularity of web designer Trendposts. Much has to do with the fact that vertically Scroll is such a widespread, intuitively behaviour that it is the standard for navigating web sites.
Websites that adhere to this equation seem to be simpler to market to customers and end consumers because they are convenient and trusted. However, every now and then - when the right projects come along - we should think beyond the pre-defined framework and look at layout ideas from completely new perspectives.
Just because it will compel you to re-evaluate your key concepts about the relation between your contents and the Viewer will be enough. Jumping directly to the same old layout equation every single instance could do your customers and yourself a bad service. However, how do you make a layout that is truly one-of-a-kind and doesn't leave your reader frustrated and confused?
In order to find out how this works, we will investigate three locations that provide a nice, original layout without the frustration of the user. Not only do these websites offer something new, they also make their contents available and reactive. They' re imaginative thinkers also attracted a lot of attention from their own creatives and show that innovation can actually help your designs outstand.
So if you want to begin accepting more designer customers, you have another good excuse to browse this one. Prior to examining our first layout example, take a look at the latest website of IMBD. Today the layout of the IMBD follows a model that is very common among content-intensive, database-driven Web pages. Sidebars contain lower-priority contents that must be accessed immediately by users.
JP Teixeira has designed the homepage of the International Maritime Database (IMDB) to measure. Different size boxes, colours, types of treatment and other hints help to organise and prioritise contents on the homepage. Personally designed ventures like these give us great opportunities for our creators to learn: it's like a fast way back to college!
The redesign of JP is an outstanding example of a creator designing more than just a theme - he has developed a theme system that you can use on any website with constantly changing contents. This is the key: This is not only an innovation in terms of aesthetic appeal, but also in terms of barrier-free contents. They do not merge: each kind of contents has a distinct graphic identity that makes them immediately recognisable in the flow of the homepage.
Another efficient styling technology used here is symmetric balance: When this layout would be boxes of the same size, one would quickly get sick of scanning through all these similarities and trying to find the next slice of tension. Varying the width, scope and colour of each item, the asymetric yet harmonious presentation, the designers invite the readers to engage themselves graphically - something new and interesting could be just around the corner! What a surprise!
It is becoming more and more important to minimize the disorder on the page with more complicated layout. No wonder that even this relatively "new" type of screen-based story-telling has already created a uniform layout format! This is a default "magazine style" layout used by many long story telling pages. GEOSPEOPACE brings the idea of "magazine-style layout" to a whole new world.
The website is navigated and the contents of the articles are largely based on technologies of designing books and magazines. Shifting the look of a shiny, palpable product to the look of a touchable, shiny product, the layout designers were able to add appealing interaction to the look. Rather than viewing the page as a separate page, the designers (again J.P. Texeira!) chose to handle the landscape port as a spreads.
Although the layout doesn't work as the users might immediately and intuitively anticipate, the site works as it should feel, as it should - the trademark of any great usability experience. Thanks to a distribution-oriented layout, the focus is on navigating and offers convincing photographs that involve the reader in the narrative before a singular text is aired.
Just the chosen navigational pane remains in place - the others glide off the monitor and display the contents. Though it offers a one-of-a-kind layout, functions like scroll function work exactly as you would expect. What's more, it's easy to scroll and you'll find that it's a lot easier. They can see other effects from the publication in the intricate writing system designed by the designers here: Nothing should be entirely different.
Consumers need guidance on how to use their user interfaces pain-free, and conventional methods deliver that guidance and reduce mental stress. It can help to give subtile hints on the desired behaviour to confirm the behaviour of the user surface. Regardless of how creatively you get, keep in mind that contents are worldly. Publishing easy to digest contents is the main goal of the website.
Do not let the redesign restrict your readability. Finally, our layout, specie in pieces, provides a wealth of experiences with css animation and uncommon UI samples - and heightens consciousness of threatened biodiversity. Designed as a private undertaking, the artist had the liberty to have an immersive, emotionally charged experiment that was not driven by the need for transformation.
Layout of the plant is characterized by a reassuring ease of use. Contents are all included in a single vertical, fixed pane. Therefore, alternative information is concealed behind the navigational possibilities. This overall excitement attracts the users with ease and inspires them to discover further stages of sophistication. It' s a website with innovation that works because it takes into account the fact that humans intuitively scrolls to browse a website:
Scrolling up triggers the transition to the next one. With other words, the website sticks to the fundamental expectation of navigating the website instead of undermining it. Yes, this particular piece is one of a kind, but that doesn't mean it will be complaining if you try to interoperate with it in a way you're used to.
Briefly, shared behavior models are repaid with a one-of-a-kind outcomes. Are you considering the creation of a conceptual or artistic site in order to cross borders and become known? Broadscrumbs improve in performance when a navigational system does not keep up with traditional practices. Make it clear where the users are at all hours so they don't get confused.
Regardless of how experimented you are, you need to keep your eye on tradition pattern - you're building a website, not a games or appe. As Species in Pieces, Nick's designs use experiential CSS animation and uncommon UI pattern. One can see that his graphics and type works also have a Gerstner-like look.
However, as a professional it' s unbelievably important to always experiment in areas where you may not seem at ease - it will help maintain a sense of creativity if you create more "functional" pages for your work. It seems that the discussion about the relation between arts and designs is endless - and I'll let you all carry it on in the commentaries - but I definitely see this as a work of work.
Nick has indeed produced a real artwork, but it will not talk to every prospective customer. However, it is an excellent example of how a design professional shows prospective customers and/or employees what kind of work he wants to do. When you want to explore a site layout that's different from any other, your UI must make it clear how you're going to use it.
Those little "Hey, is that what you're looking for?" animations offer visible clues that lead the viewer through unknown experience. Easily turn or blend your images to enhance your users' trust and gain greater transparency. All of us are inspired by Internet designs. However, if you really want to be one of a kind, you have to be inspired far and broad.
That' s why we call it a designing cognition. Unparalleled is the enabler of a truly impressive style, but keep in mind that - for the most part - you are not making a modern work of artwork. You' re making a website. It is not the aim to bewilder or challange the user, but to make contents available to them in an interesting way.
We would be happy to see your favourite layout. Explain to us why you like them and show your own layout in the comment below.