Minimalizm funkcjonalny w projektowaniu stron internetowych: historia, zasady stosowania i najlepsze praktyki. Minimalizm funkcjonalny w projektowaniu stron internetowych: historia, zasady stosowania i najlepsze praktyki Grafika minimalistyczna

Minimalizm jako styl w sztuce narodził się w latach 60. ubiegłego wieku. Ameryka stała się jego ojczyzną. Główne cechy minimalizmu to prostota form wyrazu, a także dosłowność, obiektywizm.

Autorem terminu „minimalizm” był brytyjski filozof i krytyk sztuki Richard Wollheim. Kierunek ten zidentyfikował analizując twórczość artystów, którzy w swoich dziełach dążą do jak najmniejszej ingerencji w otaczający ich świat.

Początki minimalizmu sięgają takich ruchów jak pop-art i suprematyzm. Na rozwój kierunku wpływ miała także twórczość K. Malewicza oraz nurty szkoły Bauhaus.

Główne cechy

Stopniowo minimalizm odchodził od wszystkich innych stylów malarskich. W rezultacie ukształtowały się jego główne cechy. To przede wszystkim wyrazistość barw, a także gładkość i geometryczność.

Rosyjski konstruktywizm, w obliczu zwiększonego zainteresowania nim, zachęca artystów do szerokiego wykorzystywania materiałów przemysłowych do wyrażania swoich pomysłów. Obrazy często charakteryzują się asymetrią, różnymi powtórzeniami kształty geometryczne. Przestrzeń obrazu jest z reguły prosta i nieobciążona.

Kolor w minimalizmie służy raczej zagospodarowaniu przestrzeni, niż wyrażaniu emocji czy przekazywaniu nastroju. Ruch charakteryzuje się także brakiem podmiotowości i realizmu: artysta dąży do tego, aby widz samodzielnie dostrzegł przedmiot.

Odmowa koniecznego na rzecz najbardziej koniecznego

Kolejną cechą minimalizmu jest chęć odczarowania sztuki, aby móc zidentyfikować, co stanowi jej fundamentalną podstawę.

Na pierwszym planie minimaliści mają formę, za pomocą której przekazują głębię koloru. Tematyka obrazów przepełniona jest metaforami i symbolami. Malarze przekazują emocje w sposób niestandardowy: posługują się linią i różnorodnością kształty geometryczne. Również prace minimalistów niosą ze sobą pewien podtekst i często mają dotkliwe znaczenie społeczne.

Artyści minimalistyczni

Amerykański artysta, mistrz abstrakcji postmalarskiej Frank Stella (ur. 1936) mieszkał głównie w Nowym Jorku, gdzie zaczynał jako rysownik i projektant.

W latach 1959-1960 ukazał się cykl prac Stell „Czarne obrazy”. Jak sama nazwa wskazuje, dominowały czarne linie osobliwość płótna

Ten twórczy rozwój artysty zauważył właściciel nowojorskiej galerii Leo Castelli, który zdał sobie sprawę z geniuszu mistrza i wystawił jego obrazy w domu.

Po „Malarstwach Czarnych” pojawiły się „Malarstwo Aluminiowe”, a następnie „Malarstwo Miedziane”. Ku pamięci okropności wydarzenia historyczne powstał cykl prac „Wsie Polskie”.

Frank Stella: „To, co widzisz, jest tym, co widzisz”

W swoich pracach Stella preferował czerń jako kolor dominujący i generalnie skłaniał się ku monochromatyczności, czasem jednak odchodził od swoich tradycji i wtedy rodziły się prace, jak np. cykl „Koncentryczne kwadraty”, w którym pojawiała się polichromia i relief.

Frank Stella został odznaczony Narodowym Medalem Sztuki Stanów Zjednoczonych i nagrodą za całokształt twórczości przyznawaną przez Międzynarodowe Centrum Rzeźby.

Ellsworth Kelly (1923-2015) był amerykańskim artystą i rzeźbiarzem, jednym z głównych przedstawicieli minimalizmu, hard krawędziowego i kolorowego malarstwa polowego.

Twórczość Kelly'ego charakteryzuje się wyjątkową przejrzystością i prostotą. Wyraźne, abstrakcyjne kontury powierzchni geometrycznych utrzymane są w intensywnej kolorystyce.

Pod koniec lat sześćdziesiątych pracował jako rzeźbiarz, później zaczął wykorzystywać w swoich pracach metal. W dorobku artysty znajduje się szereg prac z gatunku pop-artu i surrealizmu.

" Nie chcę rysować ludzi. Chcę narysować coś, czego nigdy wcześniej nie widziałem”

Ellsworth Kelly zmarł 27 grudnia 2015 roku w wieku 92 lat. Został odznaczony Narodowym Medalem Sztuki Stanów Zjednoczonych.

Hiszpański artysta Anton Lamasares (ur. 1954) swoje myśli wyraził w swoich pracach w celowo prymitywnej formie.

Z braku ręczników posłużył się drewnem, tekturą żebrowaną, opakowaniami i lakierem. W ten sposób rozwinął się jego osobisty styl artystyczny, który przyciągnął uwagę krytyków. Początkowo interesował się ekspresjonizmem, później rozwinął się w swego rodzaju minimalizm.

