Internetowe blogi przekształciły się w cyfrowe publikacje z każdą znaczącą marką druku prowadzącą własną stronę internetową. Te blogi mają zwykle postać magazynu cyfrowego, który wygląda o wiele bardziej profesjonalnie niż mniejszy osobisty serwis.

Ale co wchodzi w skład czasopisma? A jak możesz zaprojektować taką dla własnej witryny?

Ta lista powinna zacząć od 9 podstawowych funkcji dla wysokiej jakości projektowania bloga czasopism. Jeśli pracujesz z tymi funkcjami i spróbujesz zbudować użyteczny interfejs będziesz mieć świetny design, który powinien pasować do każdej publikacji online.

1. Silne branding

Może się to wydawać oczywiste, ale silna marka naprawdę pomaga sprzedać uczucie "magazynu" na osobistym blogu. Jeśli zamierzasz opublikować autorytatywną publikację, musisz się skupić o brandingu .

Jak wyróżnisz się na każdym innym blogu? Idealnie dzięki zawartości, ale twoja marka jest ogromną częścią tego. Na przykład poniższe logo Wired jest dobrze znane wśród blogów technicznych. Jest od lat i kiedy zobaczysz tę markę, od razu rozpoznajesz stronę.

Możesz jednak dodać branding na pasku bocznym i stopce witryny. Celem jest stworzenie spójnego stylu, który wydaje się silniejszy niż witryny blogspot rinky-dink.

01-wired-magazine

2. Wyraźne nagłówki

Możesz stylizować nagłówek na dowolną liczbę sposobów, aby nie było jednego prawidłowego projektu. Ale zawsze chcesz typografia nagłówkowa to jest chrupkie, łatwe do chodzenia i zazwyczaj grube.

Spójrz na nagłówki Magazyn US żeby zobaczyć co mam na myśli. Te nagłówki obejmują całą szerokość strony, a litery są dość grube. Nie możesz zignorować tego nagłówka, ponieważ jest on praktycznie wbity w twoją twarz. Taki jest cel z nagłówkiem - spraw, aby wyróżniał się na tyle, by naprawdę przyciągać uwagę i zachęcać ludzi do lektury.

02-us-magazine-headline-strong

3. Wielowarstwowe menu nawigacyjne

Niektórzy projektanci mogą spierać się o tę funkcję, twierdząc, że witryny z czasopismami nie potrzebują dużych menu. Jest to generalnie prawdą, jednak strony internetowe w czasopismach często mają duże archiwum postów. Chcesz zaoferować użytkownikom jak najlepszy sposób przeglądania wszystkich tych postów.

Niezależnie od tego, czy używasz kategorii WordPress, tagów, czy nawet niestandardowe taksonomie możesz dodać je do ogromnej mega nawigacji. Może to obejmować menu rozwijane z listami ostatnich postów lub popularnych tagów / kategorii, a nawet połączenie obu.

Menu dla Magazyn Atlanta jest dość gładki, z wieloma linkami osadzonymi w menu rozwijanym. Dodatkowo responsywna przesuwna nawigacja jest wyraźnie dostępna na telefonie komórkowym, dzięki czemu użytkownicy smartfonów nie tracą czasu.

Ta wielopoziomowa nawigacja może zawierać listy rozwijane wielopoziomowe, a nawet być ustalona w celu przewijania z użytkownikiem. Tak wiele opcji i naprawdę największy czynnik to użyteczność zmieszana z mnóstwem linków do przeglądania.

03-atlanta-magazine-dropdown-nav

4. Polecane wpisy Widgety

Każda strona główna w stylu czasopisma wygląda nieco inaczej dzięki różnym rozmiarom miniatur postów, niestandardowym formatom i oczywiście różnym widgetom.

Uważam, że są one podstawą każdej witryny z czasopismami, ponieważ polecany widget jest tym, co przyciąga uwagę. Dzięki temu możesz promować najnowsze posty lub gorące historie, które powinny przyciągnąć największą uwagę.

Dziennik wyszukiwarki ma suwak typu karuzela, w którym obraca się między trzema z nich. Każda historia ładuje fragment z lewej strony, który również oferuje miniaturę podglądu.

Ale nie ma dwóch identycznych stron głównych, więc spróbuj przeglądać ulubione witryny z czasopismami i zobacz, jakie inne polecane style opowieści możesz znaleźć.

Dziennik 04-wyszukiwarka-czasopismo-opisywany-widget

5. Wybitne przyciski udostępniania

Jeśli chodzi o budowanie silna obecność nie można ignorować mediów społecznościowych. A jeśli chcesz więcej gości na swoim blogu w stylu magazynu, będziesz chciał mieć przyciski udostępniania społecznościowego w każdym poście.

Są one dostępne w wielu stylach i mogą być umieszczone na boku strony lub dodane do dołu posta, a nawet dodane do obrazów, takich jak przyciski udostępniania Pinterest.

