Płaskie projektowanie to kluczowy trend w projektowaniu na najbliższe lata, przyjrzyjmy się więc bliżej i poznajmy 5 podstawowych zasad, które stanowiły jego podstawę.

Wprowadzenie do projektowania płaskiego

W języku rosyjskim płaska konstrukcja jest tłumaczona jako „płaska konstrukcja” i stała się absolutnym faworytem po Prezentacje Apple System operacyjny iOS. W centrum uwagi znalazło się minimalistyczne podejście do projektowania pod kątem użyteczności. Nacisk kładziony jest na komfort użytkownika. Jest to wyraźny protest przeciwko „squeeformism” (wizualizacja obiektów, jak w rzeczywistości). Wybór padł na bardziej uproszczone, a jednocześnie estetycznie proste rozwiązania. Użytkownicy zmęczeni realistycznymi wizualizacjami entuzjastycznie przyjęli ten kierunek i coraz więcej projektów internetowych przenosi się do tego formatu.

Zaznaczam, że „płaskie” nie oznacza „nudne”. Płaskie rozwiązania projektowe bywają piękne, są bardziej wyrafinowane, czyste, pozbawione nadmiaru czegokolwiek, przekształcając się w „wyspę spokoju”. W końcu sprawiają, że treść jest zrozumiała. Pozostaje nauczyć się podstawowych zasad, aby wprowadzić je w życie.

Projekt „płaski” nie ma na celu oddania objętości, dlatego podstawą jest dwuwymiarowa wizualizacja. Oznacza to, że nie zobaczysz żadnych cieni, odbić ani świateł z teksturami (wyjątkiem są długie cienie). Tylko przenoszenie konturów i nic więcej.

Zaleca się stosowanie w projekcie cyfr jednosylabowych, a także przestrzeganie klarowności konturów, co ma na celu podkreślenie lekkości i nieważkości. Ponadto takie zwięzłe elementy dobrze imitują czujnik, generując chęć interakcji z obiektem (wezwanie do wciśnięcia, dotknięcia). Jednak prostota elementów nie równa się prostocie projektu jako całości - dotyczy to tylko konturów. Dzięki temu wszystko, co widzi użytkownik, jest dla niego jasne i może z łatwością z niego korzystać.

Płaska konstrukcja wymaga niezwykle starannej pracy z czcionkami. Oznacza to, że ich charakter musi uzupełniać schemat projektowy, nie zaprzeczając mu. Co więcej, w płaskiej konstrukcji czcionka jest również kluczowym elementem nawigacyjnym.

Nie tylko krój, ale i kolor to istotny element płaskiego projektowania. Zdecydowana większość palet bazuje na 2-3 kolorach, choć oczywiście zdarzają się wyjątki. Zwykle wybiera się soczyste i jasne, ale czyste kolory. Jak wspomniano, nie ma gradientów ani niepotrzebnych przejść.

Płaskie wzornictwo to doskonały przykład światowego trendu, jakim jest minimalizm. Projektanci rezygnują ze zbędnych „dzwonków i gwizdów”, odchodzą od skomplikowanych i niejawnych podejść do wizualizacji, co owocuje aktywnością użytkownika.

Płaski czy prawie płaski? Szukasz kompromisu!

Podsumowując, chciałbym zauważyć, że dzisiaj istnieje synergia między projektowaniem płaskim i niepłaskim. Mówimy o „prawie płaskiej” konstrukcji. Jest to najczęstsze zastosowanie opisywanej koncepcji, gdy obok prostych i zwięzłych elementów oraz dwuwymiarowej przestrzeni projektanci stosują 1-2 triki na głębię i perspektywę.

Również trendem 2017 roku był Semi Flat Design - półpłaska konstrukcja. Pod wpływem Material Design stał się nieco bardziej przestrzenny. Są jasne cienie, które sprawiają, że projekt jest półpłaski. Płaska konstrukcja jest nadal aktualna, ponieważ z powodu cieni stała się głębsza i bardziej złożona, ale główna koncepcja nie jest naruszona.

która się rozwija aplikacje mobilne i stron internetowych, napisał dla nas felieton i umieścił wszystko na swoim miejscu, jeśli chodzi o projektowanie płaskie i materiałowe.

Ogólnie rzecz biorąc, różnica między płaskim projektem (Flat design) a materiałem (Material Design) jest subtelna. Osobie, która nie ma głębokiej wiedzy na temat projektowania graficznego, naprawdę mogą wydawać się bardzo podobne. W tym artykule postaram się rzucić nieco światła na niektóre różnice między nimi. Zdobędziesz dodatkową wiedzę, tak niezbędną, by przypadkiem nie zaszkodzić delikatnej naturze projektanta.

Trochę historii

Zanim zaczniemy mówić o różnicach między dwoma najpopularniejszymi trendami projektowymi, dowiedzmy się, skąd się one biorą. Istnieje opinia, że ​​materiał projektowy powstaje na bazie mieszkania. Skąd wzięło się wtedy projektowanie płaskie?

Skeuomorfizm

Jeśli chodzi o interfejs użytkownika i projektowanie stron internetowych, pojęcie skeuomorfizmu odnosi się do podejścia, którego główną ideą jest imitacja. Nie wchodząc w szczegóły, pamiętajmy tylko o interfejsach Apple przed iOS 7 z ich „realistycznymi teksturami, oświetleniem i pretensjonalnymi efektami”.

Próba upodobnienia obiektów cyfrowych do ich rzeczywistych odpowiedników była uzasadniona potrzebą ułatwienia interakcji użytkownika z urządzeniem. Właściwie to z tego powodu wszystkie interfejsy z realistycznymi teksturami od wielu lat dominowały w cyfrowym świecie. Skeuomorficzny projekt wykonał świetną robotę, pomagając użytkownikom płynnie przejść ze świata rzeczywistego do świata cyfrowego.

Jednak wraz ze wzrostem technologie mobilne stopniowo pojawia się potrzeba skupienia się przede wszystkim na wygodzie i łatwości użytkowania. Zgadzam się, w tym obszarze potrzeba tworzenia rozwiązania mobilne dostępne od różne urządzenia, rośnie wykładniczo. W tej chwili prostota staje się nowym standardem projektowania.

Uwaga: w żadnym wypadku nie myśl, że skeuomorfizm całkowicie zniknął. Jest szeroko stosowany w grach, w których konieczne jest stworzenie realistycznego świata i pomóc graczom poczuć ich charakter, aby zanurzyć się w procesie gry.

płaska konstrukcja

