Psychologia projektowania: kształtowanie wizerunku w Internecie

Znaczenie koloru dokładnie omówiliśmy w dwóch poprzednich częściach naszej serii poświęconej psychologii projektowania. Wybór koloru to jednak tylko jeden z elementów walki ze złym designem.

Niezależnie od tego, czy tworzysz wzór tła dla nowego projektu strony internetowej, czy zastanawiasz się nad opakowaniem nowego produktu, w końcu będziesz musiał położyć ołówek na papierze i zacząć szkicować. Bez względu na to, jaki kształt zaczniesz formować, będzie to miało ogromny wpływ na widzów.

Czytaj dalej, aby dowiedzieć się więcej o typowych skojarzeniach, jakie Twoi klienci będą mieli między kształtami, które wybierzesz, a tym, co mówią o Twojej marce. Ponadto zobacz kilka rzeczywistych przykładów wykorzystania tych kształtów we wszelkiego rodzaju projektach!

• Linie
• Koła i owale
• Trójkąty
• Czworokąty
• Wielokąty
• Abstrakcyjne kształty

Linie proste i zakrzywione

Jeśli chodzi o pracę z linią, naprawdę będziesz musiał ciągnąć linię między kanciastym a zaokrąglonym. Linie mogą być podstawowym kształtem, z którego powstają wszystkie grafiki, ale logo i projekty stron internetowych, które w dużym stopniu opierają się na szkicach, wcale nie są proste.

Zazwyczaj ludzie preferują linie zakrzywione zamiast prostych. Można to przypisać neurofizjologii układu wzrokowego. Nawet niemowlęta, których oczy nie są w pełni ukształtowane, będą dłużej skupiać uwagę na zakrzywionych kształtach niż na ostrych, kanciastych liniach.

Jednak krzywe niekoniecznie wydłużą czas, w którym użytkownik będzie skupiał swoją uwagę na Twoim projekcie. W rzeczywistości ostre kąty częściej przykuwają uwagę użytkowników. Tam, gdzie krzywe kojarzą się z miękkością i złożonością, ostre linie i kąty kojarzą się z powagą i prostotą.

Badania wykazały, że kanciaste przedmioty mogą wywoływać poczucie zagrożenia. Wykazano, że ostrość kształtów zwiększa aktywność ciała migdałowatego, które jest obszarem mózgu odpowiedzialnym za przetwarzanie strachu. Z tego powodu ostre kąty często wymagają uwagi odbiorców i przyciągają wzrok szybciej niż ich zakrzywione odpowiedniki.

Możesz wykorzystać te naturalne wzorce ludzkich reakcji do tworzenia projektów, które sprawią, że Twoi odbiorcy coś poczują. W przypadku zabawnych, beztroskich marek zakrzywione linie mogą pomóc rozbić bloki tekstu w witrynach i stworzyć poczucie fantazji. Jednak w przypadku poważniejszych postaci marki ostre kąty i proste linie pomogą wprowadzić do domu poczucie grawitacji.

Studio kreatywne The Inlay wykorzystuje proste linie i minimalistyczny design, aby przyciągnąć wzrok podczas przewijania stron, ale unika nadużywania ostrych kątów, które mogą wywołać negatywne reakcje.

Firma konsultingowa Affinity, firma zajmująca się doradztwem technologicznym, używa jednak w swojej witrynie wielu języków zorientowanych na relacje. Ich zaokrąglone logo ze strzałką i zakrzywione kształty w całym projekcie wydają się znacznie bardziej przystępne niż tradycyjne, sztywniejsze obrazy używane w przestrzeni technologicznej.

Koła i owale

Jeśli nazywasz kogoś kwadratem, prawdopodobnie insynuujesz, że jest nudny. Przeciwieństwo oznaczałoby zatem, że kręgi kojarzą się z zabawą, młodością i beztroską mentalnością. Ma sens, ponieważ wykazano, że uwaga dzieci utrzymuje się dłużej w przypadku zakrzywionych linii, mają one również tendencję do preferowania okrągłych zabawek.

