Лайфхакер
Лайфхакер
Лучшее
Новости
Жизнь
Рецепты
Здоровье
Кино
Технологии
Покупки
Лучшее
Новости
Жизнь
Рецепты
Здоровье
Кино
Технологии
Покупки
Реши за меня
Добрые новости
Стыдные вопросы
Есть мнение
Норм или стрём
Личный опыт
Объясняем за минуту
Сервисы
Веб-сервисы
25 июня 2011

Mockup Builder: онлайновый редактор для создания макетов приложений

Фото автора Дмитрий Горчаков
Дмитрий Горчаков

Mockup Builder: онлайновый редактор для создания макетов приложений

Любой продукт, будь это модный гаджет, компьютерная программа или сайт, начинается с идеи. Потом уже эту идею начинают претворять в жизнь специалисты разных направлений. Не последнее место в этом процессе играют дизайнеры интерфейсов, ведь в наше время пусть даже самый функциональный, но уродливый внешне продукт абсолютно не имеет никаких шансов на успех. Одним из основных этапов создания дизайна является разработка макета. Теперь это можно делать не просто в блокнотике, а в специальном онлайновом сервисе Mockup Builder.

⚡ Новости из мира гаджетов, обзоры, гайды и не только — в телеграм-канале «Технологии | Лайфхакер».

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

Интересной функцией редактора является возможность создания многостраничного макета. Если у вас при клике на кнопке должно появляться, например, другое окно приложения или переход на другую страницу сайта, то вы можете присвоить этой кнопке в макете действие перехода на другую страницу макета. Функция Presentation позволяет продемонстрировать макет в удобном встроенном просмотрщике.

Макет может быть сохранен в формате PNG, PDF и MBP (собственный формат Mockup Builder) из меню File — Export. Можно так же расшарить проект и пригласить коллег к просмотру и редактированию.

Mockup Builder можно запускать в браузере как онлайновое приложение, но если этот редактор вам пришелся по душе, то можете использовать его и как обычную программу. Для этого щелкните правой кнопкой мыши по любой панели и выберите Установить Mockup Builder на этот компьютер.

Mockup Builder

Если нашли ошибку, выделите текст и нажмите Ctrl + Enter
Это интересно
Как найти подруг во взрослом возрасте? История трёх фанаток кей-попа, которым это удалось

Как найти подруг во взрослом возрасте? История трёх фанаток кей-попа, которым это удалось

4 вещества в организме, дисбаланс которых может помешать сбросить вес

4 вещества в организме, дисбаланс которых может помешать сбросить вес

7 мифов об уколах для похудения

7 мифов об уколах для похудения

Косметический ремонт за выходные: 6 вещей в квартире, которые можно обновить без грязи и пыли

Косметический ремонт за выходные: 6 вещей в квартире, которые можно обновить без грязи и пыли

