Создание прототипов лендингов: какой сервис посоветуете?

[Тёма]

Приветствую, форумчане!


Я осваиваю лендинги и хочу предлагать заказчикам не просто структурированный текст в doc. формате, но «продающую картинку». Так наглядней, остаётся меньше вопросов и ценник можно поднимать.

Посоветуйте, пожалуйста, эффективный и простой в освоении сервис (желательно бесплатный) для создания прототипов лендингов.

Уточню: дизайн, вёрстка и пр. не нужно. Минимум настроек + основной функционал = дружелюбный прототип, которым можно поделиться с заказчиком (это важно).


Про paint и цветные карандаши знаю

 

[Panda]

Напишите мне ЛС, есть одна тема

 

[Угвэй]

Сколько не пробовал сервисов, самый оптимальный для прототипов: moqups. Но он платный. Правда потренироваться можно бесплатно, просто не сохранишь на компьютер файл. Другие, есть лучше, но там чуть ли не конструкторы, можно увлечься и начать делать работу дизайнера. ;D

 

[Тёма]

Угвэй, сервис moqups я пробовал, тренировался. Если правильно понял, там нельзя экспортировать готовый прототип в файл или поделиться ссылкой с заказчиком (в бесплатной версии). По поводу навороченных конструкторов: да, не хочется лезть в дебри и браться за дизайн.

Тренировался ещё с блок-схемами в word, но не то.

Добавлено: [time]1487402610[/time]​

Напишите мне ЛС

Отправил вам ЛС.

 

[Угвэй]

Да, все верно, не экспортирует файл. И сделать скрин корректно невозможно. Конечно 19 долларов дороговато для нас...

Для рисовки хороших прототипов еще важно знать кучу всего по разработке (навигация, визуализация и т.д.). То есть - это уже прото-макет, как для дизайнера так потом и для верстальщика. Зато смотрится уже солидно, да и оплата выше.

 

[Маленький]

Угвэй, по ссылке одна длинная картинка -- это и есть прототип? Круто.
О, пока писал ссылка из предыдущего сообщения исчезла. Мистика, однако.

 

[Тёма]

Прочитал недавно про google drawings. Якобы можно прототипы мастерить без лишних заморочек.

Сам пока не пробовал: аккаунт нужно регистрировать. Позже займусь.


Если кто знаком с сервисом: какие впечатления, возможности приложения?

 

[Угвэй]

по ссылке одна длинная картинка -- это и есть прототип? Круто.

Да, это был прототип в moqups. Еще в бальзамике (тот что про букеты). Чтобы сравнить. Там еще дизайн, который потом получился. Просто подумал, что ссылку не откроет, поэтому убрал. Сейчас повторю, вот:

https://drive.google.com/drive/folders/0B6mbmrLt0eUgQldlZlZvdU1DakU?usp=sharing

 

[Тёма]

Еще в бальзамике.

Угвэй, я посмотрел balsamiq mockups. Не совсем понял: чтобы создавать прототипы, нужно скачивать приложение на ПК, рег. аккаунт, покупать лицензию или доступна онлайн-версия в браузере?

 

[Угвэй]

Да, раньше, можно было скачивать и работать даже офлайн на нем. А сейчас он обновляется и новая бесплатная версия не так удобна (мне во всяком случае). На новой версии можно работать онлайн. Правда, я уже не пользовался им больше года (или двух?), возможно, что-о поменялось.

Прототипам по ссылке почти два года. Могу сказать, что в moqups осталось практически так же как и раньше, хотя новая версия мне нравится меньше.

Вот еще неплохая рисовалка. Для КП и писем хорошо подходит, хоть и есть неудобности.
https://creately.com/

Для сайтов и лендингов лучше это:
https://ninjamock.com/

Не скажу точно как там сейчас, ибо постоянно выходят новые версии, и порой они хуже ранних. И как бы не придумывали что-то свое, лучше mockups для себя не могу найти что-то. Если не на нем работать, так мне вообще проще на WIX ленды делать. Но это больше времени, и как уже говорил, делаешь работу дизайнера.

 

[Тёма]

Для сайтов и лендингов лучше это

Угвэй, спасибо за информацию и полезные ссылки. Добавил в закладки. Буду смотреть, тренироваться.

 

[Угвэй]

Да не за что. Кроме тренировок, надо еще кучу информации перелопатить по именно разработке - сайтов, лендинг пейдж, маркетинг кит.

 

[Тёма]

Угвэй, это понятно, но углубляться в такие дебри не стану. Просто хочу текст на странице визуализировать: без изысков, но чтобы ясно было, где какой элемент (текстовый блок, форма, кнопка, изображение и т. д.).

Такая информация лучше воспринимается, чем просто структурированный текст.


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

 

[Света]

ещё с блок-схемами в word, но не то.

Мне нравится делать в Adobe Illustrator.

 

[garry]

Я так понял предложение из первого поста в этой теме вам не подошло, хотя самое адекватное решение.
Бесплатного и еще и скачать и нормального вы не найдете.
Возьмите и скачайте подходящий макет или макеты/шаблоны лендингов, их миллион в сети. Без всякого программирования, просто заменяйте текст на свой в блоках и картинки, все будет быстро, просто...
Или натяните на вп любой конструктор или готовые лендинги, еще проще менять.

 

[Угвэй]

Проблема шаблона в том, что не сделаешь прототип для уникального дизайн-макета. Ибо по прототипу будет рисовать дизайнер. Конструктор как вариант лучше, но тут начинается работа дизайнера. А вот в moqups можно рисовать все что угодно. Есть свобода. В этом собственно и огромный плюс.

 

[Виталий]

У меня в закладках такие сервисы для создания прототипов:

https://balsamiq.com
https://moqups.com
https://iplotz.com/app/
https://gomockingbird.com/mockingbird/#

Сейчас еще раз проверил - все работает. К сожалению, пока ни разу ими не пользовался, поэтому что-то конкретное посоветовать не могу. Надо испытывать )

 

[Маленький]

Угвэй, вы вот прям здрово во всей этой теме разбираетесь. А скажите, вот такая вот программка - pencil вам не встречалась? В ней что-то можно делать по теме прототипов? У нее какой-то странный интерфейс, для меня ещё не понятный.

Спойлер

 

[Угвэй]

Вроде мелькала, но не пользовался. Вроде можно, правда, кажется неудобной.

 

[garry]

Вообще то, что либо делать с нуля для лендинга...надо понимать и знать о существовании модульной сетки, иначе все это мимо будет. Почему я говорю выше о конструкторе и готовом шабе. Либо готовые каркасы с сеткой и тд в psd качать и резать...
Можно тут разметить используя бустрап разметку http://www.layoutit.com/build и скачать сразу, потом уже дополнить своим.
Кстати вот плагин разметки к вп https://wordpress.org/plugins/empty-framework/