Efektywne wykorzystanie typografii w projektowaniu stron internetowych

Rok 2015 był rokiem głębokich postępów w branży technologicznej. Świat był świadkiem ekstrawaganckich zmian, które zaszły w technologii projektowania i tworzenia aplikacji mobilnych i internetowych.

W tej informacji porozmawiamy głównie o najnowszych trendach śledzonych w branży web developerskiej w zakresie fontów i typografii.

Typografia to sztuka łączenia wiadomości w komunikatywny, przyjemny wizualnie i zrównoważony układ, który jest zrozumiały dla odbiorców docelowych. Nowe technologie medialne, takie jak strony internetowe, dały dzisiejszemu użytkownikowi uprawnienia do modyfikowania i poprawiania literówek internetowych zgodnie z jego upodobaniami. Na przykład mogą zwiększać rozmiar, zmieniać kolory, a nawet modyfikować czcionki dla lepszej czytelności. Typografia internetowa jest zupełnie inna niż zwykła typografia drukowana. W projektach drukowanych nie można już zmieniać druków typograficznych. W przypadku stron internetowych i związanych z nimi mediów sprawa jest dokładnie odwrotna.

Ale mówiąc to, po prostu nie mamy na myśli, że dźwignia modyfikacji typografii w sieci pozwala projektantom uciec od odpowiedzialności za tworzenie dzieł pomysłowo i logicznie podjętych. Wiele zasad pozostaje podobnych do tych, które obowiązują w przypadku projektów nadruków. Niewielka różnica polega na doborze czcionek. Czcionki używane do projektowania stron internetowych są znane jako „czcionki internetowe”, które różnią się od czcionek drukowanych. Przeczytajmy o nich szczegółowo.

Czcionki internetowe

Czcionki internetowe to popularne czcionki, które są rozpoznawalne przez wszystkie przeglądarki internetowe, i to samo jest powodem ich używania. Nikt nie chce, aby ich projekty stron internetowych wariowały w różnych przeglądarkach. Ostatnio projektanci mieli niewiele możliwości wyboru czcionek, a mianowicie; Georgia, Times, Verdana lub jakaś wersja Courier. Wielokrotne stosowanie tych samych czcionek doprowadziło do dość przygnębiających przedstawień koncepcji i jednorodności projektów.

Na szczęście wraz z pojawieniem się nowych czcionek internetowych, takich jak Type Kit, Google Web Fonts i Font Deck. Po raz pierwszy w Internecie dostępna jest szeroka gama czcionek, a projektowanie stron internetowych ewoluuje, aby w pełni wykorzystać. Ale ponieważ wybór jest teraz większy, projektantom jest jeszcze trudniej wybrać czcionkę, której użyją w swoich projektach internetowych. Poniżej przedstawiamy kilka wskazówek, które pomogą w doborze odpowiedniej czcionki do projektu strony internetowej.

Nie zagracaj

Rekrutuj bazę i wyświetlaj czcionki na początku procesu projektowania. Rekrutacja czcionek, które mają być użyte w procesie projektowania stron internetowych, nie tylko ułatwia cały proces, ale także ogranicza przepełnianie projektu wieloma czcionkami.

Brak odchyleń

Teraz, gdy wybrałeś czcionkę podstawową i czcionkę wyświetlaną, musisz trzymać się tylko tego wyboru. Nie ma logicznego powodu, aby zamieniać czcionki, ponieważ czcionki ekranowe są duże i są idealne tylko do nagłówków, chyba że używane czcionki są takie same, sugerujemy trzymać się tylko zaznaczenia.

Wybierz odpowiednie czcionki

Upewnij się, że wybrałeś odpowiednią czcionkę przed rozpoczęciem procesu projektowania. Formularz scenariusza może dobrze działać w przypadku pisma pisanego odręcznie, ale jeśli tworzysz coś korporacyjnego, sugerujemy ponowne dokonanie wyboru.

Teraz, gdy wiemy, co zrobić w procesie wyboru czcionki, zanim zaczniesz projektować swoją stronę internetową, przyjrzyjmy się różnym nowym czcionkom, które zyskały popularność wśród ekspertów od projektowania na całym świecie w roku 2015.

