Scalenut zostaje jesiennym liderem G2 2022 — kategoria tworzenia treści

Nigdy nie masz drugiej szansy, aby zrobić pierwsze wrażenie.

Jest to coś, co słyszeliśmy, jak ludzie powtarzają i stosują w prawie każdym aspekcie naszego życia. Obejmuje to również nasze strony internetowe.

Nie ma znaczenia, czy jesteś marką SaaS, czy e-commerce, ale kiedy odwiedzający po raz pierwszy odwiedza Twoją witrynę, pierwszym aspektem, który zauważa, jest układ i czcionka. Dlatego podczas projektowania witryny kluczowe staje się trafienie w dziesiątkę.

Projektowanie jest intensywnym i uciążliwym zadaniem, ponieważ obejmuje szereg aspektów, które współpracują ze sobą.

Niektóre osoby mogą preferować czcionki Google, podczas gdy inne mogą wybrać typografię lub kursywę. Ale to, czy to zadziała, czy nie, zależy od innych czynników zaangażowanych w proces projektowania. Masz nawigację, czcionkę, układ, schemat kolorów, czytelność i wiele więcej.

Jeśli chodzi o czcionki, są one wszechobecne na stronie internetowej. Znajdziesz je jako nagłówki, teksty główne i wszędzie indziej. Dlatego wybór odpowiednich czcionek może poprawić ogólny wygląd witryny.

Dzisiaj porozmawiamy o tym, jak wybrać czcionki dla stron internetowych.

Znaczenie wyboru najlepszych czcionek dla witryny internetowej

Twoja czcionka jest ambasadorem Twojej marki

Masz tylko 0,5 sekundy, aby upewnić się, że odwiedzający ma pozytywną opinię o Twojej witrynie i doborze czcionek. Większość z nich, 94%, zależy od elementów projektu.

Konieczne jest zrozumienie, że każda czcionka ma unikalny zestaw cech. Jeśli więc chcesz przekonać odwiedzających o swojej wiedzy, konieczne staje się zrobienie tego za pomocą języka projektowania witryny i wyboru czcionek.

Pomaga w zwiększeniu ogólnego doświadczenia użytkownika

Dlaczego poświęcamy czas i zasoby na tworzenie strony internetowej? Ponieważ chcemy, aby nasi goście czuli się komfortowo podczas korzystania z niego.

Budowanie nienagannego doświadczenia użytkownika będzie wymagało uważnego wyczucia szczegółów. Oznacza to również wchodzenie w buty odwiedzających i ocenianie, czy określony projekt będzie dla nich odpowiedni.

Wybór dobrych czcionek do projektowania stron internetowych jest integralną częścią tego wszystkiego. Może pomóc w generowaniu większej liczby odwiedzających, wyższych konwersji i ogólnej satysfakcji.

Klasyfikacja czcionek dla stron internetowych

‍

Wspomnieliśmy już, że każdy styl czcionki ma swoją własną historię i cechy, co oznacza, że ​​można je podzielić na kilka grup. Ponadto istnieje mnóstwo płatnych i bezpłatnych czcionek do wyboru i dodania do swojej strony internetowej.

Czcionki stron internetowych możemy podzielić na następujące kategorie –

Szeryf

Przykłady – Times New Roman, Garamond, MS Serif, Merriweather, Abril Fatface, Playfair Display, Georgia

Czcionki szeryfowe są jednymi z najstarszych typów czcionek znanych ludzkości. Czcionki inspirowane renesansem słynęły w dawnych czasach z wysokiej czytelności.

Współczesne czcionki Serif niosą ze sobą tę samą spuściznę, choć również cyfrowo. Można je rozpoznać po zwróceniu uwagi na zakończenia linii poprzecznych lub ukośnych. Dodaje elegancji językowi projektowemu i sprawia, że ​​jest to doskonały wybór dla książek i formalnych stron internetowych.

Większość projektantów używa tych czcionek do dodatkowych elementów treści lub tych, które pojawiają się na ich stronach internetowych. Jest więc bardziej prawdopodobne, że znajdziesz je jako nagłówki, napisy, logo i podobne teksty.

Bezszeryfowe

