Terminy projektowe, które każdy nie-projektant musi znać

Praca z projektantem może być świetną zabawą, dopóki nie zdasz sobie sprawy, że mówisz dwoma różnymi językami. Kiedy nie masz pojęcia, co druga osoba ma na myśli lub masz do Google każde inne słowo, które wypowiada, wiesz, że nadszedł czas, aby odświeżyć terminy projektowe.

Na tym blogu przedstawiamy zestawienie różnych terminów używanych przez projektantów, abyś wiedział dokładnie, z czym masz do czynienia.

Warunki projektowania marki

Znak kombinacyjny

To jest coś, co łączy lub łączy logotyp i logotyp.

Znak logo

Logoznaki są również znane jako znaki marki i są symbolami reprezentującymi markę. Nie zawierają nazwy marki i są raczej abstrakcyjne i proste.

Logotyp

Jest to zwykle nazwa firmy zaprojektowanej w wyjątkowy sposób z estetycznym wyglądem.

Ikona

Ikona to bardzo prosta metoda przekazania pomysłu czytelnikowi. Upraszczają również i oddzielają tekst w dowolnym projekcie strony internetowej. Nie należy ich mylić ze znakiem logo i można ich używać w szerokim zakresie zastosowań.

Terminy projektowe związane z kolorem

CMYK

To oznacza Cyan, Magenta Yellow i Key i jest to model kolorów używany do projektów nadruków. Działa to tak, że układają się maleńkie kropki w tych kolorach. A kiedy są używane w różnych kombinacjach, pokażą różne kolory. Jeśli dodasz na przykład wszystkie cztery kolory razem, otrzymasz czarny.

Paleta kolorów

Jest to zestaw kolorów, które wzajemnie się uzupełniają i łączą elementy w projekcie.

Gradient

Gradient pozwoli Ci dodać głębi i wymiaru do tworzonego projektu. Pozwoli również na płynny przepływ oczu widza z jednego koloru na drugi. Używanie płaskich kolorów może dać efekt końcowy, który będzie równie płaski. Chaotyczne użycie kolorów może być zbyt pracowite, ale dzięki gradientom możesz zapewnić porządek i estetykę. Istnieje kilka rodzajów gradientów, których możesz użyć.

• Linear – tutaj kolor będzie przechodził od punktu początkowego i kończył się w linii prostej.
• Radial – tutaj kolory rozchodzą się od centralnego punktu startowego w okrągły wzór.
• Kąt – wzór płynie w kierunku przeciwnym do ruchu wskazówek zegara. Wyraźnie widoczna jest linia oznaczająca początek i koniec rozłożenia kolorów.
• Odbity – kolor rozkłada się równomiernie po obu stronach punktu początkowego. Jest to fantastyczne w użyciu, gdy projektujesz coś z błyszczącym wykończeniem.
• Diament – ​​kolor rozchodzi się w kształcie diamentu. Ten punkt początkowy byłby zwykle jednym z narożników kształtu rombu.

Barwy, odcienie, odcienie i odcienie

Odcień to w zasadzie dowolny kolor na kole kolorów, a kolory te mogą się łączyć, tworząc inne kolory drugorzędne i podstawowe.

Teraz, gdy zmieszasz czerń, biel lub oba w odcień (kolor) na kole kolorów, otrzymasz wariacje. Te wariacje nazywamy odcieniami, tonami i odcieniami.

Kiedy zmieszasz biel z dowolnym odcieniem, otrzymasz odcienie. Jest to jasna i nienasycona wersja koloru, która nie jest tak intensywna. Są one również znane jako pastele i są spokojniejszymi kolorami.

Kiedy zmieszasz czerń i biel z odcieniem, uzyskasz ton. Zasadniczo dodajesz szarości do odcienia. Możesz rozjaśnić lub przyciemnić ton w zależności od dodawanej ilości czerni i bieli.

Jeśli po prostu dodasz czerń do odcienia, uzyskasz odcień. Jest ciemniejszy i znacznie intensywniejszy niż oryginalny odcień. Dodanie czerni może być trudne, ponieważ niewielka ilość może być naprawdę przytłaczająca.

Ujemna/biała spacja

Odnosi się to do przestrzeni otaczającej elementy wizualne, które masz w swoim projekcie. To powiedziawszy, przestrzeń nie jest ujemna i nie musi też być biała. To po prostu więcej przestrzeni w projekcie i może mieć dowolny kolor, wzór i fakturę. Biała przestrzeń jest również bardzo ważna podczas projektowania. Pomaga stworzyć nacisk na właściwe punkty skupienia, a także wywołać nastrój.

