Elegancja Typografii Linii W Projektowaniu Stron Internetowych

0

Może to zabrzmieć banalnie, ale pierwsze wrażenie ma trwały efekt.

Gdy użytkownik odwiedza Twoją witrynę, pierwszą rzeczą, na którą zwraca uwagę, jest typografia. Tworzy wrażenia użytkownika, nawet zanim przeczyta on choćby słowo z treści oferowanych przez Twoją witrynę.

Typografia ma potencjał wykraczający poza zwykłe opowiadanie historii. Pokazuje, kto stoi za witryną i co oferuje. Pomyśl o typografii strony internetowej tak samo, jak o tonie głosu podczas przemówienia, służy ona do stworzenia atmosfery, która wywołuje emocjonalną reakcję publiczności.

Używanie różnych czcionek i stylów pisania na swojej stronie internetowej to świetny sposób na poprawę jej atrakcyjności wizualnej, podczas gdy słaba typografia nie zachęca odwiedzających do pozostania, ponieważ nie ma nic interesującego, co mogłoby przyciągnąć ich uwagę. Dzięki odpowiedniej typografii możesz sprawić, że obsługa będzie łatwa, bezproblemowa i ostatecznie przyjemniejsza!

Zasadniczo typografia to tylko zestaw zasad dotyczących pozornie prostych rzeczy — odstępów między literami, wysokości czapek, kształtów kresek i innych drobnych szczegółów. Ale sposób, w jaki wchodzi w interakcje, zachowuje się i wygląda z innymi elementami, sprawia, że ​​jedna witryna różni się od drugiej. Tworzy trwałe wrażenie i zapobiega przeskakiwaniu czytelnika na inne strony internetowe.

Pisząc nową treść, musisz użyć czcionki łatwej do odczytania na dowolnym urządzeniu. Jeśli typografia jest zbyt prosta, nawet najbardziej ekscytująca treść może wyglądać na nudną i monotonną.

Bądźmy szczerzy. Żyjemy w czasach, w których prawie każda witryna najwyższego poziomu oferuje dynamiczny element i zoptymalizowaną nawigację. Mając to na uwadze, czy coś tak nieistotnego, jak typografia w stylu linii, naprawdę wpłynie na odbiorców.

Prawda jest taka, że ​​we wprawnych rękach typografia liniowa może stanowić odważne oświadczenie o Twojej marce, a nawet stanowić kamień węgielny Twojej obecności w Internecie.

Oto kilka przykładów na potwierdzenie naszej tezy.

Alfaputt

Zajrzyj na stronę Alphaputt. Ma modnie wyglądający obszar bohatera, który zawiera dziwaczne animacje. Wygląda na to, że zespół Alphaputt naprawdę przemyślał swój UX. Animacja zajmuje tylko niewielką część ekranu. Wszystko inne jest statyczne i czyste. Rezultatem jest bezpieczne tło dla typografii konturowej.

Toonami

Witryna Toonami Adult Swim to kolejny doskonały przykład tego, dlaczego typografia w stylu linii jest doskonałym wyborem. Projekt strony internetowej ma niesamowity kosmiczny klimat. Są płytkie pudełka, siatka i obrysowane okręgi. Istnieją wydrążone litery, które są techniczne i wyrafinowane. Pięknie komponują się z całym projektem internetowym. Wybory są naprawdę dobrze przemyślane, ponieważ nic innego nie wyszłoby tak idealnie, jak ta typografia.

1MD

1MD jest doskonałym przykładem tego, jak dobra typografia może sprawić, że niemal natychmiast przyciągniesz uwagę odwiedzających witrynę. Witryna wykorzystuje ogromną białą typografię z pokazem slajdów z różnymi animacjami, które utrzymują publiczność przyklejoną do ekranów. Rezultatem jest natychmiastowa uwaga odwiedzających witrynę.

Yukie Nail Nowy Jork

Projekt strony internetowej Yukie Nail New York również wykorzystuje znakomitą typografię. Obszar bohatera witryny to przyciągające wzrok płótno z efektem płynnego stylu. Fala zaburza całą powierzchnię przy każdym ruchu myszy nad tym płótnem. Chociaż pusty krój użyty na stronie nieco zlewa się z tłem, nadal doskonale komponuje się z kobiecym klimatem strony.

Maria Guillaumet

Witryna używa odręcznego kroju pisma, który jest zgodny z oferowanymi przez nią usługami. Daje poczucie personalizacji portfolio, które daje wrażenie, że projektant jest fizycznie zaangażowany w proces produkcji. W tej witrynie panuje atmosfera wyjątkowości i indywidualności, co doskonale ilustrują ręcznie rysowane ikony, które doskonale łączą się z odręcznym krojem pisma, dodając charakteru do ogólnego wyglądu witryny.

Szczęście

Innym dobrym przykładem typografii liniowej z domieszką stylu retro jest strona internetowa Good Fortune. Dzięki monochromatycznemu płótnu jest dużo białej przestrzeni. Pełen wdzięku krój wystarczy, aby przykuć uwagę odwiedzających. Efektem końcowym jest czysty i elegancki wygląd, który naprawdę pasuje do USP marki.

Najlepsze praktyki wykorzystania typografii w projektowaniu stron internetowych

1 Zachowaj prostotę

Chociaż praca nad typografią internetową jest ważna, nie chcesz przesadzać. Czytelność jest kluczem i nie powinieneś komplikować używanej czcionki i stylów do punktu, w którym czytelnicy stają się niemożliwi do zrozumienia, co jest napisane.

Prostota nie tylko zwiększa atrakcyjność wizualną witryny, ale także zwiększa czytelność treści. Używanie minimalnej liczby czcionek i zachowanie spójności z nimi na stronie internetowej również tworzy poczucie profesjonalizmu i struktury treści.

Zbytnie staranie sprawi, że treść będzie wyglądać jak nierozpoznawalny bałagan, którego użytkownicy nie uznają za interesujący ani intrygujący. Dlatego najlepiej jest zachować to tak proste, jak to tylko możliwe, pamiętając o czytelności i strukturze witryny. Wybierz czcionki, które są dobrze wyświetlane i czytelne na urządzeniach docelowych. Pracuj nad typografią, ale nie przesadzaj.

2 Unikaj długich zdań

Użytkownicy z łatwością zrozumieją Twoją wiadomość, jeśli umieścisz mniejszą liczbę znaków w wierszu.

Im krótsza długość zdań, tym lepsza czytelność. Nie rób zbyt wąskiej lub zbyt szerokiej typografii. Spróbuj ograniczyć zakres znaków w linii do około 50-60. Rozważ ustawienie szerokości układu, aby uzyskać optymalną długość linii i poprawić wrażenie na odbiorcach.

3 Połącz czcionki z odpowiednimi dopasowaniami

Czcionki systemowe to bezpieczny wybór, jeśli chodzi o projektowanie stron internetowych, nie komplikują układu witryny i ogólnie są łatwiejsze do odczytania i zrozumienia.

Jeśli jednak chcesz poprawić działanie tych czcionek w narzędziu tekstowym, najlepiej wybrać i dopasować je parami. Zapewni to świetną mieszankę, ponieważ niektóre z tych czcionek działają najlepiej, gdy są sparowane z innymi czcionkami. Wybierz i dopasuj je umiejętnie, aby uzyskać maksymalną uwagę odbiorców.

4 Prawidłowo używaj białych spacji

Używanie białych spacji między wierszami tekstu powinno odbywać się z rozwagą. Te białe spacje nie tylko poprawiają czytelność tekstu, ale także poprawiają atrakcyjność wizualną i widoczność. Pomagają również zapobiegać nadmiernemu zagraceniu witryny. Pamiętaj, aby zastosować odpowiednią wysokość linii, jeśli chodzi o witrynę, aby poprawić jej typografię, a tym samym wpływ, jaki wywiera na odwiedzających.

5 Kontrast kolorów

Chociaż kontrast kolorów może wydawać się podstawową koncepcją, jeśli chodzi o projektowanie stron internetowych, wielu wciąż go przeocza. Ta zasada jest szczególnie ważna, gdy przychodzi czas na wybór kolorów dla ogólnego projektu i typografii.

Jednym z typowych błędów popełnianych przez wielu projektantów stron internetowych jest umieszczanie czarnego tekstu na całkowicie białym tle. Tworzy to tak duży kontrast, że w ogóle nie przemawia do użytkownika. Jeśli rzucisz okiem na różne strony internetowe, przekonasz się, że tekst na białym tle wcale nie jest czarny. W rzeczywistości, aby zmniejszyć kontrast i ułatwić czytanie tekstu, używają tekstu w kolorze szarym.

Nie można osiągnąć idealnego kontrastu, po prostu znajdując dwa bardzo różne kolory. To, że są to różne kolory, nie oznacza, że ​​będą świetnie ze sobą współgrać. Jeśli nie masz pewności, jak dobrać odpowiednie kolory, rozważ przekonwertowanie ich na skalę szarości. Pozwoli ci to zobaczyć wartość kolorów, co jest ważniejsze niż wybranie tylko dwóch kontrastujących kolorów.

