5 nowoczesnych pomysłów na strony internetowe na 2017 rok
Białe, surowe tła są już w 2016 roku. Czas szybko odświeżyć swoją stronę dzięki nowemu, bardziej nowoczesnemu zabiegowi w tle.
Chociaż wciąż istnieje wiele minimalnych stylów, brak koloru nie jest. Zamiast tego projektanci wybierają szarości i jasne kolory. Efekty tła również przekraczają granice dzięki fajnej geometrii, asymetrycznym wzorom i sztuce abstrakcyjnej. Dziś zagłębiamy się w trendy współczesnej strony internetowej, pełne przykładów i inspiracji!
Przeglądaj zasoby projektowe
1. Geometria na zdjęciach
Obrazy i ilustracje bohaterów są nadal jednym z najpopularniejszych stylów tła. Duże obrazy są wciągające i są dobrym sposobem na przyciągnięcie użytkowników.
Chociaż same w sobie nie stanowią tła, w większości przypadków są one powiększone, ale na całej stronie głównej znajdują się obrazy o pełnej szerokości. Obrazy są warstwowe z tekstem, elementami nawigacyjnymi i wezwaniami do działania (stąd użycie jako tło).
Nowością w obrazach bohaterów jest nakładanie warstw obrazami za pomocą fajnych elementów geometrycznych, aby uzyskać ciekawsze efekty wizualne. Od zawijasów, prostokątów po elementy, które wydają się bardziej dotykowe, projektanci dodają do projektu podstawowe kształty.
To, co sprawia, że ta praca polega na celowym użyciu geometrii. Nie możesz po prostu upuścić czystych sześciokątów na zdjęcie i oczekiwać, że zadziała. Elementy geometryczne powinny być umieszczone, aby pomóc przyciągnąć uwagę do prawej części obrazu lub doprowadzić użytkowników do określonej akcji. Geometria może dodać odcień koloru w ciemnym lub bardziej surowym projekcie, aby zachęcić do tego ruchu oczu. Kształty mogą być również użyte do podkreślenia tożsamości marki - szczególnie jeśli te same kształty znajdują się w twoim logo - aby stworzyć silniejsze połączenie.
2. Odcienie szarości
Zmiana minimalistycznego stylu jest tak łatwa, jak dodanie odrobiny szarości. Zamiast jałowego, białego tła, więcej stron internetowych pojawia się z jasnoszarym tłem z całkowicie całkowicie minimalistycznym wzorem.
Wspaniałą cechą szarego tła jest to, że kolor może być bogaty, ciepły lub chłodny. Podteksty mogą pasować do kolorów marki lub otaczających zdjęć. Lub wybierz jasną szarą czerń, aby uzyskać niemal płaski odcień.
Niezależnie od wybranej szarej odmiany, pamiętaj, że otaczające ją elementy pomogą ukształtować odczuwanie koloru dla użytkowników. Wygląda dość miękko, na przykład na stronie Paula Valentine'a w połączeniu z pastelowym różem, ale znacznie więcej modów na stronie portfolio S. Dallyn.
3. Warstwy jasnego koloru
Tak jak geometryczne kształty mogą być używane do tworzenia warstwowych tła, bloki kolorów mogą mieć bardzo podobny efekt. Jasne wybory kolorów to odważny i interesujący wybór tła.
Te kolorowe tła mogą służyć do wielu celów, od przyciągania użytkowników do projektu po dodawanie wizualnego zainteresowania przestrzenią, w której mogą brakować obrazów lub innych elementów wizualnych.
Podstawa tego trendu jest zakorzeniona w innych trendach kolorystycznych, które miały ostatnio duży wpływ na wzornictwo. Wiele kolorów i warstw ma charakter Material Design (lub pewne przeniesienie z płaskich stylów projektowania). To łączenie i zmiana trendów jest naturalną ewolucją, którą łatwo wprowadzić, ponieważ może być bardziej dostosowaniem do istniejącej strony internetowej niż całkowitym remontem.
4. Asymetria
Zejdź z siatki! (Lub przynajmniej dostosuj to, aby wszystko nie było tak symetryczne.)
Tło nie musi zawierać wiązek drobnych elementów lub wzorów, które idealnie pasują do siebie. Nie musi to być jednolity kolor ani obraz.
Może to być kombinacja tych elementów, ustawiona w taki sposób, aby stworzyć idealną równowagę, której nie można wyciąć w połowie. Opcje mogą obejmować obraz bohatera, który nie zajmuje całej szerokości ekranu z większą ilością białych znaków po jednej stronie niż po drugiej, w sposób przedstawiony przez Nap Luxury Guesthouse. Może to wyglądać jak CMMNTY, w którym elementy tekstowe i białe znaki mają równe przeciwwagi dla efektu, który prawie zmusza użytkowników do patrzenia na litery. Może to być subtelne przesunięcie ponadwymiarowego obrazu produktu z tekstem i wezwaniem do działania, takim jak wazon.
Jednak projekt łączy się, pomyśl o tle pod względem równowagi, ale nie obcinaj ciasteczek. Spróbuj czegoś innego. Asymetria jest często odważna, zaskakująca i interesująca wizualnie (zwłaszcza przy tak wielu idealnie symetrycznych opcjach).
5. Sztuka abstrakcyjna
Nie masz świetnego pomysłu na tło? Spróbuj czegoś abstrakcyjnego. Łącz kolory, kształty i kreski, aby uzyskać zabawne efekty wizualne, które mogą wcale nie wyglądać niczym.
Jeśli chodzi o projektowanie witryny, potrzebujesz wizualnego wyróżnika, aby gdy odwiedzający ją odwiedzili, znalazł coś interesującego. Jeśli projekt wygląda po prostu jak wszystko inne, użytkownicy mogą nie mieć żadnego powodu, aby się trzymać.
Daj im coś miłego do obejrzenia. Połącz go z nieodpartym tekstem, który sprawia, że chcą zaangażować się w projekt. Odważ się być odważnym, innym i interesującym.
Wniosek
Czy projekt Twojej witryny ma stary, przestarzały lub nadużywany styl tła? (Można przyznać, że w pewnym momencie zdarza się to każdemu z nas).
Nadszedł czas na odświeżenie projektu za pomocą bardziej nowoczesnego stylu tła. Użyj powyższych przykładów jako inspiracji, aby spróbować czegoś innego i stworzyć coś, co może nawet wykraczać poza poziom komfortu.
