Essential Design Trends, październik 2016
Jak to się mówi: wszystko, co stare, jest znowu nowe. Na pewno jest to zgodne z projektem. W tym miesiącu niektóre z największych trendów w projektowaniu stron internetowych wcale nie są takie nowe. Projektanci wymyślają stare style typografii, powracają do siatki i ponownie zastanawiają się nad przesyłaniem wiadomości na stronie głównej.
To interesująca kombinacja elementów wizualnych, które widzieliśmy w przeszłości i prawdopodobnie zobaczymy ją ponownie w przyszłości. Oto, co zyskuje na popularności w tym miesiącu:
1. Typografia dawnej szkoły
Więcej projektantów stara się wyświetlać typografię w starym stylu. Zniknęły ultra-cienkie lub skondensowane bezszeryfowe salsy, a bardziej tradycyjne style stylistyczne są w stylu. Staromodny, nowoczesny i przejściowy szeryf to nowy styl typu "idź do pokazu".
W rzeczywistości to trochę zaskakujące. Przez lata. "Zasada" polegała na używaniu sans serifs w celu poprawy czytelności, a projektanci właśnie to robili, często bez pytania. Nowe zastosowanie szeryfów dla dużych typów - a nawet niektórych mniejszych typów - jest odświeżające i całkiem czytelne. Projekty często żyją w minimalnej przestrzeni, więc typ nie musi konkurować o uwagę, a parowanie skupia się na ciemnym napisie na jasnym tle. (Wszystkie rzeczy, które pomagają w czytelności.)
Nie wiesz wiele o tych stylach? Oto krótki wstęp do każdego z tych "nowych" old-schoolowych szeryfów:
- Old-style: Lettering ma atmosferę starego świata, która przenosi się z niektórych blackletter i stylów gotyckich od wczesnych lat druku. Formy listowe często mają małe szeryfki (te małe kreski na końcu dłuższych stoków) i zaokrąglone kształty. RSQ poniżej to idealna prezentacja typografii w starym stylu.
- Współczesność: ten styl pisania jest dość powszechny w drukowanych projektach, takich jak gazety i czasopisma, ale dopiero zaczyna przenikać do projektów internetowych. Nowoczesne szeryfy mają na przemian grubą i cienką szerokość obrysu w każdym kształcie litery, czasami z dużą ilością kontrastu. Ink + Volt, poniżej, używa pięknego nowoczesnego szeryfa. Ale zwróć też uwagę na sposób użycia napisu. Typ jest wewnątrz białego pudełka, dzięki czemu cienkie części każdej litery nie gubią się w tle wideo, co ograniczyłoby czytelność. Jest to idealne rozwiązanie do korzystania z nowoczesnych serif.
- Przejściowe: Te litery wyglądają bardzo podobnie do nowoczesnych serifów z jedną dużą różnicą - litery mają jednakowe szerokości obrysu. Dzięki temu tradycyjne szeryfy są łatwiejsze w użyciu, ponieważ mogą być bardziej czytelne w bardziej projektowych sytuacjach.
Nie cała old-schoolowa typografia należy do kategorii szeryfów. Niektóre z pojawiających się oldschoolowych stylów przypominają nam o innym czasie, takim jak ten zastosowany w The Frontend Guide, poniżej. Funkcjonalny, nachylony, z końca lat 70. ubiegłego wieku motyw przewodni naprawdę przeniesie Cię do innego czasu i miejsca. (I to całkowicie stara szkoła.)
2. Zdefiniowane siatki
Czasami możesz zobaczyć siatkę, czasami nie możesz. Tak czy inaczej, solidna siatka jest podstawą projektu, który jest uporządkowany i łatwy w oczy.
Bardziej zdefiniowane sieci powracają. Częścią tego może być wpływ Material Design, który zawiera wiele elementów w schludnych kolumnach i rzędach, a częścią tego może być łatwość przenoszenia i reorganizacji elementów w responsywnych frameworkach.
Tak czy inaczej, zdefiniowane siatki mogą wyglądać niesamowicie w przypadku różnych projektów na praktycznie dowolnym ekranie. Co jest fajne w używaniu zdefiniowanej siatki, która sprawia, że życie jest naprawdę łatwe dla projektanta. Po uzyskaniu pozwolenia na pracę w ramach siatki, miejsca docelowe, rozmiary i opcje projektowania wyraźnie przedstawiają się Tobie.
Sztuczka polegająca na używaniu zdefiniowanych siatek nie ma zbytniej struktury ani zbyt dużej siatki. Dla wielu projektantów oznacza to przełączanie rozmiarów na różnych "ekranach", takich jak posiadanie obrazu o pełnej szerokości bohatera na siatce elementów. Ta strona "Dekady" eleganckiej mewy dobrze to ilustruje. Strona zawiera również subtelne siatki na stronie głównej w obrazie, co jest mroczne i tajemnicze, prowadząc cię do stron o tematyce tajemniczości. High Tide, poniżej, robi coś podobnego z fajnym wideo intro powyżej bloków siatki.
Ale siatka może być dobrze zdefiniowana i trochę mniej pudełkowa. Zumtobel, poniżej, używa liter w nazwie do tworzenia bloków siatki dla konkretnych informacji o produkcie. Tylko na zawisie widzisz idealnie dopasowane pola siatki, mimo że rozmieszczenia są idealnie rozmieszczone poziomo i pionowo w czystej kratce.
Im więcej myślisz o siatkach, tym bardziej zaczniesz je widzieć oczami projektanta, który je stworzył. Możesz zacząć od niektórych popularnych sieci, jeśli nie jesteś zadowolony z pomysłu lub stwórz własny. Sztuczka polega na tym, że musisz konsekwentnie używać siatki, aby osiągnąć prawdziwy wizualny sukces.
3. Minimalne wiadomości powyżej "krotnie"
Kwestia dnia jest taka: czy istnieje wystarczająco dużo informacji nad zwinięciem, aby zainteresować Cię wystarczająco, aby móc nadal przeglądać witrynę? Odpowiedź może być trudna. Ale wielu projektantów obstawia pomysł, że klikniesz lub przewiniesz, nawet jeśli na ekranie jest tylko jedno słowo.
W przypadku innych efektów wizualnych, takich jak wideo, przewijane suwaki lub zachęcające wyświetlacze produktów, użytkownicy mogą to robić. Ale może to być hazard, zwłaszcza w przypadku projektów, które nie zawierają menu nawigacyjnego z minimalnym komunikatem.
Jest też wiele: użytkownicy wchodzą na strony internetowe za pośrednictwem stron innych niż strona główna, więc dlaczego nie ryzykować? Spójrz na dane i kliknięcia, zobacz, co się stanie.
To jeden z tych trendów, które będą interesujące do obejrzenia. Może zniknąć niemal tak szybko, jak się pojawił, ale jest wiele stron korzystających z tego modelu.
Wniosek
Fajnie jest obserwować trendy w modzie. W dwóch z tych trendów - oldschoolowej typografii i zdefiniowanych siatkach - jest to, że są one bardzo użyteczne w wielu stylach.
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.