Co to jest Flat Design?
W grafice komputerowej często jest jak w modzie – zmieniają się trendy. To co jeszcze niedawno niektórzy wysyłali do lamusa po czasie otrzymuje nowe zastosowanie i koniec końców wraca do łask odbiorców na całym świecie. Przykładem takiego procesu jest Flat Design, czyli płaskie wzornictwo (pozwólcie, że będę operować angielską wersją). W poniższym artykule dowiecie się Państwo skąd wziął się ten termin, oraz co sobą symbolizuje. Postaram się również przekazać odpowiednie przykłady aby wyrażenie co to jest flat design, nie pozostawałoby żadnych niedomówień. A więc do rzeczy…
Geneza Flat Design
Zapewne jest wielu użytkowników, którzy projektowanie znają tylko z tej cyfrowej wersji, co nie jest niczym złym. Termin flat design wywołuje u nich wspomnienia z systemem Windows 8 (za którym nie szczególnie nie przepadałem). Jest to bardzo trafne spostrzeżenie, ponieważ upowszechnienie wyżej wymienionego systemu sprawiło, że wielu użytkowników zaczęło projektować swoje strony internetowe, z lepszym lub gorszym efektem, na tę samą podobę. Przypomnę, że system ten był bardzo mocno zorientowany na urządzenia mobilne i wszelkie urządzenia dotykowe. Rozpoczął się „bum” na flat design i od tamtej pory możemy zobaczyć tego efekty. Niewielu jednak wie, że flat design ma znacznie dłuższą historię.
Korzenie flat design sięgają lat 50 XX wieku, a wywodzi się on z tzw. Szkoły Szwajcarkiej, czyli stylu o którym mówi się stosunkowo niewiele. W latach powojennych jego walory zostały docenione w Szwajcarii, a głównym założeniem była prostota w projektowaniu, brak niepotrzebnych ozdobników, a także skupienie się na typografii (ceniono czcionki bezszeryfowe). Taki styl wpłynął na sztukę, architekturę i projektowanie grafiki na całym świecie. Projektanci zrozumieli, że strony internetowe i aplikacje muszą nie tylko świetnie wyglądać, czyli być czytelne dla odbiorcy, ale również działać płynnie i nie wpływać na optymalizację aplikacji.

Aby zrozumieć dlaczego flat design stał się popularny należy wrócić do czasów pierwszych systemów operacyjnych przeznaczonych pod urządzenia mobilne. Gdybyśmy prześledzili wygląd aplikacji zauważylibyśmy, że twórcy starają się umieścić jak najwięcej elementów na ekranie, tak aby ‘ożywić’ ekran. Owe elementy były bogato urozmaicone w tekstury, cienie i inne cechy rzeczywistych obiektów. Jest to tzw. projektowanie skeumorficzne, które jest przeciwieństwem płaskiego wzornictwa. Takie projektowanie powoduje znacznie obciążenie zasobów telefonu tak aby wygenerować rzeczywiste obiekty. Z czasem gdy ludzie oswoili się z nowymi technologiami, powoli odchodzono z tego stylu projektowania na flat design.
Cechy Charakterystyczne Flat Design
Postaram się pokrótce opisać najważniejsze cechy tego stylu projektowania.
1. Mniej elementów dekoracyjnych
W flat design zrezygnowano z elementów, które mają jak najwierniej odwzorowywać rzeczywiste obiekty, są zastępowane bardziej okrojonymi wersjami, które są pozbawione elementów dekoracyjnych. Dlatego też unika się projektowania elementów, które posiadają skomplikowane gradienty, cienie oraz inne niepotrzebne efekty.

2. Piorytetem treść
W czasach gdzie o nasze zainteresowanie należy walczyć, tworzenie skomplikowanych elementów graficznych w miejscach gdzie oczekuje się prostoty, jest kompletnie nietrafionym pomysłem. Nie karz myśleć użytkownikowi twojej aplikacji, lub strony internetowej. W flat design treść zostaje przestawiona na pierwszy plan, a wszelkie efekty mają być tylko dodatkiem do niej. W ten sposób projekt staje się prostszy, bardziej czytelny i nie sprawia problemu użytkownikowi.
3. Lepsza responsywność
Flat design jest przystosowane do projektowania dla urządzeń mobilnych. Grafik otrzymuje spore pole do popisu i nie jest ograniczony przez niepotrzebne ramy. O wiele łatwiej jest skalować obiekty 2D i dostosowywać je do różnych rozmiarów ekranu niż wysoce realistyczne obiekty 3D z gradientami i złożonymi cieniami.

4. Dbanie o zasoby
Znajdzie się również coś dla programistów! Jeśli projektujesz aplikację na Androida, lub stronę internetową nie musisz się martwić o to, że interfejs będzie się za długo ładował, czy pożerał nieprawdopodobną ilość mocy obliczeniowej urządzenia. Wiemy, że o tym czy użytkownik wejdzie na daną stronę internetową może decydować czas ładowania strony. Stąd też im szybciej będzie ona działała tym może się przełożyć na Twoją spora korzyść. Jest to kolejna zaleta płaskiego wzornictwa.
3. Przykłady zastosowania
Flat design ma swoje zastosowanie we wszystkich elementach aplikacji, takich jak przyciski, ikony, ilustracie i wiele innych. Poniżej możecie zobaczyć kilka przykładów dobrego płaskiego projektowania.
Według mnie największą rewolucję przeszły ikony, które z rzeczywistych obiektów stały się symbolami, które tylko nawiązują do tego czym były wcześniej. Weżmy pod uwagę ikonę kosza. Wcześniej musiał być to obiekt 3D, najlepiej jakby miał takie same wcięcia jak rzeczywiste kosze i tak dalej. Dziś kosz może być symbolizowany poprzez ikonę składającą się z prostego prostokąta i owalu symbolizującego pokrywę kosza. Nie zazdroszczę osobom, które musiały głowić się jak przestawić określone funkcje systemu jak np. odebranie telefonu. Dzisiaj jest to dla nas oczywiste, zielona słuchawka, ale przekonanie miliardów ludzi do tego jak to działa musiało trwać latami.

Innym elementem, który na pewno zyskał po zmianach w projektowaniu, są infografiki. Na pewno każdy z nas pamięta sztucznie wygenerowane wykresy 3D, które tworzyło się w Wordzie. Dziś taki wykres potrafi wyglądać o wiele lepiej, a ilustracje upiększają wygląd każdej strony internetowej.
