Zawartość
- Wpływy szwajcarskie
- Ewoluujący styl
- Autentycznie cyfrowe
- Niebezpieczeństwa związane z płaską konstrukcją
Krzysztof Kolumb mógł sprawić, że jego życiowym zadaniem było udowodnienie, że świat jest okrągły, ale w świecie projektowania mieszkanie jest tam, gdzie jest. W ciągu ostatnich kilku lat zaobserwowaliśmy znaczącą zmianę w projektowaniu stron internetowych i aplikacji, odchodząc od bogatego i szczegółowego do minimalistycznego i płaskiego projektu.
Niekoniecznie musimy, jako projektanci, odkochać się od bogatego wzornictwa. Sugeruję, że po prostu odkryliśmy na nowo bardziej zwięzły sposób komunikacji wizualnej w technologii cyfrowej.
To etos projektowania, który istnieje od dawna, ale nadawał się do zastosowań cyfrowych dopiero w ostatnich latach, gdy technologia i baza użytkowników dojrzała.
Wpływy szwajcarskie
Płaska konstrukcja i jej zasady nie są nowe: istnieją od lat dwudziestych XX wieku. Jeśli spojrzymy na projekt graficzny Swiss Style (inaczej International Style), to zobaczymy, że charakteryzuje się prostotą, żywymi polami koloru i odważną typografią.
Te wizualne cechy charakterystyczne nie są przypadkowe, ale raczej definiują podejście do projektowania, które opowiada się za podążaniem za funkcją. Jak powiedziałby Antoine de Saint-Exupéry: „Doskonałość osiąga się nie wtedy, gdy nie ma już nic do dodania, ale gdy nie ma już nic do usunięcia”.
I chociaż ten poziom prostoty może wydawać się łatwy do osiągnięcia, w rzeczywistości skupia się na kilku wybranych projektach. Odsłonięte są proporcje, białe znaki, typografia i hierarchia informacji. Po co więc podejmować tyle wysiłku?
Ewoluujący styl
Odpowiedzią na to pytanie jest ewolucja. Jednym z pierwszych i najbardziej widocznych przykładów płaskiego projektowania w środowisku cyfrowym był język projektowania Metro firmy Microsoft. Zamiarem w tamtym czasie było stworzenie doświadczenia, które było autentycznie cyfrowe i działało na dużym i małym ekranie, z ekranem dotykowym lub bez.
Ich opinia i opinia, która od tamtej pory została szeroko przyjęta, jest taka, że wszyscy jesteśmy przyzwyczajeni do korzystania z technologii teraz.
Jesteśmy przyzwyczajeni do interakcji z komputerami, niezależnie od tego, czy siedzą na naszym biurku, czy w kieszeni, a zaciemniająca powierzchnia, czyli interfejs, stawała się niepotrzebnie zagmatwana i bezcelowo dekoracyjna dla naszych wysoko rozwiniętych mózgów. Teraz czujemy się komfortowo, mając do czynienia z abstrakcyjnymi koncepcjami i dopracowanymi mechanizmami sterowania, takimi jak menu ukryte i kontekstowe.
Autentycznie cyfrowe
Płaski projekt w projektowaniu stron internetowych jest rozwinięciem tego „autentycznie cyfrowego” etosu. Zdajemy sobie sprawę, że kwiaciarnia internetowa nie musi tak naprawdę wyglądać na ekranie jak kwiaciarnia z cegieł i zaprawy murarskiej na ekranie, aby dzisiejsza publiczność mogła to zrozumieć, ale odzwierciedla również sposób, w jaki technologia kształtuje nasze wybory projektowe.
Dostępne narzędzia - CSS3, HTML5, JavaScript i rosnące znaczenie responsywnego projektowania witryn internetowych - oznaczają, że mamy tendencję do tworzenia wysoce wydajnych, rozszerzalnych interfejsów bez zbędnego bagażu wysoce upiększonego graficznego interfejsu użytkownika.
Są jednak pewne pułapki, których należy unikać przy zmianie z nierówności na płaską.
Niebezpieczeństwa związane z płaską konstrukcją
Z estetycznego punktu widzenia istnieje obawa, że jeśli nie wykonasz „płaskiego” projektu, będziesz wyglądać na przestarzałego - więc możesz mieć ochotę wskoczyć na modę. Ale jak pokazuje wydanie iOS 7, istnieje bardzo realna możliwość niepowodzenia.
Ten początkowo niejednolity i niespójny interfejs, wraz z okropną usługą mapowania, był powszechnie postrzegany jako gra Apple nadrabiania zaległości z Windowsem i Google i generalnie spartaczająca zadanie. Dla firmy z tak bogatą historią kultowego designu był to duży i nieoczekiwany błąd.
Jeśli negocjujesz elegancko i umiejętnie, przełączenie na „płaskie” zapewni Ci coś czystego, mocnego i skutecznego - na przykład te przykłady płaskiej konstrukcji wykonanej dobrze.
W przeciwieństwie do modnych, przemijających i kapryśnych wyborów stylistycznych Web 2.0, błyszczący przycisk i wygląd gradientu, którego wszyscy nienawidziliśmy, płaska konstrukcja - a przynajmniej zasady, które nią rządzą - powinny zostać jeszcze przez jakiś czas.
Słowa: Josh Kimnell
Joshua Kimnell jest starszym kreatywnym w Collider, agencji 360, specjalizującej się w zintegrowanych strategiach komunikacji przy wprowadzaniu na rynek.