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

Atomic — прототипирование и контроль версий в окне браузера

Это уникальный сервис, который призван стать настоящим must-have для UI-дизайнеров. Atomic предоставляет возможность смоделировать внешний вид и работу готового продукта и не требует от вас лишних часов программирования для объединения нескольких частей в единый интерактивный макет. И да, использование этого веб-сервиса не стоит ни рубля.
Фото автора Дмитрий Гуменюк
Дмитрий Гуменюк

Atomic — прототипирование и контроль версий в окне браузера

История создания этого сервиса берёт своё начало в 2013 году, когда компания Adobe объявила о прекращении существования основного инструмента для прототипирования и дизайна Fireworks. Оставшись без необходимого для работы программного продукта, дизайнеры со всего мира так и не получили ничего взамен и вынуждены были перейти на Photoshop или Sketch.

✍️ Скоро читатели смогут публиковать свои тексты на Лайфхакере. Станьте первыми!

Этот шаг Adobe и появление Sketch доказали, что UI-дизайнерам не нужны громоздкие инструменты вроде Photoshop или Fireworks. Тем временем браузеры становились всё производительнее, а прототипирование — важнее.

Процесс совместной работы над проектом для многих дизайнеров выглядит следующим образом: синхронизация и обмен файлами происходят в Dropbox или любом другом облачном хранилище, фидбек и необходимые изменения приходят в почтовый ящик или Invision, изменения сохраняются в исходный файл, и всё снова идёт по кругу. Немаловажным аспектом также является непостоянство и зависимость от контекста, что приводит к появлению на компьютере десятков копий одного и того же файла. В то время как девелоперы получали серьёзный механизм контроля версий Git и инструменты для совместной работы в режиме реального времени, дизайнеры снова оставались не у дел.

Разработчики Atomic обратили внимание на фрагментированность вышеупомянутых инструментов. Это и натолкнуло двух опытных дизайнеров на поиск выхода из сложившейся ситуации. С Atomic можно создавать интерфейсы, не покидая окна браузера. В нём реализована поддержка слоёв, рисования форм и импорта изображений. Некоторые функции можно дополнительно развивать при помощи CSS, что делает приложение ещё более гибким.

Одна из главных по своей значимости функций Atomic — ползунок версий, который словно в режиме time-lapse возвращает вас к конкретному этапу редактирования. Для каждого возврата создаётся своя ветка, что превращает новинку в отлично визуализированный и простой в использовании аналог системы контроля версий Git. Ещё одна актуальная функция Atomic — совместная работа нескольких дизайнеров над одним проектом. В таком случае сервис блокирует лишь ту рабочую область, в которой вы трудитесь.

У новинки есть немало конкурентов, играющих на том же поле. Тем не менее они лишены ещё одного преимущества Atomic. Framer, как и Origami, создаёт отдельные кусочки пазла, новинка же умеет объединять их с помощью анимации и переходов. Результат — интерактивные макеты и прототипы продуктов, которые в некоторых случаях не будут отличаться в вопросе пользовательского опыта от финальных рабочих вариантов.

Atomic всё ещё находится на стадии бета-тестирования, во время которого разработчики анализируют модель использования приложения дизайнерами. На данном этапе сервис бесплатен, но в дальнейшем определённая часть функций будет доступна на условиях платной подписки.

Atomic
Если нашли ошибку, выделите текст и нажмите Ctrl + Enter
Это интересно
Тайная жизнь аэропортов

Тайная жизнь аэропортов

Что в сумке? Как изменилось то, что мы носим с собой

Что в сумке? Как изменилось то, что мы носим с собой

Это страшнее расставания: когда сердце может «разбиться» на самом деле

Это страшнее расставания: когда сердце может «разбиться» на самом деле

Учебный год под контролем!

Учебный год под контролем!

