Подборка шаблонов лендинг пейдж. Часть 1

шаблоны landing pageВсем привет. Сегодня получил комментарий о том, что некоторые из вас хотели бы видеть шаблоны лендинг пейдж на сайте. В связи с этим, решил завести новую рубрику, в которой и буду выкладывать шаблоны landing page в формате psd и html. Постараюсь каждую неделю выкладывать что-то новенькое. Может быть, даже выделю специальный день, для этого. Давайте начнем...

Notify

шаблоны лендинг пейдж Классный PSD шаблон лендинг пейдж. Хорошо подойдет для рекламы мобильных приложений. Оформлен в минималистичном стиле.

Скачать шаблон Notify

Twenty

скачать шаблон лендинг пейдж Интересный html шаблон лендинг пейдж с фиксированной шапкой и адаптивным дизайном. Оформлен в минималистичном стиле, есть анимированые элементы.

Скачать шаблон Twenty

Prologue

html шаблон лендинг пейдж Хороший html шаблон с боковым меню. При нажатии на элемент меню, происходит плавная прокрутка контента справа. Дизайн - адаптивный.

Скачать шаблон prologue

Smak

PSD шаблон лендинг пейдж

Хороший PSD шаблон посадочной страницы, который в полной мере раскроет все детали вашей компании.

Скачать шаблон

Yebo bicycle

html5 шаблон страницы приземления

Адаптивный html5 шаблон страницы приземления, в минималистичном стиле и постельных тонах.

Скачать шаблон

На этом - все. Если рубрика приживется, то постараюсь выкладывать каждую неделю что-то новенькое. А может выделю специальный день для этого. Если у вас есть интересные шаблоны, присылайте - и я опубликую их на блоге.


дизайн лендинг пейдж

Если вы хотите научиться самостоятельно рисовать дизайн крутых лендинг пейдж, то рекомендую вам пройти курс

Мастер веб-дизайна 2.0

Алексей Захаренко подробно расскажет основы веб-дизайна, и шаг за шагом вы создадите в photoshop дизайн нескольких сайтов, в том числе очень качественный лендинг пейдж в стиле flat.
Переходите по ссылке и знакомьтесь. Очень качественный видеокурс.


Понравилась статья? Не хотите пропустить следующие материалы о самостоятельном создании и раскрутке landing page?

Подпиcывайтесь на обновления!

Комментарии: 16

  1. Александр

    Здравствуйте!
    Не совсем понял как использовать шаблон? Денвер или как?

    • dimadv7

      Здравствуйте. Все зависит от задач! Есть шаблоны в формате psd. PSD — это формат фотошопа. Есть и шаблоны, которые уже сверстанные. То есть, это уже полноценный сайт, нужно только заменить ссылки, картинки, настроить под себя скрипты. Да, вы можете запустить денвер и открыть шаблон на локальном сервере.

  2. Александр

    Понял, спасибо.

  3. Иван

    А где можно найти русско-язычные шаблоны для Landing page? Если кинете ссылку, буду благодарен)

    • dimadv7

      К сожалению нет, в бесплатном доступе не встречал. А в чем проблема поменять английские заголовки на свои?

    • Иван

      Не только. проблема в шрифтах. Если он с английским текстом смотрится прилично, то с русскоязычным контентом будет ровно наоборот.

    • Вовчик

      Проблема в том, что Шаблоны написаны на англ, кажутся привлекательными, когда ты смотришь просто визуально! По сути если ты читаешь то что тебе нужно, то не будет такой проблемы, когда ты заходишь на русскоязычный лендинг, ты же не сморишь на шрифт, это все Иллюзия с английскими лендингами.

  4. Наталья

    Добрый день! Подскажите пожалуйста. Я купила шаблон лэндинга на envato markete, мне пришло много файлов с картинками и другим. Я вообще не понимаю, что теперь с этим делать? Какой алгоритм работы? Раньше я пользовалась конструктором на wixe. Но там не сделаешь лэндинг. Я буду признательна за совет.

    • dimadv7

      Алгоритм работы? Ну давайте попробую объяснить. Нужно скачать wordpress, «залить» его на хостинг, предварительно купив его и связав с доменом. Затем зайти в админку хостинга и создать базу данных и пользователя. Затем перейти на свой сайт из браузера и следовать инструкциям. В админке wordpress будет возможность загрузить вашу тему. Как-то так.

  5. Георгий

    Не ставятся шаблоны, тк нет css. А parasponsive аще при установке выдает ошибку сразу. Как затестить? И это то же parasponsive что и на оф сайте http://parasponsive.com/para1/ тока без саппорта и обновлялок? :)))

    • dimadv7

      Css есть. Просто там не указан автор, название темы и т.д. закинуть шаблон можно через ftp или через диспетчер файлов на хостинге.

  6. Антон

    Скажите, а что насчет адаптивных шаблонов psd? Адаптивный шаблон должен содержать только один размер или должно быть несколько под все устройства?

    • dimadv7

      Да нет, обычно это учитывается при создании основного макета. Чтобы при изменении окна браузера контент сжимался и сдвигался определенным образом. Можно конечно рисовать и несколько макетов, если вы делаете это не для себя, а для того, чтобы показать заказчику. Тогда конечно, лучше рисовать под несколько устройств. Но, я считаю, это должен быть действительно серьезный заказчик, который готов платить достойную сумму денег за потраченное вами время. Если это все на уровне фриланса, то думаю это лишняя трата времени. Лучше уж набросать просто прототип, чтобы показать как блоки будут себя вести на мобильных устройствах.

  7. Антон

    Спасибо за расширенный и объемный ответ, теперь буду знать. И еще вопрос, если делать один макет, то какой размер выбирать, я предполагаю 1170px, но могу ошибаться.

    • dimadv7

      Ну опять же, смотря на какие экраны ориентируетесь. Можно ведь и с ретины начинать (2600px) 🙂 Но 1170 будет вполне достаточно, для большинства сайтов. Все же зависит от конкретных задач.

  8. Антон

    Просто здесь нет особой конкретики, редко кто делает акцент на разрешении, приходится делать средний размер и плясать от размера устройств. Спасибо.

Добавить комментарий