Zrozumienie symetrii i asymetrii w projektowaniu

Projektanci wiedzą, jak ważne jest opanowanie wizualnej koncepcji równowagi w przekazywaniu odpowiedniego przekazu, który widzowie będą mogli dostrzec. Często uważa się, że równowagę można osiągnąć tylko wtedy, gdy elementy są w symetrii lub mają równą wagę po obu stronach projektu. To nie jest prawda; możesz osiągnąć równowagę również na inne sposoby. W tym celu powinniśmy najpierw zrozumieć, co oznacza równowaga w projektowaniu. Nazywa się to rozmieszczeniem elementów projektu. To wizualna interpretacja grawitacji w projektowaniu. Duże, gęste przedmioty wydają się cięższe, podczas gdy małe elementy wydają się lżejsze. Istnieją różne sposoby na osiągnięcie równowagi w projektowaniu. Omówimy dwie takie metody, które są szeroko stosowane: projektowanie symetryczne i asymetryczne.

Co to jest symetria?

Szpilka

Symetria odnosi się do wizualnej jakości powtarzających się części obrazu wzdłuż osi, wzdłuż ścieżki lub środka. Elementy i kompozycje, które są takie same z obu stron i zawsze wyglądają na wyważone. Najlepszym odniesieniem, jakie można wyciągnąć z natury, aby zrozumieć pojęcie symetrii, jest motyl. Wszystkie przeciwstawne kształty są do siebie odpowiednikami i są w idealnych proporcjach. Taka perfekcyjna Symetria tworzy poczucie harmonii, która wygląda ładnie wizualnie, a co za tym idzie jest często bardzo dobrze odbierana.

Istnieją różne metody osiągania symetrii różnego rodzaju. Omówmy kilka z nich:

1. Symetria odbicia:

Szpilka

Symetria odbicia, znana również jako symetria dwustronna, jest najpopularniejszą i najbardziej popularną formą symetrii. W takiej symetrii oś środkowa może być ustawiona poziomo lub pionowo bez jakiegokolwiek wpływu na symetrię. Nie tylko osie pionową i poziomą, ale taką symetrię można również znaleźć na wielu osiach ukośnych. Weźmy na przykład płatek śniegu, który jest symetryczny bez względu na to, gdzie umieścisz oś centralną. Ponieważ w takiej symetrii nie ma zmian po obu stronach osi centralnej, jest ona również określana jako czysta symetria.

Kiedy uwzględnimy symetrię odbić w naszym projekcie strony, możemy to zrobić w układzie. Podstawowe zasady pozostają takie same. Należy jednak zauważyć, że powinieneś czerpać inspirację z takich praktyk i nie wahać się oderwać trochę od wyglądu elementów po obu stronach osi środkowej, pod warunkiem, że są proporcjonalnie podobne. Ta praktyka pomaga czasami stworzyć wysoki kontrast, jak widać na przykładzie powyższej witryny.

2. Symetria rotacji:

Szpilka

Symetria obrotowa jest również znana jako symetria promieniowa. Służy do dodania ruchu w projekcie. Podstawową ideą jest obrócenie elementu do pewnego stopnia, który pomaga zobrazować ruch tego elementu w projekcie, wyświetlając go pod dwoma lub więcej różnymi kątami wskazującymi na przemieszczenie i prędkość. Przekazuje dynamiczną akcję. Muszą znajdować się w tej samej odległości, częstotliwości i kącie obiektów wizualnych, aby były w symetrii obrotowej. Jeśli czerpiemy inspirację z natury, najlepszym przykładem symetrii rotacji są płatki słonecznika.

Kiedy mówimy o projektowaniu stron internetowych lub logo, najlepsze wykorzystanie symetrii obrotu można dostrzec w projekcie logo Mitsubishi. Ten sam wzór jest obrócony pod trzema różnymi kątami połączonymi w środku, co przypomina wzór kwiatu i wykorzystuje obrotową symetrię i tworzy wrażenie ruchu.

3. Symetria translacyjna:

Szpilka

Symetrię translacyjną uzyskuje się poprzez przeniesienie obiektu w inne położenie przy zachowaniu jego ogólnej lub dokładnej orientacji. Jest zwykle używany do obramowań, aby utrzymać skomplikowane wzory „w linii” na płaskiej lub dwuwymiarowej powierzchni. Nie wymaga to, aby wszystkie elementy były tego samego rozmiaru. Wielokrotnie zmiana rozmiaru powtarzającego się wzoru w tej samej orientacji może być również użyta do pokazania odległości, ruchu lub bliskości. Jest to idealny sposób na tworzenie szybkości, dźwięku i akcji w Twoim projekcie.

