Лайфхакер
Лайфхакер
Лучшее
Рубрики
Рецепты
Подкасты
Сервисы
Колонки
Лучшее
Рубрики
Рецепты
Подкасты
Сервисы
Колонки
Новости
Здоровье
Спорт и фитнес
Покупки
Технологии
Отношения
Кино
Реклама
Веб-сервисы
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

Лучшие предложения

Надо брать: утеплённые кроссовки от Xtep со скидкой 36%

Надо брать: кроссовки от Xtep, в которых удобно гулять по заснеженным дорогам

6 крутых гаджетов, которые успели выйти в 2026 году

6 крутых гаджетов, которые успели выйти в 2026 году

Этот обогреватель от Ballu советуют мерзляки. Сейчас он со скидкой 43%

Этот обогреватель от Ballu советуют мерзляки. Сейчас он со скидкой 43%

Снегоуборщик от Boxbot

Забираем снегоуборщик от Boxbot со скидкой 68%

15 достойных внимания товаров с распродажи брендов на AliExpress

15 достойных внимания товаров с распродажи брендов на AliExpress

Надо брать: пусковое устройство с компрессором от «Урала» со скидкой 65%

Надо брать: пусковое устройство с компрессором от «Урала» со скидкой 65%

Новинку realme 16 Pro 5G отдают сейчас со скидкой 54% на AliExpress

Новинку realme 16 Pro 5G отдают сейчас со скидкой 54% на AliExpress

Nahodki AliExpress: samye interesnye i poleznye tovary nedeli

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

Это интересно
Мой особенный друг: как взять из приюта питомца с особыми потребностями и не пожалеть

Мой особенный друг: как взять из приюта питомца с особыми потребностями и не пожалеть

Как провести идеальный зимний день

Как провести идеальный зимний день

Где в России покататься на коньках

Самый большой или самый длинный? 7 главных катков России

Здоровье, питание и уход: 7 вопросов, с которыми помогут в Petstory

Здоровье, питание и уход: 7 вопросов, с которыми помогут в Petstory

Реклама
Комментарии
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 ?
Что вы могли пропустить
Геймерша собрала консоль Ningtendo PXBOX 5, которая объединяет PS5, Xbox Series S и Switch 2 в одном корпусе
Геймерша собрала консоль Ningtendo PXBOX 5, которая объединяет PS5, Xbox Series S и Switch 2 в одном корпусе
0
Вчера
Новости
Устройства
Вместо Gemini: Samsung сделала ставку на Perplexity в обновлённом помощнике Bixby
Вместо Gemini: Samsung сделала ставку на Perplexity в обновлённом помощнике Bixby
0
20 января
Новости
Технологии
Названы страны, в которых чаще всего используют ИИ — Россия за пределами сотни
Названы страны, в которых чаще всего используют ИИ — Россия за пределами сотни
0
20 января
Новости
Технологии
В Бельгии разработали подушки безопасности для велосипедистов, встраиваемые в шорты
В Бельгии разработали подушки безопасности для велосипедистов, встраиваемые в шорты
0
20 января
Новости
Технологии
Xiaomi выпустила магнитный пауэрбанк толщиной всего 6 мм — это кредитка в мире внешних аккумуляторов
Xiaomi выпустила магнитный пауэрбанк толщиной всего 6 мм — это кредитка в мире внешних аккумуляторов
0
20 января
Новости
Устройства
10 удачных 55-дюймовых телевизоров, которые порадуют своими возможностями
10 удачных 55-дюймовых телевизоров, которые порадуют своими возможностями
0
20 января
Ликбез
Технологии
Представлен Honor Magic 8 Pro Air — полноценный флагман в ультратонком корпусе
Представлен Honor Magic 8 Pro Air — полноценный флагман в ультратонком корпусе
0
20 января
Новости
Устройства
В «Яндекс Картах» теперь можно поделиться геолокацией с близкими. Вот как это сделать
В «Яндекс Картах» теперь можно поделиться геолокацией с близкими. Вот как это сделать
0
19 января
Новости
Технологии
6 крутых фишек Windows, из-за которых можно отказаться от Mac
6 крутых фишек Windows, из-за которых можно отказаться от Mac
0
19 января
Технологии
Технологии
Как найти фильм по описанию
Как найти фильм по описанию
0
18 января
Ликбез
Технологии
Инсайдер показал на видео бордовый iPhone 18 Pro с «островком» в углу экрана
Инсайдер показал на видео бордовый iPhone 18 Pro с «островком» в углу экрана
0
17 января
Новости
Устройства
Что лучше для смартфона — защитное стекло или гидрогелевая плёнка
Что лучше для смартфона — защитное стекло или гидрогелевая плёнка
0
17 января
Технологии
Технологии
Дешёвый тариф ChatGPT Go появится во всём мире — а с ним и реклама
Дешёвый тариф ChatGPT Go появится во всём мире — а с ним и реклама
0
17 января
Новости
Технологии
OpenAI хочет объединить мозг человека и ИИ без вживления чипов в голову
OpenAI хочет объединить мозг человека и ИИ без вживления чипов в голову
0
16 января
Новости
Технологии
11 недорогих планшетов, которые стоит купить в 2026 году
11 недорогих планшетов, которые стоит купить в 2026 году
0
16 января
Ликбез
Технологии

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

Аватар автора комментария
Алексей Марков2 часа назад

0 / 0

По функции ПЛТ вопрос. В Excel считает одно число, а любой кредитный калькулятор выдает много меньшее. К примеру, 5000000р под 12% сроком на 36 месяцев в Excel выдает 610000 ежемесячный платеж, это через 36 месяцев аж 21 млн р, а калькулятор выдает 166000 р, что через 36 месяцев соответствует около 6 млн р, что ближе к истине Соответственно 300000р под 9,5% на 18 месяцев в калькуляторе выдает 18000 в месяц, сумма через 18 месяцев получается 323000р, и это ближе к истине. Что не так с функцией ПЛТ? P.S.: разобрался. Надо ставку делить на 12. А в видео автор не делит и поэтому получаются бешенные платежи По формуле N5 там ставку надо умножить на 12, получим 65,7%, кредитный калькулятор выдает такую же ставку По формуле N9 надо записать =КПЕР(7%;0;100000;-200000) и получим 10,2 лет, делить ставку на 12 не надо, а 0 в формуле это ежемесячный взнос к этой сумме
7 функций Excel, которые помогут управлять финансами
Аватар автора комментария
Alexandr Al2 часа назад

0 / 0

Для ПП в этом салате катастрофический недостаток жиров ) Поэтому он становится ПП именно с майонезом.
Простой ПП-салат из курицы и кукурузы без лишних хлопот
Аватар автора комментария
А К3 часа назад

0 / 0

Мужик пишет, что 5 лет жил на Камчатке, но 9-этажный дом его не смущает. Там таких нет))
В Cети вирусятся нейровидео о гигантских сугробах на Камчатке — как в фильме «Послезавтра»
Аватар автора комментария
Мила Цимбал5 часов назад

0 / 0

Кармашек есть) На зелёной куртке лучше видно
15 достойных внимания товаров с распродажи брендов на AliExpress
Добро пожаловать в научную фантастику! Как технологии меняют современные компании и жизнь их клиентов

Добро пожаловать в научную фантастику! Как технологии меняют современные компании и жизнь их клиентов

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