Tradycyjna typografia spotyka się z nowoczesnymi technikami
Projektanci stron internetowych szaleją z ekscytacji i odnowionej pasji do typografii jako postępy przeglądarki , tak jak pojawiają się usługi sieciowe i jak robienie fantastycznych rzeczy z tekstem na ogół staje się dużo łatwiejsze.
Jasne, mieliśmy takie lubię Cufon i sIFR od jakiegoś czasu i nadal są bardzo przydatne, ale typografia wykroczyła daleko poza ramy i jest teraz bardziej naturalną częścią architektury strony.
Wraz z ogromnym trendem w typie opartym na kodzie za pomocą narzędzi wspomnianych powyżej, uważam, że odrodzenie w drobno spreparowanym typie, w dużej mierze przypominającym typografię, jest fascynujące.
Większość takich stron internetowych łączy nowoczesne techniki z tradycyjnymi i pięknymi stylami typograficznymi. Ta kombinacja jest oszałamiająca i inspirująca.
OpenPublic
Cóż za fantastyczny przykład na początek. OpenPublic jest jak marzenie typografa. Wykorzystuje nie tylko nowoczesne techniki typowe, ale rzuca w kropkę klasycznego stylu typograficznego. Estetyka nadaje się również do polityki i rządu.
AlexanderGrahamBell.tel
W przeciwieństwie do OpenPublic, AlexanderGrahamBell.tel wykorzystuje prawie całkowicie niestandardowy typ, który przywołuje tradycyjne układy typograficzne. Ponownie, styl pasuje do historycznego charakteru strony. Prawie cały tekst jest renderowany za pomocą wymiany obrazu, co nie jest zwykle idealne dla SEO, ale biorąc pod uwagę krótkoterminowy charakter strony internetowej, jest odpowiedni.
Niepokalane słodycze
Prawie nic na temat Niepokalane słodycze pasuje do normy. Jego intensywne używanie typografii ma jednak charakter tradycyjny i przypomina druk. Uderza mnie, jak cały układ pojawia się jako interaktywne menu, unikając denerwująco oczywistego motywu menu. Wynik jest wyjątkowy i gładki.
Ampersand: Konferencja typografii internetowej
Ampersand to nie mniej niż konferencja poświęcona typografii internetowej. Oczywiście jest pełen kreatywnego i pięknego typu. W takim przypadku tylko logo jest renderowane wraz z obrazem. Cała strona ma wrażenie druku lub typografii, a jednocześnie wciąż wygląda bardzo "dla internetu".
Diabelski
Diabelski jest bardzo nietypową stroną internetową i nie ma zbyt wiele na temat tekstu. Ale wyraźnie pasuje do tradycyjnych stylów typograficznych. W centrum tego niezwykłego układu znajduje się zdecydowanie fotografia i produkty. Ale jeśli typ nie pasowałby do klasyki ubioru, ogólna strona internetowa byłaby naprawdę tania.
Burciaga
Burciaga to piękny blog, po prostu oops z klasycznym stylem. Uwielbiam to, że cała witryna jest zbudowana na standardowym typie sieciowym; poza tytułem opartym na skrypcie, cały tekst znajduje się w Gruzji. To, co naprawdę robi to dla mnie, to jak w pełni obejmuje typowe formuły układu internetowego. Projektant przyniósł wiedzę z sieci do tradycyjnych technik. Nie znaleziono tu obrzydliwości układu o stałym rozmiarze!
Holy Heck
Jeśli się uwzględni Holy Heck to portfolio wyznającego miłośnika typografii w stylu vintage, nie dziwi fakt, że jest zbudowany na tym właśnie. Styl tak doskonale pasuje do wykonawcy, że witryna może być przedstawiona w samym portfolio.
Amber Miro
W tym, co wydaje się być wyraźnym trendem, Amber Miro łączy nowoczesne techniki typograficzne z tradycyjnymi elementami i estetyką. Cienkie linie i ornamenty grają w tradycjonalizm i sprawiają, że projekt jest niczym innym jak wspaniałym.
Ojcowie
Ojcowie przekształciło prostą stronę "Wkrótce" w dzieło sztuki. Wydaje się, że jest to plakat w stylu vintage, ale zmodernizowany dzięki dodatkom "Już wkrótce", których się spodziewaliśmy. Wspaniale jest widzieć, że odwieczne umiejętności mogą być tak elegancko stosowane w Internecie. Taka strona wygląda tak prosto i łatwo, a wymaga dużej umiejętności.
Gerren Lamson
Zwróć uwagę na Gerren Lamson Wybór koloru i tekstury. Podobnie jak w wielu innych stronach internetowych, które widzieliśmy, kolory są na miejscu i doskonale pasują do stylu typograficznego. Tekstura robi to samo, odwołując się do organicznego stylu typografii typografii.
Facio Design
Tak jak w ostatnim przykładzie, kolor i tekstura (i rodzaj, oczywiście) są kluczowe dla tematu i nastroju Facio Design Na stronie internetowej. Ale tutaj ornamenty tworzą styl, który różni się od innych. W pewien sposób łączy typowy układ typograficzny z ornamentacją, którą można znaleźć w niestandardowym oświetleniu listowym. Unikalny i niezapomniany.
Alert rocznicowy
Jako programista uwielbiam ten typ skryptu Alert rocznicowy jest ustawiony za pomocą CSS i edytowalnego tekstu sieciowego. Jak w wielu przykładach tutaj, projektant wyraźnie rozumie ograniczenia i możliwości niezwykłego projektu. Typ ten można łatwo ustawić za pomocą CSS, jest on całkowicie edytowalny, a jego implementacja nie przedstawia żadnych komplikacji. Fantastyczne połączenie stylu i praktyczności.
Laboratoria Paradox
Ciekawe, jak te strony w różnym stopniu odwołują się do tradycyjnych stylów. Laboratoria Paradox ma elementy tradycyjnej typografii (widoczne w widocznym układzie plakatu), a jednocześnie nadal bardzo skupia się na web-centric. Jest to rodzaj projektu, który wygląda świetnie w Photoshopie, a nawet lepiej jako rzeczywistej strony internetowej. Bardzo często jest odwrotnie. Ośmielam się twierdzić, że ktoś, kto utknął w swoich drukowanych metodach, mógł nalegać, by każdy fragment treści był oddzielną stroną.
Lost World's Fairs
Jak mógłbym mówić o mieszaniu tradycyjnego typu z nowoczesnymi technikami i pomijać Lost World's Fairs mini-strona internetowa. Pamiętaj, aby trafić na trzy podstrony, ponieważ każda z nich jest stylizowana na jeden z najbardziej niesamowitych typów internetowych, jakie kiedykolwiek zobaczysz. W rzeczywistości strony zostały zbudowane, aby pokazać właśnie to. Z pewnością podważą twoje oczekiwania związane z typem sieciowym.
Wniosek
W zderzeniu nowych i starych projektanci wyraźnie nie muszą porzucać swoich korzeni. Oczywiście, muszą dostosować tradycyjne style typograficzne, aby wyglądały gładko, ale wiele z tych technik jest nieocenionych w pięknym stylu sieci.
Co najmniej, trend eksploduje w Internecie. Dla tych, którzy przechodzą od druku do sieci, wiele przykładów tutaj dostarcza inspiracji, których potrzebujesz, aby zharmonizować oba światy.
Napisany wyłącznie dla WDD przez Patricka McNeila. Patrick jest niezależnym pisarzem, programistą i projektantem. W szczególności uwielbia pisać o projektowaniu stron internetowych, szkolić ludzi w zakresie tworzenia stron internetowych i budowania stron internetowych. Pasje Patricka do trendów i wzorów internetowych można znaleźć w jego książkach TheWebDesignersIdeaBook.com . Śledź Patricka na Twitterze @designmeltdown .
W jaki sposób łączysz tradycyjne style z nowoczesną techniką? Podziel się z nami swoimi wrażeniami!