Jeśli chodzi o projektowanie stron internetowych, projektanci często używają go do pojedynczego elementu strony internetowej, zamiast projektować w ten sposób całą witrynę. To także doskonała praktyka do projektowania logo. Logo Public Broadcasting Service doskonale wykorzystuje przejściową symetrię połączoną z monochromatycznym, aby pokazać kontrast w swoim logo.

4. Symetria kolorów:

Szpilka

Symetria jest często rozważana i mówiona tylko w kształtach i ich układach, ale może być również realizowana w aspekcie kolorystycznym. Samo koło kolorów jest w tak doskonałej Symetrii, że każdy odcień, każdy kolor ma uspokajający przeciwny kolor, co prowadzi do inteligentnej Symetrii. Kolorystyka jako indywidualny element projektu sama w sobie ma znaczący wpływ na estetykę wizualną i język serwisu. Dlatego stworzenie symetrii kolorów na stronie internetowej jest niezbędne, aby wrażenia użytkownika były kojące i wygodne dla oka. Może również pomóc projektantom zachować idealną równowagę między różnymi elementami, takimi jak punkty zainteresowania, wyjątkowość i charakter.

Apple osiąga udaną symetrię kolorów, korzystając z najbardziej popularnego i klasycznego połączenia czerni i bieli lub monochromatyczności w swoim projekcie strony internetowej. Kontrast kolorów daje oddech poszczególnym elementom, a także ogólne wrażenia z witryny. Użytkownicy czują się swobodnie podczas poruszania się po witrynie, ponieważ informacje wydają się być bardzo zorganizowane i ustrukturyzowane.

Teraz, gdy znamy rodzaje wag symetrycznych, możemy omówić zalety ich wykorzystania w projektowaniu.

Przekazuj poczucie zaufania: symetryczny układ świetnie sprawdza się w przypadku projektantów, którzy chcą przekazać poczucie zaufania. Daje również poczucie stabilności; stąd jeśli pracujesz dla banku; symetryczna konstrukcja może być właściwym wyborem.

W przypadku stron z jednym obiektem interakcji: symetryczna równowaga działa najlepiej w przypadku stron, które mają jeden obiekt interaktywny. Zazwyczaj strony logowania/rejestracji mają taką stronę. Używając głównego obiektu interakcji lub krytycznego komunikatu w centrum, możesz mieć centralny punkt kontaktowy.

Gdy strona ma dwie lub więcej podstawowych opcji do wyboru: Korzystanie z asymetrycznej równowagi pozwala odwiedzającemu skupić się na wszystkich stronach witryny w równym stopniu. Jednym z najlepszych miejsc, w których może to być korzystne, jest witryna zakupów, która oferuje produkty zarówno dla mężczyzn, jak i kobiet. Dlatego jedna sekcja strony może wyświetlać sekcję męską, a druga sekcję kobiecą.

Teraz, gdy omówiliśmy różne rodzaje wag Symetrii i jak różni projektanci włączyli je do projektu, zrozummy, o co chodzi w projektowaniu asymetrycznym.

Co to jest asymetria?

Szpilka

Równowaga, która nie ma symetrii, nazywana jest równowagą asymetryczną. To, co wydaje się chaotycznym sposobem kompozycyjnym, jest celowe, z poczuciem równowagi nadal obecne w projekcie, pomimo zastosowania elementów o różnej wadze, które nie są lustrzanymi odbiciami siebie. Wiele metod może to osiągnąć. Na przykład, możesz umieścić ciężkie elementy na jednym końcu płótna i zrównoważyć je lżejszymi przedmiotami po przeciwnej stronie projektu. Takie praktyki sprawiają, że projekt wygląda bardziej dynamicznie i nowocześnie. Może też pomóc w dostarczeniu wiadomości z większym wpływem.

Należy pamiętać, że ciemniejsze i większe przedmioty zawsze mają większą wagę niż małe i lżejsze przedmioty. Projekty asymetryczne mogą przyciągnąć więcej uwagi, ponieważ wykorzystują złożone relacje między dwoma lub więcej elementami do stworzenia ich kompozycji. Istnieje harmonijna równowaga, którą osiąga się za pomocą balansu symetrycznego, ale czasami staje się ona trochę pasywna. Podczas gdy projektanci, którzy prawidłowo używają równowagi asymetrycznej, nie muszą martwić się o przyciągnięcie uwagi odbiorców, ponieważ mają większy zakres opowiadania historii niż projekty symetryczne.

Słynny malarz Vincent Van Gogh namalował swój słynny obraz zatytułowany „Gwiaździsta noc”, który jest doskonałym przykładem asymetrycznej równowagi. Jasny księżyc w prawym górnym rogu kompozycji jest zrównoważony i dopełniony ciemnymi drzewami w lewym dolnym rogu obrazu.

Asymetryczne projekty zapewniają swobodę elastyczności, nieprzewidywalności i opowiadania historii. Chociaż takie projekty wyglądają bardziej chaotycznie i chaotycznie, nie należy zakładać, że są łatwe do wykonania. Stworzenie równowagi w tak chaotycznym procesie projektowania może być większym wyzwaniem.