Przykłady – Arial, Alegreya, Open Sans, Montserrat, Comic Sans, Verdana, Oswald, Roboto, Lato, Helvetica

Czcionki bezszeryfowe to współczesna wersja kroju szeryfowego. Jak sama nazwa wskazuje, są one dostarczane bez szeryfów, co podkreśla minimalistyczny charakter. W początkowych dniach wyświetlacze komputerów nie były wystarczająco zaawansowane, aby wyświetlać szeryfy w ich oryginalnej formie. Dlatego projektanci odkryli czcionki, które były wygodniejsze do czytania cyfrowego.

Bezszeryfowy również nie męczy czytelników i oferuje projektantom elastyczność, zaspokajając potrzeby szerszej publiczności. Najczęściej użytkownicy tych czcionek są nastawieni na młode pokolenie i chcą być postrzegani jako nowocześni i profesjonalni w swoim podejściu.

Segoe UI, domyślna czcionka systemu operacyjnego Windows, to czcionka bezszeryfowa. Base 9 & 12 to jeden z najpopularniejszych typów czcionek Adobe, z którym prawdopodobnie się spotkasz, i należy do kategorii bezszeryfowych. Do tej kategorii należy również SF Pro, jeden z najpopularniejszych krojów pisma na platformie Apple.

Szeryf płyty

Przykłady - Sentinel, Clarendon, Adelle, Arvo

Typ czcionki Serif, znany również jako Slab Serif jako czcionka egipska. Są to blokowe i solidnie wyglądające style czcionek o niższym współczynniku kontrastu niż tradycyjny szeryf.

W zależności od wybranego stylu czcionki, mogą one obejmować zarówno oldschoolowe retro, jak i bardziej współczesne. Zwykle jako część wyświetlanego tekstu znajdziesz Slab Serif, ale można ich również użyć do ustawienia tekstu podstawowego.

Scenariusz

Przykłady – Arizona, Tangerine, Great Vibes

Jak sama nazwa wskazuje, czcionki skryptowe są najbliższe charakterowi pisma ludzkiego. Są ozdobne i często można je znaleźć jako ozdobę nagłówków witryny, logo i podobnych krótkich fraz.

Można je również uznać za nieformalne. Najbardziej ekscytującym faktem dotyczącym czcionek Script jest ich wysoki ładunek emocjonalny. Mogą one wywołać reakcję (w większości przypadków specyficzną) i przykuć uwagę odwiedzających.

Biorąc pod uwagę ich złożoność, mają ograniczone zastosowanie. Jednak większość dobrze zaprojektowanych stron internetowych wykorzystuje je do poprawy ogólnego wrażenia.

Dekoracyjny

Przykład – Helios, Casandra, Cherie Bomb, Wieś

Czcionki ozdobne, znane również jako czcionki ekranowe, odnoszą się do różnych czcionek, które niekoniecznie mają wspólne cechy. Jedynym wspólnym sposobem ich identyfikacji jest zwrócenie uwagi na ich kunsztowny kształt i wysoką ornamentykę.

Stały się one popularne w XIX wieku i od tego czasu są stałym elementem projektowania stron internetowych i celów reklamowych.

W przeciwieństwie do innych typów czcionek, które mogą zasymilować się w różnych sytuacjach, czcionki ozdobne mają swoje ograniczenia, tj. każda z nich emanuje określonymi emocjami (radość, przerażenie lub jakiekolwiek inne). Są to oryginalne czcionki, które są bardzo wyraziste i łatwo rozpoznawalne.

Są to pogrubione czcionki, których można używać tylko w nagłówkach i odradzamy ich używanie w treści witryny. Wchłonięcie ich w minimalistyczny sposób do projektowania stron internetowych pozwoliłoby witrynie wyróżnić się i wywrzeć trwałe wrażenie na odwiedzających.

Różnica między krojem pisma a czcionką

Powszechnie uważa się, że krój pisma i czcionka mają to samo znaczenie, ale nie są to synonimy. Pierwsza odnosi się do rodziny czcionek o wspólnych cechach i funkcjach, podczas gdy druga odnosi się do pojedynczej czcionki.

Na przykład Arial to krój pisma, a 16-punktowy Arial Bold to czcionka.

