Przegląd Designmodo's Slides Framework

Strony docelowe i strony promocyjne są niezbędne do konwersji użytkowników na użytkowników lub klientów. Wysokiej jakości projekt może być kluczem do zwiększenia liczby sprzedaży i wprowadzenia produktu na scenę centralną.

Slides Framework to seria szablonów do generowania jednostronicowych animowanych układów. Pakiet zawiera cały kod źródłowy HTML / CSS / jQuery oraz pliki PSD / Sketch dla projektantów.

Jest to z łatwością jedna z najbardziej wyczerpujących ram do tworzenia strony docelowej ze stylem. W tym poście przedstawię przegląd ram slajdów pokazujący, jak działa i jak można je zastosować do własnych projektów.

Rozpoczęcie pracy

Pakiet do pobierania Slajdów zawiera prosty przewodnik dla nowych użytkowników. To się nazywa “Pierwsze kroki” przeprowadzi Cię przez początkowe kroki tworzenia strony internetowej ze Slides Framework.

Designmodo ma w YouTube 8-minutowy film wyjaśniający ten proces instalacji. Sprawdź to, jeśli chcesz zobaczyć, jak to działa wizualnie.

Najlepszą rzeczą w slajdach jest to, że wszystko można dostosować w przeglądarce internetowej. Posiada kreator konfiguracji, który przeprowadzi Cię przez wszystko i skompiluje ostateczny szablon do pliku .zip. Dzięki temu każdy może utworzyć szablon slajdów, pobrać kod źródłowy, a następnie przesłać bezpośrednio na serwer WWW. Prosty!

Każdy pakiet instalacyjny zawiera następujące foldery:

CSS dla wszystkich aktywów CSS
JS dla biblioteki jQuery i wszystkich wtyczek
Majątek zawiera wszystkie nośniki obrazu wymagane dla poszczególnych slajdów
Biblioteka ma fragmenty kodu do paneli, slajdów i niestandardowej nawigacji
Szablon oferuje gotowe wersje układu dla różnych pomysłów projektowych

Generator szablonów sprawia, że bardzo łatwo jest wybrać własne wartości niestandardowe w zależności od tego, jak układ ma się zachowywać. Wybierz warianty rozmieszczenia tekstu, tła obrazu / wideo, a nawet animacje między slajdami.

Jeśli masz problemy z generatorem, zawsze możesz odwiedzić podręcznik Slajdy online. Jest to dostępne tylko dla tych, którzy płacą za licencję ramową Slides, ale uczy wszystkiego, co musisz wiedzieć.

Imponujące funkcje slajdów

Jestem pod wrażeniem tego, jak szybka i szybka jest struktura. Bez względu na to, jakiej przeglądarki używasz, wydaje się, że Slides to modna strona docelowa, za którą wszyscy tęsknimy.

Ramy obejmują 60 różnych slajdów do wyboru i dostosowania do własnych potrzeb. Każdy slajd można wymieszać z dowolnym innym slajdem w jeden spójny projekt layoutu. Daje to projektantom stron internetowych szeroki zakres opcji podczas tworzenia nowego układu slajdów.

Dodatkowo wszystkie czcionki i ikony w Slides Framework można swobodnie używać w dowolnym zaprojektowanym szablonie. Pozwala to projektantom na dostosowanie projektów w Photoshopie lub Szkicu w celu przekazania ich pomysłów deweloperom.

Slides Framework ma na celu zaoszczędzenie czasu podczas tworzenia animowanych stron docelowych. Jedna licencja może być używana do nieograniczonej liczby stron internetowych, co jest bardzo przydatne dla freelancerów lub agencji kreatywnych pracujących z wieloma klientami.

Aby dowiedzieć się więcej, odwiedź stronę FAQ, która odpowiada na większość pytań dotyczących działania slajdów.

Gotowe szablony na żądanie

Jeśli chcesz zaoszczędzić czas dzięki slajdom, możesz zamiast tego wybrać jeden z gotowych szablonów. Są one dostępne w szerokiej gamie projektów, od filmów w tle po strony docelowe aplikacji na iOS.

Wideo z szablonami slajdów oferuje fantastyczne spojrzenie na różne opcje. Każdy, kto kupuje strukturę slajdów, może wybierać między dostosowaniem układu od podstaw lub dostosowaniem jednego z 11 szablonów szybkiego uruchamiania.

Każda dobra struktura zawiera kilka wersji demonstracyjnych, a Slajdy mają nawet własną stronę przykładów niestandardowych, pełną olśniewających układów. Po zalogowaniu się do zaplecza Slajdy będziesz mógł zobaczyć te próbki i pobrać kod źródłowy dla własnych projektów..

Każdy układ próbki pokazuje szerokość i głębokość, jaką oferuje Slajdy. Możesz ustawić wideo w tle lub zdjęcia, a także niestandardowe animacje między nimi. Jeśli wiesz, jak dostosować prosty plik HTML, masz pełną kontrolę nad tymi szablonami i ich działaniem.

Dostosowywanie slajdów do stron internetowych

Jednym z przydatnych aspektów Slides Framework jest to, że działa z kodem HTML / CSS / JS. Oznacza to, że możesz zbudować stronę docelową w WordPress, Laravel, Django, a nawet w Node.js. Ale żaden język zaplecza nie jest wymagany, ponieważ slajdy mogą działać jako statyczna strona HTML / CSS.

Daje to programistom dużą elastyczność podczas konfigurowania slajdów do uruchamiania na dowolnej stronie internetowej.

Na przykład ktoś może chcieć, aby strona docelowa została dodana do ich witryny WordPress, ale nie została dodana do strony głównej. Slajdy mogą być używane jako szablon WP zastosowany na jednej stronie bez wpływu na inną stronę w witrynie.

Należy zauważyć, że każdy, kto chce edytować układ slajdów, musi znać trochę HTML / CSS. Nie musisz używać WordPressa ani żadnego innego CMS, ale Slides działa na kodzie HTML / CSS. Większość JavaScript jest zawarta w wtyczkach, ale kilka ustawień, takich jak efekty animacji, może wymagać ręcznych edycji.

Pamiętaj o tym, jeśli chcesz pracować ze Slajdami, ponieważ posiadanie pewnego poziomu znajomości HTML / CSS / JS pójdzie daleko.

Wszechstronny szablon Slajdy oferuje niesamowite wrażenia dla każdej niestandardowej strony docelowej. Generator slajdów i gotowe szablony mogą zaoszczędzić dużo czasu na pisanie i przepisywanie kodu od podstaw.

Największą uwagę należy zwrócić na to, że slajdy wymagają ręcznej edycji, jeśli chcesz dostosować układ do potrzeb konkretnego projektu. Bycie ekspertem nie jest obowiązkowe, ale chcesz wiedzieć trochę o HTML / CSS, aby wprowadzić odpowiednie zmiany w dowolnym szablonie.

Zakończyć

Istnieje bardzo niewiele (jeśli w ogóle) dogłębnych struktur stron docelowych na równi ze Slajdami. Kod jest znakomity, personalizacja jest fantastyczna, a generator kodu Slajdy może zaoszczędzić wiele godzin pracy.

Jeśli chcesz zobaczyć podgląd na żywo, odwiedź stronę docelową Slajdy. Zawiera również szczegóły dotyczące funkcji slajdów i tego, czego można oczekiwać od szkieletu. Ogólnie slajdy są dynamiczne, lekkie i idealne dla każdego, kto chce stworzyć niestandardową stronę promocyjną lub stronę docelową z pizzazz.