Ten styl jest całkowicie pozbawiony jakichkolwiek trójwymiarowych obiektów. Z grubsza mówiąc, w płaskiej konstrukcji nie ma takich elementów stylistycznych jak cień, tekstury, gradienty, ale zwraca się uwagę na grę czcionek i kolorów oraz ikon. Ale dlaczego to wszystko było konieczne? Odpowiedź jest prosta.

Po pierwsze, płaska konstrukcja znacznie skraca czas ładowania strony. Brak „ciężkich” skeuomorficznych detali (wyobraź sobie: warstwy, szeryfy, gradienty) sprawia, że ​​płaskie elementy są „lżejsze”, co z kolei znacznie przyspiesza czas ładowania. Co więcej, płaskie elementy wyglądają równie atrakcyjnie na ekranach, jak w wysoka rozdzielczość, i nisko.

Po drugie, proste obrazy mogą przekazać Twój pomysł użytkownikom szybciej niż szczegółowe ilustracje: są szkicowe, a zatem dość łatwe do zrozumienia.

I oczywiście płaskie ikony ze stosunkowo prosta czcionka może skierować uwagę użytkowników na naprawdę ważne treści.

Dziś płaskie wzornictwo zyskało zasłużone uznanie, ale wciąż nie obyło się bez problemów. Najbardziej oczywistym przykładem takich problemów było wydanie Windows 8 przez Microsoft. Ten system operacyjny jest uważany za pioniera płaskiej konstrukcji i wspiera koncepcję projektowania Metro. Problemem było to, że firma uznała za konieczne zwracanie większej uwagi na typografię niż na samą grafikę.

Wyniki testu użyteczności systemu Windows 8 przeprowadzonego przez NN Group wykazały, że użytkownicy mieli trudności z odróżnieniem obiektów klikalnych od nieklikalnych. Użytkownicy skarżyli się, że obiekty, które wyglądają na statyczne, są w rzeczywistości klikalne. W rezultacie główna misja firmy - pomoc użytkownikom we właściwej interpretacji systemu - zawiodła.

Kolejną firmą często kojarzoną z płaskim designem jest Apple. Odeszli od skeuomorficznych elementów projektowych w mobilnym systemie operacyjnym iOS 7, wydanym w 2013 roku. Tym razem przejście zostało odebrane nieco lepiej, głównie ze względu na to, że firma nie próbowała całkowicie zaktualizować koncepcji. interfejs użytkownika, ale właśnie dodałem kilka zmian w kierunku płaskiej konstrukcji. Dało to użytkownikom możliwość korzystania z produktu, opierając się na ich wcześniejszych doświadczeniach z systemami operacyjnymi i stronami internetowymi.

wygląd materiału

Postawmy sprawę jasno: Material Design jest bardziej markowym produktem niż spontanicznym trendem projektowym, który zyskał szeroką akceptację. To w zasadzie odróżnia ją od płaskiej konstrukcji.

Nazywając material design „podpisem”, mam na myśli cały zestaw jasno określonych zaleceń i zasad, którymi kieruje się każdy szanujący się projektant. Jest dość oczywiste, dlaczego Google wprowadził swój Material Design: istniała potrzeba ujednolicenia projektu, aby aplikacje wyglądały tak samo na każdym z wielu urządzeń z Androidem.

Choć dość funkcjonalny, płaska konstrukcja jest nadal uważana za trudną do zrozumienia. Prawda jest taka, że ​​płaskie obiekty na ekranie mogą dezorientować użytkowników (zwłaszcza tych, którzy nie mają doświadczenia z interfejsami mobilnymi i webowymi). Dlatego material design stara się przywrócić elementy skeuomorfizmu, ale w mocno uproszczonej formie. Obrazy wyglądają płasko, zwłaszcza jeśli chodzi o kolory, ale nadal są wielowymiarowe dzięki obecności osi z.

Innymi słowy, material design można nazwać ulepszoną wersją płaskiego projektu z elementami skeuomorfizmu - animacją, cieniami i warstwami. W ten sposób możesz sprawić, że produkt będzie bardziej intuicyjny pod względem nawigacji i ogólnie uniknąć niepotrzebnej złożoności pod względem stylu.

Zalety i wady płaskiej konstrukcji

Zostawmy za sobą historię ewolucji stylów i przejdźmy do czegoś bardziej znaczącego – wymieniamy mocne strony i słabe strony płaska konstrukcja.

• Minimalizm i styl
• Intuicyjność. Łatwiej będzie Ci przekazać swój pomysł użytkownikom.
• Oszczędność czasu i zasobów. Strony ładują się znacznie szybciej przy mniejszym zużyciu przepustowości.
• Skoncentruj się na treści. Interfejs bez zbędnych szczegółów, które mogą odwrócić uwagę od naprawdę cennych informacji.
• Wygląda równie dobrze na różne urządzenia, niezależnie od tego, czy jest to przeglądarka na komputerze czy smartfonie.
• Przyspiesza proces projektowania strony internetowej lub aplikacji, pozbywając się niepotrzebnych poprawek projektowych.

• Minimalistyczny styl.
• Dość intuicyjny. Material design będzie równie łatwy do zauważenia jak doświadczeni użytkownicy jak również nowicjusze.
• Umiarkowany skeuomorfizm. Wszystko wygląda bardziej realistycznie dzięki zastosowaniu osi Z (unikalna koncepcja Google).
• Istnieje zestaw instrukcji, które są stale aktualizowane. Dlatego każdy projektant zawsze może się do nich zwrócić, jeśli występują trudności w procesie pracy.
• Zachęcamy do animacji rozwiązań internetowych. Nie trzeba przypominać, jak bardzo ludzie kochają ruch. Dodatkowo animacja pozwala uczynić interfejs bardziej zrozumiałym i intuicyjnym.

• Ma właściciela ( Google). Dlatego wszelkie pytania i sugestie dotyczące ulepszeń należy kierować do właściciela.
• Ze względu na obecność osi Z proces projektowania może trwać dłużej.
• Animowane elementy wymagają więcej zasobów.
• Ścisłe przestrzeganie wytycznych może ograniczyć oryginalność projektu.

Podsumować

W rzeczywistości jedno z rozważanych podejść projektowych nie powinno być uważane za mające wyraźną przewagę nad drugim, ponieważ style płaskie i materiałowe idą obok siebie. Oba są szalenie popularne i oba pozbawione nadmiernego realizmu. Material design jest następcą płaskiego, natomiast sam design płaski był reakcją na zbyt ciężkie i realistyczne rozwiązania. Material design dodał coś, od czego flat design zawsze starał się odejść – trochę skeuomorfizmu. Jedna rzecz zawsze będzie się jednak różnić między tymi podejściami: Material Design to opatentowany produkt Google, podczas gdy płaski design jest wynikiem połączenia kilku praktyk projektowych, które dążą przede wszystkim do ogólnej prostoty.

