Home Upgrade Search Memberlist Extras Hacker Tools Award Goals Help Wiki Contact

[LEGENDS] Design Trends of 2016

[img]http://s9.postimg.org/57pm7cwxr/LEGENDS_2_0_HEADER.png[/img]
"Others toil their entire lives to make a name for themselves, some are just born LEGENDS."

-

It's an important and often overlooked fact that design on HF lags behind trend by about 2 years. This is because the Marketplace is plagued by people who are just there to make money selling the same rehashed crap they made months and months ago in a different colour. This thread aims to show you what 2016 is bringing design, and some of the really exciting styles and techniques you could adopt to freshen up your work.

-

01
-

Alternatives to Flat Design do Exist!

Flat design isn't going anywhere any time soon, but thankfully Google have come to save us from the doldrums of lazy, thoughtless, and just plain awful flat design. Their response is material design, which looks a bit like flat design but uses lots of shadows and animation to add depth and variety. However, even material design is a little bit old-school these days; some cutting edge style is pushing back towards incorporating glows and vibrant gradients in stunning form, and they're starting to pop up across the board in both material and flat layouts. In other words, what's in is design that looks clean, but pops a lot more effectively than flat design does and appears to have a lot more detail and vibrancy.

KEY STUDIES -



02
-

Gradients Are Back!

Yes! They died for a few years (thoroughly murdered by Apple's ghastly iOS6 and Android), but subtle yet bright gradients are making a comeback in a wide range of designs. Flat designers are learning that they can still make a flat site and incorporate gradients, whilst more out of the box designers are using them across the board.

They make a site much more engaging if used effectively in conjunction with block colour, and should be considered by any serious designer.

Meanwhile, glows have reappeared out of nowhere. They're cropping up on less flat designs to give absolutely breathtaking lighting effects when used carefully, whilst maintaining a clean aesthetic. It all helps to maintain viewer engagement.


KEY STUDIES -



03
-

You Can Break the Grid!

The grid system has been sacrosanct for the past few years. It's been next to impossible to break it stylishly; I've got a thread design tutorial on HF from a couple of years ago that advises aligning literally everything, for example. Although margins tend to remain (mostly) consistent, many designers have begun playing with grids. Content we don't expect to pop up in places appears there and the design appears more chaotic and unstructured; the art, of course, is in maintaining order and a system even though it appears you're renouncing a formal grid.

Additionally, layout as a whole has started to be bent as designers discover they can arouse interest in a design precisely through being unpredictable, without sacrificing UX. This continues the ongoing theme of design in 2016 of designers coming out of their shells and seeing what new techniques they can introduce into their work whilst still keeping it clean, functional, and professional.


KEY STUDIES -



04
-

Pictures & Using Space!

Earlier (web 2.0) design tended to prioritise cramming content onto the page. This is no longer an issue; internet speeds are now much quicker so web pages load complex designs faster, and we spend a lot of time on our phones (so we can scroll down allowing content to be more spread out). That's allowed designers to use vast amounts of empty space to highlight images and text. This manifests itself on HF as big 'hero' images, usually containing mountains and generic text.

It's particularly apparent when selling products, and can be a really efficient tool on websites.


KEY STUDIES -



05
-

Animation is King!

Fast internet (and fast PCs) has also enabled designers to get crafty with animation. You'll likely have noticed super slick loading and interface animations on your phone, and sometimes they're not even accompanied by text; we simply infer the meaning through the animation itself. Again, this was spearheaded by Google.

This means it's time for designers to get learning After Effects as well as Photoshop...


KEY STUDIES -


[Image: HMHpl76.gif]
Text is way too small to read comfortably.
Not available for work at this time. Apologies for any inconveniences.
[Image: 3s6iQZw.jpg]
Very detailed guide man, just make the font a little bigger.
...
(Apr 10, 2016 04:41 PM)RumbleFrog Wrote:  Very detailed guide man, just make the font a little bigger.

It's larger than standard HF text? ❓

You guys confuse me
[Image: HMHpl76.gif]
Great thread man, a lot of people will find this usefull, i did at least!
Posting here to remind myself where to find this thread tomorrow when I wake up. Thanks for the quality post, Rivalry! I skimmed the thread and it definitely looks like a good read, excited to get some new insights from your findings ✌
(Apr 11, 2016 05:25 AM)Rivalry Wrote:  It's larger than standard HF text? ❓

You guys confuse me

No bruh, it isn't.

Anyways, really detailed guide. Loved every bit of it! Will have to sub to it so I can come back again when I get the time to fully explore, busy with exams y'know.


🤝
[Image: 3iGyp71.png]
Love this guide, especially how you put some examples of what you're talking about as a visual aid for people like me 😁
A quality thread that needs a bit more attention.
Very good tutorial, a lot of people will find this usefull, i did at least!
I actually like Flat designs, they're easy on the eye and yet simple.

On the other hand flashy always attracts more people.
Super useful post dude, great work! I especially like that website by Roney Gibson, his use of gradients and shadows are super cool. Thanks very much for this!


Possibly Related Threads...
Thread / Author Replies Views Last Post
by G--DMar 9, 2017 08:42 PM 1 174 Mar 9, 2017 08:42 PM
Last Post: Major League
by DomovoiJan 31, 2015 01:59 PM 8 234 Jan 31, 2015 01:59 PM
Last Post: cortz