Co to jest tablica nastrojów? Jak korzystać z tablic nastrojów w projektowaniu UX

Co to są moodboardy?

Moodboards to sposób na przekazanie wrażeń związanych z produktem, który zamierzasz wykonać. Również po to, aby uzyskać inspirację dla palety kolorów i kształtów do późniejszego wykorzystania. Innymi słowy, mood board to zbiór tekstur, obrazów i tekstu związanego z tematem projektu jako punkt odniesienia.

Stworzenie moodboardu jest naprawdę proste. Istnieją dwa sposoby: ręczny lub cyfrowy.

Do tworzenia ręcznych moodboardów będziesz potrzebować:

  • Różne czasopisma, gazety, książki i / lub plakaty, które możesz wyciąć
  • Papier
  • Nożyce
  • Klej

Zacznij od znalezienia obrazów, kształtów, kolorów i wiadomości, które Twoim zdaniem rezonują z Twoim produktem docelowym. Wytnij je. Jeśli wyciąłeś wszystko, czego potrzebujesz, ułóż je na papierze i przyklej. Wynik końcowy może wyglądać podobnie do tego:

Jakiś fajny niemiecki bar, na który natknęliśmy się w Melbourne

Inną opcją jest stworzenie cyfrowego moodboardu. Technika jest taka sama, potrzebujesz:

  • połączenie internetowe
  • Podstawowa znajomość funkcji kopiuj i wklej
  • Oprogramowanie do edycji obrazu

Pozytywnym aspektem jest to, że nie musisz ograniczać swojej tablicy nastrojów do zdjęć w czasopismach. Negatywnym aspektem jest to, że znalezienie właściwych obrazów może być trudne, ponieważ masz cały internet do wyszukiwania.

Miejsca, od których należy zacząć szukać obrazów i pomysłów:

  • Google. Obrazy Goole można wybierać według koloru, kształtu lub formy, więc jeśli możesz je przeszukać, możliwe, że je znajdziesz.
  • Pinterest. To samo, co w Google, ale inne.
  • darmowe obrazy. Takich jak Pixabay, Pexels lub darmowe strony ze zdjęciami, na jednym zdjęciu można znaleźć mnóstwo inspiracji.
  • wyjść z aparatem na zewnątrz. Może się tam znajdować dokładnie ten przedmiot na tablicy nastroju, który czeka na zrobienie tego zdjęcia.

Ponownie, gdy masz wystarczającą liczbę obrazów, nadszedł czas na złożenie tablicy mood board. W tym celu masz również różne możliwości:

  • Gimp / Photoshop / Paint. W pierwszych dwóch masz większą możliwość poruszania się po obrazach, farba jest tak dobra, jak może być (wystarczająca, ale niewygodna).
  • Inkscape / Illustrator. Nie są one przeznaczone do tego rodzaju pracy, ale mogą wykonać zadanie. Dodatkowo musisz zrobić i dodać grafikę wektorową do swojej tablicy nastrojów.
  • Narzędzia online: po prostu wyszukaj „mood board” w swojej ulubionej wyszukiwarce, a znajdziesz wiele witryn, które oferują szablon dla konkurencyjnych mood boardów.

Uwaga: tworząc moodboardy, staraj się unikać tytułów lub zdjęć rzeczy, dla których tworzysz mood board.

Na przykład, tworząc moodboard dla strony internetowej Harry Potter, nie używaj zdjęć aktorów ani nie zapisuj tytułu. Zwykle nie jest to najlepszy sposób. Zamiast tego znajdź tematycznie ciemne kolory, tekstury drewna i kamienia, zdjęcie błyskawicy, inną osobę w okrągłych okularach (nie przebranego wachlarza), mnóstwo książek ułożonych jedna na drugiej, wrzący kocioł itp. To może wydawać się trudne w początek, ale daje więcej inspiracji na późniejszych etapach produkcji - i wtedy możesz jej potrzebować.

Tworzenie moodboardów to jedna z najfajniejszych części produkcji, więc spróbuj się nią cieszyć i wykazać się kreatywnością!

Tablice nastroju mogą przedstawiać schemat kolorów, krój pisma i określone obrazy. Mogą również bardziej abstrakcyjnie badać ton i nastrój. Tablica może zawierać wideo lub dźwięk oprócz statycznych obrazów, fotografii i tekstu.

Jest wiele czynników, które wpływają na stworzenie idealnej tablicy mood board. W zależności od odbiorców możesz zdecydować się na wybór większego obrazu i zbudowanie wokół niego tablicy nastroju. Ten obraz stałby się Twoją inspiracją i punktem centralnym dla całej planszy. Czy uważasz też, że powinieneś stworzyć fizyczną lub cyfrową tablicę nastrojów, która lepiej przedstawiałaby Twoje pomysły i inspiracje?

Przykład tablicy nastrojów fizycznych

Więcej informacji na temat projektowania UX / UI:

  • Jak poprawić swoje umiejętności projektowania UX / UI jako programista
  • Jak szybko rozpocząć karierę w projektowaniu UX