Zrozumienie i praca z proporcjami obrazu
Każdy obraz, każde płótno, każda rama ma kształt. I często ten kształt jest prostokątem. Jeszcze bardziej powszechny jest prostokąt o określonej proporcji oparty na medium.
Od kamer, przez telewizję, przez filmy, aż po ekrany komputerowe - każde medium ma niemal odrębny kształt. Może to stanowić wyzwanie dla projektantów, zwłaszcza gdy trzeba przycinać i konwertować treści i informacje, aby dopasować je do różnych mediów. Ze względu na te wszystkie różne kształty zrozumienie proporcji może pomóc w łatwym przenoszeniu obrazów i projektów z jednego nośnika na drugi.
Zdefiniowany współczynnik kształtu
Po prostu współczynnik proporcji to proporcjonalna zależność między szerokością i wysokością prostokąta. Podczas pracy ze współczynnikami kształtu w większości nowoczesnych projektów, proporcje będą miały orientację poziomą, ponieważ większość ekranów jest szersza niż wysoka. (I projektujemy na ekranach i często na ekrany.) Ale nie każdy współczynnik kształtu musi mieć większą szerokość niż wysokość.
Współczynnik kształtu jest zdefiniowany w stosunku matematycznym, z dwiema liczbami oddzielonymi dwukropkiem.
- szerokość wysokość
- Tak więc 4 cale szerokości na 3 cale wysokości wynoszą 4: 3
Jednak proporcje nie są po prostu miarą szerokości i wysokości. Jest zredukowany do najmniejszego możliwego do wykorzystania współczynnika (przy użyciu koncepcji matematycznych ze szkoły podstawowej). Tak więc dla prostokąta o szerokości 12 cali i wysokości 9 cali współczynnik proporcji wynosi również 4: 3 (częsty współczynnik proporcji w fotografii).
Format obrazu i zdjęcia
Jednym z miejsc, w których najłatwiej jest zobaczyć i wyjaśnić proporcje, jest fotografia. Nawet aparat iPhone'a umożliwia wybranie określonego współczynnika kształtu przed zrobieniem zdjęcia, a następnie można zmienić współczynnik kształtu podczas przycinania.
Współczynniki kształtu w fotografii są często powiązane z tym, jak zdjęcie zostanie wykorzystane. Współczynnik kształtu zależy od ograniczeń medium. Na przykład publikowanie zdjęć na Instagramie pozwala tylko na obrazy o proporcji 1: 1 (kwadrat).
Tradycyjnie zdjęcia były zwykle wykonywane w formacie 3: 2, ponieważ odbitki były wykonywane w rozmiarach 3 cale na 2 cale, 6 cali na 4 cale i tak dalej. Tradycyjnie ta wspólna formuła powodowała, że czujniki aparatu i praktyki drukowania dla zdjęć, które się siatkują, sprawia, że przeciętna osoba jest bardzo łatwa do robienia i drukowania zdjęć.
Obecnie jest to nieco bardziej skomplikowane, ponieważ oferuje więcej opcji cyfrowej manipulacji. Ale koncepcja nadal działa i wciąż istnieje kilka najczęściej używanych rozmiarów. Poza profesjonalnymi fotografami, projektantami i artystami niewiele osób przycina zdjęcie do czegoś innego niż jeden ze wspólnych współczynników kształtu.
Ale po co w ogóle uprawiać poza wspólnym stosunkiem? Aby stworzyć dramatyczne zainteresowanie wizualne. Zastanów się przez chwilę nad obrazem panoramicznym. Ma poczucie dramatyzmu i emocji, których nie ma w „normalnym” kształcie. Używanie standardowego kształtu oznacza harmonię i równowagę, podczas gdy niestandardowy kształt może być dramatyczny i ekscytujący.
Format obrazu i wideo
Proporcje obrazu na wideo są bardzo podobne do fotografii. Kształt jest zupełnie inny dla współczesnych ekranów wideo, podczas gdy obrazy nieruchome i ruchome były oparte na podobnych proporcjach.
Ekrany wideo dzielą się na dwie dość odrębne kategorie pod względem współczynnika kształtu: ekrany kinowe lub filmowe oraz ekrany telewizyjne lub komputerowe. Kształty tych ekranów zaczynają zbliżać się do tego samego współczynnika proporcji, ponieważ więcej ekranów domowych należy do kategorii szerokoekranowej, ale nadal istnieje znacząca różnica między nimi, dlatego często stosuje się letterboxing między formatami.
- Ekrany kinowe często mają 1, 85: 1 lub 1, 43: 1 (IMAX)
- Ekrany telewizyjne często mają format 4: 3 lub 1, 33: 1 (starszy format) lub nowsze, bardziej powszechne proporcje ekranu 16: 9 lub 1, 77: 1.
Jeśli chodzi o sieć, projektowanie wideo pod kątem wielkości ekranu jest bardzo zróżnicowane, ale często używany jest format 16: 9. Inną powszechną opcją dla projektantów stron internetowych, chyba że używa się filmu pełnoekranowego, jest domyślnie wideo przy współczynniku 16: 9, ponieważ jest to standard stosowany w większości odtwarzaczy i aplikacji internetowych, w tym YouTube.
Zastosowanie wspólnego współczynnika kształtu ułatwia przenoszenie elementu z miejsca na miejsce i między projektami. Na przykład wideo przycięte do proporcji 16: 9 będzie płynnie odtwarzane na ekranie telewizora, ekranie komputera (stacjonarnego lub mobilnego) oraz w odtwarzaczu wideo online. Oszczędza to Twój czas, ponieważ nie będziesz musiał ponownie edytować lub przycinać wideo dla różnych formatów lub urządzeń, ani martwić się częściami obrazu, które nie będą widoczne z powodu różnic w rozmiarze ekranu.
Współczynnik kształtu i responsywny projekt
Współczynniki proporcji również wchodzą w grę, gdy myślimy o responsywnym projektowaniu stron internetowych. Jest to szczególnie ważne, jeśli chcesz, aby obrazy i wideo zachowały określony kształt na wielu urządzeniach.
Utrzymanie określonego współczynnika proporcji obrazów w CSS gwarantuje, że znaczenie treści nie zmieni się z powodu przycięcia obrazu. (Pomyśl o tym, jak różne jest odczucie zdjęcia, jeśli pełny obraz przedstawia dwoje ludzi z ramionami, aw przyciętej wersji widzisz tylko jedną osobę i część ramion drugiej. Zdjęcia mają bardzo różne znaczenie.)
Pracując nad responsywnymi witrynami internetowymi, musisz podjąć kilka decyzji dotyczących obrazów, współczynników kształtu i sposobu wyświetlania rzeczy na różnych ekranach. Projektanci mogą ręcznie zmienić rozmiar każdego obrazu dla różnych urządzeń lub użyć małego kodowania, aby załatwić sprawę. Craig Buckler ma świetny samouczek na temat tego, jak to zrobić w „Jak zachować proporcje obrazu w responsywnym projektowaniu stron internetowych”.
Jest to dodatkowa matematyka, która może również wejść w grę. Prawdopodobnie będziesz musiał pomyśleć o proporcjach w kategoriach procentowych. Oto kilka typowych konwersji:
- 4: 3 = 75%
- 3: 2 = 66, 66%
- 16: 9 = 56, 25%
- 8: 5 = 62, 5%
Ułatwienie życia
Dlaczego więc to wszystko ma znaczenie? Dlaczego nie możemy po prostu przycinać zdjęć w dowolny sposób i kontynuować życie? Możesz, ale zrozumienie proporcji ułatwi ci życie.
Pomyśl, ile projektów obejmuje wiele projektów na wielu płótnach - projekt wizytówki, projekt pocztówki, projekt strony internetowej, projekt plakatu, reklama wideo. Jeśli pracujesz w ramach wspólnego współczynnika kształtu lub projektujesz elementy przy użyciu tej skali, mieszanie i dopasowywanie elementów jest łatwe i nie musisz wymyślać projektu dla każdego nowego elementu.
Pomyśl o czasie, który możesz zaoszczędzić.
Kolejna oszczędność czasu? Wypróbuj ten kalkulator współczynnika kształtu. Jest to szczególnie przydatne, jeśli nie czujesz się dobrze podczas samodzielnych obliczeń.
Wspólne proporcje obrazu
Podczas gdy standardy proporcji z czasem się zmieniają - wystarczy spojrzeć na dramatycznie inny kształt ekranów telewizyjnych od lat 50. i dziś - możesz zaplanować niektóre z bardziej powszechnych kształtów i rozmiarów.
- 4: 3 (1, 33: 1) - Stary format ekranu telewizora i komputera (1024 × 768 pikseli)
- 3: 2 (1, 5: 1) - Popularny format drukowania zdjęć, również używany do pocztówek, wizytówek i standardowych przesyłek
- 1: 1 - Standard obrazu kwadratowego (powszechny w mediach społecznościowych i projektowaniu stron internetowych)
- 16: 9 (1, 77: 1) - Standard wideo HD, standard ekranu komputera zbliża się, ale jest nieprecyzyjny (1366 x 768 pikseli)
- 5: 3 (1, 66: 1) - europejski standard szerokoekranowy
- 1.618: 1 - Złoty współczynnik
Wniosek
Zrozumienie współczynników kształtu może zaoszczędzić czas i przerobić jako projektant. Rozważ wszystkie typowe zastosowania znajomości utworu, pracy lub projektu mają taką samą proporcję jak coś innego. Może także pomóc Ci zrozumieć, gdzie kadrować i jakie części obrazu lub projektu będą musiały zostać upuszczone lub wycięte w oparciu o medium.
Choć na początku może się to wydawać dużo matematyki i obliczeń, wiele projektów, nad którymi pracujesz, prawdopodobnie używa wspólnych proporcji. Skorzystaj z powyższej listy kontrolnej, aby zobaczyć, jakie części i kompletne projekty można ze sobą łączyć i łączyć.