W ZDNet używają one prostokąta dzielącego przyciski tuż pod nagłówkiem wiadomości. Wykorzystuje to zwykłe ikony z kolorowymi blokami do odwoływania się do wszystkich najważniejszych sieci społecznościowych.

Ale znowu możesz znaleźć mnóstwo przykładów po obejrzeniu popularnych blogów. I bez względu na to, jaki styl wybierzesz, to dobry pomysł test podziału formatów, aby zobaczyć, który (e) wygeneruje najwięcej udziałów.

05-zdnet-sharing-buttons

6. Podobne posty

Jestem pewien, że wszyscy widzieliśmy te widżety zatytułowane "możesz też lubić ..." na dole artykułów. Niektóre z nich są reklamy natywne ale witryny w stylu magazynów rzeczywiście wykorzystują te widgety do promowania odpowiednich treści.

Ta funkcja powinna być podstawą każdego bloga, ponieważ jest to świetny sposób na zwiększenie liczby odsłon bez większego wysiłku. Odwiedzający nie zawsze przeglądają według kategorii, ale mogą przeglądać powiązane posty. Poniższy przykład od Real Simple ma super czysty design; dokładnie to, co powinieneś zrobić.

Post miniaturki najpierw zwróć uwagę, więc upewnij się, że są one umieszczone w widocznym miejscu w pobliżu nagłówków.

06-prawdziwe-proste-możesz-lubić

7. Dostępna wyszukiwarka (nawet na urządzeniu mobilnym)

Każda strona internetowa wymaga formularza wyszukiwania. To jeden z najlepszych sposobów zwiększyć użyteczność pomagając ludziom znaleźć odpowiednie treści.

Różnica w stosunku do witryny magazynu jest taka, że ​​często może wydawać się zbyt zajęta, aby ją szukać. Użytkownicy mogą czuć się przytłoczeni tak dużą ilością treści i tak wieloma linkami, że mogą nawet nie próbować wyszukiwać.

Wybitna forma wyszukiwania, jak na przykład Naciśnij kwadrat jest idealny, aby zachęcić więcej wyszukiwań.

Możesz wrzucić ikonę szkła powiększającego do nawigacji i wykorzystać efekt przełączania na każdej stronie. Oczywiście to działa mobilny też więc jest to niezawodny wybór dla każdego układu czasopism.

07-push-square-search-magazine-feature

8. Niestandardowe elementy strony

Ta cecha jest odrobinę niejasna, ale celowo ją ukrywam. Każdy ogólny blog zazwyczaj wydaje się taki sam: akapity po akapitach z mało niestandardowym formatowaniem.

Świetne motywy czasopism wykorzystują indywidualizację, dodając funkcje w trybie post. Może to być dowolna liczba elementów strony, które poprawiają twoją treść i ułatwiają konsumpcję Twoich postów. Kilka pomysłów, które widziałem, używanych na różnych stronach internetowych:

  • Wyciągnij cytaty
  • Spis treści
  • Plany zdjęć w poście
  • "Zobacz także" podobne posty

Pamiętasz, jak wcześniej wspomniałem o widżecie powiązanych wpisów? Wspaniale jest dodawać je pod koniec posta, ale możesz też dodawać powiązane treści w swoim poście.

Na przykład TechCrunch dodaje widżet "zobacz także" w dolnej części każdego wpisu. Jest to również dominujące na blogu technicznym Hongkiat który dodaje odpowiednie posty wewnątrz małych bloków w treści.

Nie mogę dokładnie określić, które funkcje należy dodać do witryny. Zdecydowanie jednak poświęć czas na zbieranie pomysłów i testowanie ich, aby zobaczyć, co trzyma.

08-android-autor-strona-elementy

9. Polecane nagłówki obrazów

Jeśli chcesz przyciągnąć uwagę już na samym początku, potrzebujesz dwóch rzeczy: dużego nagłówka (omówionego wcześniej) i wyraźnego obrazu.

WordPress jest dostarczany z polecanymi obrazami domyślnie i możesz zaprogramować określone rozmiary dla swoich obrazów. W przypadku blogów w stylu czasopism najlepiej jest zrobić te całkiem duże i postępować zgodnie z nimi trend wizerunku bohatera . Możesz użyć obrazu pełnoekranowego, tak jak na poniższym zrzucie ekranu Dwell. Możesz też projektować obrazy, które pasują do obszaru zawartości twojego układu.

Tak czy inaczej, każdy post powinien mieć spory obraz, który pomaga sprzedawać treści. Zobaczysz to na prawie każdym blogu w stylu magazynu, nawet w tym wpisie, jeśli przewiniesz do góry!

Pamiętaj o wszystkich tych pomysłach podczas projektowania swojego układu i pozostaw dużo miejsca na przyciągające uwagę obrazy.

09-dwell-magazyn-polecany obraz