Istnieją różne metody osiągania asymetrii różnego rodzaju. Omówmy kilka z nich:

1. Układ według kształtu i wartości:

Szpilka

Obiekty wizualne o jasnych kolorach i małych rozmiarach mają mniejszą wagę niż większe i ciemniejsze obiekty wizualne. Umożliwia to zrównoważenie projektu poprzez użycie kilku mniejszych elementów po jednej stronie projektu w porównaniu z jednym masywniejszym obiektem po drugiej stronie projektu. Również duże puste obszary kompozycji można uzupełnić mniejszymi, misternymi detalami.

2. Aranżacja z wykorzystaniem Tekstury:

Szpilka

Tekstura to jedna z najpotężniejszych technik używanych do tworzenia atrakcyjnego i realistycznego projektu. Nazywa się to jakością powierzchni lub odczuciem obiektu. Wiesz, jak różne materiały, takie jak bawełna, wełna i juta, są odczuwalne na Twojej skórze. Jest to znane jako Tekstura tego materiału. W praktycznym świecie tekstury rozróżniają dwa elementy wizualnie, a także odczuwalną fizyczną różnicą materiałową. Jednak w przypadku projektowania stron internetowych, ponieważ projekt jest cyfrowy, tekstury nie można wyczuć dotykiem, ale można ją przedstawić za pomocą wizualnych poprawek. Teksturę koloru można modyfikować, aby uzyskać gładkie, szorstkie lub inne podobne efekty. Pokazując ostry kontrast między obszarem, w którym używane są różne tekstury, a innym obszarem, w którym nie ma żadnych zmian tekstur, można znaleźć poczucie równowagi.

3. Układ według koloru: Szpilka

Istnieje wiele sposobów na opisanie kolorów. Są kolory podstawowe, drugorzędne, ale są też kolory bardziej orzeźwiające i cieplejsze odcienie kolorów. Niektóre kolory są bardzo żywe, inne raczej matowe, a niektóre są neutralne. Odpowiednia wiedza na ten temat może pomóc projektantom wybrać odpowiednie kolory w ich projekcie, aby zwiększyć ich atrakcyjność. W projektowaniu asymetrycznym projektanci często używają neutralnych kolorów dla dużych obszarów projektu i kontrastują je z jasnymi i żywymi kolorami mniejszych obszarów.

4. Układ według kierunku oczu:

Szpilka

Kiedy mówimy ogólnie o projektowaniu, wiele elementów może stanowić wizualny przewodnik, za którym widzowie mogą podążać i zobaczyć, co projektant chce, aby zobaczyli najpierw, a potem tak dalej. Trójkątne kształty często działają jak strzałki lub wskaźniki, a ludzie najpierw zwracają uwagę na takie wskazówki, a następnie na resztę projektu. Ponadto, gdy element projektu wskazuje na coś, przekierowuje uwagę odbiorców na to, gdzie wskazuje. Zachowuje ciekawość publiczności i dlatego jest integralną częścią elementów projektu dla asymetrycznej równowagi.

Teraz, gdy znamy rodzaje wag asymetrycznych, możemy omówić zalety korzystania z nich w projektowaniu:

Aby wyróżnić układ: projekt Asymetry ma cechę storytellingu, a co za tym idzie, wyróżnia się na tle innych, co ma trwałe wrażenie na umyśle klientów.

Aby pokazać dynamikę: Projekt dynamiczny to projekt, w którym oczy widza poruszają się po układzie projektu, zamiast widzieć wszystkie elementy jako jeden. Asymetryczne wzory dają poczucie ruchu. Dlatego wiele marek sportowych używa asymetrycznego designu w swoich logo i layoutach.

Aby zwrócić uwagę: Asymetria przyciąga uwagę. Automatycznie prowadzi zwiedzającego do głównego punktu, a spojrzenie najpierw skupia się na najbardziej krytycznym aspekcie projektu. Dopasowując i pozycjonując elementy strony, projektant może skierować wzrok widza na różne obszary.

Chociaż obie praktyki projektowe są unikalne i mają swoje implikacje i zalety, mają również swoje ograniczenia. W ten sposób można połączyć zasady projektowania symetrii i asymetrii, aby stworzyć estetyczne układy projektowe. Jednym ze sposobów, aby to zrobić, jest posiadanie ogólnego symetrycznego układu i asymetrycznych regionów lub elementów w jednym regionie układu w celu utworzenia punktów zainteresowania i zorganizowania hierarchii wizualnej w grupie podobnych elementów.

Dlatego opanowanie umiejętności obu dyscyplin pomoże Ci zaprojektować świetną stronę internetową, z wciągającym i odpowiednim układem, który jest wyjątkowy i zapada w pamięć odwiedzającym.