20 elementów i zasad projektowania, które każdy projektant powinien znać

Był czas, kiedy projektowanie było zbyt kontrolowane. Zbyt wzorzyste. Zbyt bezpieczny.

Ale ewolucja jest nieunikniona, a projektanci zaczęli trochę więcej eksperymentować.

Od tego momentu projekty stały się śmielsze i lepsze. Projektanci zaczęli głębiej zagłębiać się w naukę stojącą za zachowaniami swoich odbiorców, co pozwoliło im stać się elastycznymi w stosunku do wymagań rynku.

„Dzisiaj design stał się czymś więcej niż tylko wzorami i trendami. Stało się stylem życia. ” Coś, co jest starannie wplecione w każdą ludzką reakcję i rutynę. A pod zawiłościami tego stylu życia kryje się 20 różnych zasad projektowania, które czynią ten świat bardziej kreatywnym i pięknym miejscem do życia.

Przyjrzyjmy się tym zasadom i wskazówkom, jak wykorzystać je w swoich projektach.

Linie

Rozejrzyj się w dowolnym miejscu wokół siebie, a zobaczysz linie. Krawędzie ekranu komputera. Boki każdego klawisza na klawiaturze. Nawet litery na tych klawiszach składają się z linii, niektóre z nich są proste, niektóre zakrzywione, inne ukośne.

Dokładnie tak ważne są linie. Bez nich wszystko po prostu wtapiałoby się w siebie w nieskończoność, czyniąc świat jedną plamą.

To, co sprawia, że ​​linie są jeszcze bardziej zdumiewające, oprócz tego, że definiują formę wszystkiego, to fakt, że przekładają się również na emocje i idee, które wywołują równoważne reakcje. Na przykład umieść falistą linię obok prostej pionowej linii, a zaczniesz myśleć o porządku i sile z jednej strony, a chaosie i zamieszaniu z drugiej. Może to być bardzo przydatne, jeśli zachęcasz odbiorców do odpowiedzi na określone wezwania do działania. W momencie, gdy ich nastroje i emocje zostaną ustalone, łatwiej jest po prostu przejść przez wezwanie do działania.

Inną rolą, jaką odgrywają linie w projektowaniu stron internetowych, jest to, że prowadzą wzrok odbiorców do głównych punktów każdej strony. Na przykład silne linie wiodące pod nazwą marki w morzu innych mniejszych napisów pomogą wyróżnić tę nazwę.

Skala

Skala określa, w jaki sposób będziesz wymiarować różne elementy w jednym projekcie. Zasadniczo wprowadza logikę do kawałka lub ją odbiera. Na przykład, gdybyś narysował mrówkę tuż obok psa, sensowne byłoby, aby pies był o wiele większy niż mrówka (chyba że projekt nakazuje odejść od rzeczywistości).

Skala to także najlepszy sposób na tworzenie dramatu. Jak wspomniałem powyżej, będą sytuacje, w których będziesz musiał odejść od realizmu i stworzyć oszałamiające efekty, zmieniając niektóre elementy na znacznie mniejsze lub większe niż inne.

Skalowanie to także świetny sposób na podkreślenie hierarchii. Weźmy na przykład plakaty filmowe. Aktorzy z głównymi rolami zwykle wyróżniają się swoimi obrazami, nie dlatego, że są wyżsi lub więksi niż aktorzy drugoplanowi, ale dlatego, że ich postaci są ważniejsze.

Załóżmy teraz, że pracujesz nad czymś, co zawiera dużo tekstu, a nie dużo obrazów. Skalowanie nadal okazuje się najlepszym sposobem na podkreślenie niektórych szczegółów nad innymi. Na przykład statystyki można znacznie przeskalować, aby przyciągnąć wzrok odbiorców bezpośrednio do tych danych.

Kolor

To niewiarygodne, jak duży wpływ na wszystko ma kolor. Prowadzono kolejne badania dotyczące wpływu koloru nie tylko na nastroje i emocje człowieka, ale także na jego reakcje i decyzje zakupowe.

