11 W kategorii  Kultura/ Strefa Geeka

Flat Design i jego najważniejsze elementy

Flat Design stawia na czytelność, prostotę i użyteczność stron, interfejsów oraz aplikacji.

Sama do tej pory przyglądałam się jedynie procesowi twórczemu zachodzącemu w trakcie powstawania elementów graficznych. Odkąd postanowiłam złapać rysik w rękę i poznać tajniki programów graficznych totalnie pochłonął mnie trend płaskiej grafiki.

Urzeka mnie jego prostota, spójność i elegancja. Zobaczcie, jakie są jego podstawowe elementy.

 

Big-Flat-Icons-sketch

 

e6242d44806ead52992f63dd1f0ab7e8

 

Flat Design to:

1. Jednolite kolory

W wyborze kolorów panuje totalna dowolność o ile będą one jednolite. Można postawić na wyraziste, kontrastowe kolory ponieważ będą one bardzo dobrze wyglądały na płaskiej konstrukcji.

flatcolors

 

flatcolorsAdobe

Palety płaskich kolorów możecie znaleźć na stronach:

http://flatuicolors.com/ oraz https://kuler.adobe.com/flat-colors-art-colors/

Prezentują się pięknie! :)

 

2. Brak lub bardzo subtelne efekty graficzne

W płaskim designie odchodzimy od takich efektów graficznych jak gradienty, cienie, tekstury, poświaty. Można za to zastosować na krawędziach ciemniejszy kolor  i dzięki temu uzyskamy złudzenie cienia.

 shadow-1

3. Prostota (głupcze! ;) )

Płaski design sprawia, że strona lub aplikacja zyskują na użyteczności. Prostota konstrukcji, jednolite kolory i czcionka. Rezygnujemy z niepotrzebnych dodatków rozpraszających uwagę użytkownika i kierujemy się zasadą ‚mniej znaczy więcej’.

acb3e4030f9446d67b4ff036d7159f87

 

Ta zasada jest szczególnie ważna przy tworzeniu interfejsów aplikacji mobilnych, w których zależy nam na jak najdłuższym zaangażowaniu użytkownika i w których bardzo łatwo o przeładowanie elementów graficznych.

 

Jak Wam podoba się ten graficzny trend?

Jestem właśnie w trakcie przygotowywania płaskich interfejsów graficznych do dwóch nowych aplikacji mobilnych. Wkrótce Wam je zaprezentuje! :)

 

Vel

Follow on Bloglovin

Możesz także polubić