63 Warunki projektowania stron internetowych każdy Marketer powinien wiedzieć

kiedy jesteś nowy w marketingu, zwłaszcza w małym zespole, być może będziesz musiał zrobić wiele rzeczy w jednej chwili. A jeśli chodzi o takie rzeczy jak blogowanie i media społecznościowe, oczywiście, masz to. Ale wkrótce, jesteś wciągany do projektów projektowych. Jednego dnia szydzisz z infografiki, a następnego projektujesz ebooka. Czujesz się żałośnie nieprzygotowany … a to słownictwo projektowe? Może czuć się jak w obcym języku.

brzmi znajomo?

byliśmy tam-i wiemy, że nie jesteśmy jedynymi marketerami, którzy w pewnym momencie musieli biegle posługiwać się tym słownictwem. Postanowiliśmy więc podzielić się większym słowniczkiem, aby pomóc nam wszystkim nieco przyspieszyć naszą grę. W żadnym razie nie jest to terminologia projektowa, więc możesz dodać swoje definicje w komentarzach. Oto, co mamy, uporządkowane alfabetycznie.

ostateczny słownik terminów projektowania stron internetowych

A / B / C / D / E / F / G / H / J / K / L / M / N / O / P / R / S / T / V / W / X / Z

a

1) wyrównanie

pozycjonowanie elementów w projekcie (np. tekstu, obrazów itp.)). Elementy te mogą być wyrównane zarówno do strony, jak i do siebie nawzajem. Na przykład ten akapit tekstu jest wyrównany do lewego marginesu, podczas gdy linie przedstawione na poniższym obrazku są wyrównane do prawego.

źródło:

2) analogiczne Kolory

kolory, które pojawiają się obok siebie na kole kolorów.

źródło: nopira

3) Ascender

liniowe rozszerzenie litery, która pojawia się nad linią środkową — Zobacz także linię bazową , wysokość czapki, zejście i przedłużacz.

źródło: Max Naylor

B

4) Linia bazowa

parzysta, niewidoczna linia, na której znajdują się wszystkie litery kroju pisma-Zobacz także ascender, Cap height, descender, extender i midline.

źródło: Max Naylor

C

5) Wysokość Czapki

odległość między linią bazową a wierzchołkiem wielkich liter-Zobacz także ascender, descender, extender i midline.

źródło: Max Naylor

6) Model koloru CMYK

oznacza Cyjan, magenta, żółty i czarny. Ten zestaw kolorów jest używany w projektowaniu druku ze względu na sposób, w jaki papier pochłania światło.

źródło: Capsoul

7) koło kolorów

koło kolorów, które pokazuje relacje między kolorami pierwotnymi, drugorzędnymi i trzeciorzędnymi.

źródło: nopira

8) schematy kolorów

połączenie dwóch lub więcej kolorów z koła kolorów-znane również jako harmonie kolorów.

9) kolory uzupełniające

kolory, które są naprzeciwko siebie na kole kolorów.

źródło: nopira

10) Kompresja

zmniejszenie rozmiaru pliku poprzez wyeliminowanie nadmiaru danych. Szczególnie przydatne podczas wysyłania e-maili lub zapisywania dużych plików graficznych. Zobacz więcej na temat kompresji stratnej i bezstratnej.

11) kontrast

akcentowanie różnic między kolorami, kształtami, odstępami lub jakimkolwiek innym elementem projektu.

źródło:

12) Przytnij

gdy zewnętrzne części obrazu zostaną usunięte, aby zmienić ramkę przedmiotu lub zmienić rozmiar proporcji obrazu.

13) CSS

fragment kodu, który jest używany do oznaczania wyglądu strony internetowej, oddzielony od rzeczywistej zawartości strony internetowej.

D

14) Descender

przedłużacz na literę, pojawiającą się poniżej linii bazowej-Zobacz także ascender, wysokość Czapki i linię środkową.

źródło: Max Naylor

15) kropki na cal (DPI)

