Jak ulepszyć typografię witryny: porady i wskazówki

To, jak projektowanie stron internetowych może wiele zmienić, jest niesamowite! Prawda? Kolory, obrazy, struktura witryny, rozmieszczenie ikon, typografia itp. mogą mieć znaczący wpływ na witrynę biznesową.

Typografia jest jednym z najważniejszych czynników każdej witryny internetowej. Może stworzyć lub zepsuć Twoją witrynę. Być może doświadczyłeś frustracji podczas odwiedzania strony internetowej, ponieważ typografia była trudna do odczytania.

Wprowadzanie dużych zmian w typografii, takich jak zmiana czcionki, zmiana miary lub rozszerzenie głównej, może być bardzo trudne i czasochłonne. Ale możesz dokonać kilku prostych zmian w swojej typografii, które nie rozbiją twojej siatki i mogą zostać wykonane w ciągu pół godziny lub mniej.

Projektowanie stron internetowych jest niekompletne bez typografii. Na tym blogu opowiem Ci wskazówki i porady dotyczące ulepszania typografii stron internetowych. Powiem też, dlaczego jest to ważne.

Zacznijmy.

Wskazówki i porady dotyczące poprawy typografii stron internetowych

Zwiększ kontrast kolorów

Podczas rozmieszczania zawartości tekstowej projektanci często patrzą na zawartość tekstową jako blok wewnątrz widocznego projektu. Projektanci mają tendencję do niedoceniania ilości porównań, jakich wymaga treść tekstowa.

Tekst jest przeznaczony do czytania, więc musi spełniać wymagania WCAG AA na komputerze stacjonarnym i wymagania WCAG AAA na urządzeniu mobilnym lub w każdej sytuacji, w której jest dużo jasności. Im więcej masz tekstu, tym więcej masz wolności.

Dobrym punktem wyjścia jest to, że tekst na białym tle nigdy nie powinien być jaśniejszy niż kolor #595959, czyli tekst o rozmiarze 18 pikseli na białym tle.

Zmniejsz odstępy między nagłówkami

Większość czcionek ma być używana jako tekst w ramce – duże bloki funkcjonujących informacji tekstowych, które mają tylko kilka wierszy długości. Kiedy krój pisma był pierwotnie projektowany, był specjalnie rozstawiony w tym celu.

Różnica między nagłówkami a działającą treścią tekstową polega na tym, że nagłówki są często krótsze i otoczone dodatkowymi odstępami — zwłaszcza nad i pod zakładką. Dodatkowa spacja wizualnie wypełnia problematyczny obszar w kształtach ogłoszeń i przesuwa napis na bok.

Zmniejsz odstępy między słowami niebędącymi słowami

Kiedy badamy, nasze umysły nie wypisują słów litera po literze; zamiast tego rozpoznaje formy fraz, a nawet kształty grup fraz, gdy na nie patrzymy. Większość mikrotypografii polega na tym, aby nie ingerować już w kształty poszczególnych fraz.

Jednak są chwile, kiedy będziesz musiał zapobiec rozwojowi zdań i pozwolić, aby zamiast tego pojawiały się pojedyncze znaki. Otwórz wszelkie informacje tekstowe, które mają być oceniane jako ciąg znaków, takie jak numery seryjne, kody monitorujące i dane tabelaryczne, rozszerzając odstępy między literami.

Dane wejściowe należy wpisywać przy użyciu czcionek systemowych

Klienci mają znaczne trudności, jeśli chodzi o prywatność. Wszystko, co możesz zrobić jako sprzedawca, aby zapewnić klientów, że ich informacje są bezpieczne, pomoże poprawić jakość korzystania z witryny Twojego sklepu internetowego.

Dostosuj dane wejściowe HTML, aby korzystać z czcionek urządzenia, które są domyślnymi czcionkami określanymi przez system operacyjny, z którego korzysta użytkownik w celu uzyskania dostępu do witryny online. W ten sposób wprowadza się wyraźne rozróżnienie między informacjami zawartymi w logo zawartymi w czcionkach logo a informacjami o konsumentach zawartymi w krojach pisma konsumenta.

Używanie krojów pisma w ten sposób pomaga użytkownikowi poczuć własność swoich informacji, co zwiększa zaufanie i prowadzi do wzrostu konwersji.

