Blog design #1 – PODSTAWOWE ZASADY

Wczoraj pytałam Was na FB o czym ma być dzisiejszy wpis. Jednogłośnie padło na porady w ujęciu ogólnym, dotyczące tego jak blog powinien wyglądać. Wszystko co napiszę poniżej będzie tylko moim zdaniem w temacie blogowej estetyki. Z tą ostatnią jest tak, że każdy czuje je ją inaczej dlatego powiem jeszcze raz, że to bardzo subiektywna lista.

Ten wpis jest częścią cyklu:BLOG DESIGN #1 – PODSTAWOWE ZASADY
BLOG DESIGN #2 – PODSTAWOWE ZASADY cd.
BLOG DESIGN #3 – BOCZNA KOLUMNA
BLOG DESIGN #4 – PIĘKNE POSTY
BLOG DESIGN #5 – ODPOWIEDZI NA WASZE PYTANIA
BLOG DESIGN #6 – STOPKA POSTA

Zmieniając swojego bloga ważne były dla mnie dwa aspekty. Po pierwsze sama chciałam dobrze się czuć zaglądając na niego. Moje blogowanie cierpiało przez to, że długo nie mogłam znaleźć swojego stylu i pomysłu na siebie. Nie podobało mi się u mnie i nie miałam ochoty tu być. Teraz wchodzę tu jak do świeżo odnowionego mieszkania, którego nie chce się opuszczać. Przestawiam tylko drobiazgi i dodatki. Z przyjemnością przyjmuję gości i widzę, że chętniej do mnie wracają!:)

Napisałam jednak, że ważne były dla mnie dwa aspekty. Drugim było to, aby osobom, które do mnie zaglądają było tu dobrze. Dla mnie to oznacza, że nic czytelnika na blogu nie atakuje i nie przytłacza. Całość powinna być przejrzysta, a nawigacja łatwa.

Przyjmijmy, że na tym zakończę przydługi wstęp i przejdę do konkretów co to wszystko dla mnie oznacza w praktyce?

ATRAKCYJNY GŁÓWNY BANER

Dla każdego będzie to oznaczać co innego, jednak chodzi o to, aby wyglądał estetycznie i oddawał gust autora. Świetnie jeśli choć w luźny sposób kojarzy się z tematyką bloga. Czasami sama czcionka potrafi przywołać konkretne skojarzenia, dlatego warto się zastanowić czy np. Comic Sans, aby oddaje nasz styl, a może jest zbyt dziecinna? Radzę również unikać sentencji, cytatów i złotych myśli w tej części bloga. Jeśli są takowe bliskie naszemu sercu lepiej zamieścić je na stronie “O MNIE”.Tworząc baner jego szerokość ustawcie taką samą jak całkowitą szerokość bloga. Wysokość lepiej, żeby nie przekraczała 400 pikseli, przy czym skłaniałabym się do wartości bliższej 300 pikselom.  Nie powinno być tak, że czytelnik otwierający bloga widzi jedynie baner. Dobrze, aby widok sięgał przynajmniej do tytułu pierwszego posta.

Jak zrobić baner?

Z czystym sumieniem mogę polecić Wam prostą stronę picmonkey.com. Nie musicie nic ściągać, ani instalować. Wiele ułatwia, ma sporo ciekawych grafik, czcionek i ozdobników (tylko z nimi nie przesadźcie). Sama często z niej korzystam w połączeniu z Photoshopem, jednak sama w sobie jest wystarczająca w większości przypadków.

 

TŁO TEKSTU

W większości sytuacji będę polecać białe tło, ewentualnie inne, ale jednak jasne. Dlaczego? A to dlatego, że oko duże lepiej toleruje ciemny tekst na jasnym tle. Nie męczy się tak szybko, a przecież nie chcemy, aby czytelnik opuścił stronę z tego powodu. Często może to zrobić nawet nieświadomy, że to jest przyczyną!