W wieku 19 lat po raz pierwszy wziął udział w wystawie młodych artystów zorganizowanej w Praza da Princesa w Vigo. Od tego czasu wystawy odbywały się wielokrotnie. różne kraje pokój.

Prace artysty przechowywane są w wielu znanych instytucjach kultury, takich jak Centrum Sztuki Reina Sofia, Centrum Galicyjskie Sztuka współczesna, Muzeum Sztuki Współczesnej w Madrycie i Muzeum Marugami Hirai w Japonii, a także w wielu kolekcjach prywatnych i fundacjach.

Jose Estebana Basso

Chilijski artysta Jose Basso można nazwać standardem minimalizmu. Sam artysta nazywa swój styl „malowaniem rytualnym”. Jego obrazy są lakoniczne, powściągliwe i lakoniczne, pozwalają odpocząć i zrelaksować się bez myślenia o tym, co widzisz. Minimum obiektów, czyste kolory, żadnych szczegółów, żadnej tekstury, po prostu zamrożona nieskończoność...

Dzieła mistrza tylko przywołują pozytywne emocje napełniając widza światłem i ciepłem oraz pozwalając cieszyć się lekkością i prostotą, można przy nim bezpiecznie medytować.

Oprócz malarstwa artysta zajmuje się także fotografią i grafiką komputerową i oczywiście wszystkie te prace cechuje także powściągliwość i małomówność.

Ewolucja przepływu

Stopniowo rozwijały się takie kierunki minimalizmu, jak neominimalizm i postminimalizm. Pierwszego cechuje niedokładność i niejasność, przedstawicieli drugiego zaś wyróżnia chęć nie tyle przekazania samej idei, ile podkreślenia sposobu takiego przekazu.

Cel minimalizmu

Znaczenie tego kierunku w sztuce polega na walce z akademizmem i dogmatyzmem, dążeniu do prostoty, całkowitym odrzuceniu różne rodzaje ekscesy na rzecz głębi znaczenia. Aby to zrobić, artyści rewidują istniejące kanony, porzucają dotychczasowe zasady na rzecz nowych pomysłów na przekazanie koloru, a także wykorzystują obrazy kształtów geometrycznych.

Minimalizm dzisiaj

Obecnie idee minimalizmu przeniknęły do ​​różnych branż, np. architektury wnętrz, projektowanie krajobrazu, projektowanie mody i nie tylko. Również minimalizm nie ominął Technologia informacyjna na przykład projektowanie stron internetowych i oprogramowanie (tworzenie interfejsu oprogramowania). Dość często możemy zaobserwować skutki wpływu minimalizmu na rozwój rozwiązania techniczne na przykład w przemyśle motoryzacyjnym, w sprzęcie gospodarstwa domowego i inżynierii.

W naszej pracy z zakresu malarstwa ściennego nasza pracownia również czasami kieruje się zasadami minimalizmu.

Minimalizm w projektowaniu graficznym to uproszczenie kompozycji, podkreślenie ważnych detali.

Nic zbędnego i dużo pustej przestrzeni. Głównie prace wykonane w ten styl, użyj 1-2 kolorów i kilku odcieni tych kolorów. Wyraźna czcionka nie niesie obciążenia wizualnego i wykorzystuje nie więcej niż 2-3 zestawy czcionek.

„To szybsze niż myślisz”

Minimalizm narodził się w latach 60. w Ameryce. Z biegiem czasu styl ten ulegał zmianom, ale nadal jest popularny. Obrazy, ubrania, wnętrza... można go spotkać wszędzie. Dzisiaj porozmawiamy o minimalizmie w projektowaniu graficznym.

Dziś minimalizm jako styl w projektowaniu graficznym nie jest jeszcze w stanie konkurować z innymi abstrakcyjnymi i ruchliwymi stylami (grunge, vintage, pop-art itp.), ponieważ nie jest wystarczająco powszechnie stosowany, ale w najbliższej przyszłości minimalizm może nadrobić, a nawet wyprzedzić niektóre style, ponieważ ludzie już „przejedli” abstrakcyjne i jasne, nieporęczne i obciążone materiały graficzne.

Kryteria minimalizmu

Czym zatem jest minimalizm w projektowaniu graficznym? To uproszczenie kompozycji, wykorzystanie wolnej przestrzeni w pracach, wyeksponowanie jedynie głównych szczegółów i ich podkreślenie, proste przedstawienie tematu, warunków i produktów.

Ergonomia/użytkowość
Minimalizm wpływa na kryteria takie jak ergonomia, tj. używając mniej, aby stworzyć pożądaną kompozycję, zachowując relacje między elementami tematycznymi (na przykład: 2 lub więcej różne elementy na ilustracji), praca twórcza(przykładowo: projekt graficzny kilku produktów jednego producenta w jednym materiale) itp.

Ujmując to w przystępny sposób, jest to: prawidłowe i proste wykorzystanie tylko tego, co niezbędne - usuwając wszystko, co niepotrzebne (lub nie dodając w ogóle) uzyskujemy wolną przestrzeń. Prawidłowe zagospodarowanie wolnej przestrzeni w pracy zapewnia ergonomię, nie rozprasza i koncentruje się na tym, co potrzebne. Innymi słowy, zyskujemy użyteczność w pracy.

Przemyśl dokładnie elementy swojego projektu; lepiej skupić się na jednym elemencie, niż „przykuć” dziesięć kolejnych.

Użycie koloru

Kolor w stylu minimalistycznym prace graficzne jest ważnym kryterium, a mianowicie kolor wpływa na percepcję. Często w jednej pracy wykorzystuje się 1-2 kolory podstawowe i kilka odcieni wybranych barw. Najczęściej używane kolory to biały, czarny, szary i żółte kolory, a także ich wiele odcieni. Ale to nie jest reguła; nikt nie ogranicza stosowania wyłącznie klasycznych kolorów.

Czasami czytając różne artykuły na temat minimalizmu w designie, spotykamy osoby, które twierdzą, że warto rygorystycznie ograniczyć paletę do czerni i białe kwiaty. Moim zdaniem jest to błędne przekonanie, w tym kierunku można użyć dowolnych kolorów, najważniejsze jest przestrzeganie kompozycji (tematu lub celu pracy) wybranymi kolorami.

Czcionka i tekst/typografia

Typografia jest również dość ważnym kryterium minimalistycznego projektowania. Tutaj wybór krojów pisma zależy od tematu lub celu pracy. Czcionka powinna być znacząca, dostępna wizualnie i niezbyt przytłaczająca wizualnie. Zaleca się stosowanie nie więcej niż 2-3 zestawów czcionek (np.: 1. nagłówek, 2. tekst, 3. objaśnienia i prawa autorskie; lub 1. tytuł, 2. hasło, 3. tekst).

Ogólnie rzecz biorąc, zastosowanie typografii bezpośrednio w minimalizmie (projekt graficzny) jest dość elastyczne; możesz wybrać niestandardową czcionkę, położyć nacisk w postaci powiększenia wymaganego tekstu, zwiększyć wcięcia itp. Ale w tym przypadku najważniejsze jest prawidłowy wybór do tematu i zakończenia tekstu w kompozycji. Na przykład bardziej preferuję czcionki standardowe (Arial, Helvetica, Garamond, Trebuchet MS, Verdana, Times) ze zmianami w niezbędnych częściach (na przykład na ilustracjach lub w druku). Podoba mi się ścisłe użycie typu. Cóż, ogólnie rzecz biorąc, wszystko zależy od tematu lub obszaru pracy, a krój pisma może być inny.

Najważniejsze jest ograniczenie liczby krojów pisma, prawidłowe rozmieszczenie tekstu w pracy (umieszczenie, pozycja, wcięcia, stosunek do innych elementów).

Wnioski oparte na kryteriach

Warto zwrócić uwagę na: kompozycję pozbawioną zbędnych elementów (tylko to, co niezbędne), wykorzystanie wolnej przestrzeni, dobór koloru/kolorów w zależności od tematu lub warunków pracy. Mniej pstrokatych kolorów (lepiej zastosować surowe lub stonowane kolory/tony/odcienie), mniejsza ilość kolory, krój pisma odpowiedni do tematu lub warunków pracy, mniejsza ilość zastosowanych czcionek, położenie nacisku na czcionkę (wielkość, wcięcia, położenie i rozmieszczenie, powiązania z innymi elementami), prawidłowe rozmieszczenie elementów i podkreślenie istotnych szczegółów.

W swoim imieniu powiem, że każdy ma w swojej wyobraźni wizję minimalizmu i każdy może mieć swoją. Ruch minimalistyczny nie ma standardów; najważniejsze jest unikanie niepotrzebnych rzeczy, używanie mniej i zachowanie funkcjonalności. Te. prosta praca Z pożądany efekt(reklama, ilustracja, okładka itp.).

Nawet jeśli nie da się usunąć z pracy zbędnych elementów, można wykorzystać nie styl minimalistyczny, ale jego właściwości: za pomocą wolnej przestrzeni, odpowiednich kolorów i akcentu czcionki można podkreślić (pokazać) główne szczegółów pracy, spychając w ten sposób niepotrzebne elementy na dalszy plan...

Przykłady minimalizmu w branży graficznej

No cóż, teraz warto przyjrzeć się pracom utrzymanym w stylu minimalistycznym w branżach projektowania graficznego.



Projektowanie opakowań (produktów)

Oto przykład uproszczenia projektu opakowania - stworzenia w stylu minimalistycznym.



Druk: plakaty

Plakaty graficzne do filmów w stylu minimalizmu.

Druk: okładki książek

Projekty graficzne okładek książek w stylu minimalistycznym.


Ilustracje / tapeta komputerowa

Minimalizm w grafice komputerowej, a mianowicie w projektowaniu tapet na pulpit systemu operacyjnego.

Prawdopodobnie słyszałeś tu i ówdzie termin „minimalizm”, szczególnie w ciągu ostatnich kilku lat, ale czym dokładnie jest i jak możemy go najlepiej wykorzystać?

