Tổng quan về Khung trình chiếu của Designmodo

Trang đích và trang web quảng cáo rất quan trọng để chuyển đổi khách truy cập thành người dùng hoặc khách hàng. Một thiết kế chất lượng có thể là chìa khóa để cải thiện số lượng bán hàng và đưa sản phẩm của bạn vào giai đoạn trung tâm.

Slides Framework là một loạt các mẫu để tạo bố cục hoạt hình một trang. Gói này bao gồm tất cả các mã nguồn HTML / CSS / jQuery và các tệp PSD / Sketch cho các nhà thiết kế.

Đây dễ dàng là một trong những khung công tác nhất để xây dựng trang đích có kiểu dáng. Trong bài viết này, tôi sẽ giới thiệu tổng quan về Slides Framework cho thấy cách thức hoạt động và cách áp dụng nó cho các dự án thiết kế của riêng bạn.

Bắt đầu

Gói tải xuống Slides bao gồm một hướng dẫn đơn giản cho người dùng mới. Cái này được gọi là “Những bước đầu tiên” hướng dẫn bạn qua các bước ban đầu để tạo trang web từ Slides Framework.

Designmodo có một video đầy đủ 8 phút trên YouTube giải thích quá trình thiết lập này. Kiểm tra xem nếu bạn muốn xem cách thức hoạt động của nó.

Phần tốt nhất về Slides là mọi thứ đều có thể được tùy chỉnh trong trình duyệt web của bạn. Nó có một trình hướng dẫn thiết lập hướng dẫn bạn thông qua mọi thứ và biên dịch mẫu cuối cùng thành một tệp .zip. Điều này cho phép mọi người tạo mẫu Slides, tải xuống mã nguồn và sau đó tải thẳng lên máy chủ web. Đơn giản!

Mỗi gói thiết lập chứa các thư mục sau:

CSS cho tất cả các tài sản CSS
JS cho thư viện jQuery và tất cả các plugin
Tài sản chứa tất cả các phương tiện hình ảnh cần thiết cho các slide riêng lẻ
Thư viện có đoạn mã cho bảng, trang trình bày và điều hướng tùy chỉnh
Bản mẫu cung cấp các biến thể được xây dựng sẵn của bố cục cho các ý tưởng dự án khác nhau

Trình tạo mẫu giúp dễ dàng chọn các giá trị tùy chỉnh của riêng bạn dựa trên cách bạn muốn bố cục hoạt động. Chọn các biến thể của vị trí văn bản, hình nền / video và thậm chí cả hình động giữa các trang chiếu.

Nếu bạn gặp sự cố với trình tạo, bạn luôn có thể truy cập hướng dẫn Slides trực tuyến. Điều này chỉ có thể truy cập đối với những người trả tiền cho giấy phép khung Slides nhưng nó dạy mọi thứ bạn cần biết.

Các tính năng slide ấn tượng

Tôi ấn tượng nhất với cách thức hoạt động nhanh chóng và khung hoạt động. Cho dù bạn đang sử dụng trình duyệt nào, có cảm giác như Slides là trang đích thời trang mà tất cả chúng ta đều mong đợi.

Khung bao gồm 60 slide khác nhau để lựa chọn và tùy chỉnh cho nhu cầu của bạn. Mỗi slide có thể được trộn lẫn với bất kỳ slide nào khác thành một thiết kế bố trí nhất quán. Điều này cung cấp cho các nhà thiết kế web một loạt các tùy chọn khi xây dựng bố cục Slides mới.

Ngoài ra, tất cả các phông chữ và biểu tượng trong Slides Framework đều được sử dụng miễn phí trên bất kỳ mẫu nào bạn thiết kế. Điều này cho phép các nhà thiết kế tùy chỉnh các thiết kế trong Photoshop hoặc Phác thảo với mục đích chuyển các ý tưởng của họ cho các nhà phát triển.

Slides Framework có nghĩa là để tiết kiệm thời gian trong quá trình phát triển khi chế tạo các trang đích hoạt hình. Một giấy phép có thể được sử dụng cho các trang web không giới hạn, rất tiện lợi cho các dịch giả tự do hoặc các cơ quan sáng tạo làm việc với nhiều khách hàng.

Để tìm hiểu thêm một chút, hãy truy cập trang Câu hỏi thường gặp để trả lời hầu hết các câu hỏi về cách hoạt động của Slides.