Kiedy twoi widzowie patrzą na krąg, przychodzą na myśl otwartość i poczucie wspólnoty. Okrągłe kształty mogą również kojarzyć się z poczuciem wspólnoty lub ochrony – na przykład poczuciem bezpieczeństwa we własnej bańce lub nawet miłym uściskiem. Inne cechy kręgów mogą obejmować przyjaźń, ciepło, kobiecość i odrodzenie (pomyśl: krąg życia).

Z punktu widzenia nazewnictwa dzwonek do drzwi Ring wykorzystał zmysły użytkowników. Słyszalnie można sobie wyobrazić „dzwonek” dzwonka do drzwi, podczas gdy wizualnie wyobrażony „pierścień” jest powiązany zarówno z ich logo, jak i sposobem zaprojektowania fizycznego sprzętu.

The Circle, konkursowy reality show Netflix, to kolejne miejsce, w którym budowanie marki w obiegu zamkniętym ma największy sens. Założeniem jest grupa ludzi, którzy mogą mówić prawdę o swojej tożsamości lub nie, próbując zdobyć popularność wśród swoich rówieśników tylko za pośrednictwem platformy mediów społecznościowych o nazwie The Circle. Cel? Pozostań w społeczności — pozostań w Kręgu.

Trójkąty

Przyspieszenie, ruch i równowaga, trójkąty łatwo ilustrują aktywność. To energiczne, potężne kształty, które mogą wywołać szereg emocji, od podniecenia po ostrożność.

Trójkąty mają wpływ, a sposób, w jaki są kierowane, ma kluczowe znaczenie, ponieważ kierunek zmieni ich znaczenie w umyśle konsumenta. Na przykład trójkąt skierowany w górę może pokazywać siłę, ale nawet lekko przekrzywiony może wykazywać niestabilność. Ale wiele trójkątów we wszystkich różnych kierunkach może wywołać rozbawienie lub podekscytowanie — jak konfetti!

Przycisk odtwarzania w Twojej ulubionej usłudze przesyłania strumieniowego wideo lub muzyki to najprawdopodobniej tylko trójkąt skierowany w prawo. Przypomina strzałkę wskazującą ruch do przodu, w przeciwieństwie do dwóch linii prostych, które wskazywałyby na pauzę (dosłowne „przerwanie” między dwiema liniami prostymi).

HGTV również sprytnie wykorzystuje trójkątny projekt. Trójkąt równoramienny znajduje się w górnej części ich znaku słownego, co jest wyraźnym, ale prostym sposobem zilustrowania dachu domu. „V” na drugim końcu logo stanowi doskonałą przeciwwagę, ponieważ jest skierowane w dół.

Czworokąty

Czworokąty obejmują dowolny czworoboczny kształt. Kwadraty i prostokąty to najczęstsze przykłady, ale uwzględniono tu również trapezy, romby i kilka innych. Kwadraty i prostokąty są często symbolami stabilności i stałości, konformizmu lub bezpośredniości. Ich kąty proste wizualnie sugerują racjonalność, porządek i strukturę.

Kwadraty i prostokąty są często używane przez marki, które chcą sprawiać wrażenie pragmatycznych lub pragmatycznych. Od National Geographic, przez LinkedIn, po Dominos, kwadraty i prostokąty są powszechne — zwłaszcza w przypadku logo — w wielu branżach.

Inne typy czworoboków również oddają wrażenie regularności, ale z bardziej awangardowym, współczesnym wizualnym akcentem. Diamenty mogą być używane do przedstawiania produktów luksusowych lub wysokiej klasy ze względu na nasze nieświadome skojarzenie między kształtem a kamieniem szlachetnym. Czworokąty, takie jak latawce i romby, świetnie nadają się do wskazywania poziomu stabilności bez uciekania się do nadużywanych wzorów.