Minimalizm można określić jako wyeliminowanie wszystkich zbędnych elementów i skupienie się na tym, co niezbędne. Jako taki minimalizm przyciąga sukces.

Chociaż minimalizm jest często prosty na zewnątrz, wiele myśli, praktyki i czasu poświęca się na tworzenie i projektowanie minimalistycznego obiektu. Oto kilka sposobów, dzięki którym możesz być minimalistyczny.

1. Osiągnij spójność

Minimalistyczne logo może być niezwykle przydatne, jeśli chodzi o tworzenie tożsamości marki. Użyj tego projektu baru od Simona McWhinneya jako przykładu. Utrzymując logo bardzo proste i minimalną paletę kolorów, projekt staje się na tyle elastyczny, że można go bezproblemowo zastosować we wszystkich mediach korporacyjnych, tworząc spójną i bardzo zapadającą w pamięć markę.

2.Odkryj ukryte połączenia


Minimalizm nie oznacza, że ​​Twój projekt musi być mniej kreatywny. Tak naprawdę, jeśli nie jesteś zagłębiony w szczegóły, często masz szansę odkrywać i bawić się sprytnymi relacjami ukrytymi w twoim projekcie. Spójrz na branding stworzony przez Interband dla Opery Australijskiej. Minimalistyczny projekt odwoływał się do przemyślanego połączenia pomiędzy słowami „OPERA”, „OPERA AUSTRALIA” i „OZ OPERA”.

3. Baw się relacjami przestrzennymi

Minimalizm pozwala spojrzeć na relacje przestrzenne w projekcie w sposób, jakiego wcześniej nie widziałeś. Weź pod uwagę sposób, w jaki Twój projekt współdziała z innymi elementami, aby stworzyć większy projekt, taki jak ten przedstawiony poniżej wizytówki, zaprojektowany przez Trevora Finnegana, w kolejce.

4. Bądź mądry

Minimalizm nie oznacza braku elementów ilustracyjnych, ale raczej ostrożny wybór, kiedy i gdzie je zastosować. Pracując z elementami ilustracyjnymi, które zamieniają nazwę firmy w logo, podobnie jak to zrobił Frame Creative z tym brandingiem, możesz stworzyć bardzo wizualny, a także bardzo minimalistyczny projekt.

5. Używaj precyzji

Minimalizm często polega na usunięciu wszystkich niepotrzebnych rzeczy i skupieniu się na komunikacji. Przyjrzyj się, jak zaprojektowano te wizytówki Jake’a Freya, wyświetlające jego dane kontaktowe w sposób schludny i dokładny, bez konieczności stosowania efektownych elementów wizualnych.

6. Użyj siatki modułowej

Jak już wiesz, siatki są bardzo przydatne (niektórzy mogą powiedzieć, że niezbędne) w wielu rodzajach projektów, szczególnie w przypadku minimalizmu. Jeśli Twój projekt nie zawiera wielu elementów, to tak dobra okazja baw się swoją modułową siatką. Zwróć uwagę na ten innowacyjny projekt Jessiki Giboine, która do tworzenia wykorzystuje układ siatki silne uczucieścisła weryfikacja kopii bloków tekstowych z nagłówkami i elementy graficzne, generując czysty, prosty i skuteczny projekt.

7. Osiągnijmy funkcjonalność

Minimalizm może być świetny ze względu na funkcjonalność. Schludny, przejrzysty i uporządkowany projekt może służyć jako łatwa nawigacja, tak jak w przypadku projektu strony z treścią Jamesa Cape'a. Minimalistyczny design i przejrzysta hierarchia typograficzna sprawiają, że nawigacja po zawartości strony jest szybka, prosta i funkcjonalna.

8. Znajdź swoją równowagę

Aby uzyskać właściwy efekt, ważny jest związek między elementami wizualnymi, takimi jak fotografie, a elementami typograficznymi. Dobry projekt często dba się o to, aby żaden element nie przytłaczał innego bez uzasadnionego powodu. W tym przykładowym poście od Mother Design znajdziesz więcej proste zdjęcia są ułożone z dużą, informacyjną ilością tekstu, podczas gdy pełne, duże obrazy są łączone z małymi blokami tekstu, tworząc w ten sposób równowagę i harmonię pomiędzy stronami.

9. Złam pewne zasady

Jak już wspomniano, minimalizm daje wyjątkową szansę na eksperymentowanie z projektem w sposób, jakiego wcześniej nie widziałeś, a czasami oznacza to lekkie nagięcie zasad. Weźmy na przykład logo rabina White’a, pokazując połowę logo do góry nogami, co stanowi nieco oburzający projekt, tworząc coś, co w każdym innym przykładzie wyglądałoby nieczytelnie. Ale dzięki niesamowitej prostocie i minimalistycznemu charakterowi marki to szalone rozwiązanie świetnie sprawdza się jako element wizualny.

10. Wizualizuj swoją czcionkę