Nieprzezroczystość

Termin ten odnosi się do tego, jak przejrzysty jest Twój obraz. Jest zwykle pokazywany w procentach. 0% oznacza, że ​​obrazek jest ukryty, a 100% oznacza, że ​​obrazek jest w pełni przezroczysty.

Pantone

Są to kolory, które reprezentują określony odcień. Zasadniczo możesz przekazać dokładny kolor, którego potrzebujesz, za pomocą kodu pantone. Jest to uważane za podstawowy język kolorów w grafice. Formuła opracowana przez pantone jest znana jako kolor spotowy. Oznacza to, że paleta pantone składa się z 18 podstawowych kolorów, a nie z ekranów czy kropek.

RGB

Ten model kolorów jest używany do ekranów i oznacza czerwony, niebieski i zielony. Kiedy dodasz wszystkie te kolory, możesz uzyskać kolor biały.

Nasycenie

Termin ten opisuje intensywność koloru na obrazie. Nasycony obraz będzie miał zbyt jasne kolory. Jeśli twoje obrazy są na przykład niedoświetlone, możesz użyć grafiki, aby zwiększyć nasycenie kolorów w nich.

Warunki projektowania typu obrazu

Obrazy rastrowe

Są one również czasami nazywane obrazami bitmapowymi i składają się z tysięcy pikseli, które następnie określają kolor i formę obrazów. Na przykład zdjęcia są obrazami rastrowymi. Zmiana ich rozmiaru może być trudna, ponieważ te obrazy składają się ze skończonej liczby pikseli.

Gdy na przykład w Photoshopie nada się obrazowi rastrowemu większe wymiary, oprogramowanie będzie musiało uzupełnić dane, aby zwiększyć rozmiar obrazu, a to spowoduje słabą jakość. Istnieje kilka różnych typów plików, o których należy wiedzieć w obrazach rastrowych.

• GIF – Graphics Interchange Format to plik rastrowy, który obsługuje przezroczystość i animację. GIF-y mogą wyświetlać tylko do 256 kolorów, co sprawia, że ​​ich rozmiary plików są bardzo małe.
• JPEG – to skrót od Joint Photographic Experts Group i jest najczęściej używanym formatem rastrowym, jeśli chodzi o projektowanie stron internetowych. Te ładują się szybko i są skompresowanymi plikami.
• PNG – te pliki nie tracą swojej jakości nawet po skompresowaniu i oznaczają Portable Network Graphics. Mają format internetowy. Pliki te zostały faktycznie opracowane, aby można było poprawić jakość plików GIF.
• PSD – gdy projektant tworzy nieskompresowany roboczy obraz pliku rastrowego w programie Adobe Photoshop, staje się on plikiem PSD. Litery oznaczają dokument Photoshop.
• TIFF — Tagged Image File Format jest dość powszechnie używany do wymiany obrazów rastrowych między aplikacjami. Ma nieco wyższą jakość niż JPEG lub PNG i jest używany głównie przez fotografów i branżę wydawniczą.

Obrazy wektorowe

Obrazy wektorowe składają się z wielu punktów. Punkty te mają współrzędną X lub Y. Punkty te połączą się następnie ze ścieżkami i utworzą kształty, a następnie możesz dodać kolor wewnątrz tych kształtów. Wektory można powiększać bez martwienia się o jakość. Są one zwykle używane do logo i grafiki, które można wykorzystać na wielu różnych wyjściach, od ulotek po nawet billboardy. Przyjrzyjmy się różnym typom obrazów, które należą do tej kategorii.

• AI – oznacza dokument Adobe Illustrator. Ten format pliku został stworzony przez systemy Adobe i mają jednostronicowe projekty wektorowe.
• EPS – Encapsulated Post Script można zmienić rozmiar i jest szeroko stosowany w projektach wektorowych. Charakteryzuje się bardzo wysoką jakością i znajduje zastosowanie w wielu elementach druku, takich jak logotypy, broszury i wizytówki.
• PDF – opracowany przez firmę Adobe, Portable Document Format to typ pliku, który można pobrać i wyświetlić na dowolnym komputerze. Są one idealne do udostępniania podglądów pracy, ponieważ są powszechnie widoczne.

