Spis treści


Dobrze zaprojektowany układ powinien zawsze wyglądać świetnie na Twoich ekranach, bez rozciągania, przycinania ani pozostawiania pustych przestrzeni. Aby tego dokonać, konieczne jest zrozumienie i skonfigurowanie stosunku proporcji Twojego układu. Stosunek proporcji definiuje kształt układu i określa, w jaki sposób treść pojawia się na Twoich wyświetlaczach. Edytor Układu pozwala wybrać spośród zdefiniowanych wymiarów ekranów lub stworzyć niestandardowy stosunek proporcji, aby idealnie dopasować się do dowolnego wyświetlacza, od standardowych telewizorów, po pionowe kioski lub panele LED.


Stosunek proporcji jest proporcjonalnym związkiem pomiędzy szerokością a wysokością ekranu. Jest zapisywany jako dwie liczby oddzielone dwukropkiem; na przykład 16:9 oznacza 16 jednostek szerokości na każde 9 jednostek wysokości.

Większość wyświetlaczy sygnalizacji cyfrowej stosuje jeden z kilku standardowych stosunków proporcji:

Stosunek proporcjiPrzykłady rozdzielczościZastosowanie
16:91920×1080 (Full HD), 3840×2160 (4K)Standardowe ekrany poziome i telewizory
9:161080×1920Pionowa sygnalizacja, kioski, plakaty cyfrowe
1:11080×1080Ekrany kwadratowe, sygnalizacja w stylu mediów społecznościowych
32:93840×1080Ultra-szerokie panele LED, tablice menu

💡Wskazówka: Możesz obliczyć stosunek proporcji swojego ekranu, dzieląc jego szerokość przez wysokość. Na przykład 1920 ÷ 1080 ≈ 1.78, co odpowiada 16:9.


Wybór właściwego stosunku proporcji zapewnia, że Twój content wypełnia ekran poprawnie i wygląda dokładnie tak, jak zamierzasz. Oto jak wybrać najlepszy dla Ciebie:

  • Standardowe telewizory i wyświetlacze: użyj 16:9, które jest domyślne dla większości nowoczesnych ekranów.
  • Pionowa sygnalizacja cyfrowa: wybierz 9:16 dla treści w orientacji pionowej, takich jak katalogi czy plakaty.
  • Pozioma sygnalizacja cyfrowa: wybierz 21:9 dla treści w orientacji poziomej.
  • Ekrany w stylu społecznościowym lub ściany marka: 1:1 sprawdza się dobrze dla ekranów kwadratowych i siatek.
  • Panele LED lub zestawy wieloekranowe: utwórz niestandardowy stosunek proporcji, aby dopasować się do nietypowych wymiarów.

Przykład z życia codziennego:
Jeśli projektujesz tablicę menu dla restauracji na ultra-szerokim wyświetlaczu, standardowy układ 16:9 może pozostawić miejsce puste. Zamiast tego ustawienie niestandardowego stosunku 32:9 zapewni, że projekt wypełni ekran doskonale.

💡Wskazówka: Ulepsz doświadczenie oglądania, ustawiając stosunek proporcji swojego układu tak, aby odpowiadał rozdzielczości wyświetlacza. Ta prosta zmiana usuwa czarne paski i zniekształcenia, sprawiając, że Twój content wygląda profesjonalnie.


Platforma umożliwia łatwe skonfigurowanie stosunku proporcji bezpośrednio podczas tworzenia lub edycji układu.

  1. Otwórz układ w Edytorze Układu.
  2. W górnym pasku nawigacyjnym znajdź ustawienie Rozdzielczość / Proporcja.
  3. Wybierz z listy zdefiniowanych opcji (np. Poziomy, Pionowy, Full HD, 4K, Dodaj Niestandardowy Stosunek).
  4. Ramka obszaru roboczego natychmiast zmieni rozmiar, aby dopasować się do wybranego stosunku.

Jeśli żaden z zdefiniowanych stosunków nie odpowiada Twojemu ekranowi, możesz utworzyć niestandardowy stosunek, korzystając z dokładnej rozdzielczości w pikselach Twojego wyświetlacza.

  1. Otwórz lub utwórz układ.
  2. W sekcji Rozdzielczość / Proporcja kliknij Dodaj Niestandardowy Stosunek.
  3. Wprowadź szerokość* i wysokość* wyświetlacza w pikselach.
  4. Kliknij Zapisz.

* Domyślne maksymalne ograniczenie szerokości* i wysokości* wynosi 4096 pikseli.

Twój nowy stosunek pojawi się teraz na liście dostępnych opcji i będzie można go ponownie wykorzystać przy kolejnych układach.

  1. Przejdź do Ustawień Konta > Niestandardowe Stosunki.
  2. Kliknij Dodaj Niestandardowy Stosunek.
  3. Wprowadź szerokość i wysokość dla każdego typu wyświetlacza, którego używasz.
  4. Zapisz je, aby stały się dostępne we wszystkich przyszłych układach.

💡Wskazówka: Predefiniowanie niestandardowych stosunków w Twoim koncie oszczędza czas podczas zarządzania wieloma ekranami o różnych rozdzielczościach.


  • Zawsze dopasuj stosunek proporcji swojego układu do rozdzielczości wyświetlacza, aby uniknąć czarnych pasków lub zniekształconych treści.
  • Testuj układy na podglądzie przed publikacją, aby potwierdzić prawidłową skalę.
  • Twórz niestandardowe stosunki dla ekranów niestandardowych zamiast zmuszać treść do zdefiniowanych.
  • Zaprojektuj z elastycznością: pozostaw trochę marginesów lub użyj wyśrodkowanego wyglądu, jeśli Twoje układy mogą działać na ekranach z lekko innymi stosunkami.

Masz pytania? Mamy odpowiedzi! Ta sekcja odpowiada na najczęstsze pytania dotyczące pracy z rozmiarami ekranów i stosunkami proporcji.

Co się dzieje, jeśli stosunek proporcji mojego układu nie pasuje do mojego ekranu?
Treść wyświetli się z czarnymi paskami (letterboxing), zostanie rozciągnięta, aby wypełnić obszar, lub część projektu zostanie przycięta. Zawsze dopasuj układ do stosunku proporcji ekranu, aby uniknąć tego.

Czy mogę zmienić stosunek proporcji po stworzeniu układu?
Tak. Możesz go zaktualizować z rozwijanego menu Rozdzielczość / Proporcja w dowolnym momencie, ale może być konieczne przestawienie lub zmiana rozmiaru elementów, aby uzyskać najlepszy wynik.

Czy muszę użyć niestandardowego stosunku dla ekranów pionowych?
Niekoniecznie. Platforma już zawiera preset 9:16 dla ekranów pionowych. Używaj niestandardowych stosunków tylko dla nietypowych rozdzielczości.

Ile niestandardowych stosunków mogę zapisać?
Nie ma praktycznego limitu. Możesz utworzyć tyle, ile potrzebujesz dla swoich wyświetlaczy.