Typ to ważna broń, o której nie należy zapominać, zwłaszcza jeśli chodzi o minimalizm. Może pełnić funkcję elementu wizualnego, zwłaszcza gdy zostanie nieco zmodyfikowana w zależności od sytuacji, podobnie jak otwarta rozkładówka z włoskiego Vogue'a. Nadanie czcionce wyglądu przypominającego fale wody tworzy mocny efekt wizualny bez użycia jakichkolwiek obrazów, dzięki czemu ostateczny projekt jest prosty i schludny.

11. Biała przestrzeń to właściwa przestrzeń

Biała przestrzeń, znana również jako „przestrzeń ujemna”, może czasami wyglądać jak pusta przestrzeń na papierze, ale nie jest to do końca prawdą! Przy prawidłowym użyciu biała przestrzeń może pomóc zrównoważyć projekt, wyeliminować przepełnienie i pomóc mu oddychać. Spójrz na przykładowy projekt książki od Studioahamed, w którym koncepcja białej przestrzeni została przyjęta jako punkt wyjścia i maksymalnie wykorzystana, czego efektem jest klasyczny, minimalistyczny projekt.

12. Poznaj swoje możliwości

Co jest bardziej minimalistycznego niż całkowicie biała paleta? Projekt nie powinien ograniczać się do ekranu monitora, wykorzystując go także w momencie, gdy produkt trafia do druku, można nadać mu niepowtarzalny smak i różnicę od wszystkich innych. Dzięki zastosowaniu efektów drukowania tekstu lub tłoczenia Twoje produkty drukowane mogą uzupełniać i pogłębiać minimalistyczny projekt, jak pokazano na przykładzie Adama Buente.

13. Tekstura

Studiując minimalizm, łatwo zauważyć, że aby być minimalistą, należy głównie drukować na płaskich panelach, ale nie jest to rygorystyczny wymóg. Dodanie tekstury do projektu może dodać głębi i efektywności Twoim pragnieniom, bez przesadzania z minimalizmem. Tekstura zdecydowanie sprawdza się, gdy jest odpowiednio zrównoważona, spokojne kwiaty Podobnie jak powyższy przykład strony internetowej/brandingu firmy Watts Design, która wykorzystuje równowagę tekstury z prostą fotografią i brandingiem, aby stworzyć wysoce skuteczny projekt.

14. Myśl nieszablonowo

Całkiem dosłownie. Minimalizm pozwala na większą zabawę przy rozmieszczaniu i kompozycji elementów, jak pokazano w tym poście Gregmadeita. Umieszczenie czcionki na krawędzi strony tworzy niepowtarzalny efekt przyciągający wzrok, nie pogarszając przy tym czytelności tekstu.

15.Bądź otwarty

Kiedy kilka elementów walczy o bycie zauważonym, musisz być znacznie bardziej otwarty w swoim przekazie i ogólnie w komunikacji. Jest to szczególnie przydatne w przypadku projektowania stron internetowych, gdy wszyscy logujemy się i przeglądamy strony, prosta wiadomość z przewodnikiem po działaniu, jak pokazano na stronie internetowej Nine Sixty, pomaga czytelnikowi zorientować się, kim dla ciebie jest w tym właśnie momencie.

16. Użyj skali

Stosując minimalizm trzeba precyzyjnie określić, na co w pierwszej kolejności skieruje się wzrok odbiorców, a jednym ze sposobów na osiągnięcie tego jest skala. Spójrz na elementy rozkładówki z magazynu Saturdays, wzrok od razu kieruje się do największego elementu: cytatu na prawej stronie, potem zdjęcia, a na końcu tekstu. Prosty projekt, który jest po prostu skalowany, pomoże Ci wyznaczyć właściwą kolejność czytania dla odbiorców.

17. Nie wszystko jest czarno-białe

Wiele osób uważa, że ​​w minimalizmie stosowane są monochromatyczne palety kolorów, jednak nie jest to do końca prawdą. Kolorem można stworzyć przyciągający wzrok projekt, nie wychodząc poza minimalizm, pod warunkiem, że paleta pozostaje bardzo mała (najlepiej 1-3 kolory). Sprawdź ten przykład z Moruba, gdzie jasny żółty w połączeniu z surowym czarno-białym logo współpracuje ze sobą, tworząc naprawdę udany i efektowny (a jednocześnie minimalistyczny) projekt.

18. Bądź bardziej aktywny

Minimalistyczny design może naprawdę pomóc zwiększyć płynność Twoich pomysłów, szczególnie w praktyczne zastosowanie. Na przykład ten branding Buro Ufho składa się z prostego logo z czcionką szeryfową i dwóch bloków kolorowych wypełnień. To godne uwagi branding ma wysoki poziom elastyczność w granicach swoich możliwości paleta kolorów; Kolor ukośnych bloków można dość łatwo zmienić, nie tracąc żadnych charakterystycznych cech, a wszystko dzięki prostemu, ale niepowtarzalnemu minimalistycznemu projektowi.

19. Używaj symboliki

Minimalizm to dobra szansa, aby odkryć głębię symboliki w swoim projekcie. Spróbuj pomyśleć o przedmiocie, o rzeczach z nim związanych, o tym, dlaczego przedmiot został wyprodukowany. Na przykład projekt Jennifer Carrow na okładkę współczesnej książki „Against Happiness”. Przekształcając czcionkę w symbol smutnej twarzy, otrzymujesz elegancki i zapadający w pamięć projekt.

