wiem, że nie każdy rodzi się z umiejętnościami projektowania, więc jestem tutaj, aby dać ci trochę nadziei i powiedzieć, że nadal możesz stworzyć ładnie wyglądający nagłówek bloga, nawet jeśli nie jesteś projektantem!!
po pierwsze, będziesz potrzebował miejsca, aby utworzyć nagłówek. Jeśli masz Photoshopa, jesteś na dobrej drodze. Jeśli jeszcze nie korzystałeś z Photoshopa, możesz użyć czegoś takiego jak Gimp (to jak darmowy Photoshop) lub Canva.
Krok 1: Ustaw wymiary
Po wybraniu wybranej broni edytora nadszedł czas, aby ustawić wymiary nagłówka. Najprawdopodobniej chcesz, aby nagłówek rozciągnął szerokość bloga. Jeśli nie wiesz, jaka jest cała szerokość Twojego bloga, możesz wejść do edytora szablonów/dostosowywania i poszukać szerokości obszaru nagłówka, która powinna być wyświetlana w pikselach.
kiedy tworzysz nowy obraz lub projekt w którymś z tych programów (plik > Nowy), powinieneś poprosić o wymiary. Ustaw niestandardowe wymiary na piksele i wprowadź szerokość bloga, a następnie wysokość, którą chcesz, aby baner był. Nie ma żadnej reguły co do wysokości, ale prawdopodobnie trzymałbym ją pod 350px tylko dla celów estetycznych.
jeśli jest ustawiona rozdzielczość lub DPI, należy ją ustawić na 72. Wszystko dla sieci powinno mieć zawsze rozdzielczość 72 DPI. Aby tło białe, aby ułatwić.
Super! Teraz masz pusty dokument w dokładnym rozmiarze, jaki będzie twój nagłówek. Przejdźmy do projektowania …
Krok 2: Projektowanie nagłówka bloga
jeśli jesteś jedną z tych osób, które nie mają zdolności artystycznych, najlepszą radą, jaką mogę ci dać, jest coś, czego nauczyłem się w 3 klasie … K. I. S. S.-Keep it Simple, Stupid!
ładnie wyglądający nagłówek nie musi być pełen grafiki i wszystkich Twoich ulubionych rzeczy. Może być prosty i elegancki bez żadnej grafiki w ogóle. Czcionki są Twoimi nowymi najlepszymi przyjaciółmi.
kilka rzeczy do zapamiętania, gdy jest to proste:
- Ogranicz użycie czcionki, spróbuj użyć maksymalnie dwóch czcionek.
- tytuły powinny być łatwe do odczytania. Użyj czcionki, która jest czytelna.
- jeśli używasz fantazyjnej czcionki dla jednego elementu, spróbuj użyć prostej czcionki dla drugiego.
- upewnij się, że wszystko jest prawidłowo ułożone
- spróbuj pozostawić taką samą ilość wyściółek wokół wszystkich krawędzi
oto kilka przykładów prostych nagłówków:
ten pierwszy nagłówek jest najprostszy z prostych. Używa tej samej czcionki w całej linii, a slogan jest ustawiony na końcu ” T ” w linii nad nim, co czyni rzeczy ładnymi i uzasadnionymi. Wyściółka (Biała Spacja) na górze i na dole jest równa i to samo dotyczy lewej i prawej strony.
jest to poprawa w stosunku do pierwszego nagłówka. Zobacz, jaka to różnica, jeśli jesteś w stanie idealnie dopasować slogan do słowa nad nim? Kiedy wszystko jest w porządku, projekt wygląda o wiele bardziej Ujednolicony. Wypełniłem pustą białą przestrzeń obok sloganu prostą linią 1px, aby związać rzeczy ze sobą trochę lepiej.
nagłówek powyżej używa różnych czcionek. W tytule bloga użyłem fantazyjnej czcionki, co oznacza, że poniższy slogan powinien być czymś znacznie prostszym. Myślę, że te dwie czcionki dobrze się uzupełniają, ponieważ są to czcionki serif i nieco wysokie. Znajdź czcionki, które się uzupełniają, jeśli chcesz używać wielu czcionek. Ta czcionka tytułowa nazywa się Rosewood, jeśli jesteś zainteresowany jej wypróbowaniem.
dodaj trochę koloru! Po ustawieniu czcionek możesz poeksperymentować z odrobiną koloru. Ponownie upewnij się, że wybrane kolory uzupełniają się nawzajem, a także upewnij się, że tekst wyróżnia się na tle. Więc na przykład, nie rób tego:
tytuł jest zbyt lekki i obciążający Oczy. Nie wyróżnia się tak, jak powinien na białym tle. Slogan jest zbyt neonowy, a także napina oczy, gdy się na niego gapisz. Proszę ludzi, przestańcie używać neonowej zieleni. Zamiast tego, jeśli chcesz użyć tych kolorów, spróbuj tonować odcienie w ten sposób:
to o wiele łatwiejsze dla oczu, prawda? Przełączam się z powrotem na kilka bardziej podstawowych czcionek, ponieważ myślę, że powyższy jest trochę zbyt zajęty jak na moje upodobania i tak naprawdę nie daje odpowiedniego klimatu mojego bloga. To jest również coś, o czym powinieneś pamiętać… ogólny klimat Twojego bloga. Spróbujmy wywalić to z parku dodając trochę pracy graficznej:
użyłem tej samej podstawowej struktury co nagłówek # 2, tylko dorzuciłem trochę szczegółów graficznych i upewniłem się, że nie koliduje z tekstem.
możesz pobrać kilka clipartów z witryn takich jak Etsy lub Creative Market lub możesz wyszukać w Internecie trochę grafiki. Upewnij się, że masz prawa do korzystania z grafiki… i przez to mam na myśli nie tylko iść chwytając rzeczy off Google Image Search.
przy grafice należy pamiętać, że nie chce się obezwładniać tekstu. Cały sens nagłówka polega na tym, aby ludzie mogli zapoznać się z nazwą Twojego bloga. To jest jak własne logo.
gdybyś projektował logo dla siebie, nie wrzuciłbyś całej masy losowych zdjęć siebie i swoich przygód, prawda? Podczas gdy nagłówek może nadać ton twojemu blogowi, nie musisz pokazywać wszystkim WSZYSTKICH NAJWAŻNIEJSZYCH WYDARZEŃ z bloga na raz. Po to są Twoje posty;).
jeśli nalegasz na pokazanie kilku zdjęć w nagłówku, upewnij się, że nie odwracają uwagi od tytułu i są zorganizowane w taki sposób, aby Strona dobrze płynęła.
oto kilka przykładów czego nie robić:
uzasadnienie jest wszędzie i padding jest wyłączony.
Nie Po prostu nie. Dwie zupełnie różne fantazyjne czcionki wepchnięte razem wyglądają tak. Slogan jest trudny do odczytania. Może to być słodkie, jeśli slogan był mniejszy, nie pisany wielką literą i w podstawowej czcionce bezszeryfowej.
istnieje wiele czcionek do wyboru, a jeśli weźmiesz je ze strony takiej jak DaFont, możesz nawet wpisać nazwę bloga w polu tekstowym „wpisz swój tekst tutaj” na stronach kategorii, aby zobaczyć dokładnie, jak wyglądałby Twój tytuł.
Krok 3: Zapisywanie nagłówka
po ustawieniu musisz zapisać ten obraz jako PNG, jeśli zdecydowałeś się na przezroczyste tło. Zapisz go jako JPG inaczej. JPG i PNG działają dobrze w przypadku obrazów internetowych.
mam nadzieję, że to ci trochę pomogło! Pamiętaj tylko, aby zaufać swoim oczom i upewnić się, że wszystko jest odpowiednio rozmieszczone. Zdziwiłbyś się, jak proste dopasowanie rzeczy i wybór odpowiednich czcionek może naprawdę zrobić lub złamać nagłówek!
Ostatnia aktualizacja 6 kwietnia 2021