17 wskazówek dotyczących projektowania graficznego, które muszą wiedzieć wszyscy nie-projektanci

Opublikowany: 2016-03-29

Muszę się do czegoś przyznać…

Nie jestem z wykształcenia grafikiem komputerowym. Ale jeśli czytasz ten post, prawdopodobnie też nie. I domyślam się, że w najbliższym czasie nie pójdziesz do szkoły artystycznej.

Oto dobra wiadomość…

Jeśli projektujesz obrazy do postów na blogu, mediów społecznościowych lub reklam online, nie potrzebujesz dyplomu z projektowania graficznego. Musisz tylko owinąć głowę kilkoma najlepszymi praktykami. I tu właśnie wchodzę.

W tym poście zebraliśmy 17 wskazówek dotyczących projektowania graficznego, które wszyscy nie-projektanci powinni znać. Jeśli będziesz ich przestrzegać, będziesz na dobrej drodze do tworzenia niesamowitej grafiki dla wszystkich Twoich potrzeb internetowych.

1. Zacznij od świetnej palety kolorów

Zauważyłeś kiedyś, że najlepsze projekty mają zazwyczaj piękne kolory? To nie przypadek. Wybór świetnej palety kolorów to jeden z kluczy do świetnego projektu.

Teraz, zanim wzdrygniesz się na myśl o wyborze własnych kolorów, nie musisz. Korzystanie z witryny takiej jak ColourLovers zapewni Ci dostęp do milionów pięknych palet kolorów. Po prostu znajdź odpowiedni kod szesnastkowy i użyj go w swoim projekcie.

Oto kilka świetnych zasobów do wyszukiwania palet kolorów:

  • Pigment firmy Shapefactory
  • Chłodnice
  • Adobe Color

Jeśli szukasz więcej pomysłów na schematy kolorów, zapoznaj się z naszą szczegółową listą zasobów do inspiracji paletą kolorów!

Miłośnicy kolorów

2. Nie daj się ponieść czcionkom

Najlepiej byłoby ograniczyć się do 1 lub 2 czcionek. Dzięki temu nie musisz się martwić o mnóstwo kombinacji czcionek. Jeśli zamierzasz używać wielu czcionek, użyj jednej do nagłówka, a drugiej do treści.

Ogranicz czcionki

3. Miej „plik przesuwania”

Termin ten wywodzi się ze świata copywritingu, ale tutaj ma zastosowanie w równym stopniu. „Plik Swipe” odnosi się do przypadków dobrej kopii, którą widzą copywriterzy. W naszym przypadku będzie to oznaczać przykłady dobrego projektu, które widzisz.

Weź te przykłady, przechowaj je gdzieś (na swoim komputerze, skrzynce itp.), a następnie przynieś je z powrotem, gdy nadejdzie odpowiedni czas. Pod warunkiem, że nie oszukasz kogoś innego w całości, nie ma wstydu pożyczyć odrobinę błyskotliwości projektu.

Jeśli projektujesz obrazy do reklam na Facebooku, możesz zajrzeć do Galerii reklam AdEspresso na Facebooku. Możesz także skorzystać z witryn projektowych, takich jak Dribbble i Behance.

4. Nie bój się wygasać

Nie, nie puste w sensie odstępowania. Raczej nie bój się pozostawić pustej, białej przestrzeni w swoim projekcie. Czasami, jak mówią, mniej naprawdę znaczy więcej.

Często projekty są tak zagracone, że część pustej przestrzeni, której nic nie zajmuje, faktycznie poprawi projekt. Może to wymagać z twojej strony trochę mentalnego dostosowania. Ale przy odpowiedniej zmianie możesz użyć tej prostej koncepcji, aby przeskoczyć pozornie „eksperckich” projektantów.

Jeśli chcesz uzyskać lekcję, jak wykorzystać białą przestrzeń, spójrz na dowolny obraz marketingowy stworzony przez Apple.

iPhone-biała spacja

5. Dopasuj swoje obiekty

Pomaga to utrzymać elementy projektu w reprezentatywnej kolejności, niezależnie od ich różnych rozmiarów. Właściwe wyrównanie to prosty sposób na nadanie obrazom wyrafinowanego i profesjonalnego wyglądu.