Ponieważ typografia/czcionki odgrywają główną rolę w tworzeniu angażującego doświadczenia użytkownika, twórcy poświęcają dużo czasu i wysiłku na wybór odpowiednich czcionek do swoich projektów. Poniżej znajduje się lista modnych czcionek w tym roku i wielu projektantów woli używać ich w swoich kreacjach:

1. Brandon Groteska

   

   Ta przejrzysta, nowoczesna i czytelna czcionka jest obecnie używana w wielu kreacjach internetowych ze względu na jej czystość i prostotę. Jest inspirowany geometrycznym stylem bezszeryfowym i zapewnia projektowi internetowemu przejrzystość komunikacji wraz z wieloma wagami do wyboru, aby uzyskać idealną hierarchię wizualną.

2. Museo sans

   

   Museo sans to jedna z popularnych czcionek opartych na dobrze znanym museo. Jest to potężny, niski kontrast i bardzo czytelny krój pisma bezszeryfowego, który jest dobrze dostosowany do wymagań wielu zastosowań wyświetlania i tekstu.

3. Raleway

   

   Elegancka czcionka należąca do rodziny Google, która początkowo została zaprojektowana w jednej gramaturze, ale później ze względu na jej wszechstronność i popularność została rozszerzona do dziewięciu rodzin gramatur. To kolejna czcionka inspirowana geometrycznym stylem bezszeryfowym. Niektórzy projektanci mówią, że uwielbiają go używać ze względu na jego osobowość; szykowny, czysty i elegancki.

4. Wyświetlacz Playfair

   

   Jak sama nazwa wskazuje, ta czcionka dobrze nadaje się do tytułów i nagłówków. Play fair to modna czcionka Google, która z łatwością łączy się z czcionkami bezszeryfowymi, takimi jak raleway, roboto, lato i wiele innych.

   

Teraz, gdy pokrótce omówiliśmy czcionki i ich użycie, przejdźmy do procesu projektowania stron internetowych.

Profesjonalne projektowanie stron internetowych nabrało w ostatnich latach dużego znaczenia. Ostatni szacowany czas, przez jaki odwiedzający pozostanie w Twojej witrynie, wynosi dziś tylko 4 sekundy; jakiś czas temu minęło 8 sekund. Odwiedzający podejmuje natychmiastowe decyzje, a najważniejszym kluczem do przekonania go w tych 4 sekundach jest posiadanie głębokiego projektu strony internetowej, który skłoni go do pozostania i skupienia się na usługach, które świadczysz. Szanse są takie, że jeśli uda Ci się go przytrzymać dłużej niż 10 sekund, to prawdopodobieństwo, że zamieni się w udaną sprzedaż wzrasta o prawie 50%. Aby zostali, Twoja strona internetowa powinna przykuć ich uwagę niemal natychmiast.

Mając to na uwadze, aby odwiedzający trzymał się Twojej witryny, omówimy kilka ważnych czynników, które, jeśli zostaną wzięte pod uwagę, skłaniają odwiedzających do spędzania większej ilości czasu na Twoich stronach internetowych.

Dzisiejszy klient jest wyuczony. Przed szukaniem konkretnej usługi ludzie zwykle poświęcają czas na jej zbadanie. Tak więc ilekroć klient trafia na twoją stronę, ponad 90% szans na to, że dowiedział się o tobie w Internecie, a konkretnie w dowolnej wyszukiwarce, a ponieważ klient dokładnie wie, czego szuka, chce dotrzeć do sedna. bez marnowania czasu. Jeśli w ciągu pierwszych kilku sekund nie znajdą tego, czego szukają, znikną na zawsze. Jesteśmy pewni, że żaden biznes nie chciałby doświadczyć takiej sytuacji. Powinieneś zasugerować techniki testowania w swojej witrynie, aby wiedzieć, co się stało i kiedy!

Eksperci ds. marketingu cyfrowego na całym świecie sugerują, że każda witryna przeznaczona do sprzedaży produktów powinna ładować się od góry do dołu i od lewej do prawej. Twoja witryna powinna również zawierać wysokiej jakości treści, aby czytelnicy mogli ją przeczytać i znaleźć ważne informacje, których szukają, a ta treść powinna być zoptymalizowana optycznie za pomocą projektu. Właściwa treść, właściwie zaprojektowana, wywiera maksymalny wpływ!