Prawdę mówiąc, projektowanie płaskie bardzo ewoluowało w ostatnich latach, od całkowicie „płaskiego” do „półpłaskiego”. Pozwala teraz na użycie warstw i subtelnych cieni, aby obiekty wyglądały głębiej, niż wcześniej się wydawało. Jesteśmy więc szczęśliwymi rówieśnikami płaskiej konstrukcji 2.0.

Wreszcie, nic nie zabrania próbowania połączenia tych dwóch podejść w celu stworzenia naprawdę funkcjonalnego i przyjaznego dla użytkownika produktu. Więc zainspiruj się guru projektowania płaskiego i materiałowego i zabierz się do pracy!

Jeśli znajdziesz literówkę - zaznacz ją i naciśnij Ctrl + Enter! Aby się z nami skontaktować, możesz użyć .

Od autora: Pozdrawiam was przyjaciele! Dziś porozmawiamy o tym, czym jest płaski design, czyli płaski projekt strony internetowej. Termin ten od dawna podbił serca projektantów stron internetowych i nadal jest zdecydowanie modny. Największe firmy (Google, YouTube, Microsoft, Apple Inc. itp.) używają go do projektowania swoich stron internetowych i aplikacji. Czy nadal nie jesteś w kręgu zwolenników płaskiego projektowania stron internetowych? Następnie idziemy do Ciebie!

Jak myślisz, co jest przyczyną tak szalonej popularności płaskiego designu? Odpowiem w skrócie: to naprawdę działa! W tym artykule wyjaśnię Ci, czym jest ten styl, opowiem o jego zaletach i wadach oraz pokażę kilka świetnych przykładów płaskiego projektowania stron internetowych, które z pewnością zainspirują Cię do wyczynów. Więc chodźmy!

Wszystko zaczęło się od skeuomorfizmu

Dla tych, którzy nie wiedzą, skeuomorfizm nie jest brzydkim słowem, ale innym stylem projektowania stron internetowych. Płaski design jest często przedstawiany jako przeciwieństwo skeuomorfizmu, co moim zdaniem nie jest do końca poprawne. To bardziej uproszczenie niż antagonizm.

Do 2010 roku skeuomorfizm był dominującym stylem w projektowaniu interfejsów. Pokazywał elementy tak, jak wyglądały w rzeczywistości, aktywnie wykorzystując tekstury, cienie, odbicia i inne atrybuty trójwymiarowego obrazu. Pod tym względem szczególnie się starałem. Firma Apple, który starannie skopiował większość obiektów oprogramowania z rzeczywistych obiektów.

Wkrótce pseudo-podniesione ikony przestały przemawiać do większości użytkowników i twórców stron internetowych, co zapoczątkowało erę płaskiego projektowania stron internetowych. Świat doszedł do wniosku, że należy usunąć wszystkie elementy dekoracyjne, a pozostawić tylko to, co jest wygodne dla użytkownika końcowego.

„Najlepszy projekt to jak najmniej designu”

Jak Dieter Rams zajrzał do wody – znany projektant przemysłowy, który sprzeciwia się natrętnemu projektowi, efektom animacji itp. W czerwcu 2013 r. Apple Inc. wprowadził rewolucyjny iOS 7, który otrzymał wszystkie atrybuty w stylu płaskiego projektowania stron internetowych. Jednak samolot nie od razu „pokonał” realizm i głośność.

Użytkownicy przez długi czas nie mogli zapomnieć o magii Steve’a Jobsa i ikonach „które chce się lizać”. Wielu nawet pożegnało się z „nieszczęsną siódemką” i przerzuciło się na „promiennego Androida”. Dodał oliwy do ognia i dużej liczby błędów, które były obecne w iOS 7, a także białawy, półprzezroczysty design z paralaksą i animacją w postaci „smarka” podczas otwierania aplikacji.

Ci, którzy pogodzili się z nieuchronną rzeczywistością i pozostali przy „jabłkowym” systemie operacyjnym, w końcu zdali sobie sprawę, że płaskie projektowanie stron internetowych nie tylko wygląda ciekawie, ale także wprowadza porządek i jednolity styl wizualny do wszystkich aplikacji.

Plusy i minusy płaskiej konstrukcji

Korzyści z używania tego stylu to:

przejrzystość kompozycji i zwięzłość środków wizualnych. Responsywny interfejs w stylu „nic więcej, aby użytkownicy szybko zorientowali się, co chcieli im przekazać;

skup się na dobrej typografii. Treść jest na pierwszym miejscu, co jest niezwykle ważne w dzisiejszej obfitości informacji;

mniejszy rozmiar strony www i przyspieszenie działania serwisu ze względu na minimalną liczbę efekty wizualne. Jest to szczególnie przydatne przy tworzeniu wersji responsywnych, ponieważ im prostsze formularze, tym łatwiej je wyświetlić na małych ekranach urządzeń mobilnych.

Płaskie projektowanie stron internetowych ma również wady:

ograniczenie wyobraźni web designera do uproszczonych kolorów, typografii, ikonografii. Dlatego ryzyko stworzenia nudnej i nie wyrazistej strony jest wyższe;

brak trójwymiarowości i cieni czasami nie pozwala zrozumieć, czy element jest klikalny, czy nie;

brak określonych stałych zasad.

Jeśli zdecydowałeś się na zastosowanie tego stylu na swojej stronie, gratulacje – oznacza to, że zależy Ci na wygodzie użytkowników i nadążasz za duchem czasu. Jeśli dopiero zaczynasz jako projektant stron internetowych i nie wiesz, jak prawidłowo używać płaskiego projektu, aby Twoja witryna wyglądała odpowiednio, ale nie prymitywnie, oto kilka wskazówek:

Zapomnij o „ceglanych ścianach” i jasnym tle. W płaskich projektach internetowych często stosuje się proste, gładkie, miękkie obrazy tła.

Nowoczesne tendencje i podejścia do tworzenia stron internetowych

Poznaj od podstaw algorytm szybkiego wzrostu w budowaniu stron internetowych

Bez gradientów, ikon 3D, animowanych przejść i innych efektów specjalnych. Wszystko to sprawi, że Twoja strona będzie ciężka i wybredna – czy tego potrzebujesz?

Używaj płaskich ikon z wyraźnymi konturami, które zwiększają wygodę i funkcjonalność.

Użyj jasnej, soczystej palety kolorów. Teraz trendem są odcienie widma słonecznego: jasne żółcie, róże i zielenie. Najważniejsze, żeby nie przesadzać - na stronie nie powinno być więcej niż 3 kolorów.