20. Ikonografia

Ikony to przydatne małe ikony, których większość z nas używa na co dzień, od ikon aplikacji po ikony na pasku zadań komputera. Ikony można bardzo skutecznie wykorzystać w świecie minimalizmu. Mogą zwiększyć dostępność, zmniejszyć ilość tekstu lub czcionek na stronie i pomóc innym użytkownikom wizualnie postrzegać Twój projekt. Przyjrzyj się, jak ta witryna Spab Rice wykorzystuje ikony na stronie, aby ułatwić nawigację i objaśnić ich zawartość.

21. Myśl typograficznie

Mniej znaczy więcej, zwłaszcza jeśli chodzi o minimalistyczną typografię. Użycie 1-3 czcionek to najlepsza szansa na zaprojektowanie minimalistycznego i funkcjonalny projekt, tak jak zrobiono to w przykładzie Kalpakiana. Minimalne użycie tła i umiarkowane użycie czcionek zapewnia czytelność

22. Drobne zmiany. Duża nagroda

Piękno minimalizmu polega na tym, że małe zmiany mogą dać duże rezultaty. Weźmy na przykład logo The Pines. Prosta groteskowa czcionka w połączeniu z zaledwie dwoma paskami tworzy niewielki, ale piękny efekt wizualny, który nie psuje oryginalności ani minimalizmu logo.

23. Skup się

Nie zapomnij, dlaczego zacząłeś projektować: treść. Minimalizm sprawdza się wyjątkowo dobrze, gdy pokazuje treść prosty projekt, pozwalając uwagi widza od razu przenieść się do zawartości strony, a nie wygląd. Zobacz, jak minimalistyczny projekt strony internetowej Darrina Higginsa po prostu skupia się na treści.

24. Kontrast

Projektowanie z wysokim kontrastem pomoże wysunąć elementy wizualne i treść na pierwszy plan i sprawi, że projekt będzie łatwy do zrozumienia. W tym przykładzie strony Madsa Burchartha czarne tło strony kontrastuje z bogatą kolorystyką obrazów treści, tworząc prosty, ale uroczy projekt.

25. Projektowanie na przyszłość

Minimalizm może być istotnym elementem Twojego projektu, ponieważ może być ponadczasowy. Im mniej elementów zawiera Twój projekt, tym mniejsze jest prawdopodobieństwo, że wyjdą one z mody lub staną się nieistotne. Znanym i doskonałym tego przykładem jest Google. Spójrz na zrzuty ekranu strony Google 10 lat temu i dzisiaj. Subtelne zmiany, białe przestrzenie, skupienie się na treści i minimalizm strony sprawiają, że ten projekt jest ponadczasowy.

Podsumowując powyższe, minimalizm nie jest niezbędną estetyką ani stylem, który można odtworzyć, ale raczej sposobem myślenia o swoim projekcie.

W typografii staraj się ograniczać użycie czcionek, aby stworzyć bardziej spójny i mniej zagmatwany projekt. Przywiązuj wagę do stosowania systemów pionowych i układu w arkuszu, aby zapewnić większą czytelność.

W języku koloru używaj schematów monochromatycznych we wszystkich ich postaciach, ale nie czuj się przez nie ograniczony. W odpowiedniej sytuacji dodanie koloru tu i ówdzie może naprawdę pomóc podkreślić główne punkty projektu i stworzyć punkt centralny dla ważnych elementów.

Na koniec spróbuj zdecydować, co można usunąć, czy jest to kolor z palety, czy obraz z kompozycji. Zdecyduj, co można wyciąć, co można zastąpić czymś bardziej zwięzłym. Po prostu usuń tyle, ile możesz, aż to, co pozostało, będzie tym, czego naprawdę potrzebujesz.

Przetłumaczyliśmy dla Was ciekawą notkę autorki TheNextWeb, Amber Lee Turner, która opowiada o początkach flat designu, jak zmienia się ono obecnie w interfejsach i co czeka flat style w przyszłości.

Jeśli choć trochę interesujesz się projektowaniem graficznym, nie możesz nie usłyszeć terminu „ płaska konstrukcja" Trend ten po raz pierwszy pojawił się w Internecie kilka lat temu, a w ostatnio flat design rozwinęło się i stało się niezwykle popularne dzięki dużym firmom, które zaczęły aktywnie wykorzystywać flat design.

Ale skąd wzięła się ta płaska konstrukcja? I dlaczego widzimy to w Internecie? Jak ze wszystkim w projektowaniu, znajomość historii stylu pomoże Ci osiągnąć więcej świadome decyzje podczas korzystania z płaskiej konstrukcji.

Przyjrzyjmy się, czym jest flat design, jakie trendy w projektowaniu miały na niego wpływ w przeszłości i dowiedzmy się, dlaczego zyskało taką popularność.

Co to jest płaska konstrukcja?

