Tworzenie układów

Twórz wieloczęściowe układy oznakowania cyfrowego w easyCMS , rozmieszczaj elementy na płótnie, korzystaj z list odtwarzania i warstw, ustawiaj rozdzielczość i orientację, a następnie bezpiecznie publikuj.

Układ to to, co wyświetla ekran: tło i wszystko, co na nim ułożone. Jeśli potrzebujesz tylko jednego obrazu lub wideo na pełnym ekranie, Twój pierwszy układ Omówimy to w kilka minut. Ten artykuł dotyczy kolejnego kroku, czyli projektu z kilkoma elementami na ekranie jednocześnie i pracy w edytorze bez konieczności walki z nimi.

Edytor jest płótnem, a nie siatką

Starsze narzędzia do tworzenia oznakowań wymagały najpierw wycinania ekranu w stałych polach. easyCMS tak nie jest. Otrzymujesz płótno rozmiar układu i przeciągasz na niego elementy z Skrzynka z narzędziami , a następnie przesuwaj, zmieniaj rozmiar i obracaj je swobodnie. Elementy mogą znajdować się obok siebie lub celowo na siebie nachodzić – logo na filmie to po prostu dwa elementy nałożone na siebie.

Z Toolboxa wychodzą trzy rodzaje rzeczy:

  • Media biblioteczne , obrazy, filmy i dźwięk, które już masz w swoim posiadaniu biblioteka multimediów .
  • Widżety , treść pobierająca lub generująca coś: zegary, pogoda, tickery RSS, strony internetowe, Tabele sterowane zestawami danych .
  • Elementy , elementy projektu, które tworzysz, tekst, kształty i tym podobne.

Wybierz cokolwiek i Właściwości Panel pokazuje swoje ustawienia. Zaawansowany Tutaj możesz zmienić czas, przez jaki dany element będzie utrzymywał się na ekranie.

Budowanie projektu z kilku części

Przykładowy wygląd głównej grafiki z paskiem informacyjnym u dołu i logo w rogu:

  1. Ustaw układ Rezolucja z panelu Właściwości, nie wybierając niczego, i ustaw kolor tła lub obraz.
  2. Przeciągnij główny obraz lub wideo, a następnie przeciągnij jego uchwyty, aby wypełnić górny obszar. Użyj Przyciągnij do przyciski w prawym dolnym rogu, aby wyrównać je z krawędziami płótna.
  3. Przeciągnij pasek informacyjny lub widżet tekstowy na dolny pasek i dostosuj jego rozmiar do pełnej szerokości.
  4. Na końcu umieść logo tak, aby znalazło się na górze.

Aby obrócić kilka elementów w jednym obszarze, umieść Lista odtwarzania Zamiast tego, ustaw ją w odpowiedniej pozycji i zmień jej rozmiar, jak wszystko inne, a następnie dodaj elementy, które powinny się w niej powtarzać. To jest element, którego ludzie nie dostrzegają – lista odtwarzania to nie oddzielny obszar ekranu, który definiuje się z góry, to po prostu kolejny element, który się umieszcza.

Warstwy, grupowanie i wybieranie

Nakładające się na siebie elementy wymagają określonej kolejności. Menedżer warstw W lewym dolnym rogu znajduje się lista wszystkich elementów na płótnie wraz z ich warstwami i czasem trwania. Można je uporządkować, przeciągając. Kliknięcie prawym przyciskiem myszy elementu na płótnie udostępnia te same opcje.

Dwa nawyki, które oszczędzają czas przy intensywnym projektowaniu:

  • Przeciągnij pole po płótnie, aby zaznaczyć kilka elementów naraz i przenieść je razem bez utraty ich wyrównania.
  • Trzymać zmiana , kliknij każdy element, a następnie kliknij prawym przyciskiem myszy i wybierz Elementy grupy aby na dobre utrzymać klaster w całości.

Rozdzielczość i orientacja

Dopasuj rozdzielczość układu do ekranu. 1920×1080 dla większości wyświetlaczy poziomych, 1080×1920 dla ekranu zamontowanego pionowo. W tym momencie samo płótno staje się wysokie i możesz projektować bezpośrednio w tym kształcie.

Układ odtwarzany na ekranie o innym kształcie jest skalowany, aby pasował, co oznacza czarne paski. Twórz osobne wersje pionowe i poziome wszystkiego, co ważne. Rozdzielczość i orientacja ekranu obejmuje dziwne przypadki.

Podgląd przed wyświetleniem na ekranie

Ten grać Przycisk w lewym dolnym rogu uruchamia układ w przeglądarce. Wychwytuje to, co jest oczywiste na prawdziwym ekranie, a niewidoczne podczas projektowania: tekst zbyt mały, by go przeczytać z drugiego końca pomieszczenia, element nachodzący na inny, film o niewłaściwym kształcie. Znacznie tańsze niż znalezienie rozwiązania na hali produkcyjnej.

Publikowanie i edytowanie czegoś, co już istnieje

Układ ma dwa stany i tylko jeden z nich jest zawsze odtwarzany.

A projekt można go swobodnie edytować i nie pojawia się na żadnym ekranie. opublikowany Układ to ten, który wyświetla odtwarzanie. Publikowanie znajduje się pod trzyliniowym menu w prawym górnym rogu.

Podczas edycji opublikowanego już układu, easyCMS tworzy wersję roboczą i pozostawia wersję roboczą nienaruszoną. Zmiany pojawiają się na ekranach dopiero po ponownej publikacji, więc przerabianie opublikowanego układu w trakcie dnia roboczego jest bezpieczne.

Uważaj Zmiana, której nikt nie widzi na ekranie, to bardzo często układ, który został edytowany, ale nigdy nie został ponownie opublikowany.

Uczynienie czytelnym

  • Tekst jest odczytywany z odległości kilku metrów. Znacznie większy niż ten, który widzisz na monitorze.
  • Wysoki kontrast sprawdza się szczególnie na jasnej powierzchni sklepu lub w pobliżu okna.
  • Jedna wiadomość na układ. Obracaj kilka układów zamiast tłoczyć jeden.

Powiązane artykuły: Twój pierwszy układ , Listy odtwarzania i biblioteka multimediów , Planowanie zawartości , Rozdzielczość ekranu, orientacja i rozmiar układu

---