Podczas przeciągania elementów w Snappa automatycznie pojawiają się linie siatki, dzięki czemu układanie obiektów w jednej linii jest bardzo łatwe.

Wyrównaj obiekty

6. Użyj ikon, aby wesprzeć swoją wiadomość

Ikony są jak czarny pieprz. Można je posypać dowolnym projektem, który przygotowujesz. A ikony dodają pikanterii Twojemu projektowi, zapewniając, że będzie on świetnie „smakował”.

Używamy ikon dość intensywnie, aby wzmocnić treść naszych postów na blogu. A jeśli chcesz uczyć się od mistrzów, zajrzyj na blog Helpdesk, aby uzyskać więcej inspiracji.

Ikony pomocy

7. Postępuj zgodnie z własnymi zasadami projektowania

Zasady, jakie zasady? Te, które sobie wyznaczyłeś.

To prawdopodobnie nie będą szczegółowe zasady. Ale raczej przypadki w całym projekcie, w których używasz określonego zestawu kolorów, linii, tekstur itp. Jeśli jesteś nastawiony na ten wybór, nie odwracaj się i nie rób czegoś sprzecznego z nim. Zachowaj spójność ze swoimi „zasadami projektowania”, aby zapewnić ogólną spójność obrazu.

8. Opłucz i powtórz

Jeśli pracujesz z wieloma projektami w ramach kampanii reklamowej, witryny internetowej lub innego projektu – najłatwiej będzie po prostu spłukać i powtórzyć. Oznacza to, że skopiuj swój projekt, a następnie po prostu zamień elementy, które chcesz zmienić. Dzięki temu format jest taki sam, nawet po zmianie treści.

9. Używaj wariantów czcionek

Możesz dodać wiele urozmaiceń, jednocześnie zachowując spójność. Kluczem jest użycie tekstu z jednej „rodziny” czcionek.

Przykładem „rodziny” czcionek może być Arial, która ma podstawową czcionkę Arial, wraz z wariantami, takimi jak Arial Black, Arial Narrow i Arial Rounded MT Bold. Wszystkie te czcionki wyglądają inaczej. A jednak jest między nimi wystarczająco wspólny wątek, który daje poczucie spójności, gdy jest używany razem w projektach.

Warianty czcionek

10. Wykorzystaj w pełni kontrasty

Korzystanie z kontrastów pomaga dodać „postawy” do projektu, a także wyróżnić niektóre elementy. Istnieje wiele sposobów na generowanie kontrastów. Możesz użyć kontrastujących kolorów, czcionek, a nawet kontrastowych ilości miejsca między elementami w swoim projekcie.

Pomyśl o tym również w kontekście realnego świata, a zobaczysz, dlaczego ma to sens. Osoba o wzroście siedmiu stóp (na przykład zapaśnik Andre the Giant lub koszykarz Yao Ming) przyciąga uwagę, ponieważ kontrastuje z ogólną populacją. To samo dotyczy kontrastujących elementów w twoim projekcie.

Jeśli chcesz określić, które kolory kontrastują, użyj koła kolorów, takiego jak Adobe Color.

Kontrastujące kolory

11. Użyj linii (lub dwóch), aby stworzyć poczucie porządku

Linie pomagają zakotwiczyć elementy na obrazie i stworzyć wrażenie ogólnego porządku. Użyj linii na swoim obrazie, umieszczając je wokół bloków tekstu – tam zakotwiczając tekst.

Możesz także umieścić linie jako „separatory” między różnymi elementami obrazu. W tym ostatnim przypadku poczucie rozdzielenia elementów potęguje poczucie planowania i koordynacji w projekcie. dodaj-linię

12. Zaplanuj swój projekt

Umieściliśmy tę wskazówkę w połowie listy wskazówek, które odzwierciedlają miejsca, w których planowanie zwykle znajduje się w procesie projektowania graficznego większości ludzi.

Zamiast planowania jako pierwszego niezbędnego kroku, przeciętny osoba niebędąca projektantem zaczyna poważnie myśleć o swoich planach dotyczących projektu dopiero PO zagłębieniu się w proces projektowania.

Etap planowania nie musi być długi. W rzeczywistości może to potrwać tylko minutę lub dwie. Ale jeśli wiesz, co chcesz osiągnąć, zanim zaczniesz projektować, załatwisz sprawy znacznie szybciej.

