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.)