Skoncentruj się na typografii. Płaska konstrukcja sprzyja jasnym, oryginalnym etykietom, które tworzą wezwanie do działania i zapewniają łatwą nawigację w witrynie. Tutaj również ważne jest, aby nie przesadzać. Zapomnij o „odręcznych” i innych wymyślnych czcionkach. Możesz użyć do podświetlenia nagłówków. wielkie litery.

Zapraszam do korzystania z różnorodnych kształtów geometrycznych. Kwadraty, koła, linie i inne kształty pomogą nie tylko ulepszyć strukturę serwisu, ale także stworzyć przejrzystą hierarchię i odrębną treść. Użytkownicy to docenią, uwierz mi.

Uczyń to tak prostym, jak to tylko możliwe Menu nawigacji i inne elementy serwisu. Jako przyciski użyj zwykłych prostokątów bez cieni i świateł.

Tym samym z biegiem lat strony internetowe o płaskim designie stały się standardem akceptowanym przez absolutnie wszystkich. Spójrz na większość nowoczesnych witryn - są płaskie "do kości".

Na koniec podam obiecane przykłady udanego projektowania płaskiego, które może służyć jako inspiracja do tworzenia własnych arcydzieł.

1. Strona http://dunked.com.

Popularna platforma do publikowania portfolio, skierowana do przedstawicieli różnych zawodów kreatywnych. Minimalistyczny, płaski projekt strony internetowej wywołuje poczucie rzetelnej i zrozumiałej usługi, która nie rozprasza niepotrzebnymi efektami specjalnymi.

2. Interfejs Microsoft.

Microsoft jest jedną z firm, które sprawiły, że płaski styl stał się tak popularny. Czy pamiętasz Zune, konkurenta iPoda, który Microsoft wypuścił w połowie 2000 roku? Tak więc projekt tego produktu bardzo różnił się od większości ówczesnych zastosowań, głównie ze względu na dużą typografię, płaskie ikony, duże i jasne formy.

Ten interfejs, który nazywał się Metro, został później przeniesiony do komputery osobiste(Windows 8), interfejs Xbox 360 i inne produkty oprogramowania Microsoft.

3. Strona internetowa http://www.vox.com.

Czy jesteś zainspirowany? Precz z pseudorealistyczną estetyką 3D!

To wszystko. Subskrybuj, udostępniaj nasze artykuły znajomym w w sieciach społecznościowych. Wysokie konwersje dla Ciebie!

Nowoczesne trendy i podejścia w tworzeniu stron internetowych

Poznaj od podstaw algorytm szybkiego wzrostu w budowaniu stron internetowych

W tym artykule opowiem o płaskiej konstrukcji. Musiałeś już coś o tym słyszeć, skoro mieszkanie stało się jednym z wiodących trendów w sieci w ciągu ostatnich kilku lat.

Dzisiaj zrozumiemy, czym jest płaska konstrukcja, jak powstaje i czego potrzebujesz, aby stworzyć czysty, jasny i responsywny projekt.

możesz znaleźć dobre przykłady płaska konstrukcja na http://market.envato.com/. Istnieje wiele układów, ikon i szablonów, które dają jasny obraz tego, jak wygląda nowoczesny design. .

1. Co to jest płaska konstrukcja?

Płaska konstrukcja - nowoczesny styl interfejs użytkownika, a także oprawa graficzna, charakteryzująca się minimalizmem. Płaska konstrukcja charakteryzuje się wykorzystaniem minimum elementów i brakiem różnych efektów tekstury, cienia i światła, na przykład: mieszanych kolorów, gradientów, świateł i tak dalej.

Płaski kontra skeuomorfizm( Skeuomorfizm to zasada projektowania polegająca na nadaniu jednemu produktowi wyglądu innego, tj. gdy różne elementy interfejsu są kopiowane z rzeczywistych obiektów - ok. tłumaczenie) , a także bogate wzornictwo, jednak warto powiedzieć, że płaskie projektowanie wcale nie jest tak proste, jak się wydaje na pierwszy rzut oka. Zawiera pewne cechy skeuomorfizmu, ale porozmawiamy o tym nieco później.

Ogólnie rzecz biorąc, płaski pomaga utrzymać użytkownika skupionego na treści bez rozpraszania się przez elementy wizualne. Płaska konstrukcja podkreśla prostotę elementów, jednocześnie czyniąc interfejs bardziej responsywnym, przyjemnym i łatwym w obsłudze.

2. Trochę historii

Flat design, jak wiadomo, istniał na długo przed momentem, kiedy stał się światowym trendem w sieci. Płaska konstrukcja była dość popularna w latach 80. ze względu na fakt, że technika w tamtym czasie nie była jeszcze wystarczająco rozwinięta, aby obsługiwać złożone efekty, tekstury i cienie. Jednak nawet wtedy projektanci dążyli do skefomorfizmu, starając się, aby elementy interfejsu były jak najbardziej realistyczne.

Płaska konstrukcja, w takiej postaci, w jakiej ją teraz widzimy, zaczęła zyskiwać popularność po tym, jak Microsoft zaczął produkować produkty w tzw. stylu metro. Metro to projekt interfejsu użytkownika firmy Microsoft, który zachwyca stylem i prostotą.

W 2010 roku Microsoft wydany Telefon Windows 7, w którym zastosowano płaską konstrukcję z ostrymi krawędziami i prostą grafiką odziedziczoną po jednym z wczesnych produktów Microsoft (Zune). Później, zainspirowany sukcesem, Microsoft wypuścił system operacyjny Windows 8 oparty na tym samym płaskim stylu Metro.

W końcu płaska konstrukcja osiągnęła swój szczyt w 2013 roku, kiedy Apple wypuściło iOS 7 demonstruje fundamentalnie nowy design z całkowicie przeprojektowanymi elementami interfejsu użytkownika, w tym ikonami i czcionkami. Jabłko stworzone wizualne zasady projektowania interfejsu użytkownika i ikon .

Wkrótce potem Google również zaczął używać płaskiego stylu w swoich aplikacjach i stronach internetowych, nazywając go wygląd materiału. Google ma nawet całą sekcję poświęconą temu stylowi, w tym opis celów projektowania stron internetowych, jego zasad i instrukcji tworzenia różnych obiektów projektowych: ikon, układów i tak dalej.

Od tego czasu mieszkanie stało się kluczowym trendem w projektowaniu stron internetowych, czyniąc strony internetowe, aplikacje i elementy interfejsu eleganckimi, czystymi i stylowymi.