13. Dodaj tekst do obrazów, dostosowując poziomy jasności

Gdy projekt wymaga umieszczenia tekstu na obrazach, dostosuj poziom jasności obrazu tła lub dodaj kolorową nakładkę. W ten sposób obraz tła przesunie kolor tekstu, powodując, że tekst będzie czytelny, a projekt nadal będzie wyglądał czysto i wyraźnie.

Możesz łatwo zamienić cytaty w grafikę za pomocą naszego bezpłatnego kreatora ofert online!

Poziomy jasności

14. Ostrożnie ustrukturyzuj kopię swojego ciała

Za każdym razem, gdy masz tekst (np. akapity), każda linia nie powinna mieć więcej niż około 30-40 znaków. Dotyczy to również przestrzeni, więc wybieraj ostrożnie.

Jeśli przekroczysz tę przybliżoną długość, istnieje ryzyko, że czytelnicy będą mieli trudności z odczytaniem zdań. A jeśli są krótsze, linijki tekstu zaczynają przypominać kawałki Tetrisa, spadające niedbale w chaotycznym strumieniu.

15. Zastanów się, dla kogo projektujesz

O ile nie jest to wyłącznie dla własnej przyjemności, prawdopodobnie projektujesz dla określonej grupy odbiorców. Nigdy nie zapominaj o tym „dla kogo”, dla którego projektujesz. Gwarantuje to, że stworzysz coś, co zamierzeni odbiorcy Twojego projektu rzeczywiście chcą zobaczyć i coś, na co zareagują przychylnie.

Tutaj liczy się kontekst. Na przykład ciemny, obskurny, a nawet przerażający wygląd – nie byłby tym, co chciałbyś mieć na stronie internetowej dla ekskluzywnego, drogiego produktu. To samo dotyczy na przykład projektu, który wydaje się zbyt „dziecinny” (jasne kolory, użycie falistych linii, kreskówek itp.) dla dojrzałej, dorosłej publiczności.

16. Niech forma podąża za funkcją

Jak już słyszeliście, jest to niezaprzeczalnie prawdziwe – forma podąża za funkcją. Upewnij się więc, że znasz funkcję swojego projektu. Wiedząc, że łatwiej będzie Ci dojść do formy, która działa. Będziesz miał lepsze wyczucie, co należy do projektu, a co nie.

Na przykład strona powitalna, która jest przeznaczona tylko do zbierania wiadomości e-mail w okresie poprzedzającym premierę, prawdopodobnie nie potrzebuje karuzeli z obrazami. Kiedy mieliśmy pierwszy okres rejestracji – nie używaliśmy elementów, które komplikowały naszą początkową stronę internetową. Dostosowaliśmy raczej formę strony do jej funkcji – jaką było otrzymywanie e-maili od ludzi. Te wspaniałe przykłady projektowe również wykorzystały tę zasadę, aby zwiększyć współczynniki konwersji i poprawić wrażenia użytkownika.

Wszystko to sprowadza się do poznania „dlaczego” twojego projektu. I dobrze się zastanowić.

17. Zachowaj prostotę

Czy kiedykolwiek widziałeś film – przychodzą mi na myśl filmy o superbohaterach i epopeje science fiction – który ma zbyt wiele efektów specjalnych. Za dużo eksplozji, pędzących statków kosmicznych, gigantycznych robotów i tak dalej. W końcu efekty specjalne po prostu się rozmywają i wyciszają większość tego, co dzieje się w innym miejscu filmu. (Patrzymy na ciebie, Transformers .)

To samo dotyczy twojego projektu. Jeśli przesadzisz ze zbyt wieloma efektami specjalnymi, takimi jak cienie i gradienty odcieni, szybko przejdziesz w kierunku rozdętego i estetycznie stłumionego obrazu.

Nadal możesz używać niektórych „efektów specjalnych” projektu. Ale posyp je garściami na swój projekt, tak jak z odrobiną octu balsamicznego do sałatki. Za dużo balsamiczny i neguje sałatkę. I zbyt wiele efektów specjalnych, a to neguje resztę twojego projektu.

Nie komplikuj

Wniosek

Jak widać, projektowanie graficzne nie musi być trudne. Wystarczy postępować zgodnie z tymi 17 wskazówkami, a będziesz na dobrej drodze do tworzenia wspaniałych obrazów online.