Płaska konstrukcja: ewoluujący trend
Czy trend projektowania płaskiego jest zakończony? Nie uważamy tak. Nie jest jeszcze martwy. Ale trend ewoluował, by był mniej surowy i bardziej angażujący dla użytkowników.
Wczesne dni projektowania płaskiego były naznaczone całkowitym brakiem elementów projektu, takich jak cienie, gradienty lub realistyczne elementy z fakturą. Wiele z tych elementów projektu powróciło, ale łączy się je z ogólną ideą płaskiego projektu, aby stworzyć łatwą i łatwą w obsłudze obsługę witryny. W zależności od tego, po której jesteś stronie, może to być lepsza wersja płaskiej konstrukcji.
Oto spojrzenie na ewolucję trendu płaskiego projektowania i gdzie jesteśmy dzisiaj.
Płaska konstrukcja 101
Płaska konstrukcja była zbuntowaną odpowiedzią na wszystkie zbyt realistyczne - i często fałszywe - trójwymiarowe elementy i tekstury, które zalały sieć na początku 2010 roku. Część nazbyt realistycznego paradygmatu projektowego pochodzi od Apple, ponieważ taki był styl ikon w sklepie z aplikacjami i na jego urządzeniach. (Firma ostatecznie zmieniła styl na bardziej płaski po tym, jak trend się zaczął).
Płaska konstrukcja była właśnie taka. Uosabia czyste linie i bardziej dwuwymiarowy styl, który zdaniem zwolenników ułatwia zrozumienie i obsługę. Płaskie schematy projektowania skupiały się również na elementach o wysokim kolorze i typografii, a nie na wielu obrazach. Zwykle pojedynczy obraz lub ilustracja może przenosić całą stronę główną w płaskiej strukturze.
Problem z naprawdę płaską konstrukcją polega na tym, że nie zawsze tak było. Niektórzy użytkownicy stwierdzili, że w zredukowanych stylach brakowało wystarczających informacji, aby przeprowadzić ich przez projekt. Ale w przeważającej mierze projektanci to uwielbiali. Płaska konstrukcja jest prawdopodobnie jednym z największych i najbardziej rewolucyjnych trendów wizualnych ostatniej dekady, ponieważ trwa.
Wygląd materiału
Aby w pełni zrozumieć, dlaczego płaska konstrukcja zmieniła się tak szybko, ważne jest, aby spojrzeć na materiał, język wizualny ustalony przez Google dla swoich produktów i aplikacji.
Projektowanie materiałów obejmowało najlepsze elementy płaskiej konstrukcji, a następnie dodawało subtelnych akcentów wymiaru. Pomysł koncentrował się na zwiększeniu użyteczności i interakcji użytkownika poprzez połączenie świata cyfrowego z rzeczywistością przy użyciu efektów taktycznych i realistycznego ruchu.
Przywróciło takie elementy, jak cienie i wydawało się, że „łagodzi” niemal surową naturę wczesnego płaskiego projektu.
Projektowanie materiałów to dobrze zdefiniowana koncepcja z dużą ilością ciągle zmieniającej się dokumentacji firmy Google. To również ewoluuje wraz z trendami i pragnieniami użytkowników. Dlaczego materiał jest tak ważny dla płaskiego, że znacznie przyspieszył ewolucję płaskiego.
Flat 2.0
Wpisz Flat 2.0. Oto jak opisaliśmy ten trend we wczesnych fazach: „Flat 2.0 jest łatwiejszy w użyciu, ponieważ łączy w sobie to, co najlepsze w płaskiej konstrukcji z dodatkowymi wskazówkami interfejsu użytkownika, aby pomóc Ci stworzyć projekt strony internetowej, który jest piękny i funkcjonalny. Jest również bardzo elastyczny i działa z prawie każdą koncepcją. W przeciwieństwie do niektórych najczystszych stron o płaskim wyglądzie, Flat 2.0 łączy elementy mieszkania z subtelnymi dodatkami, aby zwiększyć łatwość obsługi. ”
W Design Shack nie wymyśliliśmy „Flat 2.0”. Po raz pierwszy użył go projektant Ryan Allen: „Flat 2.0 to ewolucja, a nie rewolucja. Tam, gdzie płaska konstrukcja była radykalnym odejściem od szalejącego skeuomorfizmu minionych dni, Flat 2.0 to zabawna gałąź płaskiego drzewa. Płaska konstrukcja to choinka, Flat 2.0 to ozdoby i laski z cukierkami. I prezenty. Ale nie świecidełko, te rzeczy to bałagan do posprzątania.
Flat 2.0 pozwala projektantom łamać twarde zasady związane z płaską konstrukcją i przywracać niektóre techniki, które sprawiają, że grafika jest bardziej wciągająca (oczywiście z umiarem).
- Najważniejsze
- Gradienty
- Wiele odcieni i wartości kolorów
- Upuść cienie
- Dowolna paleta kolorów (nie tylko super jasne)
Flat 2.0 nie żyje w świecie, w którym wszystko jest elementem lub ikoną interfejsu użytkownika. Zdjęcia i filmy stanowią dużą część interfejsów Flat 2.0. (Wielu wczesnych purystów projektowania płaskiego uważało, że te elementy wizualne oderwały się od czystej intencji estetyki).
Mieszkanie 2017
Teraz większość wzorów mieści się gdzieś pośrodku wszystkich trendów i pomysłów. Wciąż istnieje skłonność do bardziej płaskich stylów, ale projekty mają znacznie więcej. Ta ewolucja nie została jeszcze nazwana, ale można zobaczyć wspólne cechy wielu projektów stron internetowych.
Oto jak wygląda płaska konstrukcja w 2017 roku:
Płaskie elementy
Wiele stylów przycisków i elementów interfejsu użytkownika z wczesnych płaskich projektów utknęło. Prostszy styl przycisków - prostokątne pudełko z kwadratowymi lub lekko zaokrąglonymi krawędziami z białym lub czarnym tekstem - jest powszechny. Logo i ikony również nabrały tego płaskiego stylu i w połączeniu z bardziej wyszukanym projektem strony głównej, naprawdę się wyróżniają.
Usprawniona nawigacja
Ikona hamburgera i ukryta nawigacja narodziły się z płaskiej konstrukcji, ponieważ projektanci próbowali usunąć elementy z wizualnego przepływu.
Odważne, jasne kolory
Dzięki jasnym paletom kolorów i akceptacji większej liczby kolorów z płaskich wzorów, sieć stała się trochę szczęśliwsza. Wyewoluowało to do obecnego trendu polegającego na stosowaniu jasnych gradientów kolorów na stronach głównych, jako dominującej grafiki lub jako nakładki na zdjęcia.
Minimalne strony główne
Zasadniczo strony główne są znacznie mniej zajęte i zwykle koncentrują się na pojedynczych czynnościach. Nawet w przypadku wielu elementów pojedynczy kierunek użytkownika lub działanie sprawia, że cały projekt wydaje się być mniej zajęty.
Lepsza typografia wszędzie
Okrojone wzory musiały skupić się na świetnym typie. Ten pomysł w połączeniu z rosnącym wykorzystaniem coraz lepszych zestawów czcionek i czcionek internetowych ułatwił projektantom skupienie się na typografii online.
Mniej „fałszywych” efektów
Skeuomorfizm naprawdę nie powrócił. Podczas gdy w 2017 r. W płaskiej wersji zastosowano więcej technik projektowania, nadmiernie zaprojektowane style, które próbują być rzeczywiste, nie pojawiły się ponownie.
Zintegrowany ruch i sprzężenie zwrotne
Największą zaletą projektowania materiałów był pomysł sprzężenia zwrotnego, który dotyczył elementów wizualnych i komunikacji z użytkownikami.
Dużo białych znaków
Ekrany stały się większe (na komputerach stacjonarnych i urządzeniach mobilnych), a projektanci wykorzystują tę przestrzeń, wykorzystując ją jako białe spacje, aby utrzymać minimalną atmosferę mieszkania. (I przez większość czasu ta dodatkowa przestrzeń nie jest biała.)
Płaskie warstwy
Elementy warstwowe bez ozdób mogą świetnie wyglądać i dostarczać użytkownikom dodatkowych informacji.
Ponadgabarytowe elementy projektu
Duży tekst, duże obrazy oraz duże przyciski i ikony są prawie normą, dzięki nawet najwcześniejszym projektom wykorzystującym płaską konstrukcję.
Wniosek
Ewolucja płaskiego projektowania pozostawiła nam lepszą sieć. Łatwiej jest czytać; jest bardziej użyteczny; po prostu wygląda ładniej.
Najlepszą rzeczą w tym trendzie - i powodem, dla którego żyje - jest to, że jest wystarczająco elastyczny, aby z łatwością ewoluować. Projektanci mogą wziąć części i koncepcje z płaskiej konstrukcji, które działają najlepiej i włączyć je do prawie każdego projektu. Dlatego wciąż widzimy to tak wiele w dzisiejszych projektach i dlaczego płaski design nie był tylko kolejną krótkotrwałą modą.
