Co to jest Flat 2.0 i dlaczego warto się tym przejmować?
Właśnie wtedy, gdy pomyślałeś, że wymyśliłeś płaski projekt, wszyscy zaczęli mówić o Flat 2.0. Jeśli nigdy nie zrobiłeś skoku w projektowaniu płaskiego projektu, teraz nadszedł czas.
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. Rzućmy okiem na kilka przykładów!
Przeglądaj zasoby projektowe
Projektanci kochają mieszkanie
Przyznaj, że projektanci płascy mówili kilka lat temu. Uwielbiam to lub nienawidzę, płaska konstrukcja zebrała dużo pary.
Styl projektowania, który cechuje się opływową estetyką bez ozdób z elementów takich jak wytłaczanie lub cienie lub inne trójwymiarowe efekty stylowe, zastosowano w wielu głośnych projektach i prostych projektach. W płaskiej konstrukcji brakowało również elementów, które zostały podniesione w celu oznaczenia klikalności lub puste lub zatopione, aby pokazać, że elementy wymagają wkładu. Zostało to szczególnie przyjęte w przypadku Apple iOS 7, co stanowi dramatyczny zwrot od skeuomorfizmu, do którego przyzwyczaili się użytkownicy.
Ale zadziałało. Projektanci to uwielbiali. (Flat to świetna zabawa w projektowaniu.) Jasne kolory, proste kroje pisma i skupienie się na absolutnym minimalizmie przyczyniły się do pięknych projektów.
Był tylko jeden problem. Nie było wystarczająco intuicyjne dla wszystkich użytkowników. Niektórzy twierdzili, że styl projektowania był tak płaski, że można było rozróżnić, co użytkownicy powinni zrobić i jak powinien działać interfejs.
Wpisz Flat 2.0.
Użytkownicy potrzebują trochę więcej
Flat 2.0 zapewnia tolerancję na subtelne detale i nie wyklucza technik - cieni, gradientów, warstw - które nie były częścią płaskiej konstrukcji. Zastosowanie subtelnych funkcji w połączeniu ze wszystkimi innymi elementami płaskiego projektu zostało nazwane Flat 2.0 w wielu kręgach. (I tylko ewolucja stylu u innych.)
Termin ten po raz pierwszy użył projektant Ryan Allen pod koniec 2014 roku: „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 zasadniczo łamać twarde zasady związane z płaską konstrukcją.
- Najważniejsze
- Gradient
- Wiele odcieni i wartości kolorów
- Upuść cień
- Dowolna paleta kolorów (nie tylko super jasne)
Inną dużą zmianą jest to, że Flat 2.0 nie żyje w świecie, w którym wszystko jest elementem lub ikoną interfejsu użytkownika. Zdjęcia i wideo 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).
Flat 2.0 i kolejne iteracje to nowa rozmowa świata designu, szczególnie ze względu na rosnącą popularność interfejsu Material Design stworzonego przez Google i przyjętego przez Google oraz jego estetyki Flat 2.0. Wygląd jest oczywiście spłaszczony, ale zawiera ewolucję elementów z nakładaniem warstw jako kluczowym elementem wizualnym, a także użycie cieni.
Flat 2.0 rozwiązuje niektóre problemy
Według wielu płaska konstrukcja miała problemy. Grupa Nielsen Norman, która bada doświadczenia użytkowników, skrytykowała płaską konstrukcję. Niektóre z tych problemów to:
- Brak tradycyjnych (i ważnych) znaczników, takich jak gradienty, cienie i podkreśla, że użytkownicy rozumieli, co zrobić z
- Brak znanych wzorców użyteczności, takich jak użycie niebieskiego podkreślonego tekstu dla linków
- Zmiana przycisków kontekstowych i działań, takich jak umieszczanie wezwań do działania i brak możliwości wykonania kopii na korzyść mniejszej liczby słów
Flat 2.0 rozwiązuje wiele z tych problemów i daje projektantom większą elastyczność w projektowaniu pod kątem użyteczności. Tego właśnie brakowało w płaskiej konstrukcji. Chociaż wygląd był kreatywny i fajny, był modny dla projektantów, ale nie zawsze był przeznaczony dla użytkowników.
Charakterystyka Flat 2.0
Flat 2.0 to pozornie idealne połączenie minimalizmu i skeuomorfizmu. Jest to bardzo użyteczny styl, który jest przyjemny wizualnie. Projektanci to lubią. Użytkownicy to lubią. To trend, który działa.
Duża część Flat 2.0 ma swoje korzenie w teorii projektowania. (Jeśli chcesz wrócić do podstaw i zrobić coś, co działa, teoria zawsze jest dobrym miejscem do rozpoczęcia).
Flat 2.0 używa określonego stylu do tworzenia hierarchii dla przepływu przez projekt. Palety kolorów są wyraźne i skonstruowane z przeznaczeniem. Nacisk kładziony jest na organizację, odstępy i przejrzystość elementów. Każdy element w projekcie powinien być prosty, ale bardzo zrozumiały.
Ten ostatni bit to miejsce, w którym Flat 2.0 odnosi sukces. Projektanci mogą przenieść projekt na skraj skeuomorfizmu, jeśli chcą, a następnie wycofać jednym kliknięciem. Flat 2.0 jest zakorzeniony w użyteczności. (Nie można tego wystarczająco powiedzieć, ponieważ jest to esencja tego, co sprawia, że projekt działa.)
Dodaj wszystko do idei, że ten styl jest bardzo elastyczny i można go dostosowywać. Jest przeznaczony do responsywnych i adaptacyjnych ram lub interfejsów materiałowych. I każdy projektant może mieszać i dopasowywać style i koncepcje, aby stworzyć coś zupełnie jedynego w swoim rodzaju. (Trudno byłoby znaleźć coś bardziej atrakcyjnego niż to.)
Wniosek
Flat 2.0 to tylko jeden krok do przodu w ewolucji tego stylu projektowania, który zakorzeniony jest w najczystszej formie minimalizmu. To, co jest tak atrakcyjne w Flat 2.0 (i ogólnie płaskiej konstrukcji), to wrodzona frajda z tym związana.
Od jasnych kolorów po typografię, która wymaga odczytu, bardziej płaskie elementy interfejsu użytkownika ustępują częściom projektu, które użytkownicy muszą zobaczyć najpierw. Płaskie przyciski i proste style kopiowania ciała dają więcej miejsca na obrazy i wezwania do działania. I dlatego Flat 2.0 jest tak ważny. Jest użyteczny. Jest funkcjonalny. I choć będzie nadal ewoluować, pomysł, który za tym stoi, został.
