Spis treści:
Yana Masyukovich
Główny projektant Skillbox CIS
Grafik, zarządza zespołem projektantów Skillbox i zajmuje się wsparciem wizualnym marki w Internecie i poza nim. Opracowuje wytyczne w celu stworzenia ujednoliconego stylu we wszystkich kanałach Skillbox.
Grafik, zarządza zespołem projektantów Skillbox i zajmuje się wsparciem wizualnym marki w Internecie i poza nim. Opracowuje przewodniki po tworzeniu ujednoliconego stylu we wszystkich kanałach Skillbox.
Dokąd zmierza design
Każda era przynosi nowych bohaterów, gusta i trendy. Dotyczy to również ewolucji designu. Trendy mogą błyskawicznie zmienić się w przeciwnym kierunku.
Na przykład w latach 2010. system Windows 8 i mobilne systemy operacyjne zyskały płaski wygląd. Odeszło to od kolorowych klipów MTV, banerów reklamowych i teaserów oraz „amatorskich” stron internetowych z lat 2000. Pojawiły się dobrze zaprojektowane interfejsy, w których standardem stały się miękkie gradienty, symetria i realizm. Perfekcjonistyczny design w najlepszym wydaniu.
Lata 20. XXI wieku wywróciły wszystko do góry nogami. Najpierw TikTok wdarł się do naszego życia. Zapoczątkował trend krótkich, nieedytowanych filmów i efektownych, amatorskich efektów, żywcem wyjętych z lat 90.
W 2023 roku, sześć dekad po premierze, film „Barbie” wywołał poruszenie. Przez kilka miesięcy malował wszystko na różowo. Działo się to równolegle z aktywnym rozwojem rozszerzonej rzeczywistości (AR), wirtualnej rzeczywistości (VR) i metaświatów.
Społeczeństwo było zmęczone eleganckimi interfejsami i pruderyjnym stylem w internecie, reklamach i wnętrzach. Lata 20. XXI wieku stały się erą awangardy w tworzeniu stron internetowych i sztuce cyfrowej. Wnieśli do branży odrobinę chaosu i błyskotliwych eksperymentów.
Projektuj strony internetowe i aplikacje po kursie Web Designer
Dowiedz się więcej10 trendów w branży projektowej, na które warto zwrócić uwagę w 2024 roku
W 2024 roku internet połączył modę, typografię, architekturę, sztukę cyfrową i sztukę piękną. Dzięki temu jeden trend może jednocześnie zdominować różne sfery.
Nr 1. Minimalizm z akcentami
Lakoniczne interfejsy i minimalistyczne wnętrza wciąż są aktualne. Jednak w 2024 roku moda na jaskrawe kolory powróciła. Marki wypuszczają jednocześnie nowe kolekcje o wyrazistych stylizacjach. Nawet linia garniturów biznesowych Hugo Boss oferuje wiele modeli w kolorze różowym, granatowym i żółtym.
Trend ten wspierają również firmy technologiczne. Na przykład, surowa strona internetowa apple.com została teraz rozcieńczona jasnymi, kontrastującymi elementami interfejsu i neonowymi gradientami.
Nie można obejść się bez wyrazistych akcentów i nawiązań do popkultury drugiej połowy XX wieku. Oto, jak to się przejawia w różnych obszarach:
- Wnętrze.W minimalistycznym lub skandynawskim wnętrzu, zabytkowe modernistyczne krzesła lub fotele, tkaniny w odcieniach mięty, cytryny i delikatnego różu mogą stać się jasnym akcentem. Obrazy na kwasie w stylu Andy'ego Warhola, przenoszące nas w klimat lat 60. i 70., również nie pozostają niezauważone.
💡 Andy Warhol to amerykański artysta, producent, projektant i pisarz. Stał się ważną postacią w historii ruchu pop-art i sztuki współczesnej.
- Projektowanie stron internetowych, typografia i tworzenie aplikacji mobilnych.Trend ten przejawia się w stosowaniu prostych form, czcionek bezszeryfowych i naśladownictwie stylu wizualnego charakterystycznego dla magazynów z lat 70. i 80.
- Reklama.Lakoniczne banery z minimalną liczbą elementów i jaskrawymi akcentami pomagają skupić uwagę odbiorcy na głównym przesłaniu lub produkcie.
Przykładowe przykłady minimalizmu w reklamie i opakowaniach prezentują marki Beats by Dre, Gap, Reebok. Oto kilka przykładów minimalistycznych witryn internetowych, w których dobrze wykorzystano pogrubione akcenty:
Nr 2. Neobrutalizm
Neobrutalizm to ruch projektowy, który przeniósł idee brutalizmu architektonicznego do tworzenia stron internetowych i typografii. Nazwa pochodzi od słowa „brut”, które z języka francuskiego tłumaczy się jako „surowy”.
Styl ten pojawił się jako kontrast do „idealnych” interfejsów, w których projektanci pracują nad każdym pikselem. Dążą do płynnych przejść, symetrii i harmonijnego zestawienia kolorów. Neobrutalizm dąży do innych celów:
- Połączenia kontrastujących kolorów. Na przykład głębokiej czerni, czerwieni, błękitu;
- Użycia ostrych gradientów;
- Asymetria w rozmieszczeniu przycisków i etykiet na nich;
- Wyraziste, zauważalne ramki i kontrastujące izometryczne cienie;
- Surowe fotografie;
- Chaotyczne, nakładające się elementy interfejsu i obrazy;
- Używanie podstawowych stylów HTML z prostym tłem;
- Proste i łatwe do odczytania czcionki bezszeryfowe;
- Grafika pikselowa i czcionki.
Neobrutalizm wciąż się rozwija. Może przypominać interfejsy komputerowe MS-DOS i 8-bitowe gry z lat osiemdziesiątych, a także czasopisma i druki reklamowe z lat dziewięćdziesiątych.
Neobrutalizm to inne spojrzenie na design. Odrzuca wizję ustanowioną w 2010 roku. Ruch ten stanowi ostry kontrast dla monotonii perfekcjonistycznych stron internetowych i aplikacji. Jest przyciągający wzrok i oryginalny. Dlatego nadaje się do branż kreatywnych i nisz, w których konieczne jest podkreślanie odmienności, innowacyjnego podejścia i śmiałości.
💡 Neobrutalizm należy stosować ostrożnie. Łatwo przekroczyć granicę między estetyką a nieatrakcyjnym designem.
W końcu styl ten narusza zasady psychologii designu. Kontrastujące kolory, ciemne tła i jasny tekst, pikselowate czcionki – wszystko to powoduje duże obciążenie poznawcze i utrudnia koncentrację. Jest to niepraktyczne, jeśli strona zawiera dużo informacji do przestudiowania.
Przykłady witryn wykorzystujących neobrutalizm w projektowaniu:
✅ Gumroad
✅ katesnap
Nie. 3. Retro i vintage
Kolekcjonowanie antyków zawsze było modne. Jednak powszechne zainteresowanie antykami pojawiło się wraz z rozwojem kultury popularnej w XX wieku. Filmy, muzyka, projekty książek i czasopism, a nawet architektura – odniesienia do przeszłości są wszechobecne.
W 2024 roku styl retro we wnętrzach, poligrafii i internecie przeżyje kolejny renesans. Styl vintage przywołuje nostalgię za przeszłością.
W tym roku nie należy spodziewać się dominacji konkretnego trendu w stylu retro. Ważne są jednak:
- Estetyka reklamowa lat 60. i 70. w pastelowej palecie z lakonicznymi czcionkami i symbolami vintage;
- Jasne neonowe elementy lat 80. z nieoczekiwanym połączenie kolorów;
- Nowa interpretacja stylu art déco we wnętrzach, popularna w latach 20. i 30. XX wieku;
- Ergonomiczne meble, dekoracje, żyrandole w kształcie latających spodków i inne elementy z lat 60.
Style vintage pomagają projektantom tworzyć żywe obrazy, które zapadają w pamięć i wyróżniają się w kanałach TikTok i Instagram. Duże wydawnictwa i luksusowe marki odzieżowe, takie jak Cartier i Dior, również hołdują estetyce vintage. Rockstar Games również zdobyło uznanie graczy dzięki nostalgii za przeszłością.
✅ Przykładem strony internetowej w stylu retro jest hackaday.io.
№4. Ekodesign
Ekologiczny styl i naturalne motywy cieszą się popularnością od połowy lat 2000. Ekodesign dotyka różnych obszarów:
- Opakowania. Opakowania mogą być inspirowane naturalnymi formami, wykonane z materiałów przyjaznych dla środowiska. Na przykład z bambusa lub papieru z recyklingu;
- Reklama i marketing.Firmy tworzą reklamy, które wzywają do dbania o natura, wykorzystując materiały pochodzące z recyklingu;
- Architektura. We wnętrzach popularne są materiały naturalne: sklejka, drewno, kamień naturalny, tkaniny.
Połączenie naturalnych kolorów i gradientów lub obrazów dzikiej przyrody wzbudza zaufanie odbiorców. Mózg postrzega takie wzorce jako bezpieczne. Obciążenie poznawcze jest zmniejszone i łatwiej jest przekazywać odbiorcom nowe informacje. Takie podejście przyciąga osoby, które wyznają filozofię świadomej konsumpcji i dbają o środowisko.
Eko-trendy są wykorzystywane przez duże marki. Apple, Samsung i Xiaomi sprzedają smartfony w kompaktowych opakowaniach wykonanych z recyklingowanego kartonu.
H&M reklamuje akcesoria lub ubrania w otoczeniu kwiatów lub dzikiej przyrody.
Nr 5. Dynamiczna typografia
Nie wszystkie obszary działalności wymagają wyrazistych akcentów, symboli i ilustracji. Jednak jeśli na stronie znajduje się tylko tekst, trudno jest przyciągnąć uwagę odwiedzającego. W takim przypadku zamiast statycznych nagłówków w reklamie i tworzeniu stron internetowych można zastosować dynamiczną grafikę. Pozwala ona skupić wzrok na przekazie tekstowym. Sprawia, że strona jest interesująca i zapada w pamięć.
Przykłady z filmu i telewizji: przewijane kwestie i przesuwające się napisy końcowe. Istnieje jednak wiele opcji animacji:
- Frazy lub pojedyncze słowa pojawiają się i znikają, jakby we mgle;
- Obracanie, przesuwanie, wyskakiwanie z boku, przybliżanie z daleka;
- Zmiana przezroczystości i koloru, rozmycie;
- Fraza eksploduje, zamienia się w pył, rozpada się na piksele;
- Słowo powstaje z chaotycznej chmury liter;
- Tekst zmienia się w kształt lub nową frazę.
To tylko popularne przykłady dynamicznej typografii. HTML5 i JavaScript pozwalają na implementację niemal każdej animacji w aplikacjach internetowych. W reklamach wideo nie ma ograniczeń dzięki możliwościom programów After Effect, Cinema 4D i Maya.
💡 After Effect to program do pracy z animacją i wideo. Jest używany przez grafików, twórców wideo i twórców gier wideo.
💡 Cinema 4D to narzędzie do modelowania, renderowania i animacji 3D. Program jest wykorzystywany w projektowaniu, przemyśle filmowym i reklamie.
💡 Maya to aplikacja do tworzenia grafiki 3D i efektów wizualnych w grach wideo, aplikacjach, animacjach i filmach.
№ 6. Gradienty i zakłócenia
Kontrastowe gradienty i jaskrawe kolory do niedawna były uważane za przykład złego „szkolnego” projektowania. Zakłócenie to po prostu błąd lub zakłócenie, które widzimy na ekranie telewizora podczas burzy lub w starych grach komputerowych. Ale „uczniowie” dorośli. I nie chodzi o to, że pokolenie projektantów, wychowanych na popkulturze lat 80. i 90., było w stanie obronić swoją wizję. Udało im się rozwinąć kierunek, czyniąc go estetycznie przyjemnym i harmonijnym.
Złożone gradienty z odważnym zestawieniem kolorów dodają głębi i objętości. Są używane nie tylko do tła blokowego, ale także jako niezależne elementy. Jasne kolory dodają dynamiki, ekspresyjności i przywołują nostalgię za przeszłością.
Sztuka glitch rozwinęła się w odrębną formę sztuki w projektowaniu stron internetowych, grafice i malarstwie. Kierunek ten nadaje się do różnych zadań:
- Wzmacnia reakcję emocjonalną;
- Sprawia, że widz patrzy na obiekt z innej perspektywy;
- Łączy różne kierunki w sztuce.
Gradienty i zakłócenia oddają innowacyjność firmy lub produktu oraz pragnienie zaawansowanych technologii poprzez design. Dodają dynamiki i ekspresji minimalistycznym postom. Podobne techniki stosują nie tylko firmy technologiczne, ale także marki odzieżowe, na przykład Adidas i Moncler, Baldinini.
Przykłady użycia:
№ 7. 3D i rozszerzona rzeczywistość
Grafika 3D stała się dostępna dla Małe i średnie firmy. Nowe modele gogli wirtualnej i rozszerzonej rzeczywistości pojawiają się jeden po drugim. Wszystko, czego potrzeba, aby projektowanie 3D stało się powszechne.
Jak ujął to projektant i fotograf Michael Kus: „Projektowanie 3D jest niezwykle ważne i w tym roku zobaczymy go znacznie więcej. Jest tak wiele możliwości, nawet w darmowych narzędziach”.
Duże marki już dawno wykroczyły poza wykorzystanie grafiki 3D w reklamie. Zalando, Prada i Warby Parker testują wirtualne przymierzalnie AR, w których można zdalnie przymierzyć sukienkę, zegarek lub naszyjnik.
Małe firmy również opanowują grafikę 3D:
- Prezentacje 3D, w których możesz obejrzeć akcesorium, elektronikę lub sprzęt AGD z różnych perspektyw;
- Surrealistyczne postacie i ilustracje 3D na TikToku i Instagramie pozwalają Ci się wyróżnić i przyciągnąć uwagę odbiorców;
- Infografiki 3D. Wykresy, diagramy i symbole stają się bardziej wizualne w formie wolumetrycznej;
- Trójwymiarowe czcionki na stronie internetowej lub w aplikacji sprawiają, że interfejs jest „trójwymiarowy” i zapada w pamięć.
Grafika 3D w tworzeniu stron internetowych, reklamie i marketingu stale zyskuje na popularności. Poprawia doświadczenia użytkowników, sprawia, że publikacje są bardziej żywe i wzbudzają zaufanie.
№ 8. Sieci neuronowe
Sieci neuronowe aktywnie się rozwijają i otwierają wiele możliwości dla projektantów. Jak powiedział John Randall, pracownik Magpie Studio: „W 2024 roku projektanci graficzni będą polegać na wsparciu sztucznej inteligencji. Pracownicy kreatywni muszą wykorzystać sieci neuronowe i zintegrować to narzędzie ze swoimi procesami pracy”. Wiele agencji kreatywnych już to zrobiło. Wśród nich znajdują się Huge, Magpie Studio, Ghost Note Agency i Maison Meta.
Randall zauważył również, że sieci neuronowe mogą służyć nie tylko jako inspiracja: „Możliwość wygenerowania czegokolwiek na podstawie jednej wskazówki otwiera niesamowity świat eksploracji i kreatywności”.
Sztuczna inteligencja pozwala poszerzyć granice wyobraźni, oferując nowe pomysły. Sieci neuronowe pomagają tworzyć oryginalne projekty i wyróżniać się z tłumu podobnych. Narzędzie to upraszcza pracę. Na przykład może usunąć tło, poprawić oświetlenie i wyeliminować defekty jednym kliknięciem. Chociaż nadal wymaga ingerencji człowieka, wiele rutynowych procesów należy już do przeszłości.
№9. Kolaż artystyczny
Oprócz minimalizmu, maksymalizm i kolaż artystyczny stają się coraz bardziej popularne w 2024 roku.
💡 Kolaż artystycznyto interfejsy i obrazy złożone z wielu elementów. Wyglądają one, jakby zostały wycięte z gazet, magazynów lub obrazów.
Jasne obrazy z mnóstwem elementów stały się kontrastem dla minimalistycznych postów na Instagramie i idealnych stron internetowych. Przywołują też nostalgię za przeszłością.
Kolaże artystyczne sprawdzają się w sferze kreatywnej, typografii i rozrywce. Takie „koktajle” obrazów „wyciętych” z różnych miejsc i epok tworzą swobodną atmosferę. Używając znanych postaci, odniesień do wydarzeń czy memów, można wywołać określone emocje i przyciągnąć uwagę. Styl ten wykorzystują również duże marki, takie jak Cartier i Under Armour.
Nr 10. Paleta 2024
Kolor angażuje podświadomość od pierwszej sekundy. Jeszcze zanim widz zobaczy tekst lub obraz. Za pomocą schematu kolorów możesz przygotować osobę do odbioru treści we właściwym tonie, wywołać określone emocje, nawiązać do przeszłości lub przyszłości.
A jeśli chcesz pozostać nowoczesny, przyciągnąć uwagę odbiorców, pokazać elastyczność marki, musisz znać popularne palety.
✅ Peach Fuzz — brzoskwiniowy puch
Na pierwszym miejscu znajduje się główny kolor roku, wybrany przez PANTONE Color Institute. Według Leatrice Eiseman, szefowej firmy, kolor ten najlepiej pasuje do tego okresu w historii. Delikatny pastelowy odcień symbolizuje uzdrowienie, wzajemne wsparcie i człowieczeństwo.
Kolor ten jest używany przez domy mody, producentów smartfonów i akcesoriów. Dobrze prezentuje się we wnętrzach: tapety, zasłony i meble w delikatnym, pastelowym odcieniu tworzą przytulną, uspokajającą atmosferę.
Brzoskwiniowy puch sprawdza się również jako tło do mediów społecznościowych i filmów. Budzi zaufanie i pozytywne skojarzenia z produktem lub marką.
Nie musisz tworzyć całej witryny w kolorze brzoskwiniowym. Możesz dodać tekst, przyciski, widżety lub opublikować kilka zdjęć na Instagramie. Ludzie widzą brzoskwiniowy puch wszędzie i wywołuje on pozytywne emocje na poziomie podświadomości.
✅ Róż milenijny
Kolor jaskrawej gumy balonowej przenosi nas do ery Y2K – do dzieciństwa i młodości odbiorców, którzy mają teraz 30-45 lat. Popularność tego koloru osiągnęła szczyt w drugiej połowie 2023 roku, wywołana premierą Barbie. Nadal jednak jest on używany przez wielu projektantów.
Kolor pozwala dodać interfejsowi lekkości i optymizmu, stworzyć kontrast z nudnym światem korporacji i zbliżyć się do odbiorców. Nadaje się do stosowania w interfejsach aplikacji i stron internetowych, a także jako tło dla zdjęć w mediach społecznościowych.
✅ Nude in Nizza
Kolor roku według producenta farb Tikkurila, stworzony we współpracy z projektantką wnętrz Marie Olsson Nyland. Przypomina Peach Fuzz, ale jest to nieco inny odcień, dostosowany do wnętrz. Kojarzony z życzliwością i wesołością. : Budzi zaufanie i pozytywne skojarzenia z marką.
✅ Cyfrowy noir
Melancholijne odcienie: od bladej szarości po grafit są również w modzie. Wyglądają surowo, ale na swój sposób interesująco. Pozwalają zaprezentować markę jako silną, solidną i technologiczną.
✅ Cytrusowe odcienie
Gorączka Barbie wywołała nostalgię za wszystkim, co jasne. A w 2024 roku popularne są nie tylko odcienie różu, ale także owoce cytrusowe. Paleta jest obszerna: od zrównoważonej pomarańczy i radosnej żółci po kwaśną jasną zieleń.
Jasne kolory pomagają podkreślić urok produktu. Pojawiają się nawet w takich obszarach jak finanse i przemysł.
✅ Królewskie odcienie
Nasycona fioletowa barwa, królewski błękit, czerwień – a wszystko to w połączeniu ze złotem. W 2024 roku eksperymenty projektowe trwają. Odcienie te są wykorzystywane przez domy mody, takie jak Versace, twórców aplikacji, a nawet fabryki słodyczy.
Królewskie odcienie kojarzą się z jakością i ekskluzywnością. Jednak firmy, stosując je, muszą być gotowe na potwierdzenie swojego statusu.
Przydatne materiały od redaktorów Skillbox.by
Trendy w projektowaniu są zmienne. Pojawiają się nowe technologie, obrazy i techniki. Projektanci odkrywają nowe kombinacje i palety kolorów. Jednak akceptując to, co nowe, ludzie nie porzucają wspomnień z przeszłości. Ważne jest, aby wyczuć odbiorców, wziąć pod uwagę ich zainteresowania i potrzeby. Wtedy łatwiej będzie uchwycić nowe trendy i je wyznaczyć.
Aby pomóc Ci dowiedzieć się więcej o projektowaniu, trendach i wpływie różnych stylów i palet kolorów na percepcję odbiorców, redaktorzy Skillbox.by przygotowali listę przydatnych blogów i artykułów.
- 10 trendów w projektowaniu stron internetowych w 2024 roku;
- Creative Bloq;
- 15 najważniejszych trendów w projektowaniu, na które warto zwrócić uwagę;
- Trendy w projektowaniu, które musisz znać na rok 2024;
- Trendy w projektowaniu 2024 – 20 NAJLEPSZYCH trendów w projektowaniu graficznym i internetowym;
- 9 trendów kolorystycznych na rok 2024;
- Najlepsze kombinacje i schematy kolorów dla stron internetowych 2024;
- Glitch art – co to za styl: sztuka cyfrowej interferencji;
- Trendy w projektowaniu graficznym na rok 2024;
- 10 trendów w projektowaniu graficznym, które będą dominować w 2024 roku;
- 13 najważniejszych trendów w projektowaniu graficznym dla nowatorskiego wzornictwa w 2024 roku | Looka;
- 24 największych trendów w projektowaniu graficznym dla 2024;
- Raport o trendach Dentsu Creative na rok 2024;
- 7 trendów w projektowaniu na rok 2024;
- Neobrutalizm przejmuje Internet;
- Neobrutalizm w projektowaniu stron internetowych – Blog Rupixel;
- Neobrutalizm przejmuje Internet – UXPUB.
Wybierz swój zawód w katalogu kursów projektowania
Kursy prowadzą doświadczeni, praktykujący wykładowcy. W trakcie studiów będziesz realizować samodzielne projekty, które staną się podstawą Twojego portfolio. Kuratorzy pomogą Ci pokonać wszelkie trudności. Po ukończeniu kursu staniesz się profesjonalistą i będziesz w stanie znaleźć pracę.
Uzyskaj dostęp