Today, we’re likely to examine ten trends in modern web elements and showcase some good good examples of every – from vintage typography and circles, to vibrant colours and handy vCards. Even much better is the fact that all the good examples below are for sale to download (some free, some compensated).
1. Vintage Typography
Large, bold retro-style type is very popular at this time. The design and style is effective for projects where you stand missing strong pictures, or in conjunction with sharp images by creating interest with lettering.
This trend is one that’s been around for quite a while rather than appears to obtain old. What changes is the way you begin to see the classic type styling getting used.
At this time, vintage typography is most generally a focus inside a minimalist design plan. Additionally, designers are actually playing up vintage type and incredibly little color, for example black and whitened palettes or a number of moderate colors. (A couple of in the past, vintage typography was popular along with bold colors.)
Retro Typographic Insignia and Badges: With six styles, all using free typefaces, allowing the vintage look has not been simpler. Each style also has a matching background image. ($5)
2. Realistic Effects
As the flat versus skeuomorphism debate is constantly on the rage on, designers continue to be adopting three-dimensional, existence-like effects. From shadows, to lifted corners, to textures, just like many designers continue to be with such techniques. (Although a lot of conversation is focused on the merits of flat design.)
The important thing to some good group of realistic effects is subtlety. Effects should mirror reality. Shadows should follow designs of sunshine within the design, bevels should add texture and gradients have to serve an objective.
Realistic Modern Web Shadows: This package consists of elements with lifted edges, shadows and three dimensional effects. ($6)
3. Vibrant Color
Flat design has inspired lots of secondary trends, including using vibrant color palettes with increased hues than some designers are utilized to. Trending now are super vibrant, vibrant, saturated color palettes for web design and apps. Rather than choosing 2 or 3 colors to construct upon, designers are coming up with broad color palettes with upward of 5 colors.
These palettes are usually utilized in one of two ways: plenty of vibrant color through the design. Think one hue all of a red-colored, yellow, orange, blue, eco-friendly and crimson, additionally to black and whitened. Or these palettes concentrate on tints of merely one, vibrant color. Both choices are especially popular.
Vibrant color exudes a tone that designers should be aware. Plenty of high color can appear light and fun, and can not work with some kinds of projects. Monotone style vibrant color is much more well developed lower.
Laces and ribbons are a component that designers have ben using for any very long time. However they appear to become making a bit of a comeback. Especially popular in one-page site designs, laces and ribbons would be the go-to tool for straightforward bulletins – for example “Coming Soon” – in order to showcase an award or recognition.
5. Flat Icons
With flat because the p-facto top trend of 2013, most designers are jumping at an opportunity to utilize it in some manner. Symbols are one of the largest choice due to their versatility. An artist may use flat elements in conjunction with another “less flat” elements within the overall site design, something that’s becoming a lot more fashionable as flat design stretches to “almost flat design.”
Additionally to flat symbols, flat buttons will also be popular for designers searching to include a touch from the trend to projects. Even Yahoo includes flat-styled buttons and symbols within its site framework, which isn’t innately flat.
6. Vintage Logos or Badges
Vintage logos and badges play in the vintage type trend by having an additional layer of styling. Badges are specifically trendy if this involves sites using gamification tools and effects. Furthermore these simple logos look classic however the simple style could be simple to create and replicate in many ways. You just need a number of nice typefaces and fundamental shapes.
The present trend – like vintage typography – concentrates on minimal effects of these badges with little color or additional styling. Strong shapes and bold lettering are popular.
Although most of the website cards or tiles that we’re seeing aren’t always developed in the flat style, they’ve developed in the flat, metro design concept.
These simple boxes are used in a number of ways. Cards or tiles will also be a well known way of organizing content in responsive design projects simply because they arrange and stack nicely at a number of dimensions.
When a style was created, it’s simple to use it in different ways. Cards for contact details (almost having a digital card look), cards for links or any other information, cards to focus on investment portfolios or images. The popularity works since it is highly flexible
Circles, knobs and dials make a genuine comeback. Even though many designers have strayed from rounded shapes previously, increasingly more circles are now being accepted like a fun method to build buttons along with other interface elements.
Area of the appeal is they could be made to seem like something are meant to touch, emulating the act of pushing a control button. This idea is effective for mobile and application design where customers are required to touch, or tap, elements to create something happen. The result can also be spilling to full-size, desktop driven websites too.
9. Simple Gradients
The evolution of flat design to “almost flat” has put new focus on simple gradients. Designers want the modification in hue, but would like it to be super-subtle.
This effect works best for skills, buttons, symbols and other elements. Simple gradients frequently are non-obtrusive and could be a pleasant method to create depth.
10. Slider mobile phones
If this involves exhibiting photography or perhaps a portfolio, it’s difficult to find a website that doesn’t use some form of a slider. (Progressively, they’re becoming more popular with video too.) Most slider mobile phones focus on a car scroll that customers can stop or stop and have a large display image and more compact images or buttons that advance through images.
Slider mobile phones use other design styles – the featured style here has three versions which could work with flat or skeuomorphic projects. It is a straightforward and efficient method to showcase lots of work, while keeping visual dominance.