Mẫu dựng sẵn theo yêu cầu

Nếu bạn muốn tiết kiệm thời gian với Slides, bạn có thể chọn làm việc với một trong các mẫu dựng sẵn. Chúng có rất nhiều thiết kế từ video nền đến trang đích ứng dụng iOS.

Video mẫu Slides cung cấp một cái nhìn tuyệt vời vào các tùy chọn khác nhau. Bất cứ ai mua khung Slides đều có thể chọn giữa tùy chỉnh bố cục từ đầu hoặc tùy chỉnh một trong 11 mẫu bắt đầu nhanh.

Mỗi khung tốt bao gồm một vài bản demo và Slides thậm chí có trang ví dụ tùy chỉnh riêng với đầy đủ các bố cục rực rỡ. Sau khi đăng nhập vào phần phụ trợ Slides, bạn sẽ có thể xem các mẫu này và lấy mã nguồn cho (các) dự án của riêng bạn.

Mỗi bố cục mẫu thể hiện chiều rộng và chiều sâu mà Slides cung cấp. Bạn có thể thiết lập video hoặc ảnh nền, cùng với hình động tùy chỉnh giữa chúng. Nếu bạn biết cách tùy chỉnh một tệp HTML đơn giản thì bạn có toàn quyền kiểm soát các mẫu này và cách chúng hoạt động.

Tùy chỉnh slide cho trang web

Một khía cạnh tiện dụng của Slides Framework là nó chạy với mã HTML / CSS / JS. Điều này có nghĩa là bạn có thể xây dựng một trang đích trên WordPress, Laravel, Django hoặc thậm chí là Node.js. Nhưng không có ngôn ngữ phụ trợ nào được yêu cầu vì Slides có thể chạy như một trang web HTML / CSS tĩnh.

Điều này mang lại cho các nhà phát triển rất nhiều tính linh hoạt khi định cấu hình Slides để chạy trên bất kỳ trang web cụ thể nào.

Ví dụ: ai đó có thể muốn một trang đích được thêm vào trang web WordPress của họ nhưng không được thêm vào trang chủ. Các slide có thể được sử dụng làm mẫu WP được áp dụng cho một trang mà không ảnh hưởng đến bất kỳ trang nào khác trên trang web.

Cần lưu ý rằng bất kỳ ai hy vọng chỉnh sửa bố cục Slides sẽ cần biết một chút về HTML / CSS. Bạn sẽ không cần sử dụng WordPress hoặc bất kỳ CMS nào khác nhưng Slides không hoạt động trên mã HTML / CSS. Hầu hết các JavaScript được chứa trong các plugin nhưng một vài cài đặt như hiệu ứng hoạt hình cũng có thể yêu cầu chỉnh sửa thủ công.

Hãy ghi nhớ điều này nếu bạn muốn làm việc với Slides vì có mức độ thành thạo HTML / CSS / JS nhất định sẽ đi một chặng đường dài.

Tất cả trong tất cả các mẫu Slides cung cấp trải nghiệm đáng kinh ngạc cho bất kỳ trang đích tùy chỉnh nào. Trình tạo Slides và các mẫu dựng sẵn có thể tiết kiệm rất nhiều thời gian viết và viết lại mã từ đầu.

Điểm lớn nhất cần lưu ý là Slides không yêu cầu chỉnh sửa thủ công nếu bạn muốn tùy chỉnh bố cục cho phù hợp với nhu cầu của một dự án cụ thể. Không bắt buộc phải là một chuyên gia nhưng bạn sẽ muốn biết một chút về HTML / CSS để thực hiện các thay đổi phù hợp cho bất kỳ mẫu nào.

Gói lại

Có rất ít (nếu có) các khung trang đích chuyên sâu ngang bằng với Slides. Mã này rất tinh tế, khả năng tùy biến rất tuyệt vời và trình tạo mã Slides có thể tiết kiệm hàng giờ đồng hồ.

Nếu bạn muốn xem bản xem trước trực tiếp, hãy truy cập trang đích Slides. Nó cũng bao gồm các chi tiết về các tính năng của Slides và những gì bạn có thể mong đợi từ khung. Nhìn chung Slides rất năng động, nhẹ và hoàn hảo cho bất kỳ ai muốn xây dựng trang quảng cáo hoặc trang đích tùy chỉnh với pizzazz.