podobnie jak w przypadku pikseli w sieci, kropki są najmniejszą jednostką miary podczas drukowania obrazów cyfrowych. Liczba DPI odnosi się do rozdzielczości wydrukowanego obiektu cyfrowego-im wyższy DPI, tym wyższa rozdzielczość.

16) Cień

efekt wizualny, który wyświetla grafikę tak, jakby miała za sobą Cień.

źródło: Tizio

E

17) EPS

format pliku używany do obrazów wektorowych, które zawierają zarówno tekst, jak i grafikę.

18) Extender

część litery, która rozciąga się powyżej x-height lub poniżej linii bazowej-Zobacz także ascender, Cap height, descender i midline.

F

19) Piórkowanie

technika projektowania stosowana do wygładzania krawędzi funkcji.

20) czcionka

krój pisma w jednym określonym stylu i rozmiarze. Przykładem może być Times New Roman Semi Bold w rozmiarze 14.

G

21) GIF

format pliku obrazu, który najlepiej nadaje się do małych plików graficznych z kilkoma kolorami i wzorami lub animowanymi obrazami. Poniżej przykład animowanego obrazu GIF:

źródło: Manuel Almagro Rivas

22) Gradient

technika projektowania, w której jeden kolor lub część obrazu wydaje się blaknąć w inny.

źródło: Public Domain Pictures

23) Siatka

czysto hipotetyczna Mapa pionowych i poziomych linii, która pomaga wyrównać obrazy i tekst w dokumencie.

H

24) kod szesnastkowy

kod używany w HTML i CSS do oznaczania określonego koloru, często pojawiający się po znaku funta (#). Poniżej znajduje się Wykres kodów kolorów sześciokątnych:

źródło: bmdavll

25) HTML

język komputerowy używany do wyświetlania treści, takich jak tekst, obrazy i linki w Internecie.

26) odcień

to, co większość ludzi uważa za „kolor” – czerwony, pomarańczowy, żółty itp.

J

27) JPEG

Typ pliku obrazu, który wykorzystuje kompresję stratną lub bezstratną, z niewielkim postrzeganiem utraty jakości. Ten typ pliku jest najlepiej używany do zdjęć i realistycznych obrazów, w których występują płynne przejścia między kolorami.

K

28) Kerning

odstęp między poszczególnymi literami.

źródło: Sherbyte

L

29) prowadzący

odstęp między liniami typu.

30) stratna

forma kompresji danych, w której szczegóły są usuwane wraz ze zmniejszeniem rozmiaru pliku. Standardową metodą kompresji stratnej jest JPEG.

31) bezstratna

w przeciwieństwie do kompresji stratnej, format ten umożliwia przywrócenie szczegółów obrazu.

M

32) linia środkowa

odległość od linii podstawowej do górnej części większości małych liter, w tym „e”, „g” i Krzywa „h”. Patrz: wznoszenie, wysokość Czapki i opadanie.

źródło: Max Naylor

N

33) ujemna przestrzeń

pusta przestrzeń otaczająca projekt, czy to stronę internetową, czy pojedynczy obraz-Zobacz też białą przestrzeń.

źródło: Public Domain Pictures

O

34) Otwórz czcionki

obecny standard w formatach czcionek. Zawiera zarówno wersję ekranu, jak i drukarki w jednym pliku i jest kompatybilny zarówno z Windows, jak i Mac. Rozszerzenie pliku jest .otf.

35) Orphan

wiersz otwierający w akapicie, który pojawia się sam na dole strony. Sierotą może być również słowo lub bardzo krótka linia, która pojawia się sama na końcu akapitu.

źródło: Maat

P

36) Pantone

system dopasowywania kolorów opracowany przez firmę Pantone. W dużej mierze stosowany w projektowaniu druku i używany do dopasowywania drukowanych kolorów do tych, które pojawiają się na ekranie podczas cyfrowej fazy projektowania.

źródło:

37) PDF

format pliku najlepiej używany do reprezentowania dokumentów i prezentacji.

38) piksel