Jakich formatów graficznych powinieneś używać?

To pytanie jest chyba najważniejsze z punktu widzenia projektowania stron internetowych. Chciałbym Cię zapytać. Ile razy odwiedziłeś witrynę, której ładowanie zdjęć trwa zbyt długo? Czy czekałeś, aż zdjęcia się skończą wczytywać, czy odeszło? Założymy się, że musiałeś się wyprowadzić. Strony internetowe wolno ładujące się są uważane za wielką porażkę w branży projektowania i tworzenia stron internetowych. Odpowiedzią na to jest zatrudnienie profesjonalnej firmy zajmującej się projektowaniem i rozwojem stron internetowych, która pamięta o czasie ładowania strony, nawet jeśli klient zapomniał o tym wspomnieć, powinien być krótki.

Format .JPG:

Konfiguracja .JPG pozwala, aby zdjęcia zawierały do ​​16 milionów odcieni. Dodatkowo wzmacnia zmienną kompresję, która pozwala zmniejszyć miarę obrazu kosztem procentu subtelnego elementu. Aby wykorzystać ten element, będziesz potrzebować programu do projektowania, który pozwoli Ci zobaczyć obraz po jego optymalizacji.

JPG nie jest sugerowanym formatem dla zdjęć z kilkoma odcieniami lub treści tworzonych jako obraz. Gotowy obraz będzie niskiej jakości.

Format .GIF:

.GIF obsługuje do 256 odcieni. Dodatkowo wzmacnia „prostotność”, która pozwala wskazać, że fundament obrazu jest niezauważalny, wzdłuż tych linii przepuszczając odcienie strony internetowej.

Projekty, w których zastosowano ten format, są prawie nienaruszone, co oznacza, że ​​kompresja obrazu nie wpłynie zbytnio na ich jakość.

Ogólnie rzecz biorąc, oto przyzwoite podejście, aby dowiedzieć się, jakiej grupy powinieneś użyć do reprezentacji na swojej stronie:

• Jeśli Twój projekt ma wiele kolorów (na przykład zdjęcie), użyj pliku .JPG jako konfiguracji, sprawdź jednak, czy rozmiar rekordu nie jest tak rozległy, że zapobiega szybkiemu układaniu się strony internetowej. Znajdź przyzwoitą harmonię między jakością obrazu a rozmiarem dokumentu.
• Jeśli twój projekt ma tylko kilka kolorów (na przykład wykres), użyj .GIF jako konfiguracji.

Oczywiście w pewnym stopniu zniekształca to istotną część ilustracji w planie witryny. Jeśli nie masz szansy, że zatrudnisz eksperta ds. organizacji zarysów stron internetowych, aby stworzyć swoje otoczenie internetowe, powinien on przestrzegać tych zasad w trakcie procesu konfiguracji. Powinieneś sprawdzić, czy prace w toku, które otrzymujesz od kreatora, dobrze trzymają się świetnych modeli konfiguracyjnych.

Spraw, by chcieli więcej

Oczywiście, niezależnie od tego, jak bardzo Twoja witryna jest uporządkowana i jak skutecznie przyciąga uwagę gości, muszą oni postrzegać Twoją witrynę jako pouczającą i odpowiednią. Musisz dać im motywację do pozostania i przeskanowania Twojej witryny, dodania jej do zakładek, aby mogli ponownie nawiązać do niej i poinformować innych o Twojej witrynie, aby móc tworzyć nowych gości.

To wszystko na dzisiejszy artykuł. W następnym artykule omówimy szczegółowo techniki optymalizacji witryny pod kątem wyszukiwarek i związanych z nią problemów oraz ich rozwiązania. Optymalizacja pod kątem wyszukiwarek przez lata dowiodła swojej skuteczności w przypadku wschodzących i utrzymujących się firm, a dzięki tej technice firmy rzeczywiście bardzo się rozwinęły. Pomaga w uzyskiwaniu wyników organicznych w wyszukiwarce, które wymagają unikalnego włączenia treści i budowania linków w Internecie. SEO jest również uważane za bardzo ceniony zawód na całym świecie.