«Balsamiq Mockups» — создание макетов сайтов, мобильных и веб-приложений
В современных условиях успешная деятельность НКО или общественного движения невозможна без применения современных цифровых технологий. Наличие своего сайта, информационной рассылки, мобильного или веб-приложения позволит вам решать широкий круг задач по информированию, привлечению средств, мобилизации волонтеров, сбору информации и так далее.…
ВРЕМЯ НА ЧТЕНИЕ 3 МИН
17 июня 2013
Таким образом, мы можем разместить на листе окна приложений, простые фигуры, текстовые блоки, таблицы, картинки, кнопки, стрелки и многое другое. Любой из элементов можно отредактировать. Для этого щелкаем по нему мышкой и рядом появляется всплывающее окно настройки его свойств. Например, для иконки, мы можем выбрать ее вид, размер, цвет, задать подпись, поднять выше или ниже других элементов, сгруппировать с другими объектами и так далее.
После окончания работы над макетом вы можете сохранить его в форматах PNG или PDF, что может вам пригодиться для печати или при необходимости демонстрации своего проекта на устройствах, не имеющих доступа к сети. Кроме этого, есть возможность экспортировать проект в виде XML-файла. Это даст вам возможность открыть его позднее в Balsamiq Mockups и продолжить редактирование, а также переслать макет по почте коллегам для внесения правок. Для сохранения в этом формате вам необходимо выбрать пункт Export Mpckup XML в меню Mockup. После этого разметка вашего макета будет скопирована в буфер обмена, откуда ее можно вставить в любой текстовый файл или почтовое сообщение.
В настоящее время Balsamiq Mockups имеет несколько вариантов использования. Во-первых, это бесплатное веб-приложение, функциональность которого мы рассмотрели в этой статье. Во-вторых, есть возможность загрузить платное настольное приложение, обладающее целым рядом дополнительных возможностей. Однако для выполнения несложных и быстрых эскизов вполне достаточно и бесплатной версии сервиса.
Веб-сервис Balsamiq Mockups оставляет хорошее впечатление продуманностью своей работы и отличной функциональностью. Не даром это приложение завоевало широкое признание среди разработчиков программных интерфейсов и веб-дизайнеров, которые выкладывают в сеть дополнительные объекты и готовые макеты, которые вы можете использовать в своих проектах. Многие из них вы найдете на этой странице.
Balsamiq Wireframes
Сервис для создания скетчированных макетов сайтов, мобильных приложений и других интерфейсов.
Похожие на Balsamiq Wireframes
Описание Balsamiq Wireframes
Balsamiq Wireframes — инструмент для создания неактивных прототипов интерфейсов для сайтов, мобильных и веб-приложений, и программ. Balsamiq помогает командам за несколько минут схематично изобразить внешний вид будущих проектов. В Balsamiq нельзя детально воспроизвести интерфейс приложений, что поможет не отвлекаться на ненужные элементы на стадии наброска.
Макеты в Balsamiq создаются в графическом редакторе. Редактор представляет из себя рабочую поверхность, куда из панели инструментов перетаскиваются будущие элементы макета. Элементы подразделяются на несколько категорий: кнопки, формы, контейнеры, слои, иконки, элементы, присущие iOS, Android, сайтам. Пользователи могут загружать собственные изображения, анимации и собственные иконки. Размещённые элементы при необходимости можно отредактировать: изменить размер, цвета, шрифт текста, положение и другое.
Создавать макеты в Balsamiq можно и совместно, для этого необходимо пригласить нового участника с помощью электронного или напрямую в приложение, если у него уже есть аккаунт, и выставить ему роль. Участники могут совместно работать над проектом, редактировать его, оставлять комментарии и заметки.
Особенности Balsamiq:
- Создание схематичных набросков интерфейсов сайтов, приложений и программ.
- Создание собственных шаблонов и иконок.
- Экспорт готовых макетов в PNG или PDF.
- Управление при помощи горячих клавиш.
- Перетаскивание элементов при помощи drag-and-drop.
- Интеграция с Google Диск и Jira.
Balsamiq Wireframes
Balsamiq Wireframes — это сервис для создания простых прототипов (вайрфреймов) интерфейсов для будущих сайтов, лендингов, мобильных приложений и программ. В первых 3-х версиях инструмент назывался Balsamiq Mockups, в сентябре 2017-го с выходом версии 4.0 Balsamiq Mockups переименовали в Balsamiq Wireframes, поэтому вы можете встречать оба этих названия.
Пройдите тест из 10 вопросов и узнайте, какая дизайн-профессия подходит лично вам
Содержание
- Что такое вайрфрейм и зачем он нужен
- Принцип работы Balsamiq
- Возможности «Бальзамик»
- Интерфейс Balsamiq
- Обучающие материалы «Бальзамик»
- Помощь и поддержка «Бальзамик»
- Где скачать и сколько стоит Balsamiq Wireframes
Что такое вайрфрейм и зачем он нужен
ИСКРА —
неделя знакомства с дизайн-профессиями
Выберите дизайн-профессию, которая нужна в IT.
разжечь искру
Вайрфрейм (от англ. wireframe — каркас) — это схематичное изображение, набросок пользовательского интерфейса разрабатываемого сайта. Вайрфреймы помогают представить, как и в каком порядке на экране будут располагаться блоки с информацией, кнопки и прочие элементы, а также показывают логичность этой структуры и удобство взаимодействия пользователя с интерфейсом будущего сайта. Вайрфреймы мало детализированны. Их можно рассматривать как скелет дизайн-макета, выполненный в монохромной палитре, в котором все графические элементы (изображение, текст, видео) представлены упрощенно. Это позволяет сосредоточиться именно на структуре страницы, а не на ее визуале.
ИСКРА —
неделя знакомства с дизайн-профессиями
Выберите дизайн-профессию, которая нужна в IT.
разжечь искру
Вайрфрейм используют для выстраивания структуры будущего программного продукта, а также для ее презентации заказчику и команде. В нем легко сделать правки и быстро внести что-то новое. А если клиент решит полностью или частично сменить концепцию проекта, то на этапе создания вайрфрейма можно избежать существенных денежных и временных потерь.
Принцип работы Balsamiq
Вайрфреймы в Balsamiq Wireframes (или просто Balsamiq) создаются в графическом редакторе. Это такая рабочая поверхность, на которую из панели инструментов перетаскиваются элементы для разрабатываемого макета. Они делятся на категории: кнопки, формы, контейнеры, слои, значки, элементы, присущие iOS, Android, веб-сайтам. Можно самому загрузить фото, анимации и иконки.
По необходимости эти элементы можно исправлять: изменять размер, цвет, шрифт текста, сами надписи, положение и прочее. Обратите внимание: изначально все названия элементов и шаблонные надписи на них выполнены на английском языке. Не волнуйтесь, достаточно просто кликнуть на нужную надпись, и откроется окно, в котором всё можно переписать по-русски.
Если случится так, что один элемент при размещении в поле редактирования перекрывает другой, их легко можно расположить по слоям при помощи функций Bring to и Send to (переместить наверх или вниз). Они открываются по клику правой кнопкой мыши на нужном элементе.
Работа в Balsamiq очень проста и интуитивно понятна.
Возможности «Бальзамик»
- Главное преимущество Balsamiq — простота и высокая скорость создания вайрфреймов. Сервис располагает широким набором горячих клавиш и функциональными элементами управления (флаговые кнопки, панель ссылок, окно браузера и др.).
- Вайрфреймы, созданные в Balsamiq, напоминают наброски. Поэтому сразу понятно, что они являются не конечным продуктом, а только начальным шагом в создании сайта.
- В Balsamiq есть огромный набор готовых элементов. Их можно легко перетаскивать, чтобы создавать собственные вайрфреймы.
- Готовые макеты можно экспортировать в PNG или PDF.
- Есть возможность работать над проектом совместно с другими сотрудниками. Участники могут редактировать вайрфреймы, делать заметки и оставлять комментарии.
- Для презентации идей можно использовать полноэкранный режим.
- Переключение вкладок внизу экрана дает возможность работать с несколькими вайрфреймами одновременно.
- Перетаскивать элементы можно с помощью drag-and-drop.
- Программа Balsamiq Wireframes интегрируется с сервисами Google Drive, Jira, Confluence.
- В 2020 году запущена версия Balsamiq Wireframes для десктопа, которая сейчас успешно работает и помогает тысячам дизайнеров по всему миру.
Все это позволяет существенно снизить временные затраты для создания макета будущего сайта. Это особенно актуально, если проект большой. Использование всех возможностей позволит сэкономить десятки минут на каждую страницу создаваемого сайта или приложения.
Интерфейс Balsamiq
После завершения установки и запуска Balsamiq мы увидим такой экран. Расположение элементов может немного отличаться в зависимости от того, какую версию вы установили, какое у вас разрешение экрана и пользуетесь ли вы пробной версией или сразу приобрели основную.
Экран состоит из нескольких основных элементов:
- Меню. В него включены пункты Project, Edit, View, Windows, Help.
- QuickAdd. Позволяет быстро найти и добавить элементы (Arrow, Button Bar, Block of Text, App Bar и другие, в зависимости от выбранного элемента библиотеки элементов).
- Панель действий. С ее помощью макет можно редактировать (кнопки «Отменить», «Копировать», «Вырезать», «Изменить масштаб» и другие).
- UI Library (Библиотека элементов). Разделены по категориям (панель с кнопками All, Assets, Big, Buttons, Common, Forms, Icons и другие). Чтобы получить представление о доступных элементах экрана, прокрутите раздел All (Все) в горизонтальном направлении.
- Рабочая область. Пространство в центре экрана, где вы будете создавать прототип.
В правом верхнем углу красным выделен раздел переключения между сведениями о проекте и информацией об основных элементах управления.
ИСКРА —
неделя знакомства
с дизайн-профессиями
Какие они — востребованные в IT дизайн-профессии? Знакомьтесь с ними в течение недели, выбирайте подходящую и получайте полезные подарки каждый день.
разжечь искру
Поговорим подробней об основных элементах экрана приложения в Balsamiq.
All (Все). Включает в себя все элементы интерфейса, присутствующие в Balsamiq. Воспользуйтесь горизонтальной прокруткой, чтобы изучить их детально.
Assets (Активы). Это то, что загрузил сам пользователь. Рекомендуется создавать папку с активами для каждого проекта.
Big (Большой) — в этой категории расположены те элементы экрана, которые достаточно крупны по размеру или внешнему виду. В этой категории можно увидеть такие элементы, как заполнители, окно браузера, диаграммы, окна iPad, iPhone.
Buttons (Кнопки) — включает все элементы управления кнопками, используемые в мобильных / веб- вайрфреймах. Примером будет выпадающий список, флажок и другие.
Common (Общие) — это разные формы или элементы управления, которые используются для обозначения самых распространенных взаимодействий.
Containers (Контейнеры). Как следует из названия, они включают несколько видов окон и табов, круглые и прямоугольные боксы и др.
Forms (Формы). Здесь находятся элементы, связанные с формами: кнопки, выпадающие списки, текст, чек-боксы и др.
Icons (Значки). Этот элемент может понадобиться, если нужно выделить значком какую-нибудь операцию. В приложении «Бальзамик» вы найдете внушительную коллекцию иконок. В любой момент может потребоваться обозначить определенную операцию значком. «Бальзамик» имеет огромную коллекцию иконок.
iOS. Элементы управления пользовательского интерфейса, характерные для мобильной операционной системы Apple iOS, доступны в этой категории.
Layout (Макет) — базовый макет. Необходим, чтобы представить базовую страницу или функцию. В макет включены такие категории, как Accordian, горизонтальные и вертикальные вкладки и другие.
Markup (Разметка) потребуется, если вам нужно добавить комментарий к определенному элементу управления в вайрфрейм. Поле для комментариев доступно в данном разделе. Кроме того, выноски используются, чтобы продемонстрировать взаимосвязанность в сценариях.
Media (Мультимедиа) — в этой категории доступны звуковые и фотоэлементы для показа в вайрфрейме.
Symbols (Символы). Элементы раздела — компоненты частого использования, позволяющие сократить время, когда нужно создавать элементы, повторяющиеся неоднократно.
Text (Текст) — сюда включаются соответственно все элементы управления пользовательским интерфейсом, которые связаны с текстом или абзацами, например, панель ссылок, блок текста, поле со списком. Раздел максимально продуман. В программе Balsamiq Wireframes установлен собственный синтаксис. С его помощью можно выделить слово жирным шрифтом, подчеркнуть или вставить его между двух звездочек. Так важное слово никогда не потеряется. К тому же сервис поддерживает шрифт Fontawesome. С его помощью можно использовать готовые иконки в формате текста. Это дает больше возможностей для редактирования.
Отдельно стоит упомянуть о кнопке Help. Разработчики приложения позаботились о том, чтобы работалось в Balsamiq максимально комфортно. Поэтому, помимо стандартного функционала этого раздела, здесь вы сможете выбрать фоновую музыку и даже полистать вкусные рецепты здорового питания. А если вас вдруг настиг творческий кризис, есть раздел I Need Inspiration («Мне нужно вдохновение»).
Обучающие материалы «Бальзамик»
Официальных обучающих материалов на русском языке у Balsamiq нет. На самом сайте сервиса есть раздел Tutorials с короткими обучающими видео на английском языке. Они помогут быстро освоить нужные вам элементы. Уроки короткие и сопровождаются скриншотами или видеороликами, поэтому воспринимать их довольно легко.
Также компания ведет свой YouTube-канал с большим количеством уроков. Язык канала тоже английский, но есть возможность смотреть ролики с русскими субтитрами, которые включаются в интерфейсе самого YouTube. Некоторые русскоязычные специалисты также создают подробные видеоинструкции по работе с сервисом.
Помощь и поддержка «Бальзамик»
Компанию Balsamiq Wireframes выделяет высокий уровень службы поддержки пользователей. Сотрудники клиентского сервиса делают ставку на дружелюбный тон и профессионально решают любые вопросы. На странице поддержки удобная навигация по разделам. Здесь вам предложат отправить запрос на электронную почту по техническим, коммерческим вопросам и некоторым другим. Обращение можно отправить на самой странице. В тот момент, когда вы начнете писать сообщение, в соседнем окне будут появляться возможные варианты ответов. Также через этот раздел можно попасть на страницу форума, профили в соцсетях или запросить документы.
Где скачать и сколько стоит Balsamiq Wireframes
Скачивайте Balsamiq Wireframes с официального сайта. Balsamiq доступен для операционных систем Windows и Mac.
Компания предоставляет 30-дневный пробный период. Можно выбрать из трех тарифов (2 проекта, 20 проектов и 200 проектов) в зависимости от потребностей и размера вашего бизнеса.
Тариф «2 проекта» позволяет работать одновременно с двумя проектами. Стоимость тарифного плана $9/месяц или $90/год на момент написания статьи.
Самый популярный тариф «20 Проектов» подойдет для большинства пользователей — как фрилансеров, так и штатных дизайнеров компаний. За такой тариф нужно заплатить $49/месяц или $490/год, что в целом недорого, если вы делаете коммерческие проекты.
Если вы работаете с более чем 20 проектами одновременно или вам нужно хранить уже готовые проекты длительное время в базе, то лучше выбрать тариф «200 проектов». Цена тарифа $199/месяц или $1990/год. Он подходит для крупных компаний.
Каждый план включает в себя неограниченное количество вайрфреймов и неограниченное число участников, вовлеченных в проект. Кроме того, для некоторых категорий граждан сервис предоставляет специальные условия. Например, они предлагают бесплатный доступ к приложению для работы в классе, некоторым благотворительным и некоммерческим организациям. Здесь можно подробней ознакомиться с условиями и способами сэкономить при покупке сервиса.
ИСКРА —
неделя знакомства
с дизайн-профессиями
7 дней, которые разожгут в вас искру интереса
к дизайну. Получайте подарки каждый день,
знакомьтесь с востребованными профессиями
и выберите ту, которая подойдет именно вам.
Balsamiq wireframes что это
Что такое прототип и зачем он нужен?
Не всегда для этого понадобятся бумага и ручка. Так как облегчить себе жизнь
и почему для этого идеально подходит Balsamiq? Узнайте не только о преимуществах
данного инструмента, но и о интересных плюшках,
предлагаемых разработчиками.
Работу над любым интерфейсом нужно начинать с прототипа. Почему? Независимо от того, что вы разрабатываете — будь то мобильное приложение, сайт или даже самый простой лэндинг, имея на руках прототип, вы гораздо быстрее сможете определить что в итоге необходимо создать. Ведь в начале работы над проектом крайне редко все заинтересованные стороны имеют единое видение реализации. На словах все могут соглашаться, но понимание у каждого все равно будет свое.
Прототип легко создать и продемонстрировать. Он даст возможность предметного согласования, позволит быстро внести правки, что-то поменять, что-то переделать. Рисовать можно как от руки, так и используя специальные приложения для создания прототипов. Второй вариант удобен тем, что овладев инструментом, вы потратите меньше сил и времени как на создание прототипа, так и на правки. Да, здесь надо сразу оговориться, что в данной статье речь идет о самых базовых прототипах интерфейса, они же wireframes, они же каркасные схемы.Один из самых распространенных инструментов для создания прототипов интерфейсов является Balsamiq. В чем же его основные преимущества?
1. Balsamiq просто освоить и с ним удобно работать.
Научиться пользоваться Balsamiq действительно очень легко. Инструмент доступен в он-лайн приложении, но есть и офлайн версии для iOS и Windows. Экран приложения состоит из следующих основных элементов:
- Меню, включающим основные пункты File, View, Edit и Help
- Быстрый поиск и добавление элементов QuickAdd
- Панель действий для редактирования макета: Copy, Paste, Duplicate, Group и так далее
- Визуализированная библиотека элементов пользовательского интерфейса, которые можно отсортировать по тегам
- Рабочая область с перечнем страниц и панелью управления выбранным элементом
Он максимально приближен к прототипам, которые так привычно рисовать на бумаге. Однако при желании, в параметрах проекта вы можете поменять стиль на более строгий.
2. Отличный набор базовых элементов интерфейса.
Balsamiq имеет базовые элементы для создания любых интерфейсов: мобильных приложений, сайтов, сложных систем. Используйте стандартные кнопки, иконки, списки, таблицы, меню, хлебные крошки.
Впоследствии проект необходимо будет передавать разработчикам. Но они будут видеть его впервые и не всегда им будет понятно, что вы задумывали, изображая ту или иную кнопку, рисуя тот или иной выпадающий список и т. д. Для того чтобы избежать долгих расспросов, очень удобно использовать комментарии. В них можно написать все вплоть до сценариев, что упростит жизнь и при написании ТЗ.
Работа в Balsamiq занимает меньше всего времени. Согласитесь, это немаловажный факт, особенно, если проект большой и содержит в себе много страниц. Неоднократно пользователи проводили исследования, сравнивая подобные ресурсы. Так, сравнивая два самых простых инструмента, обнаружили, что Balsamiq позволяет выиграть до 5 минут на одну страницу! Для больших проектов время очень важно!
Источник: https://medium.com/usethics-doc
3. Интерактивный прототип
В Balsamiq можно связать ссылками отрисованные страницы и создать интерактивный прототип. Это удобно использовать для понимания какая кнопка за что отвечает и как страницы связаны друг с другом. Позже можно проверить их действие, например, в презентации. Презентацию удобно использовать и для демонстрации готового прототипа заказчику.
Прототипом можно легко поделиться в одном из форматов PDF или PNG, также можно создать ZIP архив, куда сохранятся все страницы стандартного формата Balsamiq – bmml.
4. Стоимость
Еще одним важным фактором является невысокая стоимость инструмента. Ниже приведена табличка с минимальными ценами на нескольких ресурсах, позволяющих создавать wireframes.
| Подписка (мес) | Покупка | |
|---|---|---|
| Justmind | 19$ | — |
| Axure | 29$ | 495$ |
| Balsamiq | 9$ | 85$ |
Помимо этого, у Balsamiq существует немало скидок. Так, подписка на год обойдется в 90$. А если покупать единовременно пакет для целой компании, то начиная с 5 человек, цена будет снижаться, и чем больше количество людей, тем больше скидка. Для преподавателей, студентов или работников некоммерческой организации, шанс получить скидки увеличивается, достаточно просто заявить о себе. Подробнее с ценообразованием Balsamiq можно ознакомиться тут. Однако хорошее соотношение цены-качества на лицо.
В целом набор весьма привлекателен, но есть еще не менее интересные детали!
Удобная панель элементов
Всегда удобно работать, когда все элементы находятся под рукой. Ведь по сути больше всего времени тратится на то, что бы найти тот или иной элемент интерфейса. Разработчики Balsamiq предусмотрели эту проблему. Все доступные элементы сгруппированы по тегам, каждый имеет наглядную иллюстрацию. Если «набить руку» и помнить их названия, то можно просто начать вводить его в поисковике (Quick Add), сразу же выпадет список, в котором будет не только искомый элемент, но и похожие.
Форматирование текста
При работе не раз придется столкнуться с необходимостью написания тех или иных текстов. Это могут быть заголовки, списки, названия элементов, таблицы и прочее. Как же его отформатировать? Для этого в программе установлен свой синтаксис, так, например, слово, написанное меж двух звездочек, будет написано жирным шрифтом, обрамив же слово амперсандом, получим подчеркивание.
Еще один лайфхак может позволить быстро изобразить часть иконок. Используя панель управления, их сразу же можно связать ссылками с другими страницами.
Отличные обучающие материалы
Чтобы узнать еще больше, посмотрите краткие видео уроки от Balsamiq https://support.balsamiq.com/tutorials/. Они помогут быстро освоить все элементы, в том числе и полный синтаксис приложения. Ведь о всех его фичах известно лишь разработчикам.
Поддержка иконочного шрифта Fontawesome
Balsamiq поддерживает шрифт Fontawesome, который в свою очередь позволяет использовать готовые иконки в текстовом формате, в этом случае будет больше возможности редактировать, изменять размер, в том числе используя вышеописанный синтаксис. Для этого нужно выбрать шрифт FontAwesome, после чего вводить в любое текстовое поле используемое в программе просто cкопировав, например, со страницы https://fontawesome.ru/cheatsheet/. Очень быстро и удобно.
Symbols – работа с типовыми элементами
Если необходимо многократно использовать типовые элементы, такие как меню, футер, хедер вам не придется каждый раз рисовать заново и, что самое главное, потом мучиться с редактированием по всему проекту одинаковых элементов. Нарисуйте его один раз, создайте группу и дайте название, чтобы в будущем легко было найти созданную группу через поиск. Теперь остается только сконвертировать эту групп в Symbol. Все сохраненные группы будут находиться в разделе меню Symbols. Если необходимо изменить что-то в созданной группе, достаточно зайти в редактирование группы. Внесенные в Symbol изменения отобразятся на всех страницах, где вы его использовали. Так что будьте аккуратнее!
Трансформирование элементов
Если вдруг необходимо из лейбла сделать полноценный текст или из текста список, или вы решили, что вместо круглой кнопки вам нужна обычная, то вовсе необязательно удалять элемент и вставлять новый, его можно просто трансформировать. Для этого необходимо просто выделить элемент и нажать на него правой кнопкой мыши. Выбрав в открывшемся меню пункт Transform to, решите, чем именно вы хотите его заменить. Пять секунд и все готово! Очень помогает при работе с текстами и внесении изменений в многоуровневых группах.
Работа с библиотекой
Итак, мы разобрались, как самим создать символы и группы и как их использовать. Но! Не зря говорят: Все придумано до нас. Оказывается, можно еще больше упростить себе жизнь, используя уже готовые макеты и шаблоны, которые лежат в библиотеке и доступны для общего пользования. Можно импортировать шаблон в свой проект и модернизировать его или, быть может, использовать оттуда лишь какие-то конкретные объекты/группы.
Помощь и поддержка
Как уже было написано выше, при возникновении вопросов можно обратиться за помощью к разработчикам, зайдя в Help. На сайте https://support.balsamiq.com/ есть короткие обучающие видео, которые помогут быстрее освоить тот или иной элемент. С сайта есть опция перехода на канал в YouTube, где видео будет еще больше.
Работоспособность часто зависит от комфортных условий. Разработчики Balsamiq позаботились и об этом! Я, например, люблю включать фоном музыку, так вот, это можно сделать и не покидая приложения, все в том же пункте меню Help. Если же случиться заработаться и забыть про еду, достаточно заглянуть в раздел What should I make for dinner? И выбрать один из многочисленных рецептов вкусной и здоровой пищи. А если (бывает и такое) возникнет творческий кризис, найти вдохновение поможет раздел I need Inspiration! Где вы еще найдете такое заботливое приложение?!
Вне зависимости от того, каким инструментом пользоваться, к работе в любом из них надо подходить с умом. Balsamiq очень удобен и научиться создавать прототипы в нем действительно можно за полчаса. Но гарантировать, что созданный интерфейс будет удобным, соответствующим потребностям пользователей и легких для восприятия может только опыт и наличие необходимых навыков. Ведь можно и такие прототипы рисовать ��
Екатерина Козловцева