najmniejszy element obrazu na komputerze.

39) pikseli na cal (PPI)

inna miara rozdzielczości obrazu, zależna od liczby pikseli obecnych w danej sekcji obrazu.

40) PNG

format pliku obrazu, który jest najlepiej używany, gdy obraz ma duże obszary jednolitego koloru lub przezroczyste tło (w przeciwieństwie do JPEG).

R

41) prostokątne (lub Tetradic) Kolory

Cztery kolory, które są dwie pary kolorów uzupełniających.

źródło: Nopira

42) rozdzielczość

sposób pomiaru ostrości i poziomu szczegółowości obrazu. Wyższa rozdzielczość zwykle oznacza większy rozmiar pliku, reprezentujący ilość danych-takich jak piksele lub kropki-w obrazie.

43) Model Koloru RGB

akronim oznaczający kolory czerwony, zielony i niebieski. Model kolorów RGB jest używany do projektowania stron internetowych, ponieważ monitory przepuszczają światło w tych kolorach.

źródło: Mike Horvath

S

44) nasycenie

jak jasny lub intensywny jest kolor.

źródło: SharkD

45) Serif

mała linia dołączona do końca obrysu w niektórych czcionkach. „Sans serif” odnosi się do czcionek, które nie mają tej linii.

źródło: GJo

46) odcień

ile czerni miesza się z odcieniem.

47) Split-kolory uzupełniające

kolory, które składają się z koloru podstawowego, plus dwa kolory leżące obok koloru uzupełniającego.

źródło: Nopira

48) kwadratowe Kolory

na kole kolorów Cztery kolory są rozmieszczone równomiernie od siebie.

źródło: nopira

49) trzon

podstawowy pionowy skok litery. Jest używany w literze ” B „i ukośnej linii”V.”

50) Strokes

linie, które tworzą literę w kroju pisma.

T

51) ogon

malejący skok w literze, która jest często dekoracyjna-na przykład w literze „Q”.

52) Terminal

koniec obrysu, który nie zawiera serif.

53) odcień

ile bieli miesza się z odcieniem.

54) Kolory Triadyczne

schemat kolorów, w którym trzy kolory znajdujące się w odległości 120 stopni od siebie na kole kolorów są połączone. Często jest uważany za najlepszy schemat kolorów.

źródło: nopira

55) krój pisma

projektowy zbiór znaków, w tym liter, cyfr i znaków interpunkcyjnych. Przykłady obejmują Times New Roman, Helvetica i Arial.

V

56) obraz wektorowy

zamiast używać pikseli do reprezentowania obrazów, wektory używają linii i kształtów. Ponieważ nie polegają one na pikselach, powiększone obrazy wektorowe nadal zachowują czystość i jakość obrazu.

57) hierarchia wizualna

zasada projektowania, która wizualnie porządkuje i podkreśla różne części wiadomości treści za pomocą kolorów, rozmiarów i układów.

W

58) znak wodny

łatwy do zauważenia znacznik umieszczony na górze zdjęć w Internecie i w druku. Służy do identyfikacji właściciela obrazu i zapobiegania kradzieży treści wizualnych.

59) Waga

w krojach pisma, grubość szerokości obrysu. Niektóre przykłady to: demibold, light i bold.

60) biała przestrzeń

pusta przestrzeń otaczająca obiekt w projekcie — Zobacz także przestrzeń negatywną.

źródło: Pexels

61) Wdowa

sekcja tekstu na końcu akapitu, która rozlewa się do następującej kolumny lub strony.

źródło: Maat

X

62) x-Wysokość

w jednej literze odległość między linią środkową a linią bazową-Zobacz również wysokość wznoszenia, wysokość czapki, zejście i przedłużacz.

źródło: Max Naylor

Z

63) plik ZIP

format pliku, który kompresuje kilka plików i łączy je w jeden folder. Skompresowane pliki nie tracą żadnych danych, aby stać się mniejszymi i są łatwo przywracane przez rozpakowanie pliku ZIP.

You might also like

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany.