Apr 9, 2016 03:09 PM
(This post was last modified: Apr 13, 2016 10:56 AM by Rivalry.)
[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."
"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 -
- https://www.behance.net/gallery/34962045...te-concept
- https://www.behance.net/gallery/34846429/CIMR-Website
- https://www.behance.net/gallery/32244083...bsite-UXUi
- https://www.behance.net/gallery/35206643...ge-Website
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 -
- https://www.behance.net/gallery/21722849/Pixar
- https://www.behance.net/gallery/32153427...ign-part-3 (first one)
- https://www.behance.net/gallery/29767303...pp-concept
- https://dribbble.com/shots/2415240-CPU-test-app
- https://dribbble.com/shots/1940341-Dashboard-WIP
- https://dribbble.com/shots/2443933-Landing-Page
- https://dribbble.com/shots/2417453-Speed...ll-Preview
- https://www.behance.net/gallery/35599143...ve-Concept
- https://hackforums.net/showthread.php?tid=5193993 (first one, shameless self-promotion)
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 -
- https://www.behance.net/gallery/33742162...D-Template
- https://www.behance.net/gallery/33166863/Deals-App
- https://www.behance.net/gallery/35334297/Q-Tarantino
- https://www.behance.net/gallery/34547545...al-Website
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 -
- https://www.behance.net/gallery/34712323...ept-Design
- https://www.behance.net/gallery/35501957...ch-Website
- https://www.behance.net/gallery/35334297/Q-Tarantino
- https://www.behance.net/gallery/34190201...ng-Concept
- https://www.behance.net/gallery/30821759/Long-Life-Wood
- https://www.behance.net/gallery/27982413/Sorel
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 -
- https://www.behance.net/gallery/35452259/D-D-Play
- https://www.behance.net/gallery/35452305...-Education
- Literally any decent app


![[Image: HMHpl76.gif]](https://i.imgur.com/HMHpl76.gif)

![[Image: 3s6iQZw.jpg]](https://i.imgur.com/3s6iQZw.jpg)

![[Image: 3iGyp71.png]](https://i.ipixls.net/3iGyp71.png)