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

9 бесплатных инструментов для дизайна интерфейсов

В нашей подборке — программы и сервисы для создания прототипов, дизайна веб-страниц, раскадровки и вдохновения. Без пробных версий и ограничений, абсолютно бесплатные. Особенно пригодятся студентам и тем, кто хочет попробовать себя в дизайне интерфейсов.
Фото автора Лера Мерзлякова
Лера Мерзлякова

Marvel

1. Pixate

1-Dk7owAlIbAMHQMJHf98-lw

Pixate — платформа для прототипирования приложений, которая обладает большим набором функций. Вы можете создавать слои, добавлять интерактив и анимации и, что самое главное, — посмотреть, как будет выглядеть ваш дизайн в жизни. С помощью плеера Pixate вы сможете полистать готовый прототип и покликать по нему на смартфоне (поддерживаются платформы Android и iOS). Ещё один плюс программы — научиться работать в ней довольно просто. В итоге вы сможете создать дизайн приложения, не написав ни строчки кода.

🥰 Опрос для дорогих читателей! Помогите нам стать лучше и поделитесь, что вы хотели бы изменить. В конце — бонус от наших иллюстраторов.

Pixate →

2. Marvel

border

Можно создавать дизайн приложения сразу в Marvel или экспортировать свои макеты из Photoshop или Sketch. С готовым оформлением можно сделать прототип (добавить анимации и переходы), чтобы посмотреть, как приложение или веб-страница будет выглядеть для пользователя. Есть возможность делиться проектами и получать обратную связь в режиме реального времени.

Marvel →

3. iPhone Mockup

1-GXevZ_dfAr2udjZnha0l4w

Поможет быстро и просто создать иллюстрацию или скетч мокапа iPhone. Всё, что нужно сделать, — методом drag-and-drop перетащить необходимые элементы интерфейса. Сервис не годится для серьёзной разработки, но если вы хотите быстро зафиксировать свою идею или поделиться с кем-то набросками, iPhone Mockup для этого вполне подойдёт.

iPhone Mockup →

4. Pencil Project

Page-Properties

Pencil Project — бесплатный инструмент для прототипирования с открытым исходным кодом. Позволяет создавать макеты веб-страниц и мобильных приложений. Есть встроенные коллекции с популярными формами, блок-схемами и элементами интерфейсов.

Pencil Project →

5. Form

imageview

Приложение для создания прототипов и их просмотра на iPhone или iPad через Wi-Fi или USB.

Form →

6. Use Your Iinterface

2016-05-24_17-32-43

Огромная коллекция анимированных интерфейсов. Заходим, вдохновляемся интересными решениями и применяем идеи на практике.

Use Your Iinterface →

7. UX Myths

2016-05-24_17-37-26

Как уже понятно из названия, на этом сайте собраны самые популярные заблуждения в области проектирования пользовательских интерфейсов — с подробными объяснениями, ссылками на исследования и полезные материалы.

UX Myths →

8. Mobile Patterns

2016-05-24_17-40-42

Подборка дизайнерских решений для мобильных интерфейсов. Поможет справиться с творческим кризисом. Большой плюс — всё разбито по категориям: календари, списки, карты, настройки и так далее.

Mobile Patterns →

9. Good UI

2016-05-24_17-42-07

Ещё один полезный ресурс с теорией дизайна интерфейсов (одно «но» — все материалы на английском). Здесь собрано 75 идей по оформлению веб-страниц. Все рекомендации проверены A/B‑тестированием.

Good UI →

Обложка: Разработано через Freepik
Если нашли ошибку, выделите текст и нажмите Ctrl + Enter
Это интересно
Гид по здоровому весу. Что нужно знать об ожирении

Гид по здоровому весу. Что нужно знать об ожирении

BitrixGPT Agent

Команда Лайфхакера попробовала нового ИИ-агента в «Битрикс24». 5 возможностей, которые нас удивили 

Реклама
Диспансеризация для женщин: всё, что нужно знать

Диспансеризация для женщин: всё, что нужно знать

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

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