Комментарии
Dark Hawk
25.06.11 12:27
Ещё есть аналогичная этой Balsamiq Mockups - http://balsamiq.com/products/mockups.
Sfate
26.06.11 00:32
+1 тоже хотел про бальзамик написать, как увидел топик... но у обоих сервисов есть минусы... у бальзамика - флеш, а у мокап билдера - силверлайт...
Mockup Builder
26.06.11 00:38
ок. HTML 5 the best?
Sfate
26.06.11 00:48
в свете его развития, да... т.к. флеш громоздок и требователен к ресурсам... а силверлайт это привязка к "закрытому" по.. + на линуксе это еще костыли с мунлайтом... так же можно посмотреть в сторону фреймворка cappuccino: http://cappuccino.org/
Mockup Builder
26.06.11 00:51
ми думаем над переводом на HTML 5 для мультиплатформености.
Mockup Builder
27.06.11 19:23
а силверлайт это привязка к «закрытому» по.. - почему?
Sfate
27.06.11 20:22
Mockup Builder, потому, что нет возможности создавать свои расширения разметки, мы не можем делать синхронный вызов WCF, в биндингах нет множества необходимых вещей, например, правил валидации,невозможно задать "Default Accept Button" и т.п. з.ы. WCF - фреймворк, используемый для обмена данными между приложениями .NET
Mockup Builder
27.06.11 23:25
ok, но флеш далеко не лутше. кроме WCF можно читать с других сервисов в принципе.
Sfate
28.06.11 02:25
в поддержку флеша, я ничего не говорил. кроме WCF можно канешн... но смысл тогда использования сильверлайта? я понимаю, что легче всего перевести с флеша на сильверлайт, но все же... было бы неплохо увидеть поползновения в сторону html5... а то, простите, дэд энд получается =)
Mockup Builder
28.06.11 15:33
смысл - для нас в первую очередь простота разработки, поддержка модульности(для разних версий, аддонов в перспективе прим. Basecamp) ну и уже большой experience)
Дмитрий Гаврилов
26.09.12 12:48
Я бы отметил другие стороны (настольных приложений) - у билдера иконки не информативные вообще - привыкать/запоминать надо, а у бальзамика в пробной версии вообще нельзя сохранить/прочитать файлы, а денежку он стоит существенную, что-бы наобум компания его купила без тестирования. Да и интерфейс неуклюжий - в одном месте виндовый стиль, в другом закруглённый менюхи...
Katerina
26.06.11 10:40
Спасибо за ссылку. Попробовала Мокап и бальзамик, последний понравился гораздо больше.
Andrey Turik
25.06.11 13:07
а что-то есть похожее для iPad? Очень надо!
Dark Hawk
25.06.11 13:20
Может iMockups? - http://www.endloop.ca/imockups/
Mockup Builder
25.06.11 14:42
Да Mockup Builder команда как раз начала работу над iPAD версией, следите!
Andrey Turik
25.06.11 14:43
Я уже готов купить iMockups. Спасибо!
Yuriy Litvinenko
25.06.11 16:11
А ребята из бальзамик в курсе, что их продукт портировали на сильверлайт с новым скином?
Mockup Builder
25.06.11 16:13
Да. А таких продуктов сейчас где-то 20+ ))
Mockup Builder
25.06.11 16:35
и еще одна полезная функция . в Presentation mode можно делится прототипами с заказчиками, клиентами или исполнителями. кнопка Share отправит email, и получатель может открыть мокап в режиме презентации и сделать коррекцию.
Владимир Шлыков
05.07.11 01:09
Есть ли что-то подобное под Андроид 3 ?
Что вы могли пропустить
Nubia выпустила мурлыкающего робота-питомца iMoochi в стиле Лабубу
Nubia выпустила мурлыкающего робота-питомца iMoochi в стиле Лабубу
0
Вчера
Новости
Устройства
Трачу на техно: 11 гаджетов с AliExpress с приятными скидками
Трачу на техно: 11 гаджетов с AliExpress с приятными скидками
0
Вчера
Покупки
Устройства
Новый iPad mini получит OLED-дисплей и ещё три важных улучшения
Новый iPad mini получит OLED-дисплей и ещё три важных улучшения
0
Вчера
Новости
Устройства
Как выбрать кондиционер для дома в 2026 году: всё, что нужно знать до покупки
Как выбрать кондиционер для дома в 2026 году: всё, что нужно знать до покупки
0
Вчера
Как выбрать
Ликбез
Американский стартап представил первое умное кольцо для измерения артериального давления
Американский стартап представил первое умное кольцо для измерения артериального давления
0
16 июля
Новости
Устройства
Энтузиаст оцифровал викторианскую энциклопедию о животных на 40 томов и превратил её в веб-сайт
Энтузиаст оцифровал викторианскую энциклопедию о животных на 40 томов и превратил её в веб-сайт
0
16 июля
Новости
Технологии
Приложения VK и мессенджер Мax пропали из Google Play
Приложения VK и мессенджер Мax пропали из Google Play
0
16 июля
Android
Новости
Компания OnePlus официально уходит из США и Европы
Компания OnePlus официально уходит из США и Европы
0
16 июля
Новости
Технологии
Обзор ноутбука Honor MagicBook 16 2026 — крепкого середнячка в тонком корпусе
Обзор ноутбука Honor MagicBook 16 2026 — крепкого середнячка в тонком корпусе
0
16 июля
Устройства
Устройства
Volkswagen представила умные электровелосипеды с камерой заднего вида и предупреждением о слепых зонах
Volkswagen представила умные электровелосипеды с камерой заднего вида и предупреждением о слепых зонах
0
16 июля
Новости
Технологии
8 полезных функций «Google Фото», о которых вы могли не знать
8 полезных функций «Google Фото», о которых вы могли не знать
0
16 июля
Технологии
Технологии
OpenAI выпустила своё первое устройство, но не для ChatGPT
OpenAI выпустила своё первое устройство, но не для ChatGPT
0
16 июля
Новости
Устройства
Xiaomi выпустила потолочную лампу Mijia P1 с вытяжкой и обогревателем
Xiaomi выпустила потолочную лампу Mijia P1 с вытяжкой и обогревателем
0
15 июля
Новости
Устройства
30+ видеоигр из детства, за которыми мы просиживали сутки напролёт
30+ видеоигр из детства, за которыми мы просиживали сутки напролёт
0
15 июля
Технологии
Технологии
OpenAI готовит умную колонку с ChatGPT и может анонсировать её уже в этом году
OpenAI готовит умную колонку с ChatGPT и может анонсировать её уже в этом году
0
15 июля
Новости
Устройства

