Jak tworzyć wzory w projektach projektowych

Pomyśl, ile wzorców stosujesz w swojej codziennej rutynie. Od wstawania i przygotowywania się do pracy każdej nocy - dzień wypełniony jest tymi małymi powtarzającymi się elementami, które tworzą porządek i spokój. Wzory w projekcie robią to samo: te powtarzające się elementy mogą uporządkować projekt i stworzyć poczucie spokoju (lub chaosu), aby nadać ton.

To prawdziwy urok wzoru. Pomaga kierować użytkownikami przez estetykę, podążając za wzorem lub serią obiektów i mówi użytkownikom, jak z czymś oddziaływać. Projektanci mogą tworzyć wzory na wiele sposobów - z tłem, obiektami, kolorem, słowami, panelami lub za pomocą kombinacji tych elementów.

Poznaj elementy Envato

Co to jest wzór?

„Zestaw powtarzających się lub odpowiednich części, motywów dekoracyjnych itp.” - Collins English Dictionary

Wzór może zawierać dowolną modę powtarzających się obiektów, słów, kolorów lub kształtów. Do celów projektowych wzór obejmuje dowolne elementy, w których widać pewne połączenie lub powtórzenie w ogólnej estetyce. Podczas gdy wielu zakłada, że ​​wzory odpowiadają porządkom porządkowym i symetrycznym, nie zawsze tak jest. Wzory mogą należeć do dowolnej tablicy; czasami dezorganizacja jest samym wzorcem.

Wzory mogą być rozpoznawane przez dowolną liczbę zmysłów. Wzory wizualne są często bardziej chaotyczne niż stworzone. Naturalne wzory obejmują spirale, fale, pęknięcia i rotacje. Prawie każdy materiał lub idealny wzór jest tworzony specjalnie dla wizualnej harmonii, nawet jeśli podstawowe kształty wywodzą się z natury.

W tle

Jedną z pierwszych rzeczy, które przychodzą na myśl, gdy mówimy o wzorach, są tła. Małe lub subtelne powtarzające się wzory, popularne dzięki tapetom (odmiany domowe i stacjonarne), są popularnymi sposobami na zwiększenie głębi podstawowej przestrzeni w projekcie. Niektórzy projektanci wybierają też większe lub odważniejsze wzory tła, chociaż nie jest to tak powszechne. (Zbyt duża aktywność w tle może odwracać uwagę od wiadomości na pierwszym planie.)

Jakie są typowe techniki tworzenia atrakcyjnego wzoru tła?

  • Prostota: Proste wzory tła są skuteczne i dodają głębi, bez faktycznego skupienia się użytkowników na tym aspekcie projektu. Najlepsze tła pasują do scenerii per se i służą jedynie do podkreślenia głównej części projektu.
  • Logo: W przypadku wielu marek małe powtarzające się logo są powszechnym stylem tła. (Chociaż jest też kilka takich, które mają zbyt duże logo w tle.) Powtarzające się logo mogą pomóc w nawiązaniu połączenia z marką.
  • Paleta neutralna: Kolor jest jednym z najczęstszych czynników w projektowaniu tła. A neutralne palety są w przeważającej mierze dominujące. Nawet przy modzie stosowania rozmytych obrazów w tle - co jest obecnie bardzo popularne - kolory i kształty są rozmyte do punktu neutralności, w którym obiekty i kolory po prostu się ze sobą łączą.
  • Symetria: wzory tła często przybierają kształty porządkowe. W przypadku powtarzających się elementów wzór można często przesuwać, tytułować, odwracać lub zmieniać na wiele sposobów i nadal mieć taki sam ogólny wygląd.
  • Powtarzanie: Powtarzające się obiekty są również popularne we wzorach tła. Ta prosta technika może nadać głębię płaskiemu schematowi.

Grupując obiekty

Podobne kształty i przedmioty prawie wydają się pasować do siebie, gdy są używane w bliskiej odległości. Chociaż oczywistym wyborem do grupowania obiektów według wzorów jest grupowanie obiektów o tym samym kształcie i rozmiarze, nie zawsze jest to konieczne.

Na powyższych zdjęciach portfolio Jonathana Pattersona tworzy oczywisty wzór z dziewięcioma identycznie ukształtowanymi pudełkami, które zawierają kształty tego samego rozmiaru. Wzór jest jasny i atrakcyjny. Wzór użyty w obrazie dla Dots Printhaus jest mniej „idealny”, ale równie oczywisty, z zestawem podobnych kształtów w różnych rozmiarach.