Rezolucja

Istnieją tutaj 2 typy, o których należy pamiętać, które to DPI i PPI.

• DPI to coś, o co musisz się martwić, gdy pracujesz nad wydrukiem. Oznacza również punkty na cal. Odnosi się to zasadniczo do liczby punktów na cal na jednej wydrukowanej stronie. Im większa liczba kropek, tym wyższa jakość obrazu. Standardem drukowania obrazu jest 300DPI.
• PPI oznacza piksele na cal. Jeśli utworzysz duży obraz w Photoshopie, będziesz musiał zwiększyć liczbę pikseli na cal, gdzie Photoshop uzupełni dane, a także stracisz trochę jakości.

Rozdzielczość będzie dotyczyć tylko obrazów rastrowych, ponieważ wektory nie będą działać z pikselami.

Warunki projektowania czcionek, tekstu i typografii

Wznoszący się

Jest to liniowe przedłużenie litery pokazanej powyżej linii środkowej.

Linia bazowa

Jest to równomiernie widoczna linia, na której będą znajdować się wszystkie litery, które umieścisz w swoim projekcie.

Wysokość czapki

Jest to odległość między linią bazową a samą górną częścią wielkich liter.

Potomek

To jest przedłużenie litery, która pojawi się poniżej linii bazowej. Obszary zaznaczone na czerwono w poniższym przykładzie to dolne litery dla podanych liter.

Kerning

Odnosi się to do dostosowania odstępów między znakami określonej czcionki, aby uzyskać bardziej przyjemny wizualnie efekt. Na przykład możesz chcieć mieć trochę odstępu między t i i, aby ramię t nie łączyło się z i. Musisz również upewnić się, że kerning, który wykonujesz, jest dokładny, jeśli chodzi o używanie wielkich liter, takich jak T lub A w nagłówku.

Sieroty i wdowy

Kiedy pracujesz ze składem, wdowy to akapity, które kończą się linią na początku następnej strony lub kolumny. Z drugiej strony sieroty to akapity, które zaczynają się u dołu strony lub kolumny. Nie wyglądają zbyt atrakcyjnie i zwykle muszą być uzupełnione większą ilością kopii, w przeciwnym razie projektant może spróbować je naprawić. Jeśli w ostatnim wierszu dowolnego akapitu znajdują się pojedyncze słowa, spróbuj nad nimi pracować, ponieważ wyglądają nieestetycznie.

Bezszeryfowy

Jest to grupa czcionek, w których nie stosuje się linii i odgałęzień na końcu znaków, jak w przypadku szeryfów. Niektóre z popularnych czcionek należących do tej grupy to Helvetica, Arial i Geneva. Czcionki San Serif są trochę trudne do odczytania. Często są używane tylko w krótkich tekstach, takich jak podpisy i nagłówki.

Scenariusz

Te czcionki naśladują pismo odręczne, które jest kursywą. Ma osobisty charakter, jak w przypadku kaligrafii. Możesz wybierać spośród dwóch różnych typów czcionek skryptowych – formalnych i swobodnych. Formalna grupa ma w sobie wiele fantazyjnych akcentów. Są również bardzo łatwe do zidentyfikowania, ponieważ mają loki i zawijasy, które wychodzą na zewnątrz od szeryfa. Z drugiej strony, zwykła czcionka skryptowa ma mniej bitów curlingu. Jeśli chcesz nadać swojemu projektowi przytulny charakter, możesz użyć tego typu czcionki. Jednak wybierając czcionkę taką jak skrypty, musisz być ostrożny, ponieważ czytelność może być niższa.

Szeryf

Szeryfy są powszechnie używanym rodzajem czcionki. Litery w tym przypadku mają ozdobne wypustki, jak pokazano na powyższym obrazku, gdzie widać podświetlone zielone bity. Istnieją cztery główne typy czcionek szeryfowych.

• W starym stylu
• Przejściowy
• Didone
• Płyta szeryfowa

Śledzenie

Śledzenie odnosi się do zwiększania (w większości) lub zmniejszania odstępu między literami w wierszu lub bloku tekstu. Zwykle stosuje się go poziomo. Prowadzenie ma miejsce, gdy ta sama zasada jest stosowana w pionie. Odnosi się to zasadniczo do zachowania tej samej przestrzeni między 2 wierszami. Głównym celem jest upewnienie się, że twój typ jest czytelny i że dolne elementy nie połączą się z linią bezpośrednio poniżej.