Australijski projektant stron internetowych Mokthar Saghafi używa kształtu równoległoboku do geometrycznego wzoru swojej witryny. Czworokątne figury są starannie ułożone, co wskazuje na stabilność zwykle kojarzoną z czworobocznymi kształtami. Jednak ustawienie ich nieco zboczone jako romb zamiast prawdziwego prostokąta dodaje kolejną warstwę zainteresowania wizualnego.

Chociaż Lego może nie wydawać się przyziemne ani zgodne, z pewnością są stabilne — jak inaczej można by z nich budować? Ich kwadratowe logo jest również wizualnym odniesieniem do ich produktu. Wygląda bardzo podobnie do kwadratowego klocka Lego z czterema wypustkami.

Pięciokąty, sześciokąty i ośmiokąty

W matematyce i projektowaniu ten zbiór kształtów jest znany jako „wielokąty”. Wielokąt to ogólny termin używany do opisania dowolnego kształtu geometrycznego 2D, ale zwykle jest zarezerwowany dla tych, które mają 5 lub więcej boków.

W naturze kształty te można znaleźć wszędzie, od plastrów miodu, przez wzory muszli, po kryształy i formacje skalne. Jednak w projektowaniu stron internetowych są one używane rzadziej. Może to być dobre dla Twoich klientów, ponieważ pomoże Ci wyróżnić się spośród bardziej powszechnych trendów projektowych!

Złożone i futurystyczne wielokąty są często używane do tworzenia nowoczesnej, współczesnej aury, która wciąż jest dobrze zorganizowana. Jednak niektóre wielokąty są powszechnie używane w branżach niszowych. Na przykład firmy produkujące i naprawiające samochody i maszyny często wykorzystują sześciokąty i ośmiokąty w projektowaniu, ponieważ przypominają one łeb śruby.

Sześciokątny układ używany przez brytyjską agencję projektowania stron internetowych Built By Buffalo to świetny sposób na pokazanie wielu przykładów ich pracy z góry bez przytłaczania ich strony głównej. Następnie jest używany w całej witrynie do prezentowania zdjęć zespołu, zabawnych zdjęć biurowych i przywoływania ważnych informacji.

Pentagon jest jednym z najbardziej rozpoznawalnych budynków na świecie i jest trafnie nazwany ze względu na swoją pięcioboczną konstrukcję. Doskonały przykład wykorzystania wielokątów do projektowania architektonicznego, sam budynek oddaje stoicyzm i stabilność

abstrakcyjne kształty

Istnieje kilka innych geometrycznych i abstrakcyjnych kształtów, które są powszechnie używane w projektach internetowych i produktów, promocjach i działaniach związanych z budowaniem marki. Przyjrzyjmy się pokrótce niektórym z tych popularnych kształtów i ich znaczeniu.

Krople

Plamy to często kształty, które są określane jako zabawne lub głupie. Słynny „efekt bouba/kiki” udowodnił, że ludzie w różnych kulturach i systemach pisma przypisują nonsensowne słowo „bouba” kształtom plamek, podczas gdy „kiki” kojarzy się z kolczastymi abstrakcyjnymi kształtami.  

Jeśli zdecydujesz się użyć ostrych abstrakcyjnych kształtów z kolczastymi krawędziami, szybko przyciągniesz uwagę widza. Jednak zaokrąglone kształty sprawią, że poczują się bardziej komfortowo i wesoło.

Niestandardowe studio projektowe WordPress z Brooklynu, Buzzworthy, wykorzystuje wiele kształtów kropel i bulwiastych animacji przejść, aby pokazać ich zabawny, funky styl.

Krzyże

Często używane do pokazania duchowości i uzdrowienia, połączenia lub równowagi, krzyże pojawiają się cały czas w projektowaniu stron internetowych. Jest to najczęstszy sposób wizualnego konotowania spotkania lub połączenia między dwiema rzeczami. Innym powszechnym zastosowaniem krzyżyka w projekcie jest znak „plus”, wskazujący, że możesz dodać coś do koszyka lub rozwinąć, aby uzyskać więcej informacji.

