În Inspirație

O galerie de exemple reușite de flat web design

Chilicon Graphic

Printre trendurile cele mai vizibile și cele mai controversate în designul paginilor web, se numără ceea ce poartă numele de flat design, adică, în limba română, „design plat”. Cu influențe clar minimaliste, în flat web design sunt înlăturate toate „înfloriturile” artistice, imaginile de fundal și efectele speciale, punându-se în valoare conținutul.

Numele acestui curent vine de la formele geometrice utilizate, acestea fiind plate, bidimensionale. Astfel, încă de la început ne dăm seama de o caracteristică definitorie a acestui stil: folosirea figurilor geometrice simple – pătrate sau cercuri. O altă caracteristică des întâlnită în flat web design este utilizarea culorilor puternice, vibrante, contrastante și relativ multe la număr, contrar principiilor „clasice” ale web designului.

Datorită simplității compoziționale în ceea ce privește formele și liniile folosite, o importanță aparte capătă fonturile utilizate, fiind de foarte multe ori singurele elemente care diferențiază un site și îi oferă „personalitate”.

Cea mai mare provocare cu care vă veți confrunta în procesul de a realiza un asemenea design va fi atragerea atenției asupra elementelor interactive. Utilizatorul trebuie să știe ce zone ale site-ului sunt statice și care sunt dinamice și va fi destul de dificil să faceți demarcația între acestea, fără să vă abateți de la rigorile designului flat.

Nu toate site-urile se pretează la un design flat, așa că nu forțați această abordare dacă site-ul pe care îl aveți de realizat este unul foarte complicat, a cărui interfață nu poate fi redusă la câteva linii și mesaje simple.

Iar acum că am văzut prin ce se diferențiază mult invocatul flat web design, să vedem și câteva exemple reușite, care să ne inspire.

Adam Rudzki

Adam Rudzki

Award Online

Award Online

Awkward

Awkward

Beard Design

Beard Design

Build 2012

Build 2012

Built By Buffalo

Built By Buffalo

Chilicon Graphic

Chilicon Graphic

Coloured Lines

Coloured Lines

Conversion Forge

Conversion Forge

Dynamit

Dynamit

Ears

Ears

Entypo

Entypo

Etch Apps

Etch Apps

Friends of  The Web

Friends of The Web

Geckoboard

Geckoboard

Hanno

Hanno

Invoisse

Invoisse

Ivo Mynttinen

Ivo Mynttinen

Layer Vault

Layer Vault

Lorenzo Verzini

Lorenzo Verzini

Manos Crafted

Manos Crafted

MapBox

MapBox

Minimal Monkey

Minimal Monkey

Moddit

Moddit

Nitrografix

Nitrografix

Oak. is

Oak.is

Opoloo

Opoloo

PandR

PandR

Pixel Plant

Pixel Plant

Play Hundreds

Play Hundreds

President for a Day

President for a Day

Profound Grid

Profound Grid

Red Bull Studios

Red Bull Studios

RGB to

RGB to

SoftwareMill

Software Mill

Squidee

Squidee

Startup Giraffe

Startup Giraffe

Supereight Studio

Supereight Studio

Symbolset

Symbolset

The Ecology Centre

The Ecology Centre

The Gadget Flow

The Gadget Flow

Treehouse

Treehouse

TriplAgent

TriplAgent

United Pixelworkers

United Pixelworkers

WDMTG

WDMTG

WerkPress

WerkPress

Wistia

Wistia