Essential Design Trends, kwiecień 2016
Projekt strony pewnie wygląda teraz radośnie. Może dlatego, że wiosna unosi się w powietrzu, a może po prostu rozchodzi się o dobrą atmosferę. Tak czy inaczej, trendy w projektowaniu witryny w tym miesiącu odzwierciedlają to uczucie w górę, z fajnymi ikonami w stylu ikon, dużą fotografią i jasnymi kolorami.
Oto, co zyskuje na popularności w tym miesiącu:
1) Ilustracje w stylu ikon
Trudno nie kochać wspaniałej ilustracji. Niektóre z najlepszych ilustracji, które oglądamy teraz, mają dla nich więcej stylu ikonowego. Ma kilka kluczowych cech:
- Płaskie i proste elementy ilustrowane (zwróć uwagę, jak wszystkie małe ilustracje są połączone w witrynie Konfederacji Studio)
- Jasny kolor lub prosta kolorystyka z podstawowymi odcieniami
- Geometryczne kształty z interaktywnym celem
- Elementy o wyglądzie i odczuciu ikony, bez pojemnika, więc wizualnie widzisz to jako rysunek, a nie przycisk
- Ręcznie rysowane efekty ilustracyjne
- Elementy wyglądające jak ikony, ale zajmują znacznie więcej miejsca na płótnie niż ikona
- Proste rysunki w stylu linii (takie jak styl z Draw a Better 2016)
To, co jest fajne w tym nurcie, polega na tym, że włącza element kaprysu w projekt bez uczucia przytłaczającej kaprysy. Tworzy ładną równowagę ręcznie i profesjonalnie. Ma też nieco bardziej męski charakter niż wiele innych trendów, które koncentrują się na kaprysach, takich jak akwarele lub ręcznie rysowane litery pisma.
Nawet jeśli nie jesteś ilustratorem, jest to trend, który możesz wykorzystać. Jest mnóstwo sprzedawców - płatnych i darmowych - które tworzą zestawy ikon wektorowych. Poszukaj zestawu, który zawiera wszystkie rzeczywiste pliki kształtów, dzięki czemu możesz rozbierać części, zmieniać kolory i mieszać i dopasowywać części w celu tworzenia ponadgabarytowych ilustrowanych ikonografii do swoich projektów.
2. Większa niż fotografia życia
Duże, odważne zdjęcie lub zdjęcie robi oszałamiające pierwsze wrażenie. Właśnie dlatego tak wielu projektantów wybiera większe obrazy niż obrazy, aby przyciągnąć użytkowników do swoich projektów stron internetowych. Ten element projektu może być zaskakujący, interesujący i stanowić doskonałą alternatywę, jeśli masz jeden lub dwa wspaniałe obrazy, ale nie dużą bibliotekę do pracy.
Ale musisz chcieć trochę zakłopotać, aby tam dotrzeć.
Aby w pełni wykorzystać modowy trend fotografii, musisz być gotów wykonać jedną z trzech rzeczy z projektem:
- Przytnij zdjęcie tak mocno, że zajmuje znaczną część ekranu, aby obraz był skalowany do proporcji większej niż rzeczywistość
- Powiększ do prawie niewygodnego poziomu dzięki obrazom ludzi i twarzy, aby pokazać każdy szczegół
- Wykonaj standardowe zdjęcie, ale dodaj element, który jest inny lub interesujący w sposób nieco nieoczekiwany
Wszystkie te trzy techniki mogą początkowo być dość niewygodne. Intensywne zbiory, super-bliskie twarze i osobliwości mogą początkowo sprawiać ci trochę nieprzyjemności. Podejdź do wizualnego dla tego typu projektu nieco inaczej. Zacznij od największej lub najdziwszej możliwej opcji. Następnie wycofaj się małymi krokami i oceń, co myślisz o obrazie. Możliwe, że powrócisz do jednej z wcześniejszych opcji.
Podejmując takie podejście, pozwalasz sobie na inny wygląd i wygląd. To właśnie czyni ten trend tak uderzającym - obrazy są inne. Przyciągają użytkowników, ponieważ kształty, zbiory i ogólne style są tak odmienne od większości witryn, które użytkownik codziennie odwiedza.
3. Jasne wybory kolorów
Jasna, odważna kolorystyka. Trend ma wpływ na technologię Material Design. Mimo że Materiał jest stylem opartym na interakcji, niektóre komponenty wizualne same zyskują przyczepność. Dotyczy to w szczególności kolorów.
Po co używać palety kolorów w stylu Material, jeśli reszta projektu nie jest Materialna? Jest to prosty sposób na dodanie modnego elementu do projektu bez przeprojektowania na pełną skalę. Możesz prawie dodać jasny kolor i pozostawić resztę projektu w spokoju za pomocą kilku poprawek do CSS lub zdjęć.
Co to jest kolor materiału? Nie ma idealnej definicji, ale oto, jak Google to opisuje: "Kolor w materialnym designie inspirowany jest odważnymi barwami zestawionymi z wyciszonymi środowiskami, głębokimi cieniami i jasnymi pasemkami. Materiał czerpie ze współczesnej architektury, znaków drogowych, taśmy do oznakowania nawierzchni i kortów sportowych. Kolor powinien być nieoczekiwany i żywy. "- https://www.google.com/design/spec/style/color.html
Jeśli chcesz utworzyć paletę kolorów opartą na materiałach i potrzebujesz miejsca początkowego, wypróbuj Paletę materiałów. http://www.materialpalette.com/
Odważne opcje kolorów są piękne i wyróżniają się spośród wielu bardziej stonowanych projektów minimal-style, które były popularne. Jasne błękity, zielenie i żółcie są szczególnie popularne jako akcenty w palecie kolorów. Wydaje się, że trend skupia się na dotknięciu koloru materiału, a nie na pełnych paletach kolorów.
W przypadku projektu, który naprawdę się kręci, potrzeba czegoś więcej niż tylko jaskrawego koloru. Nastrój projektu powinien być równie jasny.
- Zwróć uwagę, w jaki sposób lewa para jest jasnozielona z obrazami szczęśliwych, uśmiechniętych ludzi, aby stworzyć przemożny pozytywny nastrój.
- BNP Paribas używa jasnej zieleni, aby wprowadzić użytkowników w styl gry, który jest ustawiony na ciemniejszym tle.
- Big Drop używa odważnego żółtego (i niebieskiego, czerwonego i zielonego na przewinięciu) z jasnymi obrazami i zabawnym krojem, aby przyciągnąć użytkowników, sprawiając, że witryna biznesowa wydaje się mniej formalna.
Sztuczka polegająca na dodawaniu podpowiedzi w kolorach zainspirowanych stylem Material Design nie oznacza utraty marki. Nie powtarzaj całej palety kolorów na podstawie trendu; raczej znaleźć sposób na włączenie jasnego koloru bez przytłaczania projektu. Przykładowe zastosowania to świetne sposoby na przemyślenie tego zagadnienia - użyj prostego, kolorowego kształtu jako elementu wizualnego, spróbuj odważnie kolorowego nagłówka lub użyj jasnych kolorowych paneli, aby stworzyć bardziej interaktywny interfejs dla użytkowników podczas przewijania strony.
Wniosek
To wspaniałe, gdy kilka trendów może cię uszczęśliwić. To właśnie robi ta grupa z kolorem i typami oraz z obrazami. Może to nie tylko wpływ wiosny i nadal będziemy widzieć te elementy w jeszcze większej liczbie projektów w nadchodzących miesiącach.
Jakie trendy lubisz (lub nienawidzisz) w tej chwili? Chciałbym zobaczyć niektóre ze stron, które Cię fascynują. Wyślij mi link na Twitterze ; Chciałbym usłyszeć od ciebie.