W logo krzyże są zwykle zarezerwowane dla organizacji religijnych ze względu na ich silne powiązania religijne, ale inne, bardziej agnostyczne zastosowania kształtu również odniosły sukces.

Amerykański Czerwony Krzyż jest jedną z najbardziej znanych organizacji wykorzystujących obrazy krzyżowe. Ich praca znajduje się na skrzyżowaniu osób potrzebujących pomocy i osób, które mogą pomóc w trakcie lub po katastrofie. Logo Czerwonego Krzyża umieszcza je na przecięciu tych dwóch rzeczy, jednocześnie wizualnie nawiązując do leczenia i zdrowia.

Spirale

Spirale oznaczają ruch i postęp. Zaokrąglone spirale i pętle często ilustrują doskonałość, piękno i ewolucję. Jeśli twoja spirala jest bardziej spiczasta, jak ruch zygzakowaty, jest bardziej prawdopodobne, że przekaże zwrot, zmianę lub nowy kierunek, który obiera produkt, firma lub usługa.

Kierunek twojej spirali będzie również miał wiele wspólnego z tym, jak jest postrzegana — zwłaszcza jeśli planujesz ją animować. Ostatnią rzeczą, jakiej chcesz, jest próba przekazania informacji o rozwoju, wzroście lub kreatywności, a w rezultacie skierowanie użytkowników na dosłowną spiralę spadkową. Podobnie jak w przypadku większości rzeczy, przekaż pozytywny ruch, przesuwając spirale w górę iw prawo, jeśli to możliwe.

Rally, studio produktów cyfrowych z Salt Lake City w stanie Utah, w całej swojej witrynie wykorzystuje prostą spiralę na białym tle. Zmieniające się kolory i dynamiczny ruch spirali sprawiają, że widzowie są zainteresowani wizualnie i tworzą spójną całość.

Organiczne kształty

Organiczne kształty obejmują liście, gałęzie, korzenie, fale, gwiazdy, chmury i wiele innych. Tam, gdzie kształty geometryczne mogą być używane razem do tworzenia obrazów (na przykład: kwadrat z trójkątem na górze staje się prostym domem), kształty organiczne zazwyczaj są samodzielne jako obraz.

Te kształty będą zazwyczaj nieregularne lub asymetryczne (ale nie zawsze) i będą w jakiś sposób związane ze światem przyrody. Idea „chmury” to doskonałe wykorzystanie organicznych obrazów.

Idea przechowywania w „chmurze” wiąże coś bardzo wymagającego i technicznego – nieuchwytną „lokalizację”, w której przechowywane są informacje – i wiąże to ze światem przyrody, czyniąc ją bardziej przystępną dla nowicjuszy technicznych. Na przykład SoundCloud to witryna do udostępniania muzyki, w której użytkownicy mogą przesyłać pliki audio i dzielić się nimi z rosnącą społecznością melomanów na całym świecie.

Umysł stojący za projektowaniem

Jak zawsze, nie są to twarde i szybkie zasady. Użyj wielu kształtów, grubości linii i linii trasowania w swoim projekcie, aby wzbudzić zainteresowanie wizualne. Połączenie kilku elementów pozwoli Ci opowiedzieć historię, którą Twoi czytelnicy będą mogli zobaczyć na własne oczy i poczuć w swoich jelitach.

Centrum zasobów WP Engine jest Twoim źródłem informacji na temat wszystkich rzeczy związanych z projektowaniem, a nasza seria Psychologia projektowania polega na wykorzystaniu podstawowych elementów projektu, aby przyciągnąć klientów dzięki dobrze zaplanowanemu brandingowi.

Przeczytaj część pierwszą i drugą, aby dokładnie poznać znaczenie kolorów i dowiedzieć się, jak ich używać w wizualnym opowiadaniu historii. Następnie wypatruj części czwartej, która przyjrzy się znaczeniu kroju pisma, rozmieszczenia treści i doboru słów.