Essential Design Trends, luty 2017
Ciekawa wizualna obecność nad zwojem to pierwsze wrażenie, jakie użytkownik otrzymuje ze strony internetowej. To, czy użytkownik będzie kontynuował klikanie, może zależeć od wielu czynników, takich jak jakość obrazu, czytelność i ogólne zainteresowanie zawartością.
W tym miesiącu przyglądamy się trzem trendom, które tworzą wyraźne pierwsze wrażenie-ciemne nakładki kolorów na obrazy, brutalizm i puste style literowania. Oto, co zyskuje na popularności w tym miesiącu:
1) Ciemna nakładka na obrazach
Nie ma znaczenia, czy obraz bohatera jest nieruchomy czy poruszający się, ciemna nakładka kolorów może pomóc nawet w kolorach, które ułatwiają dodawanie tekstu i innych elementów do warstwy na górze obrazu. Choć może to brzmieć jak skrót, w tej technice jest wiele wartości.
Głównym powodem wyboru nakładki kolorów jest zwiększenie czytelności. Większość obrazów zawiera warianty jasnych i ciemnych kolorów, co sprawia, że dodawanie napisów jest czytelne na każdym urządzeniu. Nawet jeśli istnieje idealne miejsce na ekrany szerokoekranowe, ta sama kombinacja obrazu i tekstu może sprawić, że nie będzie można odczytać na ekranie telefonu.
Tutaj pomaga nakładka koloru. Półprzezroczyste pranie koloru na obrazie lub filmie powinno wzmocnić kontrast. Następnie białe lub jasne litery mają miejsce i pozostaną czytelne.
Nakładki w ciemnych kolorach są interesujące wizualnie również z innych powodów. Nie utknąć w pułapce, że ciemność oznacza czarny lub szary. Ciemna nakładka może mieć dowolny kolor, na przykład zielony używany przez Internetum, poniżej. Zabawny lub nietypowy wybór kolorów może pomóc użytkownikom w projektowaniu.
Ciemna nakładka może zrobić jeszcze jedną rzecz: może pomóc kamuflażu obrazu lub wideo, że nie chcesz być na czele projektu. Może to wynikać z faktu, że obraz jest trochę stary, trochę miękki pod względem kompozycji lub po prostu nieco płaski. Nakładka kolorowa może zmienić nastrój obrazu, uczynić go nieco mniej widocznym i pomóc mu skupić się bardziej na innych treściach, takich jak tekst, wezwania do przycisków akcji lub innych elementów graficznych.
Nakładki mogą być naprawdę ciemne, takie jak Digital Werk lub mogą zapewnić subtelne zaciemnienie w stylu Lytton Living. Wiesz, że masz właściwą równowagę, gdy wciąż możesz zobaczyć obraz, a wszystkie elementy warstwowe są łatwe do odczytania.
2. Brutalizm
Brzydki. Szorstki. Ostry. Zajęty.
To tylko kilka słów, które niektórzy używali do opisania trendu projektowania stron internetowych brutalizmu. Ale tylko dlatego, że projektant eksperymentuje z brutalizmem, nie oznacza, że projekt jest gorącym bałaganem. Jest zupełnie odwrotnie.
Ten styl wykorzystuje inny styl i wrażliwość, które obejmują rzeczy, które widzisz i rzeczy, których nie możesz. Ben McNicholl opisał to w ten sposób w poście na Envato : "Brutalizm pochodzi od francuskiego słowa" raw ", więc miej to na uwadze, kiedy piszesz swój kod.
"Strona internetowa nie musi być przerażającym pokazem nieuporządkowanych obrazów i ścierającymi się kolorami czcionek; sposób, w jaki kod został napisany, jest także symbolem stylu. Embedded CSS, untabbed code, tabele HTML, lista jest długa. "
Istnieje wystarczająco dużo przykładów brutalizmu, że istnieje całość galeria strony poświęcony tym projektom. We wstępie strona internetowa odnosi się do brutalizmu w ten sposób: "W swojej surowości i braku zainteresowania wyglądem wygodnym lub łatwym, brutalizm może być postrzegany jako reakcja młodszego pokolenia na lekkość, optymizm i lekkość współczesnego projektowania stron internetowych. "
To, co szczególnie interesujące w brutalizmie, to fakt, że projekt wygląda tak odmiennie od wszystkich płaskich i minimalistycznych stylów, które były tak powszechne. Jeśli natkniesz się na jeden z tych projektów, nie możesz przestać, patrzeć i odkrywać. Niezależnie od tego, czy uważasz, że jest piękna, czy brzydka, czy coś pomiędzy, to jest ostatecznym celem każdego projektu strony internetowej.
3. Puste napisy
Listy z interesującymi wypełnieniami zaczynają pojawiać się w każdym miejscu. Co ciekawe w tym nurcie jest to, że ma dwa wyraźnie różne spojrzenia:
- Puste litery nad obrazem lub kolorowym tłem, na przykład C & C Coffee.
- Napis wypełniony obrazem na prostym tle, na przykład The London Loom, z alternatywną wersją, w której prawie widać obraz z tłem z subtelną przezroczystością, taką jak My Mother Before Me.
Podczas gdy ten trend ma duży wpływ wizualny i jest zabawny, może być nieco trudny do wykonania.
Jeśli chodzi o puste napisy nad zdjęciem, nie zawsze jest tak wiele opcji do wyboru, a projektanci mogą utknąć przy użyciu tych samych kilku czcionek. Nie jest to idealna sytuacja dla projektów internetowych. W przypadku projektów innych niż internetowe istnieje większa elastyczność, w której nie musisz się martwić o integrację i renderowanie czcionek.
Jeśli chodzi o wypełnione napisy, sztuczka polega na tym, że obrazy wewnątrz liter muszą być rozpoznawalne. Jeśli użytkownicy nie mogą określić obrazu, projekt nie będzie skuteczny. Aby pomóc, większość projektantów wybiera grubsze listy blokowe, dzięki czemu jest więcej miejsca na zdjęcia. Obrazy są często bardziej abstrakcyjne, albo tekstylne, albo krajobrazowe, ponieważ ludzki mózg ma tendencję do wypełniania pustych miejsc obrazu i nadal działa dla nich. Znacznie trudniej jest użyć obrazów z twarzami lub obiektami, które trzeba zobaczyć w określony sposób, ponieważ muszą być idealnie rozmieszczone w obrębie znaków.
Pomimo, że są one dość trudne, oba style liter mogą być interesujące wizualnie i zabawne w tworzeniu.
Wniosek
W przeciwieństwie do innych trendów, w których można wprowadzać niewielkie zmiany, te trzy opcje stanowią bardziej ogólne przesunięcie stylu. Czy widzisz, że używasz któregokolwiek z nich w przyszłych projektach?
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.