Ogólne warunki projektowe

Wyrównanie

Wyrównanie zasadniczo odnosi się do tego, jak elementy w projekcie, w tym tekst i obrazy, są ułożone względem siebie. Obrazy te można wyrównać tak, aby pasowały do ​​​​strony, a także pasowały do ​​siebie.

Współczynnik proporcji

Tak się składa, że ​​jest to proporcjonalny stosunek wysokości do szerokości. Zobaczysz to w formacie x:y. Na przykład obraz o wymiarach 6 x 4 będzie miał proporcje 3:2. To określi proporcje i kształt obrazu, a nie jego rozmiar.

Kontrast

Jest to zasada projektowania, która ma miejsce, gdy dwa elementy w wizualizacji są dość radykalnie różne. Im większa różnica, tym większy kontrast. Kontrast w projekcie pomoże Ci przekazać przesłanie, kierując oko widza na główne punkty. Pomaga również w poprawie czytelności. Możesz zobaczyć kontrast pod względem koloru, rozmiaru, wartości lub dowolnego innego aspektu projektu.

Kompresja

Kompresja obrazu jest zasadniczo tym, co dzieje się, gdy rozmiar pliku graficznego w bajtach jest zmniejszony, bez negatywnego wpływu na jakość obrazu. Zmniejszenie rozmiaru pliku ułatwia wysyłanie tych plików pocztą e-mail, a także zajmuje mniej miejsca w pamięci. Będą one wówczas również łatwo pobierane ze stron internetowych.

Płaska konstrukcja

Płaska konstrukcja to styl projektowania interfejsu użytkownika, który zawiera bardzo proste i dwuwymiarowe elementy oraz jasne i żywe kolory.

Saldo

Odnosi się to do równoważenia elementów na stronie tak, aby elementy graficzne i tekstowe były ułożone prawidłowo i równomiernie. Są 3 główne sposoby, aby to osiągnąć.

• Asymetryczny – ten obraz Van Gogha jest doskonałym przykładem asymetrycznego projektu, w którym różne przedmioty i kolory są używane do stworzenia idealnego dzieła, które nie jest równomiernie rozłożone. W grafice, gdy na przykład obraz z jednej strony, a tekst z drugiej, mówi się, że jest asymetryczny.

• Symetryczny – wszystkie elementy wystroju są równomiernie wyważone po obu stronach linii środkowej.

• Promieniowy – w tego typu projekcie elementy rozchodzą się promieniście z centralnego punktu, co z kolei zapewni równowagę w projekcie.

Skład i układ

Kompozycja wzoru (inaczej forma) to układ różnych elementów projektu. Jeśli kompozycja odniesie sukces, przyciągnie widza, a także przeniesie jego wzrok przez cały projekt. Składa się z wielu różnych elementów, takich jak balans, wyrównanie, bliskość, biała przestrzeń i kontrast.

Skala

Rozmiar jednego elementu projektu w porównaniu z innym elementem tego samego projektu.

Tekstura

W projektowaniu graficznym, kiedy mówisz o fakturze, odnosisz się do zmysłu dotyku, aktualizacji i czucia. Ta cecha poprawi inne elementy Twojego projektu, takie jak kolory, treść, wzory i ilustracje.

Przycinanie i spad

Rozmiar przycinania będzie reprezentował ostateczne wymiary tworzonego projektu. Spad występuje w zasadzie wtedy, gdy projekt wykracza poza rozmiar przycięcia. Po zakończeniu ostatecznego projektu obszar spadu będzie przez większość czasu odcięty. Celem obszaru spadu jest upewnienie się, że projekt prawidłowo dociera do wszystkich rogów bez żadnych białych obramowań, które mogą wyglądać dość nieestetycznie.

Znajomość warunków może Ci pomóc w ładowaniu

Przynieśliśmy Ci wiele z tego, co wiemy, że pomoże Ci jako nie-projektantowi, ale nauka o projektowaniu nie kończy się tutaj! Podobnie jak trendy w projektowaniu, zmieniają się również terminy projektowe. A im więcej będziesz starał się być na bieżąco, tym lepiej będziesz mógł kontynuować swoją pracę. W ten sposób, gdy członkowie Twojego zespołu lub szef mówią Ci, co musisz zrobić, a szczegóły są podawane w żargonie, będziesz dokładnie wiedział, co mają na myśli.