Jako projektanci kochamy świat typografii i dlatego wiele naszych publikacji o nim mówi. Rozmawialiśmy, od historii kryjącej się za krojem pisma, po zwycięskie kombinacje. Dzisiaj porozmawiamy o tym, skąd wiesz, jaką czcionkę ma strona internetowa., bo nie ma lepszego sposobu na czerpanie inspiracji niż szukanie odniesień w pracy innych twórców.
Zapewne kilkakrotnie wchodziłeś na różne portale internetowe, a wybór estetyki i typografii przykuł Twoją uwagę. Jak już wskazywaliśmy w wielu publikacjach, typografia jest bardzo potężnym elementem, który pomaga nam wyrazić siebie jako projektantów. Istnieje nieskończoność czcionek, które możemy znaleźć na różnych stronach internetowych, w zależności od ich przeznaczenia, wybierają one taki czy inny styl typograficzny.
Nie będzie to pierwszy ani ostatni raz, kiedy wejdziesz na stronę internetową i pociąga Cię krój pisma i czujesz potrzebę poznania jego rodziny, aby dodać go do swojego osobistego katalogu typograficznego. W tym poście Nauczymy Cię kilku metod, abyś mógł odkryć, który krój pisma przykuł Twoją uwagę.
Opcja wyszukiwania 1: Używanie obrazów
Pierwsza metoda, którą Ci wskazujemy, Zalecamy korzystanie z niego tylko wtedy, gdy nie masz dostępu do strony internetowej. Jeśli masz zrzut ekranu czcionki który przykuł twoją uwagę, prawdopodobnie nie pojawi się z dokładną czcionką, ale pojawi się podobna czcionka. Jeśli chcesz wiedzieć, jakiego kroju pisma używa dana marka, najlepiej jest, jeśli jest on w formacie graficznym lub wektorowym.
Platforma internetowa, do której masz dostęp, to MyFonts, a narzędzie o nazwie Jakie czcionki. To narzędzie jest rozszerzeniem, które da Ci możliwość poznania czcionki, której szukasz. Wszystko, co musisz zrobić, to przesłać przechwycony obraz na swoją stronę internetową, a następnie program zapyta Cię, jaki tekst chcesz przeanalizować. Po wybraniu wyświetli różne czcionki podobne do tych na zrzucie ekranu.
Zostawiamy Ci przykład z logo Facebooka. Bierzemy pod uwagę, że ten proces może być nieco żmudny i w rezultacie nie daje dokładnej typografii. ponieważ to narzędzie jest ograniczone przez wewnętrzną bibliotekę czcionek.
Opcja wyszukiwania 2: Inspektor przeglądarki
W tej drugiej opcji wyszukiwania typografii strony internetowej, zdecydowaliśmy się użyć inspektora z przeglądarki internetowej. Ta opcja jest jedną z najczęściej używanych przez projektantów. graficy i projektanci stron internetowych. W tym przypadku wydobędziemy wiele z tego narzędzia, o którym być może niektórzy z was nie wiedzieli.
Przede wszystkim dokonamy rozróżnienia między różnymi przeglądarkami, a konkretnie między dwiema. Z jednej strony znajdujemy Chrome i inne przeglądarki oparte na Chromium, a z drugiej strony stawiamy na Firefoxa. zauważyć że Niezależnie od używanej przeglądarki zawsze będziesz używać tego samego skrótu, aby uzyskać dostęp do inspektora, Ctrl+Shift+I.
Jeśli używasz ChromePo otwarciu opcji inspektora pojawiają się trzy różne panele. Będziesz musiał przeszukać tekst używany w Internecie, aby dowiedzieć się, jaka czcionka jest używana. W przedstawionym drugim panelu wyszukaj i Wybierz opcję „Obliczone”. Następnie wyszukasz „Czcionka – rodzina” i jak widać obok pojawia się nazwa rodziny typografii.
Na poniższym obrazku zostawiamy Ci, jak będą wyglądać te informacje, które właśnie Ci powiedzieliśmy. Oprócz danych dotyczących użytej czcionki pojawiają się inne ważne dane, takie jak rozmiar, kolor, waga itp.
Ponadto Jeśli używasz przeglądarki Mozilla Firefox, proces jest podobny do tego, który właśnie widzieliśmy w Chromezmienia się tylko to, że poszukiwane przez nas informacje pojawiają się w innym obszarze. W tej przeglądarce istnieje specjalna zakładka ze stylami czcionek, które pojawiają się na stronie internetowej.
Podobnie jak w poprzednim przypadku, otworzysz inspektora za pomocą tego samego skrótu, o którym wspomnieliśmy, i ponownie pojawią się trzy różne panele, Powinieneś przejść do tej z zakładką pod nazwą „Kroje pisma”, jak sama nazwa wskazuje, znajdziesz tam wszystkie potrzebne dane. Istnieje sekcja o nazwie „wszystkie czcionki na stronie”, w której pojawia się lista wszystkich czcionek.
W tym przypadku możliwe jest również modyfikowanie różnych parametrów typograficznych za pomocą mierników. Daje to szansę zobaczenia, jak wyglądałaby typografia, gdyby uległa pewnym zmianom, jak wyglądałaby inaczej.
Opcja wyszukiwania 3: za pomocą wtyczek
Ostatnią opcją, którą wam przedstawiamy, jest metoda znana od niedawna i prawdopodobnie najmniej używana, ponieważ jest tak nowa. Jest to opcja wyszukiwania czcionek internetowych za pomocą wtyczek przeglądarki.
Istnieją tysiące wtyczek, które można dodać do naszych urządzeń i wykonać określone zadanie, aby zaspokoić potrzeby. Ta opcja z pewnością stanie się jedną z Twoich ulubionych dzięki swojej prostocie. Polecamy Fontface Ninja, WhatTheFonts lub Visbug.
Gdy w przeglądarce masz zainstalowaną wybraną wtyczkę, wystarczy kliknąć jego ikonę, a natychmiast pojawi się menu opcji po lewej stronie ekranu. Jeśli klikniesz drugą ikonę w tym menu, będziesz musiał jedynie skierować kursor myszy na obszar tekstu, który chcesz przeanalizować, a automatycznie pojawi się pole informacyjne o tej czcionce.
W tej opcji, podobnie jak w poprzednich dwóch, wyświetlane są również dane dotyczące koloru czcionki, grubości, rozmiaru linii itp. Jest to narzędzie bardzo przydatne dla tych, którzy kochają świat typografii i chcą wiedzieć w ciągu kilku sekund, która czcionka przykuła ich uwagę.
W tej publikacji można było zaobserwować, że istnieją trzy bardzo proste opcje wyszukiwania, aby dowiedzieć się, jaki krój pisma jest używany na stronie internetowej. Musisz tylko wybrać opcję, która najbardziej Ci odpowiada i jest wygodna w pracy. W wielu przypadkach te narzędzia wyszukiwania zmniejszą obciążenie pracą i pomogą w tworzeniu atrakcyjnych projektów.