Комментарии
Авторизуйтесь, чтобы оставить комментарий
Andrey Stepko
03.06.15 19:35
СПАСИБО!!!
Mikhail Grekov
04.06.15 09:11
Инструмент не плох для создания взаимосвязанных между собой макетов интерфейсов, но он никак не заменит дизайнерам их профессиональные инструменты. Для проектировщиков UI/UX пригодится, в том числе и для совместной работы. Для дизайнеров в текущей реализации может пригодиться лишь для загрузки туда в чём-то уже разработанных макетов интерфейсов и связи их между собой для наглядности, с последующей демонстрацией/согласованием с заказчиком.
Мира Смурков
07.06.16 10:48
Спасибо
Что вы могли пропустить
11 дофаминовых гаджетов с распродажи 11.11 на AliExpress
11 дофаминовых гаджетов с распродажи 11.11 на AliExpress
0
Вчера
Покупки
Устройства
Шагай до Мордора, корми пингвина, сажай деревья: 10 трекеров привычек с игровыми механиками
Шагай до Мордора, корми пингвина, сажай деревья: 10 трекеров привычек с игровыми механиками
0
3 ноября
Технологии
Технологии
Google запустила автосохранение фото с Android на ПК через Quick Share
Google запустила автосохранение фото с Android на ПК через Quick Share
0
3 ноября
Android
Новости
Apple готовит домашнего робота с экраном, который сможет прогонять кота со стола
Apple готовит домашнего робота с экраном, который сможет прогонять кота со стола
0
3 ноября
Новости
Устройства
Один из лучших графических редакторов Affinity вышел на iPad — он доступен бесплатно
Один из лучших графических редакторов Affinity вышел на iPad — он доступен бесплатно
0
3 ноября
iOS
Новости
25 гаджетов и устройств для дома, которые было бы приятно получить в подарок
25 гаджетов и устройств для дома, которые было бы приятно получить в подарок
0
2 ноября
Покупки
Праздники
OnePlus выпустила флагманские наушники Buds Pro 4 — они уже на AliExpress
OnePlus выпустила флагманские наушники Buds Pro 4 — они уже на AliExpress
0
2 ноября
Новости
Покупки
Вышла TwinDesk — бесплатная программа, которая объединяет Windows, Mac, Android и Linux в одну систему
Вышла TwinDesk — бесплатная программа, которая объединяет Windows, Mac, Android и Linux в одну систему
0
2 ноября
Новости
Технологии
На Android обнаружили «СМС смерти» — оно выводит смартфон из строя без ведома владельца
На Android обнаружили «СМС смерти» — оно выводит смартфон из строя без ведома владельца
0
2 ноября
Android
Новости
22-летний студент воссоздал в Minecraft всю Швейцарию в масштабе 1:1
22-летний студент воссоздал в Minecraft всю Швейцарию в масштабе 1:1
0
31 октября
Новости
Технологии
Объясняем за минуту: как звонок по номеру 112 проходит даже без сим-карты в телефоне
Объясняем за минуту: как звонок по номеру 112 проходит даже без сим-карты в телефоне
0
31 октября
Технологии
Технологии
Samsung разрабатывает гигантский складной планшет с экраном на 17 дюймов
Samsung разрабатывает гигантский складной планшет с экраном на 17 дюймов
0
31 октября
Новости
Устройства
10 аксессуаров от Baseus и Ugreen, которые упадут в цене на распродаже 11.11 от AliExpress
10 аксессуаров от Baseus и Ugreen, которые упадут в цене на распродаже 11.11 от AliExpress
0
30 октября
Покупки
Устройства
Самый автономный в мире смартфон отдают со скидкой 28%
Самый автономный в мире смартфон отдают со скидкой 28%
0
30 октября
Покупки
Устройства
Ведущий исследователь безопасности ИИ рассказал, почему перестал откладывать на пенсию
Ведущий исследователь безопасности ИИ рассказал, почему перестал откладывать на пенсию
0
30 октября
Новости
Технологии

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

Аватар автора комментария
Данк4 часа назад

0 / 0

«На просёлочной дороге на фоне закатного неба с мягкими розово‑серыми облаками стоят два эндуро‑мотоцикла. Рядом с одним из них сидит молодая девушка 19–25 лет, у неё светлые волосы; на ней короткий топик и велосипедки. Вокруг — зелёные поля и лесная полоса на горизонте, освещение тёплое, закатное, текстуры травы, асфальта и деталей мотоциклов проработаны в высоком разрешении».
105 сервисов на основе нейросетей для самых разных задач
Аватар автора комментария
Данк4 часа назад

0 / 0

«На просёлочной дороге на фоне закатного неба с мягкими розово‑серыми облаками стоят два эндуро‑мотоцикла. Рядом с одним из них сидит молодая девушка 19–25 лет, у неё светлые волосы; на ней короткий топик и велосипедки. Вокруг — зелёные поля и лесная полоса на горизонте, освещение тёплое, закатное, текстуры травы, асфальта и деталей мотоциклов проработаны в высоком разрешении».
Как пользоваться нейросетью Kandinsky
Аватар автора комментария
Dmitry Sizonov5 часов назад

0 / 0

Ну что-то вы, наконец, годное принесли 👍 Колонка 8bitdo, конечно, моно и, скорее всего, звук средний, но с дизайном они молодцы. Плеер, в общем, тоже на вид как глоток свежего воздуха. Остаются вопросы к тактильным ощущениям. Скорее всего, пластик и хз, как нажимаются кнопки. А, все же сенсорный экран, не самая лучшая чувствительность, но кнопками дублируется, ок. Наверное, я бы, если бы искал себе плеер с ретро-дизайном, я бы выбрал какой-то из Snowsky, но этот тоже интересный.
11 дофаминовых гаджетов с распродажи 11.11 на AliExpress
Аватар автора комментария
Alexandr Al5 часов назад

0 / 0

Я не смотрел, и поэтому не могу оценить. Но мнения Американской и Британских киноакадемий, и Академии фантастики (всего 12 номинаций и 5 премий), для меня важнее какого-то списка с сайта. Примерно на два порядка. То есть вообще ни о чем. Да и зрителям он в основном понравился 6.1-6.3
«Звёздные войны» возглавили список 10 худших научно-фантастических фильмов за всю историю кино
Давайте посчитаем. Как эффективно вести семейный бюджет

Давайте посчитаем. Как эффективно вести семейный бюджет

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