Комментарии
Max Lazarenko
12.12.16 20:07
Figma.com ?
nastya svezhentseva
09.10.20 20:36
invisionapp.com ?
Alexander Shmidt
02.10.24 14:07
регистрация через номер телефона
Что вы могли пропустить
Как скачать видео с YouTube на телефон и компьютер: 6 проверенных способов
Как скачать видео с YouTube на телефон и компьютер: 6 проверенных способов
0
13:00
Технологии
Технологии
Появился первый тизер Xiaomi 18 Pro с экраном сзади и обновлённой камерой
Появился первый тизер Xiaomi 18 Pro с экраном сзади и обновлённой камерой
0
10:50
Новости
Устройства
Apple готовит складной iPhone Duo с более крупным дисплеем и кое-что для геймеров
Apple готовит складной iPhone Duo с более крупным дисплеем и кое-что для геймеров
0
Вчера
Новости
Устройства
Почему искрит розетка и опасно ли это
Почему искрит розетка и опасно ли это
0
Вчера
Технологии
Технологии
Мама, я программист: 10 проектов для знакомства с вайбкодингом
Мама, я программист: 10 проектов для знакомства с вайбкодингом
0
13 сентября
Технологии
Технологии
Объясняем за минуту: как узнать, поддерживает ли ваш телефон eSIM
Объясняем за минуту: как узнать, поддерживает ли ваш телефон eSIM
0
12 сентября
Технологии
Технологии
Какая раскладушка лучше — iPhone Duo или Samsung Galaxy Z Fold 8
Какая раскладушка лучше — iPhone Duo или Samsung Galaxy Z Fold 8
0
11 сентября
Устройства
Устройства
5G официально запустили в России — но с iPhone подключиться не выйдет
5G официально запустили в России — но с iPhone подключиться не выйдет
0
11 сентября
Новости
Технологии
Американский стартап вызвал около 70 миллионов литров дождя с помощью дронов — на это ушло 3 часа
Американский стартап вызвал около 70 миллионов литров дождя с помощью дронов — на это ушло 3 часа
0
11 сентября
Новости
Технологии
Чем новые iPhone 18 Pro и Pro Max отличаются от прошлогодних iPhone 17 Pro и Pro Max
Чем новые iPhone 18 Pro и Pro Max отличаются от прошлогодних iPhone 17 Pro и Pro Max
0
10 сентября
Ликбез
Устройства
ИИ может уничтожить человечество в ближайшее десятилетие — так считает эксперт по безопасности из Anthropic
ИИ может уничтожить человечество в ближайшее десятилетие — так считает эксперт по безопасности из Anthropic
0
10 сентября
Новости
Технологии
9 лучших бесплатных программ для форматирования флешки в 2026 году
9 лучших бесплатных программ для форматирования флешки в 2026 году
0
10 сентября
Ликбез
Технологии
В Сети неоднозначно приняли iPhone Duo — многие вступились за Samsung
В Сети неоднозначно приняли iPhone Duo — многие вступились за Samsung
0
10 сентября
Новости
Технологии
МТС открыла предзаказ на iPhone 18 Pro и складной iPhone Duo — цены внушительные
МТС открыла предзаказ на iPhone 18 Pro и складной iPhone Duo — цены внушительные
0
10 сентября
Новости
Устройства
Apple назвала дату выхода iOS 27 — обновление получит даже iPhone 11
Apple назвала дату выхода iOS 27 — обновление получит даже iPhone 11
0
10 сентября
iOS
Новости

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

Аватар автора комментария
Валентин Тиганов1 час назад

0 / 0

Хлам за Овер прайс
15 стоящих предложений с осенней распродажи на AliExpress
Аватар автора комментария
Ew2 часа назад

0 / 0

А что тебе нужно?)
Как перестать стыдиться сексуальных фантазий
Аватар автора комментария
Ия Зорина4 часа назад

+1 / 0

Ну а если психолог не работает в клинике и центре, есть шанс найти специалиста, который закончил курсы или диплом себе нарисовал. Думаю, в клинику такого просто не возьмут, так ведь? Здесь речь не о сочувствии - конечно, это нормально. Я не имела в виду, что психолог сидит с покерфейсом и разговаривает как робот. Речь о том, что он не может выдержать вашу историю и впадает в чрезмерную эмоциональность, потрясен, шокирован. Кажется, это не то, что нужно человеку, который пришёл за помощью. Это официальное определение, вы его встретите в любом авторитетном источнике, где речь идёт о психическом расстройстве или какой-нибудь зависимости, например. И нет, психологические проблемы не обязательно мешают тебе работать и учиться, портят отношения и создают угрозу жизни. Я обращалась к психологу насчёт проблем в отношениях, ходила с сыном насчёт проблем с соревнованиями (тренировки хорошо, на соревнованиях паника), знакомый тоже ходил по поводу проблем с выступлением на соревнованиях. И все эти проблемы не мешали работать и учиться и не создавали угрозу жизни. Насчёт последнего пункта я согласна, что в психике всё переплетено. Такое разделение скорее для того, чтобы показать, что психолог не лечит депрессию. То есть, первично он разбирается с проблемой, с которой пришёл человек. А если у того депрессия, он его направляет к психиатру, а разбирается, опять же, с той проблемой, с которой пришел человек.
«Сходи к психологу!» — когда этот совет не поможет
Аватар автора комментария
Ия Зорина4 часа назад

+1 / 0

В общем, я так и писала. Не надо к психологу идти, если у тебя депрессия. Но вы упрощаете, как будто каждый человек с проблемой психологического характера болен, это не так. Я, например, как-то обращалась к психологу с проблемой в отношениях, она была очень мучительной, но в то же время у меня не было никакого заболевания. Психолог дала хороший совет, который мне в голову бы даже не пришёл, я применила и вырулила ситуацию. Пострадала ещё маленько и успокоилась. Ещё случай, у меня друг обратился к психологу потому, что на соревнованиях не мог выдержать 10 минут работы целиком, всегда ставил гири раньше (гиревой спорт), и психолог помог ему прокачать этот момент и перестать сдаваться. Опять же, никаких ментальных заболеваний у него не было.
«Сходи к психологу!» — когда этот совет не поможет
Гид по здоровому весу. Что нужно знать об ожирении

Гид по здоровому весу. Что нужно знать об ожирении

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