6 Kerningu

Proces dostosowywania odstępu między każdym znakiem jest określany jako kerning. Celem kerningu jest uzyskanie symetrycznego i wyważonego wyglądu, ponieważ pomaga to wyrównać wygląd białej przestrzeni między każdą literą. Chociaż nie jest to bardzo ważne w akapitach, należy zwrócić szczególną uwagę na dużą czcionkę i nagłówki. Kerning jest ważnym narzędziem pozwalającym uniknąć łamania linii w projekcie. Chociaż kerning jest generalnie bliżej związany z projektami drukowanymi, obecnie staje się coraz ważniejszy również w projektach internetowych.

7 Sans Serif vs. Szeryf

Trwa debata na temat tego, które czcionki są bardziej czytelne, szeryfowe czy bezszeryfowe. Podczas pracy nad wszelkiego rodzaju projektowaniem stron internetowych ogólnie przyjmuje się, że czcionki bezszeryfowe są znacznie łatwiejsze do odczytania na ekranie w porównaniu z czcionkami szeryfowymi. Podczas pracy nad krojem pisma witryny internetowej używaj czcionek bezszeryfowych dla większości tekstu i używaj czcionek szeryfowych dla małych fragmentów tekstu internetowego, nagłówków i tytułów.

8 Twoja grupa docelowa

Twoja typografia powinna również zależeć od odbiorców. Ważne jest, aby Twoja witryna była dobrze dopasowana do grupy docelowej. Upewnij się, że rozumiesz użytkownika końcowego i pamiętasz o jego oczekiwaniach i potrzebach podczas tworzenia projektu typograficznego swojej witryny.

Pomyśl o grupie wiekowej odbiorców docelowych. Jakie są ich upodobania i antypatie? Jakie są ich preferencje?

Odpowiedzi na te pytania pomogą Ci zaprojektować witrynę zgodnie z oczekiwaniami docelowych odbiorców. Pomoże Ci również wybrać odpowiednie elementy typograficzne dla odbiorców.

9 Hierarchia

Hierarchia typograficzna jest często ustalana za pomocą

itp., znaczniki. Jest to związane nie tylko z wielkością tekstu, ale także określa wyeksponowanie jednego elementu typograficznego względem drugiego. Można to określić za pomocą kontrastujących kolorów, wielkości, odstępów i różnych krojów pisma. Jeśli chcesz uzyskać idealną hierarchię dla swojej witryny, zacznij od szkicu układu. Najważniejsze elementy wizualne powinny znajdować się na górze, a najmniej ważne na dole. Najważniejsze elementy Twojej typografii nie muszą być większe. Powinny być maksymalnie wyeksponowane w porównaniu z innymi elementami. Aby zrozumieć znaczenie każdego elementu, zadaj sobie pytanie, co chcesz, aby Twoi odbiorcy przeczytali najpierw. Ten element niekoniecznie musi znajdować się na górze układu strony, ale powinien być centralnym punktem.

10 tekstów pisanych wielkimi literami

Używanie tekstów pisanych wielkimi literami sprawia, że ​​czytelnik czuje się tak, jakbyś krzyczał do niego swoją wiadomość. Pamiętaj, że nie chcesz narzucać swoich treści czytelnikom. Jeśli poczują, że naciskasz na nich materiały marketingowe, Twoja witryna zniechęci ich, zanim będziesz w stanie przekazać im sedno swojej wiadomości.

Jeśli chcesz używać wielkich liter, upewnij się, że robisz to tylko wtedy, gdy jest to naprawdę wymagane i jak wspomniano powyżej, pamiętaj o intencjach odbiorców.

Podsumowując

Jeśli chcesz zrealizować cele swojego projektu internetowego, musisz zadbać o to, aby typografia strony była dopracowana i czytelna. Powinno być miłe dla oka, a nie rozpraszać uwagi. Nie bój się kreatywności. Cierpliwie przejrzyj różne kolekcje czcionek i nie spiesz się, aby określić, która z nich jest dla Ciebie najlepsza. Chociaż nie ma jednej formuły, która pomogłaby Ci osiągnąć idealną typografię do projektowania stron internetowych, będziesz w stanie rozwijać swoje umiejętności przy odpowiedniej praktyce.

Źródło nagrywania: instantshift.com

Comments are closed, but trackbacks and pingbacks are open.

Ta strona korzysta z plików cookie, aby poprawić Twoje wrażenia. Zakładamy, że nie masz nic przeciwko, ale możesz zrezygnować, jeśli chcesz. Akceptuję Więcej szczegółów