Dla tych z Was, którzy nie są zaznajomieni ze znaczeniem płaskiego projektu, powinniście wiedzieć, że płaska konstrukcja to styl projektowania, w którym elementy są pozbawione jakichkolwiek cech stylistycznych i nie sprawiają wrażenia ucieleśnienia rzeczywistych obiektów (tzw. skeuomorfizm).

Z punktu widzenia laika płaski projekt pozbawiony jest elementów takich jak gradienty, cienie, tekstury, które mają sprawić, że elementy będą bardziej obszerne i realistyczne.

Dziś wydaje się, że projektanci mocno skłaniają się ku płaskiemu designowi, ponieważ jest on postrzegany jako świeży i nowoczesny oraz pozwala skupić się na tym, co najważniejsze: treści i przekazie.

Pozbywając się wszelkiej stylistyki, projektanci czynią swoje projekty trwalszymi, a obecnie stosowanie płaskiego projektowania jest najwłaściwszą strategią.

Nie oznacza to jednak, że inne style w ogóle nie są brane pod uwagę. Często, aby wskazać przeciwieństwo stylu płaskiego, używa się terminu „bogaty design”, który charakteryzuje się obecnością dużej liczby różnych dekoracji - skosów, odbić, cieni, gradientów. „Bogaty design” ma na celu uczynienie rzeczy bardziej „dotykowymi”, wygodniejszymi dla użytkowników przeglądających witrynę i korzystających z aplikacji mobilnych.

Ważne jest, aby zrozumieć, że „bogaty projekt” to nie to samo, co skeuomorfizm. Skeuomorfizm polega na świadomym użyciu fizycznych odpowiedników pewnych elementów (przełączniki, przyciski, tekstury skóry itp.), tak aby wyglądały znajomo dla użytkowników.

Skąd się wziął płaski design?

Większość tego, co widzimy obecnie w Internecie lub świecie cyfrowym, pochodzi od przodków druku i sztuki. Trudno powiedzieć dokładnie, kiedy rozpoczęła się era płaskiego designu i gdzie leżą jej początki, ale istnieje kilka wyraźnych okresów w projektowaniu i sztuce, z których czerpał inspirację dla stylu flat design.

Szwajcarski styl

Styl szwajcarski (czasami nazywany Międzynarodowym Stylem Typograficznym) to pierwsza inspiracja płaskim designem, która przychodzi na myśl, dlatego warto zagłębić się w szczegóły.

Szwajcarskie wzornictwo koncentruje się przede wszystkim na zastosowaniu linii pomocniczych, typografii bezszeryfowej oraz jasnej hierarchii treści i projektu. W latach 40. i 50. szwajcarskie wzornictwo często można było zobaczyć na wielu fotografiach jako element projektu.

Typografia jest jednym z kluczowych elementów stylu szwajcarskiego i nie sposób nie wspomnieć tutaj o kroju pisma Helvetica, który pojawił się także w Szwajcarii w 1957 roku i jest aktywnie używany do dziś.

Ciekawie jest zobaczyć, jak stosowano płaską konstrukcję jeszcze zanim Microsoft i Apple wprowadziły ją do swoich projektów i sprawiły, że stała się popularna, ponieważ szwajcarski styl można prześledzić nawet w Niemczech w latach 20. XX wieku. W tamtym czasie stał się bardzo popularny, a jego elementy wykorzystywała słynna niemiecka szkoła Bauhaus – miłośnicy sztuki nie pozwolą kłamać, że Bauhaus kładł duży nacisk na typografię, która ma wiele wspólnego ze stylem szwajcarskim.

Minimalizm

Ogromny wpływ na płaski design można odnaleźć także w historii minimalizmu. Dziś termin „minimalizm” jest często używany zamiennie z pojęciem płaskiego designu, jednak minimalizm był popularny na długo przed wynalezieniem płaskiego designu. Minimalizm ma swoje długie tradycje w architekturze, sztuki piękne, projekt.

Minimalizm ma bogatą historię i zakres różne typy sztuki, ale tam, gdzie obecnie dominuje płaski design, często sięga się po elementy minimalizmu. Elementy minimalizmu takie jak surowe geometryczne kształty, jasne kolory, wyraźne linie są również stosowane w płaskiej konstrukcji.

Jednym z najbardziej znanych dzieł sztuki w stylu minimalizmu jest obraz Yvesa Kleina „Blue Age”:

Można śmiało powiedzieć, że połączenie szwajcarskiego stylu i minimalizmu wywarło ogromny wpływ na płaski design i nowoczesny wygląd cyfrowego świata.

Era płaskiego designu od Microsoftu i Apple

Historia się powtarza i to samo dotyczy płaskiego designu. Jak dowiedzieliśmy się powyżej, elementy płaskie można było spotkać już w latach 20. XX wieku.

Sporo projektantów indywidualnych pracowało nad projektowaniem płaskim, ale to Microsoft i Apple uczyniły go tak popularnym. Cóż, porozmawiajmy o nich.

Microsoft i interfejs Metro

Microsoft zaczął pracować nad płaską konstrukcją na długo przed pojawieniem się interfejsu Metro. W połowie pierwszej dekady XXI wieku Microsoft wypuścił konkurenta iPoda – odtwarzacz Zune (jestem pewien, że niektórzy z Was wciąż pamiętają tę nazwę – przyp. red.).


