Przeczytaj ten artykuł, aby rozpocząć pracę z projektami responsywnymi w programie Adobe Muse. Dowiedz się, jak tworzyć responsywne witryny na wszystkie urządzenia.
Do programu Adobe Muse nie są już dodawane nowe funkcje, a jego obsługa zostanie wycofana 26 marca 2020 r. Aby uzyskać szczegółowe informacje i pomoc, zobacz najczęściej zadawane pytania dotyczące zakończenia usługi Adobe Muse.
Dodawanie punktów przerwania w oparciu o konkretne urządzenie, system operacyjny lub markę produktu może nie okazać się pomocne w przypadku tworzenia responsywnej witryny. Definiowanie punktów przerwania na podstawie tych czynników może okazać się pracochłonne. Zamiast tego, układ i zawartość witryny powinny określać sposób i miejsce dodawania punktów przerwania.
Czytaj dalej, aby poznać zalecane podejście do projektowania, które umożliwi stworzenie responsywnej witryny za pomocą programu Adobe Muse.
Utwórz witrynę. Wybierz opcję Szerokość płynna w oknie dialogowym Nowa witryna.
Aby uniknąć białej przestrzeni i innych problemów z projektem, ustaw wymiary strony. Kliknij opcję Ustawienia zaawansowane, aby ustawić minimalną i maksymalną szerokość oraz minimalną wysokość witryny.
Otwórz stronę wzorcową lub pojedynczą stronę. Zwróć uwagę na domyślny punkt przerwania, który znajduje się na szerokości 960 pikseli.
Rozpocznij rozmieszczanie elementów witryny, takich jak tekst, obrazy, pokazy slajdów i widżety w tym punkcie przerwania.
Użyj suwaka, aby symulować szerokości różnych przeglądarek. Zobacz, jak Twoja witryna wyświetla się w przypadku różnych szerokości przeglądarek.
Dodaj punkt przerwania tam, gdzie projekt nie wygląda dobrze. Zwróć na przykład uwagę na poprzedni obraz — pole tekstowe wykracza poza szerokość ekranu w przypadku przeciągnięcia suwaka. Dodaj punkt przerwania na szerokości, przy której projekt nie wygląda dobrze.
Dopasuj układ w nowym punkcie przerwania, aby witryna była prawidłowo wyświetlana.
Kontynuuj wyświetlanie podglądu swojej witryny aż do minimalnej szerokości. W razie konieczności dodaj punkty przerwania i popraw układ.
Dzięki temu podejściu do projektowania strona będzie wyglądać dobrze w przypadku każdej szerokości przeglądarki oraz każdego urządzenia. Twój projekt jest niezależny od danego rozmiaru urządzenia lub ekranu.
Zaloguj się na swoje konto