Tak więc istnieją trzy światowe przykłady płaskiego projektowania od firm, bez których trudno sobie wyobrazić nowoczesny świat technologie:

Projekt Metro firmy Microsoft

Projekt Apple iOS 7

Projekt materiałów Google

3. Pamiętaj o czystości

Płaska konstrukcja jest podobno nazywana „płaską” ze względu na brak elementów 3D i realistycznych efektów, takich jak gradienty, tekstury, rozjaśnienia, półcienie, cienie. Pamiętaj, styl płaski to dwuwymiarowy (płaski) sposób przedstawiania obiektów.

Ponadto w płaskiej konstrukcji obiekty są przedstawiane w bardzo uproszczony i stylizowany sposób.

A czasami używa się nawet samej sylwetki lub konturów przedmiotu, tj. wystarczy, aby obiekt był rozpoznawalny, ale nie przeładowywał go drobnymi szczegółami.

Minimalizm stał się w dzisiejszych czasach światowym trendem: prostota kształtów i zastosowanie ostrych krawędzi tworzą czysty i przyjemny design. Proste formy są bardziej zrozumiałe i łatwiejsze do zrozumienia. Dzięki temu projekt jest minimalistyczny, czysty i zapobiega powstawaniu zajętego, niechlujnego wyglądu.

4. Idealny

Wiedz, że jeśli chodzi o tworzenie płaskich ikon i elementów interfejsu użytkownika, musisz sprawić, by wyglądały ostro, schludnie i idealnie, tj. tak dużo jak to możliwe. Co więcej, dotyczy to zarówno grafiki rastrowej, jak i wektorowej.

Z programem Adobe Photoshop tutaj wszystko jest jasne: działa z grafiką rastrową, która opiera się na pikselach.

Jeśli chodzi o program Adobe Illustrator, następnie wykorzystuje grafikę wektorową, składającą się z krzywych i linii, zwanych wektorami, które są podane za pomocą wzorów matematycznych.

Dawno, dawno temu Adobe Illustrator nie był szczególnie wygodnym programem do tworzenia doskonałej grafiki. Dobrą wiadomością jest to, że najnowsze wersje Illustrator stał się doskonałym narzędziem do tworzenia dobrej grafiki.

Muszę to powiedzieć Grafika wektorowa głównie polega na pracy z prostymi, płaskimi kształtami, jednolitymi kolorami i siatkami.Adobe Illustrator jest bardzo elastyczny i pozwala dostosować siatkę do własnych potrzeb, wyrównać obiekty i używać różne rodzaje przyciąganie. Ułatwia to stworzenie idealnego projektu, który będzie wyglądał czysto i stylowo na każdym wyświetlaczu. Jeśli chcesz dowiedzieć się, jak stworzyć idealną grafikę, przeczytaj artykuł: Jak stworzyć idealną grafikę w pikselach za pomocą programu Adobe Illustrator .

5. Kolor

Jedną z bardziej charakterystycznych cech płaskiego designu, poza cieniami, jest użycie koloru. Większość kolorów, które płaska konstrukcja wykorzystuje w swoich elementach, składa się z zaledwie kilku podstawowych kolorów.

Kolor w płaskiej konstrukcji wyróżnia się jasnością, nasyceniem, soczystością.Płaska kolorystyka nie ogranicza się do kilku specjalnych kolorów, zawierają wiele odcieni, a ich wybór zależy tylko od tego, co przedstawiasz, czy są to ikony słodyczy, czy obiekty w stylu retro w wyrafinowanej palecie retro.

Załóżmy, że jesteś projektantem interfejsu użytkownika i dobrze znasz się na paletach kolorów i eksperymentujesz z paskiem kolorów w programach Photoshop i Illustrator, mieszając kolory w dowolny sposób. Proces ten jest jednak dość skomplikowany i wymaga dobrej intuicji, doświadczenia i umiejętności. Tutaj znajdziesz kilka narzędzi, które pomogą Ci stworzyć własną paletę kolorów.

Niektóre z nich nadają się do wszelkiego rodzaju projektów i ilustracji, nie tylko płaskich projektów. Na przykład Adobe Color CC, lepiej znany jako Cooler. Dziś jest do niego dostęp, zarówno przez stronę internetową, jak i bezpośrednio przez produkty Adobe. Cooler to bardzo elastyczne narzędzie, które pozwala albo stworzyć własną paletę kolorów, albo wybierać spośród niestandardowych palet z biblioteki.

Kolejnym prostym i poręcznym generatorem palety kolorów jest Coolors. Wystarczy nacisnąć spację, a program wygeneruje paletę kolorów, można dostosować kolory, jest też funkcja eksportu.

Istnieje kilka innych podobnych usług z niestandardowymi paletami, które mogą być przydatne. Jest jednak jedno narzędzie stworzone specjalnie do projektowania płaskiego: FlatUIColors.com od Designmodo to usługa z zestawem „płaskich” kolorów, bardzo wygodnych w pracy. Ta strona stała się bardzo popularna wśród projektantów poszukujących dobrego wyboru kolorów dla doskonałych projektów. Spróbuj!

Większą różnorodność kolorów i palet znajdziesz w Przewodnik Google dotyczący projektowania materiałów.

6. Długie cienie

Jak wspomniano powyżej, flat design charakteryzuje się prostotą, dużą ilością wolnej przestrzeni - dlatego mieszkanie odrzuca jakiekolwiek efekty. Jest jednak jeden efekt, który jest charakterystyczny dla płaskiej konstrukcji. Ten efekt stał się trendem i charakterystyczna cecha mieszkanie.