To samo Zune od Microsoftu – spójrzcie na interfejs, czy Wam to niczego nie przypomina?

To było wyjątkowe wraz z wydaniem Zune designerski styl, który skupiał się na dużej typografii. Projekt oprogramowanie Zune stanowił wówczas wyraźne odejście od większości produktów oprogramowania Microsoft. W końcu Windows Phone 7 został wydany dopiero pod koniec 2010 roku, a projekt tego mobilnego systemu operacyjnego w dużej mierze opierał się na interfejsie oprogramowania Zune. Duży i jasne kształty, siatka, typografia bezszeryfowa (groteska), płaskie ikony.

Microsoft wkrótce nazwie ten interfejs Metro

Projekt ten stał się tak popularny, że Microsoft wypuścił system operacyjny Windows 8 oparty na interfejsie Metro. Jasne kwadratowe kształty, nacisk na typografię, jasne kolory - wszystko to migrowało komputery osobiste. Ten sam interfejs jest używany w prawie wszystkich produktach Microsoftu, w tym w konsoli Xbox 360.

Jak Apple wstrząsnęło skeuomorfizmem

Choć Microsoft od dłuższego czasu pracował nad płaskim interfejsem, Apple również miał w zanadrzu kilka asów. Początkowo Apple delikatnie dawał do zrozumienia, że ​​zamierza porzucić skeuomorfizm, a wraz z zapowiedzią iOS 7 w czerwcu 2013 roku stało się jasne, że zespół z Cupertino zdecydowanie zdecydował się na płaską konstrukcję.

Ponieważ Apple miało wówczas wielu zwolenników, wydanie „płaskiego” systemu iOS 7 sprawiło, że ten styl projektowania stał się bardziej popularny niż kiedykolwiek. A stało się to w niezwykle krótkim czasie (czyli błyskawicznym przejściu z iOS 6 na iOS 7 – przyp. red.).

Estetyka projektu Apple wywarła ogromny wpływ na projektowanie aplikacji mobilnych i stron internetowych, ponieważ większość projektantów w końcu uznała ten styl za najnowocześniejszy i odpowiedni. Kiedy Apple przeszło na płaski styl, skeuomorfizm natychmiast stał się przestarzały, a ogromna liczba witryn i aplikacji pilnie wymagała przeprojektowania.

Widać to wyraźnie w aplikacjach mobilnych, które poważnie zmieniły swój design i interfejs, aby dostosować się do standardów iOS 7. A to pozwoliło użytkownikom stosunkowo szybko przyzwyczaić się do płaskiego iOS 7.

Responsywny projekt

Warto również zauważyć, że jednym z powodów, dla których projektowanie płaskie stało się tak popularne, jest tak zwane „projektowanie responsywne”. Wraz z rozwojem technologii internetowych, użytkowników coraz więcej różne urządzenia— a przede wszystkim z telefonów komórkowych. Zmusiło to projektantów do stosowania projektowania responsywnego, aby strony wyglądały równie dobrze na pełnoprawnych komputerach, jak i na smartfonach i tabletach. Projektanci podczas tworzenia responsywnych stron internetowych wykorzystali wiele „płaskich” elementów.

Płaski styl pozwala na bardziej wydajne projektowanie stron internetowych. Bez zbędnych elementów interfejsu strony ładują się szybciej, dając użytkownikowi możliwość skupienia się na treści.

Wpisuje się to również w trend zwiększania rozdzielczości ekranów urządzeń mobilnych. O wiele łatwiej jest wyświetlić wyraźnie i proste kształty i typografii, zamiast przesyłać za każdym razem ciężkie obrazy, które wyglądają inaczej w różnych rozdzielczościach ekranu.

Przyszłość płaskiej konstrukcji

Oczywiście nie mamy szklanej kuli, która przepowiada przyszłość, ale jest całkiem jasne, że płaski design, jak wszystko inne, nie trwa wiecznie i zostanie później zastąpiony jakimś innym stylem. W końcu płaska konstrukcja ma oczywiste wady i projektanci będą nadal eksperymentować, co ostatecznie doprowadzi do pojawienia się nowego dominującego stylu, który pozostawi płaską konstrukcję w odległej przeszłości.

W związku z tym warto obserwować, co prace projektowe jest obecnie wykonywana w Google. Z jednej strony w ich aplikacjach jest dużo płaskich elementów, ale Google nie porzucił wielu elementów skeuomorficznych – na przykład nadal używają cieni. Najwyraźniej „dobra korporacja” chce z każdego ze stylów wyciągnąć to, co najlepsze i stworzyć własny, niepowtarzalny styl.

W dzisiejszych czasach płaski design jest postrzegany jako ekscytujący trend w modzie i jest to z pewnością ważny kamień milowy w historii designu. Ale nie zapominaj, że pod wieloma względami płaska konstrukcja to po prostu reinkarnacja szwajcarskiego stylu i minimalizmu w nowym cyfrowym świecie.

Załadunek...
Szczyt