Czy możesz sobie wyobrazić firmę zajmującą się ochroną środowiska, która w swojej marce używa wyłącznie czerni i bieli? A może biznes, który chce emanować profesjonalną aurą i tradycyjnymi wartościami za pomocą jaskrawych, neonowych kolorów? Myślę, że to wystarczające wyjaśnienie, które pokazuje, jaką rolę w projektowaniu odgrywa kolor.

Spójność

Kiedy myślisz o Coca-Coli, czy wyobrażasz sobie kolory zielony lub niebieski? Prawdopodobnie nie – twój umysł automatycznie przeskakuje do koloru czerwonego.

Na tym polega spójność.

Projektowanie dla marki polega na spójności. Chodzi o to, aby używać dokładnie tych samych odcieni, tonów i odcieni tego samego koloru, a także dokładnie tych samych typów czcionek. Raporty biurowe, billboardy, banery reklamowe – każda rzecz związana z marką powinna być zawsze spójna. W końcu, gdyby Coca-Cola zmieniała swoją kolorystykę mniej więcej co roku, czy myślisz, że nadal będzie to przypominać tę samą markę, którą ma teraz? Myślę, że nie.

Biała przestrzeń

Wizytówki Frame Inc.

Biała przestrzeń niekoniecznie oznacza, że ​​jest biała, ale zawsze oznacza to samo, bez względu na kolor. To niewykorzystana przestrzeń między elementami, ta negatywna przestrzeń, za którą szaleje wielu projektantów.

Dla niektórych cała ta niewykorzystana przestrzeń wydaje się takim marnotrawstwem. Ale poczekaj, aż wykorzystasz tę przestrzeń na swoją korzyść, strategicznie pozostawiając ją pustą. Możesz otworzyć się na zupełnie nowy poziom kreatywności, który zdmuchnie umysły widzów.

Nie wierzysz mi? Sprawdź Sky and Water MC Eschera, a dowiesz się dokładnie, o co mi chodzi.

Symetria

Ares Patch autorstwa Garretta Godsey

Czy wiesz, że Twoje oczy są naturalnie przyciągane do wszystkiego, co jest symetryczne? Jest to koncepcja, z której skorzystały marki takie jak Target i Chanel, dzięki czemu ich logo jest niesamowicie niezapomniane.

Symetria to jedna rzecz, która wnosi poczucie równowagi i porządku do każdego projektu. Czasami może to nie być takie oczywiste, ale dla każdego wielkiego dzieła sztuki istnieje unikalny sposób kształtowania symetrii, który cieszy oko.

Nieprzezroczystość

Nieprzezroczystość elementu projektu pokazuje, jak jest „przejrzysty”. Decyduje o tym, jak przejrzyste jest wszystko. Wszystko, co ma mniejszą nieprzezroczystość, jest zasadniczo lżejsze, podczas gdy elementy o większej nieprzezroczystości są bardziej trwałe dla oka.

Krycie może pomóc w ułożeniu różnych elementów jeden na drugim, bez całkowitego wyeliminowania tych pod spodem. Służy również do nadania obrazowi wrażenia ruchu.

Tekstura

Bez tekstury każdy projekt może wyglądać na pusty i prosty. Dodaj trochę tekstury, a projekt ożyje, dzięki czemu wydaje się, że jest gotowy do wyskoczenia z ekranu lub powierzchni, na której jest wydrukowany.

Nie oznacza to, że każdy element projektu wymaga tekstury. Zawsze będą projekty, które będą wyglądać lepiej, gdy będą czyste i ostre. Jednak będą również przypadki, w których odrobina tekstury nie zaszkodzi.

Możesz uatrakcyjnić teksturę projektu, dodając tło, które dodaje głębi powierzchni. Możesz też spróbować wytłoczenia niektórych elementów.

Saldo

Tap Eddie Lobanovskiy

Równowagę można czasem pomylić z symetrią, ale w rzeczywistości są to dwie różne rzeczy. Kiedy wszystko jest symetryczne, każdy element może kończyć się na tym samym marginesie lub może być taka sama liczba elementów po obu stronach strony. Chociaż zwykle daje to poczucie równowagi, można to osiągnąć również bez symetrycznej konstrukcji.

Załóżmy na przykład, że chcesz zaprojektować stronę z tekstem i obrazem. Dzięki dwukolumnowemu układowi można znaleźć poczucie równowagi, nawet jeśli tekst nie jest identycznym elementem z obrazem.