To pokazuje, że obiekty mogą być grupowane na różne sposoby, ale nadal tworzą poczucie wzorca:

  • Podobne kształty
  • Różne kształty w podobnych rozmiarach
  • Kształty układają się, tworząc obiekt
  • Kształty połączone liniami lub innymi elementami
  • Kształty o podobnej liczbie punktów lub końców

Powtarzając kolor

Wzór można ustalić, tworząc motyw z kolorem. Obejmuje to obiekty lub elementy tego samego koloru, a nawet pracę z elementami o podobnym kolorze „odczuwalnym”, takim jak nasycenie, jasność lub odcień. Wzory kolorów są często używane, aby powiedzieć użytkownikom, co zrobić z projektem. Na przykład w projektowaniu witryn internetowych wszystkie klikalne przyciski mają jeden kolor. To tworzy wzór estetyczny i dla zachowania użytkownika (tzn. Klikasz wszystko, co jest czerwone).

W powyższych przykładach kolor jest używany na różne sposoby. Brand Aid Design wykorzystuje kolor do rozróżniania elementów i tworzenia wzoru z ikonami o różnych kształtach i rozmiarach. Ro and Co używa kolorów jako tła i tego samego odcienia kolorów dla mniejszych obrazów w całym serwisie. To połączenie kolorów wiąże każdy z mniejszych obrazów z ogólnym projektem we wzorze, który nie ma symetrii i bardzo mało wyraźnego rozróżnienia.

Użyj koloru, aby utworzyć wzory, aby:

  • Nawiąż połączenie między obiektami
  • Dowiedz się, jak korzystać z projektu
  • Ustaw ton wizualny
  • Dodaj wzór, w którym w przeciwnym razie może nie istnieć
  • Rysuj użytkowników od jednego obiektu do drugiego

Z powtarzającymi się słowami

Powtarzające się słowa mogą tworzyć wzór wizualny lub słuchowy. Widząc to samo słowo w kółko, zaczniesz łączyć je z projektem lub komunikatem. (Na przykład witryna Casper Sleep używa słowa „Sleep” dwa razy w projekcie zawierającym mniej niż 20 słów. Używa również nazwy marki dwa razy.)

Bay Street Biergarten robi coś podobnego, ale bawi cię, czytając stronę na głos. Powtarzający się obraz niedźwiedzia i połączenie z kuflami do piwa oraz słowa „rzemieślnik” zaczynają odgrywać ten sam wzór. Każdy element w projekcie mówi o piwie. (Sprytnie, co?)

Używaj słów do tworzenia wzorców również na inne sposoby:

  • Powtarzanie słów lub wyrażeń
  • Słowa, które mają podobny wygląd (wiele takich samych liter)
  • Słowa i obrazy, które mówią to samo
  • Wiele słów o tym samym znaczeniu
  • Słowa o podobnej długości (takie jak wiele długich lub krótkich fraz w celu stworzenia rytmu)

Z panelami o podobnych rozmiarach

Trendy projektowe, takie jak projekty w stylu kart lub strony z przewijaniem paralaksy, ustąpiły miejsca panelom do tworzenia wzorów w projektach projektowych. Od grup kart, kafelków inspirowanych Pinterestem, po przewijane „ekrany”, grupy paneli tworzą oczywiste wzory dla użytkowników. Panele te ustalają różnice i połączenia między obiektami oraz informują użytkowników o zmianach w wyświetlanych informacjach.

Panele te mogą mieć dowolny kształt i rozmiar, pionowy lub poziomy i mogą mieć różne kolory. Witryna 10 Past Ten świetnie wykonuje odrębne panele w ramach paralaksy z kolorem i pozycjonowaniem produktu, dzięki czemu użytkownicy mogą wyraźnie rozróżnić jeden pomysł od drugiego. Craftsman Ave. ma nieco inne podejście do projektu, który ma duży panel, a następnie panele wewnątrz paneli, na przemian dla wzoru w stylu wzoru.

Użyj paneli, aby:

  • Łącza jak elementy
  • Ustaw sceny
  • Stwórz przepływ informacji
  • Ustal dominację za pomocą wielu obrazów
  • Opowiedz historię wizualną

Wniosek

Wzory można projektować na wiele sposobów, aby uzyskać różny wpływ. Twórz wzory, które działają z tonem, który chcesz mieć w projekcie. Symetryczne grupy są zorganizowane i uspokajające, bardziej losowo sparowane elementy mogą być zakłócające i podekscytowane.

Nie czuj, że musisz trzymać się jednego rodzaju wzoru. Mieszaj i dopasowuj różne rodzaje wzorów, aby uzyskać efekt w różnych miejscach. Różne części tego samego projektu mogą zawierać różne typy wzorów w różnych lokalizacjach. (I to jest całkowicie do przyjęcia.)

© Copyright 2024 | computer06.com