Jak zmienić tło za tekstem?

Szablon>Dostosuj>Zaawansowane>Tła i ustawiamy kolor w “Główne tło” i “Tło nagłówka”

 

CZCIONKA

Koniecznie taka, która ma polskie znaki. Bez tego nasze ą, ę i inne ł są wstawione z innej czcionki i cały tekst nie wygląda harmonijnie.

Do ogólnego tekstu strony (czyli np. treści postów) warto używać prostych czcionek i podarować sobie te, które np. naśladują odręczne pismo. Dlaczego? A no dlatego, że mimo iż ładnie wyglądają to na dłuższą metę nie czyta się ich komfortowo, a przecież bloga nie tworzymy tylko dla siebie. Nie wymienię wszystkich czcionek, które się nadają do ogólnego tekstu strony, ale powiem Wam, że moje ulubione czcionki dostępne w bloggerze to Cambria (której aktualnie używam), Cantarell i Consolas.

To o co należy także zadbać to wielkość czcionki. Nie musi być ogromna, ale nie piszmy też maczkiem. Wielkość trzeba dopasować do czcionki bo każda w tym samym rozmiarze będzie inaczej się prezentować. Dla wspomnianej Cambri wybrałam rozmiar 17px.

Jeśli podoba nam się bardzo jakaś bardziej finezyjna czcionka to można jej użyć do tytułów postów i/lub gadżetów. Nie zwalnia nas to jednak z zadbania, aby była czytelna i miała polskie znaki.

Jak zmienić czcionkę na blogu?

Szablon>Dostosuj>Zaawansowane. Wybieramy “Tekst strony”.

Jak zmienić kolor tytułów postów?

W celu zmiany czcionki w tytułach postów postępujemy analogicznie jak powyżej wybierając jednak “Tytuł posta”. Różnica polega na tym, że nie ustawimy tam koloru. Aby to zrobić musimy zmienić kolory linków.
Szablon>Dostosuj>Zaawansowane. Wybieramy “Linki”.

UKŁAD BLOGA

W zupełności wystarczy główna kolumna i jeden pasek boczny. Dwa sprawiają, że robi się tłoczno. Wzrok skacze z jednej strony na drugą nie wiedząc na czym się zatrzymać. Dodatkowo jeśli potrzebujemy dwa paski to zachodzi podejrzenie nie mieścimy się na jednym. Jeśli nie mieścimy się na jednym to znaczy, że mamy w nich za dużo dodatków i ich ilość trzeba ukrócić, a niektóre rzeczy przenieść w inne miejsce.

Jak zmienić ilość ilość pasków bocznych?

Szablon>Dostosuj>Układ i wybieramy taki, który ma jeden pasek z lewej bądź prawej.

Na tym zakończą pierwszą część ogólnych porad blogowych. Za tydzień spodziewajcie się następnej. Będziemy coraz dokładniej zajmować się poszczególnymi elementami. Eksperymentujcie i szukajcie własnego stylu. Może to zająć sporo czasu, ale ostrzegam – to wciąga!

Do tej pory cykl “Żyj Kochaj Twórz: upiększa blogi” pojawiał się w pierwszej części tygodnia. Chcę, aby tradycją stało się, że co poniedziałek, zaglądając do mnie znajdziecie coś nowego w tym temacie. Potrzebuję nowej, krótszej i bardziej chwytliwej nazwy dla tego cyklu. Świetnie jeśli znajdzie się w niej jakieś odniesienie do poniedziałku. POMÓŻCIE!:) Wszelkie pomysły na wagę złota!:)

Jeśli zamierzacie korzystać z moich rad to będzie mi miło jeśli podzielicie się tym zamieszczając u siebie poniższy banerek z linkiem do “Strefy Blogera” (link > http://zyj-kochaj-tworz.blogspot.com/p/strefa-blogera.html ). Może dzięki temu trafią tu też inne blogerki potrzebujące pomocy.