Mówimy teraz o długich cieniach. Mają trochę typowe charakterystyki, które sprawiają, że ten efekt jest rozpoznawalny, a mianowicie: nachylenie 45 stopni i duży rozmiar (cień może być kilkakrotnie dłuższy niż sam obiekt. W efekcie długie cienie nadają płaskiemu efektowi głębi.

Efekt ten sprawia, że ​​obiekt staje się bardziej trójwymiarowy, ale jednocześnie pozostawia go w kontekście płaskiego projektu.

7. Praca z czcionkami

Typografia odgrywa dużą rolę w płaskiej konstrukcji. Często tekst staje się głównym elementem kompozycji.

Flat zazwyczaj używa prostych stylów czcionek, które sprawiają, że cały projekt jest przejrzysty i czytelny. W programie Adobe Typekit można znaleźć wiele bezpłatnych czcionek, jeśli korzystasz z produktów firmy Adobe. Możesz także znaleźć wiele dobrych darmowych czcionek na Font Squirrel. Ale nie zapomnij przeczytać licencji, jeśli zamierzasz używać czcionki do celów komercyjnych.

Najczęściej w płaskiej konstrukcji zwyczajowo stosuje się duże litery i kontrastujące kolory, dzięki czemu tekst jest bardziej czytelny.

Używaj czcionek z rozwagą, pamiętając, że powinny podkreślać i pasować do projektu, a nie wyglądać jak oddzielny element.Nie oznacza to, że nie możesz używać czcionek szeryfowych lub złożonych kursywnie. Pamiętaj tylko, aby zachować minimalizm i zachować równowagę. Jednak flat nadal częściej używa czcionek bezszeryfowych, ponieważ wyglądają one bardziej surowo i schludnie.

8. Plusy i minusy płaskiej konstrukcji

Mimo że płaska konstrukcja stała się tak popularna ze względu na wiele zalet, nadal istnieją pewne wady, z którymi borykają się projektanci korzystający z tego stylu. Spójrzmy na plusy i minusy.

plusy

Popularność

Płaskie projektowanie stało się trendem, zyskując coraz więcej pozytywnych opinii od projektantów i web designerów i nie wydaje się wcale tracić na popularności. Wręcz przeciwnie, coraz bardziej się rozprzestrzenia, nabiera nowych form i cech, staje się coraz bardziej twórczy.

Prostota

Płaska konstrukcja jest prosta, minimalistyczna i czysta. Flat on the web pomaga użytkownikom skupić się na treści, a nie rozpraszać się obrazami. Działa to również w przypadku interfejsów aplikacji mobilnych: czysty projekt z duże przyciski sprawia, że ​​korzystanie z urządzeń mobilnych jest perfekcyjne.

Jasność

Kolor to kolejny fajny plus w płaskiej konstrukcji. Jasne i nasycone kolory wyglądają atrakcyjnie i czysto, a brak gradientów sprawia, że ​​projekt jest stylowy. Co więcej, tak czyste kolory sprawiają, że jest bardziej pozytywna, reprezentacyjna, płaska konstrukcja tworzy odpowiedni nastrój.

Wady

Mieszkanie ma o wiele więcej zalet, ale żaden projekt nie jest doskonały i nie możemy go idealizować. Oto kilka wad płaskiej konstrukcji, o których musimy wspomnieć:

Brak reakcji

Czasami brak ważnych szczegółów lub efektów wizualnych utrudnia proces tworzenia przyjaznego dla użytkownika interfejsu, a to ogólnie sprawia, że ​​cały projekt nie reaguje. Nie wszyscy użytkownicy czują się komfortowo z mieszkaniem, ponieważ znalezienie elementów na stronie internetowej, które trzeba kliknąć lub dotknąć na ekranie, może być trudne telefon komórkowy ponieważ nie są interaktywne.

Problemy z typografią

Jak wspomniano wcześniej, nie każda czcionka może pasować do płaskiego projektu. Czasami tak bogata czcionka z ostrymi krawędziami wygląda naprawdę wyważenie i stylowo. Jednak w przypadku nieprawidłowego wyboru czcionki może to zniszczyć cały projekt. Trzeba naprawdę dobrze wyczuć, które fonty nadają się do płaskich, a które nie.Brak doświadczenia sprawia, że ​​wybór fontu jest bardzo trudny.

Słabe wizualizacje

Ze względu na ograniczenia w stosowaniu efektów, kolorów i czcionek, mieszkanie może wyglądać na zbyt proste i zimne. Jego minimalizm może być również jego główną wadą – inne płaskie projekty wyglądają dokładnie tak samo jak Twoje. Dlatego bardzo trudno jest sprawić, by Twoje ikony lub strony internetowe wyglądały inaczej niż projekty innych osób, ponieważ używasz tych samych uproszczonych kształtów, ograniczonych palet kolorów i podobnych czcionek. W rezultacie płaska konstrukcja może z czasem stać się nudna.

9. Przyszłe trendy projektowania płaskiego

Nie można powiedzieć, że projektowanie płaskie jest w pełni ukształtowane i zatrzymane po swojemu, być może to właśnie z powodu wspomnianych powyżej wad mieszkanie ma tendencję do rozwoju i zmiany, nabiera nowych cech i zwiększa wyrazistość wizualną.

Jeśli przyjrzysz się uważnie ostatniemu przykładowi płaskiej konstrukcji, zobaczysz, że tak naprawdę jeststopniowo od swoich rygorystycznych narzędzi i zaczyna dodawać subtelne efekty, takie jak gradienty, cienie, oświetlenie i inne efekty wizualne.

Te drobne akcenty nadają płaskim projektom pewną głębię, nie będąc zbyt szczegółowymi, jak robią to projekty skeuomorficzne.Te drobne ulepszenia sprawiają, że mieszkanie jest bardziej responsywne i wygodne, a także świeży wygląd, dzięki czemu mieszkanie jest bardziej elastyczne i wszechstronne.

Dzięki temu mieszkanie nie traci swoich cech, ale staje się ciekawsze, elastyczne- Naprawdę mu się poprawia.

wnioski

Omówiliśmy więc kilka faktów z historii projektowania płaskiego, rozmawialiśmy o kolorach, kształtach i typografii. Przyjrzeliśmy się różnym punktom widzenia, zastanawialiśmy się nad zaletami i wadami mieszkania oraz poznaliśmy kilka głównych zasad tworzenia dobrego designu.

Mam nadzieję, że z tego artykułu dowiedziałeś się czegoś nowego, a przynajmniej uznałeś go za interesujący. Powinieneś spróbować płaskiego projektowania, jeśli nie robiłeś tego wcześniej.

W końcu o czym jeszcze należy wspomnieć o płaskiej konstrukcji?

Jeśli naprawdę lubisz płaskie z ostrymi krawędziami, soczystymi kolorami i wyrazistymi czcionkami, ich czystością i minimalizmem, to sięgnij po to!

Jest to modne, ale jak w przypadku każdego innego stylu graficznego, nie ograniczaj się do jednej techniki. Jeśli mieszkanie jest w modzie, nie oznacza to, że nie możesz zastosować w swoim projekcie innych stylów. Skeuomorfizm z jego drobnymi detalami i teksturami również może się stać dobra decyzja. Co najważniejsze, pamiętaj, że projekt jest inny dla każdego projektu, musi wyrażać jego ducha, cel, istotę, pozostając jednocześnie wygodnym i funkcjonalnym. Do przodu!

Czym jest płaska konstrukcja? Ten kierunek projektowania jest jednym z najczęściej omawianych w Internecie. Krótko mówiąc, płaski design to niezwykle uproszczony styl, którego korzenie sięgają minimalizmu. Ale to nie jest do końca minimalizm, ponieważ dany styl może przybierać różne formy w zależności od wymagań projektowych. Aby lepiej zrozumieć, czym jest płaska konstrukcja, najlepiej cofnąć się i zdefiniować, czym nie jest dokładnie.

To nie jest 3D. Sama grafika 3D pozwala uzyskać bardzo realistyczne, ale jednocześnie dwuwymiarowe obrazy. W przeciwieństwie do 3D, projekt płaski nie zwraca uwagi na szczegóły, które tworzą głębię i wymiar, takie jak cienie, światła i tekstury.

To nie jest skeuomorfizm. Płaskie wzornictwo pojawiło się jako alternatywa dla pseudowymiarowych elementów konstrukcyjnych imitujących rzeczywiste obiekty lub procesy. Skeuomorfizm polega na aktywnym wykorzystaniu różnych efektów: cieni, odbić, odbić i realistycznych tekstur. W płaskiej konstrukcji nic z tego nie ma i nie może być.

Po raz pierwszy ludzie zaczęli mówić o płaskiej konstrukcji w latach 2012-2013, kiedy ten styl pojawił się po raz pierwszy. Trend był bardzo zauważalny i narobił dużo hałasu, ponieważ jednym z pierwszych, który zaczął rozwijać ten kierunek, był Microsoft. Wydanie Windows 8 z nowym interfejsem na zawsze zmieniło projekt i w dużej mierze z góry określiło wektor rozwoju sieci, przynajmniej jej komponent wizualny.

Nie odstąpiło od niego Apple, które również zrezygnowało z elementów pseudo-wolumetrycznych w projektowaniu interfejsów swoich urządzeń. Microsoft i Apple stworzyły nową rzeczywistość, w której nie było miejsca na przestarzałe strony internetowe. Jednocześnie Apple nie zachowywał się tak radykalnie, jak jego odwieczny konkurent, i stopniowo pozbywał się elementów skeuomorfizmu.

Samo projektowanie płaskie nie jest ani złe, ani dobre, projektanci stron internetowych czynią to wygodnym lub niewygodnym. Ale szczerze mówiąc, płaska konstrukcja w swoich skrajnościach nie jest zbyt estetyczna. Prawdopodobnie sweet spot w tym przypadku znajduje się gdzieś pośrodku elementów płaskich i pseudo-wolumetrycznych.

Całkiem możliwe, że ten dominujący na kilka ostatnie lata tendencja do skrajnego uproszczenia zostanie zastąpiona czymś innym. Są ku temu pewne warunki wstępne - na przykład kierunek Material Design, stworzony przez projektantów Google Corporation.

KOMPATYBILNY Z ADAPTACYJNYM PROJEKTEM

Odejście Microsoftu i Apple od skeuomorfizmu w projektowaniu interfejsów miało duże reperkusje. Nowy styl został niemal natychmiast przyjęty jako nowe podejście do UX. Od tego czasu projektowanie płaskie stało się dominującym trendem, który wciąż jest aktualny. Dziś płaskie elementy są wszechobecne, widzimy je na stronach internetowych, w aplikacjach i na wyświetlaczach różnych urządzeń.

Zasady projektowania płaskiego mają zastosowanie do wielu różnych kategorii projektowych, ale ścisłe siatki i uproszczona grafika najlepiej wyświetlają się na urządzeniach z małym ekranem.

Trend w kierunku minimalizmu znacznie uprościł pracę projektantom – łatwiej jest im projektować interfejsy, które wyświetlają się poprawnie na każdym typie urządzenia. W przypadku elementów pseudo-3D tak nie było – czasami interfejs, który wyglądał niesamowicie na ekranie komputera stacjonarnego, zamieniał się w dynię czegoś niewyraźnego na urządzeniu mobilnym.

Jedną z głównych zalet projektowania płaskiego jest jego skalowalność. Płaskie elementy wyglądają dobrze bez względu na rozmiar i są znacznie łatwiejsze w obsłudze niż projekty z doskonałymi pikselami.

ELASTYCZNA PLATFORMA

Płaskie wzornictwo w dążeniu do prostoty charakteryzuje się dużą elastycznością: wszystkie elementy tworzone są zazwyczaj z jednolitych kształtów geometrycznych, co ułatwia stworzenie wyważonego układu, w którym każdy moduł czy blok ma swoje miejsce. Jednocześnie wszystkie elementy są łatwo rozróżnialne i, co ważne, można je szybko zamienić podczas pracy bez naruszania oryginalnych ustawień.

Siatki mają również elastyczną strukturę, którą można prezentować w różnych konfiguracjach. Pozwala to projektantom na tworzenie najbardziej optymalnych podejść, które najlepiej prezentują treści, które mają do dyspozycji. Brak ograniczeń i konieczność dostosowania siatki w przypadku zmian lub dodania nowych elementów znacznie przyspiesza przepływ pracy.

CZYTELNA TYPOGRAFIA

Płaska konstrukcja zasadniczo zmieniła sposób myślenia projektantów o typografii. Nowy styl wymagał innego podejścia do doboru czcionek i jakości layoutu. W efekcie brak cieni i różnych efektów czynił teksty bardziej czytelnymi.

Płaski projekt ma tendencję do intensywnego wykorzystywania bezszeryfowych, jednak nie jest to akisome, a szeryfy mogą również dobrze wyglądać w połączeniu z płaskimi elementami. Czcionki szeryfowe będą całkiem odpowiednie jako nagłówek i mogą być również użyte w tekście podstawowym, jeśli typografia nie narusza jedności kompozycyjnej.

MINUSY

Mogłoby się wydawać, że płaska konstrukcja nie ma wad, ale tak nie jest. W dążeniu do podkreślenia czystych linii i kształtów niektórzy projektanci wpadają w pułapkę skupienia się na estetyce, zapominając o użyteczności. Prosty i piękny projekt, w którym nie ma nic zbędnego, nie zawsze jest wygodny, a takie błędy są szczególnie widoczne podczas korzystania z urządzeń mobilnych.

W przypadku projektowania płaskiego często trudno jest odróżnić, który element jest interaktywny, a który nie. Wszystko jest takie samo, nie ma oczywistych różnic, wszystkie elementy leżą na tej samej płaszczyźnie. W dążeniu do prostoty projektanci mogą nieumyślnie ukryć lub nieświadomie zamaskować ważne funkcje lub działania, a użytkownik, nie widząc zwykłych podpowiedzi, może stracić orientację w witrynie.

Weźmy tę witrynę jako przykład. Jakie elementy w nim są interaktywne. Wszystko? Czy tylko niektóre? Niejasny. Można to sprawdzić tylko „metodą szturchania”, ale są to już dodatkowe ruchy, co jest niepożądane.

UTRATA INDYWIDUALNOŚCI

W przypadku każdej marki, firmy lub projektu projektowego wyjątkowość ma ogromne znaczenie. Niezależnie od tego, czy jest to strona internetowa, aplikacja, broszura, plakat czy wizytówka, projekt musi być oryginalny i dobrze rozpoznawalny.

Jedną z wad płaskiej konstrukcji jest jej styl wizualny. Zastosowanie prostych geometrycznych kształtów często powoduje, że dwa zupełnie różne projekty są do siebie bardzo podobne. Projektanci używający płaskich elementów są ograniczeni w tym, co mogą zrobić, ponieważ nie mają zbyt wiele duży wybór akceptowalne opcje. Ostatnio w Internecie można zobaczyć wiele witryn z klonami, które w rzeczywistości nie są klonami. To tylko zbieg okoliczności. Co więcej, zbieg okoliczności jest nieprzyjemny, ponieważ strona traci bardzo potrzebną indywidualność, gubiąc się na tle innych zasobów o podobnym designie.

Czasami staje się to śmieszne. Patrząc na te zdjęcia, możesz pomyśleć, że mamy różne sekcje tej samej aplikacji. Ale nie, projektanci Marco La Mantia i Simone Lippolis pracowali niezależnie. Jako główne elementy projektu zastosowano podstawowe kształty geometryczne i białą czcionkę bezszeryfową - rozwiązanie jest więcej niż logiczne. Ale wynik jest godny ubolewania - ta sama kolorystyka całkowicie pozbawiła projekt wyjątkowości. A takich przypadków jest wiele.

W pogoni za modą

Płaskie wzornictwo przez długi czas pozostanie jednym z najgorętszych trendów, po prostu dlatego, że dobrze wygląda na wyświetlaczach urządzeń mobilnych. Jednak wielu projektantów wybiera mieszkanie nie tylko dlatego, że pozwala szybko rozwiązać większość zadań, ale także ze względu na chęć stworzenia czegoś nowoczesnego i modnego.

Jednak w pogoni za modą można popełnić poważny błąd: bezmyślnie podążając za wszystkimi trendami, można zapomnieć o użyteczności designu. Mieszkanie może być bardzo piękne, eleganckie, a nawet pełne wdzięku, ale jednak o wyborze projektanta powinna decydować funkcjonalność, a nie pragnienie piękna. Czasami chęć „wsunięcia” czegoś modnego do projektu tylko boli, na przykład długie cienie, jeden z najbardziej rozpoznawalnych płaskich chipów.

Przed nami prace projektantów Aleksandra Lototskiego i Erika Malmskelda. To typowe przykłady zastosowania długich cieni w projektowaniu. Teraz nikogo tym nie zaskoczysz, ale kiedyś, a obie prace powstały w 2013 roku, kiedy flat design dopiero wchodził w modę, nowy styl wizualny był bardzo interesujący i atrakcyjny. W efekcie podobnych ikon jest tak wiele, że dziś stosowanie cieni jest schematem i nieciekawym rozwiązaniem. Kiedyś było modne, ale już nie. Cienie są jak cienie. Nie mają znaczenia, nie użyteczna funkcja nie występują.

ZŁY WYBÓR CZCIONKI

Każdy projektant marzy o stworzeniu czegoś pięknego i jednocześnie funkcjonalnego. Ale w pogoni za estetyką możesz dokonywać złych wyborów, które wpłyną na użyteczność. Przykładem jest moda na cienkie i lekkie czcionki. Ten rodzaj typografii wygląda na czystą i lekką, ale jest trudna do odczytania.

Czasami wybór cienkiej czcionki jest uzasadniony – np. do wykorzystania w nagłówkach. Ale kiedy główny tekst jest pisany tą samą czcionką, często nie można go przeczytać. Takie błędy są szczególnie widoczne w urządzenia mobilne – mały rozmiar ekran znacznie zmniejsza czytelność treści.

MIESZKANIE 2,0

W ciągu ostatnich kilku lat projektanci eksperymentowali z płaskimi elementami i wnieśli do płaskiego projektowania wiele nowych rzeczy. Styl jest w pełni ukształtowany i jak każdy inny ustalony styl ma swoje wady i zalety.

Na początku swojego pojawienia się mieszkanie wyróżniało się surową wizualną prostotą, nie było w nim cienia i struktur. Nawet gradienty nie były wysoko cenione, chociaż nie są sprzeczne z zasadami płaskiego projektowania.

Ale stopniowo projektanci również zaczęli odchodzić proste rozwiązania, próbując znaleźć kompromisowe rozwiązanie między płaskim a skeuomorfizmem. Rezultatem jest nowy styl, który niektórzy projektanci nazywają Flat 2.0. W elementach projektu stopniowo zaczęły pojawiać się cienie, gradienty, a nawet światło, prawie niezauważalne struktury. Płaskiej konstrukcji wyraźnie brakuje głębi, a projektanci zaczęli stosować podejście hybrydowe. Na przykład wizualnie ułóż elementy na różne poziomy, eksperymentuj z odcieniami i cieniami. Innym często stosowanym przykładem podejścia hybrydowego jest wykorzystanie w mieszkaniu nie tylko ikon i płaskich ilustracji wektorowych, ale także fotografii.

Google zrobił wiele, aby promować Flat 2.0. Material Design Guideline to próba stworzenia nowego języka wizualnego, który łączy płaskie i trójwymiarowe elementy projektu. Rekomendacje Google są bardzo szczegółowe i łatwe do naśladowania. Jednocześnie Google nie nalega na ścisłe przestrzeganie wszystkich zasad określonych w wytycznej – projektanci mogą eksperymentować, tworząc własne autorskie projekty, w których można łączyć różne elementy.

WNIOSEK

Dziś Flat 2.0 jest w powijakach, ale kierunek, w którym ten styl będzie się rozwijał, jest już dość widoczny. Nie oczekuje się znaczących zmian – trendsetterzy Google, Apple i Microsoft nie zamierzają rezygnować z mieszkania. Jeśli nastąpią jakieś zmiany, będą one niewielkie - pojawią się nowe podejścia, ktoś wymyśli ciekawy "chip", próby będą nadal brać to, co najlepsze ze skeuomorfizmu. Ale w sensie globalnym nie należy spodziewać się niczego naprawdę nowego – płaskie wzornictwo to długofalowy trend i tylko styl, który najlepiej odpowiada nowym technologiom, które jeszcze nie istnieją, może przesunąć go z wywalczonej pozycji.