Новые комментарии

Аватар автора комментария
Олег Залялов2 часа назад

0 / 0

а у гугла они спросили? у меня синхронизация через проводник перестала работать после того как семнадцатый андроид прилетел
Microsoft готовит крупное обновление Windows 11 с более глубокой интеграцией смартфонов
Аватар автора комментария
Sergey Gorovoy6 часов назад

0 / 0

какой лютый бред).
New Balance выпустила ботинки 3 в 1, которые превращаются в сабо и домашние тапочки
Аватар автора комментария
qwerty qwerty6 часов назад

0 / 0

"без АКБ, но благодаря стандартной платформе Li-Ion на 18 В, к перфоратору подходят батареи DeWalt от шуруповёртов или болгарок этой же серии. Если в мастерской уже есть техника бренда, покупать второй комплект питания не придётся." - ну вообще то вопрос с АКБ сильно проще - на тех же маркетплейсах продаются так называемые переходники или адаптеры для использования АКБ системы одного производителя на инструменте другого - то есть на инструмент на место АКБ крепится такой адаптер, а на него уже крепится АКБ от другого бренда - то есть адаптер обеспечивает совместимость изначально несовместимых АКБ и инструмента. Таким образом этот перфоратор можно купить и использовать даже в том случае если у вас нет инструмента и батарей DeWalt, а есть например Makita.
Мощный аккумуляторный перфоратор от DeWalt отдают со скидкой 36% на AliExpress
Аватар автора комментария
Иван Иванов7 часов назад

0 / 0

Во всей этой простыне одна позитивная новость ровно. Obsidian работает над новым Fallout. Всё, остальное можно было не писать, продано.
Bethesda подтвердила разработку Fallout 5, но сначала хочет выпустить другую большую игру
Как найти подруг во взрослом возрасте? История трёх фанаток кей-попа, которым это удалось

Как найти подруг во взрослом возрасте? История трёх фанаток кей-попа, которым это удалось

Лайфхакер
Информация
О проектеРубрикиРекламаРедакцияВакансииО компании
Подписка
TelegramВКонтактеTwitter (X)PinterestYouTubeИнициалRSS
Правила
Пользовательское соглашениеПолитика обработки персональных данныхПравила применения рекомендательных технологийПравила сообществаСогласие на обработку персональных данныхСогласие для рекламных рассылокСогласие для информационной программы
18+Копирование материалов запрещено.
Издание может получать комиссию от покупки товаров, представленных в публикациях