Nie musisz znać profesjonalnych narzędzi, ani wydawać dużych pieniędzy, aby przygotować atrakcyjne materiały graficzne. W dzisiejszym artykule poznasz podstawowe zasady ich budowy oraz darmowe rozwiązania, dzięki którym stworzysz obrazki, infografiki czy ulotki, których nie powstydziłby się żaden grafik.
Materiały graficzne, w tym ulotki, plakaty, a nawet infografiki czy obrazki, które wstawiasz na swoją stronę www lub Facebooka, są istotną częścią Twojej identyfikacji wizualnej. Nie od dziś wiadomo, że nasz mózg zdecydowanie szybciej przetwarza informacje przedstawione wizualnie, a grafika powoduje, że jesteśmy bardziej zaangażowani. Musisz jednak pamiętać, że nie tylko zdjęcia mają znaczenie – typografia, kolory, ikony – to wszystko wpływa na odbiór wizualny Twojej szkoły językowej.
1. Kolor
Otwórz stronę internetową popularnej marki – zawsze łatwo zauważyć jeden dominujący kolor (np. Platforma LangLion – niebieski). Spójrz na swoje logo, stronę www, rozpoznaj kolor, który najczęściej pojawia się w Twojej identyfikacji wizualnej i dbaj o to, by materiały graficzne (ulotki, plakaty, broszury, grafiki) były w tej samej palecie kolorów. Przydatnym narzędziem do tego celu jest Pictaculous: wystarczy wgrać dowolne zdjęcie i automatycznie wygeneruje się paleta kolorów (możesz wgrać swoje logo i wykorzystać paletę, by dostosowywać kolorystycznie swoją stronę internetową).
Jedną z najtrudniejszych rzeczy jest właściwe łączenie kolorów – bez obaw. Zawsze możesz wykorzystać już istniejące, profesjonalne palety. Google stworzyło niezwykle przydatny przewodnik dobrego projektowania, zwany Material design, w celu ujednolicenia wyglądu aplikacji na różnych urządzeniach. To właśnie tu możesz skorzystać z gotowych palet kolorów.
Przydatne narzędzia:
- Coolors.co lub Adobe Color CCC to szybkie generatory kolorów
- Design Seeds – dobór palety kolorów na podstawie zdjęcia
Wbrew pozorom kolor odgrywa znaczącą rolę w content marketingu, ponieważ dzięki niemu możemy wpływać na pozytywne emocje użytkowników. Uważaj na fakt, że w poszczególnych kulturach kolor ma różne znaczenie oraz na odmienne preferencje kolorystyczne kobiet i mężczyzn.
Czy kolor ma bezpośrednie przełożenie na konwersje?
Czy w zależności od koloru przycisku, będzie więcej kliknięć w CTA (call to action)?
Odpowiedź, jaki kolor jest najskuteczniejszy nie jest prosta, jednakże według badań niebieski jest w największym stopniu akceptowalny i budzi pozytywne skojarzenia. Zobacz na podstawie poniższej grafiki, jak światowe marki wykorzystują kolor i sprawdź, jakie emocje może budzić logo Twojej szkoły.
2. Typografia
Pewnie nie raz widziałeś stronę internetową z fontem Times New Roman, ulotki tej samej szkoły z Georgia, a artykuły na blogu napisane fontem Arial. Staraj się zachować umiar – nie stosuj więcej niż trzech czcionek. Na przykład przy tworzeniu strony www jeden font wybierz do tekstu, drugi do nagłówków i ewentualnie trzeci użyj w banerach reklamowych. Skąd w ogóle wziąć czcionki?
Na ratunek ponownie przychodzi Google, udostępniając bibliotekę darmowych fontów Google Fonts. Znajdują się tam darmowe czcionki, których nie musisz nawet ściągać na komputer – wystarczy dodać wybraną do kolekcji, wybrać Use, kliknąć odpowiednie style i zaznaczyć Latin (latin) oraz Latin Extended (latin-ext) (koniecznie, ponieważ zawierają polskie znaki). Możesz też skorzystać z łatwych do użycia czcionek na Font Squirrel.
Jakie czcionki będą wyglądały dobrze ze sobą? Najlepiej łączyć fonty z tej samej rodziny. Poniższa grafika przedstawia sprawdzone rozwiązania.
Ciekawe rozwiązania:
- Będąc na stronie internetowej, spodoba Ci się jakaś czcionka której nazwy nie znasz, a chciałabyś ją wykorzystać u siebie? Zainstaluj dodatek do Chrome WhatFont, dzięki któremu szybko ją zidentyfikujesz.
- Nie możesz zdecydować się na czcionkę? Porównaj wygląd dwóch fontów, dzięki narzędziu Tiff.
3. Zdjęcia
Jednym z ważniejszych elementów jest wybór odpowiedniego zdjęcia. Z pożytkiem dla Twojego portfela, pojawia się coraz więcej serwisów oferujących darmowe fotografie. Nie wszystkie jednak możesz bezkarnie ściągać, niektóre z nich posiadają licencję CC BY – uznanie autorstwa. Co to oznacza? Przy każdorazowym kopiowaniu, a potem użytkowaniu zdjęcia, należy umieścić informację o jego autorze.
By ułatwić Ci tworzenie materiałów graficznych, wyróżniłam wyłącznie te strony, na których znajdują się fotografie z licencją CCo, która umożliwia bezpłatne ściąganie zdjęć, bez konieczności nawiązywania do autora.
Decydując się na darmowe zdjęcia, musisz pamiętać, że nie zawsze będą one grzeszyć jakością oraz że Twój sąsiad lub jakakolwiek inna firma również może je wykorzystać. Dlatego alternatywą są płatne fotografie, które możesz kupić na:
- ShutterStock
- Fotolia
- BigStock (7 dni darmowego pobierania 5 obrazków dziennie)
4. Kształty, wzory, ikonki
Aby wyróżnić swoje materiały, wizualizować dane lub podkreślić kluczowe punkty, stosuj symbole graficzne, ikonki i kształty. Gdzie je znajdziesz?
Tła
- SubtlePatterns – znajdziesz tu przeróżne tła, dzięki którym zamienisz zwykłą kartkę w coś wyjątkowego.
Ikonki
Możesz po prostu wyszukać ikonę w Google Grafika, np. school icon lub wykorzystać prezentowane poniżej strony.
- 350 Pixel Perfect icons
- IconSchock (za darmo po zalogowaniu przez Facebook, Google+)
- Modern UI icons
- Flaticon (należy umieścić informację o autorze ikonki)
Kopalnia wektorów, ikon, szablonów
5. Zrzut ekranu
Niezwykle pomocne w projektowaniu materiałów graficznych, a także codziennej pracy, są narzędzia do robienia zrzutów ekranu (uwolnij się od Print Screena i Painta). Istnieją aplikacje, dzięki którym zaznaczysz obszar, który chcesz zapisać i go przedtem wyedytujesz.
- Lightshot
- Awesome Screenshot – dodatek do przeglądarki Chrome
6. Narzędzia do tworzenia grafik
Nie musisz być graficznym ninja, żeby stworzyć ciekawy kolaż, infografikę, zdjęcie z cytatem czy mem. Z łatwością zrobisz to samodzielnie za pomocą darmowych narzędzi, które przedstawiam poniżej.
- Social media image maker (narzędzie do dostosowywania zdjęć w mediach społecznościowych)
Kolaże zdjęć
Interaktywne grafiki
(bardzo fajny sposób na zaangażowanie użytkownika poprzez kierowanie za pomocą linków na zdjęciu, do różnych podstron – przykład poniżej)
Cytaty
Tworzenie infografik
(zobacz wideo ze szkolenia online Jak stworzyć infografikę, która opanuje Internet?)
- Piktochart
- easel.ly
- Canva
- Wordle (tworzenie chmury słów)
Memy
Ostatnie narzędzie do szybkiego zmniejszania zdjęć, bez utraty ich jakości Simple Image Resizer.
Przy tworzeniu jakichkolwiek materiałów graficznych staraj się zachować zasadę „Im mniej i prościej, tym lepiej”. Ważne, by nie kopiować czyjejś pracy, natomiast zawsze warto podglądać dobrze zaprojektowane ulotki czy grafikę u profesjonalistów i wzorować się na nich. W ostateczności, jeżeli nie jesteś w stanie samodzielnie czegoś stworzyć, kup to – nie są to duże koszty, a efekt może być imponujący.
Jeżeli w następnym wpisie chcesz zobaczyć przykłady dobrze zaprojektowanych ulotek, grafik do mailingów i innych angażujących materiałów, daj znać w komentarzu lub napisz na marketing@langlion.com.