Równowaga to po prostu coś, co sprawia, że ​​projekt wygląda na kompletny. Kiedy obraz jest niezrównoważony, może wyglądać na niedopracowany lub, co gorsza, pozbawiony inspiracji.

Hierarchia

Hierarchia autorstwa Melanie Taube

Hierarchia pokazuje, które elementy są ważniejsze od wszystkiego innego. Nie oznacza to, że elementy na końcu hierarchii (że tak powiem dolne podajniki) są rzeczami, bez których można się obejść. W końcu bez elementów na drugim końcu hierarchii nie byłbyś w stanie uzyskać takiego wpływu, do jakiego dążysz.

Hierarchię można wyrazić na wiele różnych sposobów poza skalowaniem. Możesz użyć jaśniejszych kolorów dla tych na szczycie łańcucha pokarmowego, przy czym kolor staje się jaśniejszy, gdy przesuwasz się dalej w dół.

Kontrast

Kontrast to zasada przeciwieństw. Zasadniczo odróżnia jasne od ciemnego, duże i małe. Dla projektantów, którzy zawsze dążą do tego, aby jakiś element lub dwa wyskoczyły ze swojego projektu, kontrast jest zwykle jednym z stosowanych przez nich podejść.

Ale kontrast sięga znacznie głębiej niż tylko estetyka. Kontrast wpływa również na czytelność. Użyj dwóch kolorów, które są prawie takie same dla tekstu i tła, a prawdopodobnie wydrapiesz oczy, próbując przeczytać, co mówi tekst. Używając dwóch kolorów o wysokim kontraście, twoje oczy natychmiast zobaczą to, co mają widzieć.

Ramy

Najlepszy aparat to ten, który masz przy sobie autorstwa Seana McCabe

Widzisz, jak ramka wyznacza granicę wokół zdjęć, które w niej umieściłeś? Właśnie po to jest kadrowanie. Zasadniczo pokazuje, co powinno, a czego nie powinno być częścią obrazu.

Zarysy ramek, marginesy – to wszystko formy oprawy. Pozwala także wyróżnić niektóre elementy nad innymi, na przykład pojedynczy cytat na środku strony wypełnionej tekstem.

Możesz także wykazać się kreatywnością i użyć do ramki innych rzeczy poza zwykłymi liniami i marginesami. Na przykład plakat o tematyce plażowej może wykorzystywać muszle ułożone wokół tekstu, aby skutecznie je oprawić.

Siatka

Próba wyrównania rzeczy na pustej przestrzeni może być trudna, dlatego siatki są bardzo ważne w projektowaniu.

Siatki pomagają projektantom wyrównać i rozmieścić elementy. Doskonałym tego przykładem są kolumny na stronie czasopisma lub gazety. Czy możesz sobie wyobrazić, że cały ten tekst jest umieszczany losowo bez pomocy siatki? Próba zrozumienia tego byłaby katastrofą.

Z drugiej strony, jeśli szukasz projektu, który jest nieco mniej sztywny, zerwanie siatki to wspaniały sposób na natychmiastowe stworzenie poczucia chaosu. Nasze oczy w naturalny sposób szukają układu i siatki projektu, więc wyrwanie się z tej struktury pomoże stworzyć poczucie nieładu.

Spontaniczność

Jasne jasne. Potrzebujemy równowagi. Potrzebujemy symetrii. Postępuj zgodnie z siatką. Użyj linii, aby go oprawić. Ale to wszystko nie oznacza, że ​​wszystko powinno być zrobione zgodnie z instrukcją. Czasami trochę szaleństwa jest również niezbędne do stworzenia niesamowitego projektu.

To, że masz już wyraźny podział na kolumny i wiersze, nie oznacza, że ​​nie możesz nagle umieścić cudzysłowu pośrodku, nie podążając za istniejącymi ramkami. Jeśli to najlepszy sposób, aby ta linia się wyróżniała, niech tak będzie.

Podczas projektowania oderwij się od „zasad” i znajdź miejsce na odrobinę spontaniczności – coś nieoczekiwanego. To może być właśnie to, czego potrzebuje Twój projekt.

