When resizing the browser, the content on the page spreads itself out to fill the width of the browser when expanded, hence the term liquid design, and will look enlarged or as though is has shrunk. The columns containing the content on the webpage are built using percentages, rather than fixed columns used in fixed design, therefore the columns increase or decrease in size relative to each other.
Fixed web pages have a set width that won't alter when the browser is resized, no matter what device the website is being viewed on. On smaller devices, such as smartphones or tablets, content is harder to view and can be annoying for users due to the need to scroll horizontally to view the rest of the content on a page, or continuously ''pinch and expand'' to zoom into the page's text. When the browser on a screen is enlarged or reduced, images and text may visually fall apart on the screen.
One fairly recent web design trend is parallax scrolling, which involves the background moving at a slower rate to the foreground, creating a 3D effect as you scroll down the page. It can sometimes be overwhelming, but when used sparingly it can provide a nice, subtle element of depth.
Flat design is a minimalistic design approach that emphasizes usability. It features clean, open space, crisp edges, bright colors and two-dimensional/flat illustrations.
Microsoft was one of the first to apply this design style to its interface. Instead of converting a real-life object, such as a calendar, into a tiny realistic illustration, advocates of flat design identify apps with simple, icon-like images. Rather than bringing aspects of real life to an interface, this illustrates a clear separation between technology and tactile objects.
Single page web designs certainly aren’t a new trend. Its continuance suggests that it’s more practical and effective than most. Like all trends, single page sites have their advantages and shortcomings, but in a world where thousands of new websites are created daily, a single page web design may be the best way to cater to the ever-shortening human attention span.
It should be noted that the single page web design isn’t perfect for every purpose. Having a refined purpose for your design, your content to fit a single page, and creating an interesting layout are some of the most important focal points to make your single page design meet its full potential.
First impressions are lasting impressions. Whether you realize it or not, your typography helps to create an experience for users before they’ve even read a word or clicked a button. Typography has the potential to go beyond merely telling a story — it shows the user who is behind the website and what they’re about. The treatment of type creates an atmosphere and elicits a response much the same way as tone of voice does
As one of the core design principles, typography can really make or break a website design. Despite recent advances in web type technology we’re still fairly limited when it comes to creative typography layouts, meaning image replacement techniques are still common, but these days we have massive choice when it comes to selecting fonts for our designs.
The purpose of minimalism is to expose the essence a design by eliminating all non-essential forms, features and concepts. In web design, minimalism erases potential distractions and strips away elements into their most basic forms.
It’s a style that continues to be trendy, being a reaction to the chaos and overflow of information that’s inherent to the Internet. And if your portfolio’s sole purpose is to showcase the best work you’ve ever created, the biggest favor you can do for yourself is to simply get out of the way.
Illustration is an incredibly versatile tool that can find many different uses in design. And when it comes to web design we can find an extremely wide variety of implementations.
Illustrations and cartoon drawings can really bring a web design to life. Drawing is a creative activity by definition, and incorporating it into a website’s design is one of the most creative methods of presenting information on the web.