Akapity powinny być zaznaczone tylko raz

Niezbędne jest wyraźne wskazanie, że akapit materiału tekstowego się rozpoczął. Są trzy popularne sposoby wyrażenia tych informacji: po nagłówku, z pionowym obszarem przed akapitem lub przez wcięcie pierwszego wiersza akapitu.

Każdy akapit musi zawierać jeden z rodzajów wskazań i tylko jedno z nich. Ze względu na charakter treści internetowych i zalety nagłówków w zakresie szybkiego skanowania i oceny tekstu, połączenie następującego po nagłówku z odstępami w pionie jest preferowanym wyborem w przypadku zdecydowanej większości witryn internetowych.

Korzystaj z autentycznych stylów

Często zdarza się, że strony internetowe tworzą fikcyjne wzorce możliwości za pomocą CSS z różnych powodów, od dostarczania czcionek po optymalizację konkurencji. Na przykład kursywa może być imitowana jako ukośna z przekrzywieniem, zastraszające grubości można imitować, korzystając z domyślnych ustawień czcionki w preferencjach przeglądarki, a małe litery można imitować, konwertując tekst na wielkie litery i zmniejszając rozmiar czcionki.

Te wskazówki wyrządzają więcej szkody niż pożytku, powodując zdeformowane struktury fraz, które zakłócają naturalny przepływ pisanych informacji i spowalniają go. Jeśli nie jesteś w stanie napisać poprawną kursywą, wielkimi i małymi literami, nie udawaj, że potrafisz to zrobić. Szukaj okazji do podkreślenia pewnych punktów za pomocą różnych metod, takich jak konwersja kolorów.

Skorzystaj z odpowiednich cytatów

Apostrofy i podwójne zarzuty to odrębne cechy. Większość krojów pisma ma dla nich glif. Jest to fantastyczne rozwiązanie, gdy piszesz za pomocą szybkiego klawisza bez małżeństwa lub podwójnego cudzysłowu na klawiaturze.

Ze względu na fakt, że aplikacje do przetwarzania tekstu mają czasami opcję „inteligentnego” określania używanych glifów, te cudzysłowy są często określane jako „inteligentne” opłaty. Jedną z najskuteczniejszych strategii dostarczania wyrafinowanych treści jest korzystanie z najbardziej konkurencyjnych stawek.

Dlaczego typografia jest ważna?

Typografia stanowi ponad 90% zawartości serwisu. Witryny są tworzone w celu dostarczania klientom potrzebnych informacji o firmie oraz przedmiotach lub usługach. W rezultacie słowa na stronie internetowej są niezbędne dla osób, które ją przeglądają. Niezbędne są same słowa, ale także sposób ich wypowiedzenia. Dlatego typografia odgrywa znaczącą rolę w projektowaniu strony internetowej.

Odwiedzający witrynę internetową firmy powinni być w stanie powiedzieć, co firma próbuje powiedzieć, patrząc na jej witrynę internetową. W dzisiejszym środowisku cyfrowym kroje typograficzne są najłatwiejszą i najskuteczniejszą metodą osiągnięcia tego celu.

Tworzenie typografii strony internetowej jest wyrazem tożsamości marki firmy. Przy doborze czcionek typograficznych do witryny należy używać kroju pisma odpowiedniego dla Twojej branży. Typografia strony internetowej firmy powinna być spójna z tożsamością marki.

Przy tworzeniu strony internetowej można wykorzystać czcionki typograficzne, aby zachować spójny wygląd, który jest zarówno przyjemny estetycznie, jak i profesjonalny. Typografia poprawia czytelność strony internetowej, a jednocześnie sprawia, że ​​treść jest bardziej atrakcyjna wizualnie.

Zawijanie

Typografia jest nieuniknioną częścią projektowania stron internetowych. Każdy projektant lub właściciel witryny powinien zadbać o to, aby typografia witryny była atrakcyjna dla odwiedzających witrynę.

Mam nadzieję, że ten blog pomógł Ci zrozumieć, jak ważna jest typografia stron internetowych, a także wskazówki i triki, których możesz użyć, aby ulepszyć typografię swoich stron internetowych.

Szukasz usług projektowania i tworzenia stron internetowych? Odwiedź www.webdew.com lub skontaktuj się z nami!

Redaktor: Amrutha