Kierunek

Projekt spirali Artcrank autorstwa Allana Petersa

Można to również nazwać wskazówkami wizualnymi lub graficznymi. Umieść zdjęcie osoby wskazującej na Twój przycisk wezwania do działania, a oczy prawie każdego czytelnika natychmiast skierują się na ten przycisk.

Oczywiście, gdy patrzą na stronę, oczy podążają za pewnymi wzorami. Badania pokazują na przykład, że najczęstszymi wzorami, jakie podążają oczy, są kształty E, F lub Z. Dlatego najlepiej umieszczać najważniejsze treści w lewym górnym rogu strony, ponieważ naturalnym instynktem oczu byłoby przejście od lewego górnego rogu do prawego górnego rogu.

Zasady

Tak, chociaż kreatywność jest często spontaniczna, nadal istnieje wiele zasad projektowania, których należy przestrzegać. Ale z drugiej strony łamanie tych zasad od czasu do czasu skłoniłoby cię do tworzenia zaskakująco pięknych dzieł.

Skąd więc wiesz, kiedy przestrzegać zasad, a kiedy je łamać?

Po pierwsze, musisz być dobrze zorientowany w podstawach, aby dokładnie wiedzieć, co łamiesz. Następnie upewnij się, że łamanie zasad odpowiada celowi, który próbujesz osiągnąć.

Ruch

Nie potrzebujesz magii, aby stworzyć ruch na drukowanym projekcie. Jest tak wiele efektów, których możesz użyć, aby sprawić wrażenie, że obraz się porusza.

Na przykład na obrazie dziecka jadącego na rowerze możesz zamazać resztę obrazu wokół niego, aby pokazać, że po prostu śmiga nad wszystkim, co mija. Możesz także użyć linii ruchu, a także efektów fal. Możesz również użyć krycia, aby uzyskać optyczną iluzję ruchu, tak jak w przypadku tego logo zaprojektowanego przez Vladimira Mirzoyana powyżej.

Głębokość

Jasne, płaskie projekty są modne od kilku lat. Trzeba jednak przyznać, że dodanie głębi niektórym projektom nadal pasuje lepiej. W końcu, jak niesamowite jest to, że coś fizycznie dwuwymiarowego może rzeczywiście wyglądać tak, jakby wyskakiwało prosto ze strony?

Istnieje kilka technik, których możesz użyć, aby uzyskać głębię w swoich projektach, takich jak:

• Cienie
• Nakładające się
• Zabawa perspektywą (efekt 3D)

Jeśli Twój projekt wygląda, jakby potrzebował trochę życia, wypróbuj dowolne z tych podejść i zobacz obraz, zanim wstaniesz z jego powierzchni.

Typografia

Możesz mieć wszystkie obrazy, tekstury, tła i inne elementy swojego projektu, ale jeśli twoja typografia wymaga trochę pracy, cały projekt jest zagrożony. Typografia to coś więcej niż tylko style i rozmiary czcionek. Ma też coś wspólnego ze skalowaniem, odstępami, kolorem i wieloma innymi podstawowymi koncepcjami projektowymi.

Ponieważ typografia zajmuje dużo miejsca, prawdopodobnie będziesz bardziej oświecony, czytając te książki o tym, jak ulepszyć swoją typografię.

Kompozycja

Fale autorstwa Romaina Rdb

Zamiast być samodzielnym elementem, kompozycja jest w rzeczywistości kombinacją niektórych elementów, o których mówiliśmy wcześniej. Skala, hierarchia, głębia – wszystko to i wiele więcej wpływa na ogólną kompozycję projektu.

Kompozycja, w najbardziej podstawowym sensie, obejmuje całościową aranżację każdego elementu Twojego projektu. Wyobraź sobie wszystkie elementy, które omówiliśmy – po zmieszaniu, czy efekt końcowy działa, czy nie? Tak mierzysz kompozycję.

20 różnych elementów, 20 różnych sposobów na wykonanie lub zniszczenie projektu. Zawsze miej przy sobie listę tych elementów podczas pracy i niech będzie Twoim przewodnikiem, gdy będziesz starał się uporać z wyzwaniami związanymi z realizacją kolejnego projektu.