O czym należy pamiętać przy wyborze domyślnych czcionek dla witryny internetowej

Wszyscy wiemy, że na świecie jest mnóstwo nienagannych płatnych i darmowych czcionek. Ale podczas projektowania strony internetowej jest o wiele więcej rzeczy do gry i nie możesz wybrać jednej, którą kochasz. Wybór najlepszej czcionki dla stron internetowych jest sprawą całościową i wymaga dokładnych badań i zrozumienia innych elementów wchodzących w grę.

Oto rzeczy, które należy wziąć pod uwagę przy wyborze najlepszych czcionek dla witryny internetowej –

Zadbaj o podstawy

Zanim zaczniesz szukać dobrych czcionek dla stron internetowych, musisz uporządkować inne związane z tym rzeczy. Obejmują one;

• Zrozumienie swojej grupy docelowej
• Cel serwisu
• Powód istnienia Twojej marki
• Osobowość, którą nosi

Marka taka jak Amazon nie będzie używać czcionki Horror (z wyjątkiem określonych okazji, takich jak Halloween). Rodzaj używanej czcionki zależy głównie od grupy docelowej i emocji, które chcesz wywołać.

Na przykład – czcionki bezszeryfowe oznaczają minimalizm i prostotę. Wywołują również skłonność do tradycyjnych wartości i elastyczność. Czcionki szeryfowe mają ozdobną kreskę, która reprezentuje formalną reprezentację.

Upewnij się, że twój wybór jest zsynchronizowany z celem twojego projektu

Za wszystkim kryje się cel, a projekt Twojej witryny też ma swój cel. Twój wybór będzie ostatecznie zależał od grupy docelowej i ogólnego nastroju, jaki chcesz wywołać za pośrednictwem swojej witryny. Ponadto kilka elementów projektu odgrywa istotną rolę w ogólnej prezentacji stron internetowych.

Oto elementy, o których musisz pamiętać –

Kerning, prowadzenie i śledzenie

Te trzy terminy odnoszą się do odstępów między elementami na stronie internetowej. Kerning oznacza odstęp między dwiema sąsiednimi literami. Interlinia określa odstępy między wierszami tekstu, a odstępy między grupami liter nazywane są śledzeniem. Wybrany odstęp pozwala określić wygląd kroju pisma.

Kontrast

Kontrast w odniesieniu do stron internetowych odnosi się do prezentacji tekstu. Projektanci stron internetowych używają wielu subtelnych technik, aby wyróżnić niektóre elementy. Obejmują one kolor, formę, rozmiar, strukturę i wagę w celu zwiększenia obszarów krytycznych.

Wyrównanie

Wyrównanie odnosi się do sposobu umieszczenia tekstu na stronie internetowej. Może być lewy, prawy lub środkowy. W pełni uzasadniony tekst prezentuje bardziej formalne podejście, podczas gdy metoda postrzępiona pasuje do strony internetowej, która ma być bardziej nieformalna i przyjazna.

Zwykle tekst wyrównany do lewej jest najbardziej czytelny. Kolejnym aspektem, o którym należy pamiętać, jest odległość między bokami bloku tekstu. Możesz ustawić optymalną długość linii, ustawiając średnią liczbę znaków do 80 znaków (wliczając spacje).

Jeśli szukasz bardziej formalnego wyglądu, możesz zdecydować się na w pełni wyjustowany tekst. Równomiernie wyrównuje krój pisma po obu stronach i eliminuje poczucie dezorientacji.

Rozsądnie używaj krojów pisma

Biorąc pod uwagę mnogość oferowanych krojów pisma i czcionek, istnieje duże prawdopodobieństwo, że zgubisz się podczas dokonywania wyborów projektowych. Musisz więc cofnąć się o krok i zrozumieć produkt końcowy, który chcesz stworzyć.

Następnym krokiem jest odpowiednie dopasowanie kroju pisma. Te wybory projektowe odzwierciedlają odbiorców, których obsługujesz, i służą podstawowemu zrozumieniu podejścia Twojej marki.

Kiedy więc finalizujesz elementy projektu, zadaj sobie pytania, takie jak:

• Jaki jest charakter Twojej marki?
• Czy chcesz położyć większy nacisk na praktyczność, czy chcesz się wyróżnić?
• Jakie grafiki będzie zawierała Twoja strona? Jeśli jest obciążony grafiką, możesz stonować przednią część i pozwolić, aby reszta mówiła. Jeśli jest odwrotnie, upewnij się, że wybrana czcionka wywołuje pożądane emocje.
• Czy jest oparty na projektach? Jeśli tak, jaki to rodzaj zadania i jakie są wymagania?

Nie zapomnij wziąć pod uwagę czasów ładowania

Wolne strony oznaczają mały ruch. Niewielu ma przepustowość, aby czekać, aż witryna załaduje jeden element po drugim. Źle dobrane elementy projektu lub przesada z wyborami projektowymi może spowolnić Twoją witrynę i osłabić Twoje zaangażowanie.

Jeśli cierpisz na długi czas ładowania, powinieneś przyjrzeć się liczbie przyjętych krojów pisma i stylów. Upewnij się, że wybierasz tylko te, które są niezbędne.

Wybierz bezpieczne czcionki internetowe

Wybór czcionek witryny często odzwierciedla sposób, w jaki przedstawiasz swoją markę. Na przykład globalne marki, takie jak Amazon, Microsoft i Disney, używają odrębnych czcionek, które stały się ich synonimami.

Nawet jeśli nie możesz zrobić tego samego dla siebie, koniecznie upewnij się, że Twoje wybory są uważane za bezpieczne w sieci. Termin ten reprezentuje zestaw dynamicznych czcionek, które można dostosować do różnych środowisk. Mówiąc najprościej, kroje te mogą być wyświetlane na ekranie czytnika, nawet jeśli nie mają ich zainstalowane na swoich urządzeniach.

Jeśli nie użyjesz jednej z nich, przeglądarka powróci do standardowej czcionki przechowywanej jako kopia zapasowa i wyświetli w niej zawartość sieci. Może to powodować problemy z funkcjonalnością i designem, prowadzić do niepełnego przekazu i prześladować Twoją markę.

Kilka lat temu znalezienie wystarczającej liczby bezpiecznych czcionek internetowych było trudne, ale dziś istnieje mnóstwo płatnych i bezpłatnych czcionek do wyboru i przyswojenia.

Na przykład Times New Roman i Arial są czcionkami bezpiecznymi dla sieci, należącymi odpowiednio do kategorii szeryfowych i bezszeryfowych. Jeśli szukasz czegoś dekoracyjnego, Script MT i Luminari to elastyczne czcionki należące odpowiednio do kategorii Cursive i Fantasy.

Nadszedł czas, aby użyć kombinacji czcionek, aby uzyskać najlepsze wyniki

Wybór najlepszych czcionek internetowych dla stron internetowych polega na obliczonym mieszaniu i dopasowywaniu. Ponieważ każda czcionka ma swoje cechy charakterystyczne, sugerujemy wybranie maksymalnie trzech różnych czcionek (podstawowej, drugorzędnej i trzeciorzędowej) w sposób, który ostatecznie emanuje klasą i dlaczego istniejesz.

Dodaj do tego czynniki takie jak kerning i prowadzenie, a będziesz mieć dużo miejsca na nogi, aby zrobić to dobrze. Ważne jest również, aby zrozumieć, że niektóre czcionki działają dobrze w parach, a inne nie. Nie brakuje więc możliwości wyboru, ale musisz upewnić się, że jest to zsynchronizowane z wizją Twojej marki.

Ponadto, biorąc pod uwagę dynamiczny wzorzec korzystania z Internetu przez dzisiejszych użytkowników, konieczne jest stosowanie bezpiecznych czcionek internetowych, aby dynamicznie dostosowywać się do rozmiaru ekranu. Zapewnia, że ​​użytkownicy końcowi zobaczą stronę internetową zgodnie z przeznaczeniem, nawet jeśli nie mają zainstalowanej określonej czcionki.

Ostatecznie wybór czcionki zależy od wielu czynników i będziesz musiał znaleźć właściwą równowagę, aby uzyskać najlepsze wyniki.