Заказывая веб-сайт у дизайнера или студии, вы не говорите им: «Просто сделайте мне сайт, на свое усмотрение». У вас есть определенное видение, есть требования и идея, которую нужно выразить.
Как это все донести до дизайнера? Как показать, что именно вы хотите получить на выходе? Попросту говоря, как создать прототип сайта?
Обычно в ход идут ручка и листы А-4. Вы чертите схемы, фотографируете, пересылаете дизайнеру, потом обсуждаете, снова чертите, опять пересылаете… Это, конечно, увлекательно, но неудобно. И отнимает кучу времени. В конце концов, вас начинают посещать мысли: «Да кто из нас дизайнер, в конце концов? У меня есть масса другой работы.
А я тут занимаюсь художествами».
На самом деле, этот процесс может быть гораздо быстрее и проще, если использовать инструменты для прототипирования сайтов.
Что такое инструменты для прототипирования — и зачем они нужны не-дизайнерам?
Идея простая: используя специальный сервис, вы можете легко, а главное быстро изобразить будущий сайт в виде простого черно-белого макета. Это поможет вам передать основное видение и сфокусироваться на сути сайта, не отвлекаясь на отдельные элементы (цвета, изображения, тексты), которые будут реализованы позже.
Создание прототипа сайта — Прототипирование в Figma |
Это полезно при общении с дизайнером, если вы заказываете разработку сайта. Он может не только получить и просмотреть файл, но и оперативно предложить изменения — таким образом вы сформируете общее видение, каким должен быть сайт.
Это полезно при общении с заказчиком, если вы представляете веб-студию. Вы можете быстро визуализировать идею клиента (или предложить свою), внести корректировки и передать дизайнеру уже согласованный макет.
Совместная работа становится проще: вместо того чтобы рисовать, объяснять «на пальцах» и растягивать переписку на километры строк, вы можете создать прототип сайта онлайн, быстро внести в него изменения и автоматически сохранить новую версию документа. Пара-тройка итераций — и видение готово, можно приступать к дизайну и разработке.
Какие существуют программы для прототипирования?
Подобных инструментов существует множество. Но в абсолютном большинстве это платные решения для профессиональных дизайнеров. То есть, они требуют определенных навыков и подписка стоит денег.
В этом обзоре мы выбирали программы для прототипирования, которые соответствуют трем критериям:
- простые в использовании;
- не требуют навыков веб-дизайна;
- есть бесплатная версия программы.
То есть, те, которыми могут пользоваться непрофессионалы, чтобы создавать легкие и быстрые макеты будущих сайтов.
Draftium
Это простой и удобный конструктор для быстрого прототипирования сайта. Не нужно никаких специальных навыков, можно просто брать готовые шаблоны или сверстанные блоки, редактировать их, комбинировать и создавать собственные прототипы сайтов.
Как выбрать программу для 3D моделирования в мастерской / столярке / слесарке и для DIY проектов
Особенности:
- Действительно простой сервис: открываешь и работаешь, не нужно никаких инструкций.
- Можно собрать прототип с нуля, а можно воспользоваться готовыми шаблонами и потом модифицировать их на свой вкус.
- Огромное количество блоков и заготовок: кнопки, формы, текстовые поля, галереи и т. д. — это позволяет создавать прототип сайта поблочно, а не добавлять в него каждый элемент по отдельности.
- Очень удобно реализована возможность редактирования блоков — добавлять или убирать элементы можно в один клик в меню настроек редактирования.
- Также есть бесплатные картинки и иконки, которые можно использовать, чтобы оживить свой макет.
- Шаблоны адаптивны «по умолчанию». То есть, не нужно отдельно создавать прототипы для каждого устройства, можно просто посмотреть, как будет выглядеть ваш будущий сайт в мобильной версии или на планшете.
Marvel
Это один из новых, но при этом уже популярных инструментов для прототипирования сайта. С его помощью можно создать не только набросок, но и полноценную интерактивную модель.
Особенности:
- Инструмент «заточен» не только под веб-сайты, но и под мобильные приложения. Можно выбрать устройство или задать собственные размеры при создании макета.
- Во многих обзорах Marvel рекомендуют как простой инструмент для всех и каждого. Да, у него понятный интерфейс (даже при первом использовании не возникает вопросов, как сделать то или иное действие). Но он рассчитан на людей, которые хоть что-то понимают в дизайне и могут, как минимум, правильно расположить блоки. А даже если так, на это требуется время.
Wireframe
Это очень простой сервис, созданный специально для того чтобы создавать прототипы сайтов легко и быстро, без интерактивных элементов и прочих излишеств.
Особенности:
- Очень простой интерфейс, не требующий никакой подготовки (инструкций, обучения и т. д.). Вы просто берете и мышкой рисуете формы и указываете, что это будет: поле, кнопка, текст или что-то другое — вот и все создание прототипа сайта.
- Готовых шаблонов нет, но вы рисуете по сетке, и это помогает организовать элементы.
Just in mind
В этой программе можно создать прототип сайта или мобильного приложения. Можно сделать как черновой набросок (wireframe), так и полноценный макет интерфейса с графическими элементами.
Особенности:
- В этой программе для прототипирования есть два режима: для новичков (с минимальным набором функций и простым интерфейсом) и для экспертов.
- Можно создать прототип полностью с нуля (для тех, кто хотя бы немного понимает в дизайне) или на основании готового шаблона — эта опция может здорово сэкономить время и вообще удобна для быстрого прототипирования. Правда, шаблонов там немного: всего 4 варианта.
- Интерфейс довольно нагружен, но разобраться можно буквально за несколько минут, если читать подсказки. А дальше все просто: перетаскиваете на рабочую область те элементы, которые вам нужны, редактируете и сохраняете.
- Можно создавать динамические и интерактивные элементы. Для создания элементарного прототипа это может быть излишним, но если вам хочется показать конкретные функции — очень полезно.
iPlotz
Еще один очень простой сервис для прототипирования сайтов и мобильных приложений, в котором можно создавать базовые прототипы сайтов и некоторые интерактивные элементы. Также содержит шаблоны, которые позволяют ускорить работу.
Особенности:
- Первое, что бросается в глаза — довольно «деревянный» дизайн (как у сайта, так и у самого приложения). Видно, что какое-то количество лет его не обновляли.
- Как следствие, требуется некоторое время, чтобы разобраться с тем, как им пользоваться. Но при этом редактор не только простой, но и приятный. Получаются простые и симпатичные прототипы.
- Есть готовые шаблоны (в большом количестве), которые можно использовать, чтобы ускорить работу.
- Все элементы дизайна организованы очень удобно и на то, чтобы их выбрать и расположить, требуются считанные секунды.
- Кроме стандартных элементов и форм (кнопок, текстов, картинок), есть масса нестандартных, но очень полезных. Например, диаграммы, круглые кнопки, чекбоксы и др.
Сравнение программ для прототипирования
Онлайн-чат на сайте
3 прототипа, 20 доступных шаблонов, без ограничений в функциях
Онлайн-чат на сайте
1 пользователя, 2 прототипа
Форма обратной связи на сайте
1 пользователь, 1 прототип
Только для платных пользователей
Нет (только приложение для Mac / PC)
Только для платных пользователей
Только простые прототипы
Через email и в Twitter
1 пользователь, 1 прототип, 5 страниц
Какой инструмент выбрать?
По-настоящему простых инструментов для прототипирования сайтов немного. Большинство инструментов, хоть и позиционируют себя как программы «для всех и каждого», все же требуют хотя бы минимальных навыков дизайна.
Когда требуется максимально быстрое прототипирование (нужно создать простой макет и схематически изобразить расположение блоков), разумно выбрать бесплатный инструмент с простым интерфейсом, хорошей службой поддержки — на случай, если возникают вопросы — и, желательно, заготовленными шаблонами.
Почему шаблоны важны — потому что нередки случаи, когда человек, не имея профессионального представления о том, каким должен быть качественный сайт, своими рекомендациями затрудняет работу дизайнера. Попросту говоря, дает рекомендации, несовместимые с реальной жизнью. И даже создание прототипа сайта, в таком случае, не всегда помогает достичь взаимопонимания. А качественные заготовки, которые показывают, как может выглядеть тот или иной элемент (например, блок с услугами или отзывами) или даже целый сайт, могут существенно упростить задачу.
Кроме того, это просто удобно: взять готовый шаблон, немного изменить под свое видение — и прототипирование сайта займет всего пару часов, а не несколько дней. В таком случае, вопрос «Как сделать прототип сайта?» становится простым даже для людей, которые не имеют абсолютно никакого опыта в дизайне и разработке архитектуры сайтов.
По этим параметрам выигрывает сервис Draftium. И это неудивительно: его создала команда сервиса, который делает шаблоны для веб-сайтов — фактически, тысячи шаблонов. Изначально Draftium помогал разработчикам общаться с собственными клиентами, а потом вырос в отдельный продукт.
Он простой в использовании, предлагает огромное количество готовых шаблонов, с доступной службой поддержки (прямо из интерфейса программы). А если вам нужна профессиональная помощь, за символических 15$ можно заказать разработку прототипа «под ключ», вместе с консультацией UX-дизайнера.
Виктория Абед ведет курс «Директор по интернет-маркетингу». Здесь преподают топ-маркетологи, руководители, основатели агентств и практики. Курс сложный, но волшебный. После окончания карьрера идет в гору! Не верите?
Почитайте эту статью: «Работа на дядю – не приговор. Технология получения топовой должности»
Если Вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter
Mentor https://webpromoexperts.net/blog/kak-sozdat-prototip-sajta-esli-ty-ne-dizajner/» target=»_blank»]webpromoexperts.net[/mask_link]
Создание прототипа сайта: 7 инструментов для маркетолога
Как объяснить четко, каким вы видите будущий сайт или мобильное приложение? Решение – создание прототипа.
В этой статье вы узнаете что такое прототип и как его создать с помощью 7 онлайн-сервисов.
Что такое прототип сайта
Прототип – макет, или физическая реализация концепта интерфейса. Ещё 15 лет назад, когда о принципе «Mobile first» ещё никто не думал, страница-прототип содержала образцы дизайна всех элементов сайта – заголовков, списков, цитат, абзацев.
Сегодня этого мало: пользователь заходит на сайт не только с компьютера, а верстка для мобильных устройств существенно отличается от верстки для десктопов. При этом фундамент – пути пользователя по сайту в соответствии с воронкой – нужно выстроить заранее. А также продумать все нюансы и функциональность интерфейса.
Допустим, вы не владеете навыками верстки, программирования и графическими редакторами. Как показать, что вы хотите получить? Совсем недавно для наглядности использовали лист бумаги и шариковую ручку. Так выглядел образец прототипа в исполнении эмоционального заказчика:
Сегодня не нужно пачкать бумагу или осваивать графические редакторы. При любом уровне подготовки вы соорудите желаемую раскладку из готовых элементов интерфейса, минимальный уровень интерактивности – и приглашайте для обсуждения коллег.
Онлайн-сервисы прототипирования позволяют создавать от простых эскизов до полнофункциональных макетов с рабочими ссылками и элементами интерфейса.
Далее – 7 вариантов, у каждого свой спектр возможностей, сложность работы и цена. Выбор за вами.
InVision
Это идеальное решение, если вам нужно «оживить» готовые макеты Photoshop или Sketch.
Примечание: плагин для Adobe Photoshop и для Sketch поможет отправить проект из редактора прямо в InVision. Работает синхронизация файлов внутри проекта, с рабочим столом либо Dropbox (для этого нужны дополнительные приложения).
Главный плюс приложения – система управления проектами. Вы сохраняете эскизы в различных проектах и разделяете их на группы. Можно добавлять несколько вариантов макетов, например, для страницы «О компании», фиксировать все правки и стадии.
Кроме того, InVision добавляет макетам некоторую интерактивность. Для этого назначьте ссылки на элементы, которые связывают страницы и элементы проекта.
Все действия по проекту фиксируются на вкладке «Activity». Это удобно при групповой работе над макетом: вы точно знаете, кто загрузил файлы или редактировал ваш макет своими кривыми руками (либо довел его до совершенства).
Хотите получить обратную связь? Инструмент позволяет делиться результатами с помощью сгенерированных уникальных адресов. Участники команды могут обсудить с вами определенные элементы, оставить пометки в дизайне.
Большой минус – нет встроенных библиотек готовых элементов, которые можно использовать в проекте. Максимум, что вы можете сделать – низкоуровневый макет, самую первую итерацию, готовую для развития и обсуждения.
Для этого выбираете несколько готовых раскладок из демо-проектов, которые включают прототипы для разных устройств и нескольких типов страниц.
Большой плюс – инструмент бесплатный.
Balsamiq
Нет Photoshop или Sketch? Возможно, Balsamiq – лучший инструмент для вас. Он работает, как приложение для рабочего стола. Есть и веб-версия.
Инструмент содержит внушительную библиотеку встроенных элементов UI для использования в проектах. Это экономит время: вы используете готовые пресеты (например, выпадающие меню или «аккордеоны»).
Схема работы простая: перетаскиваете выбранный элемент с верхней панели, располагаете, где нужно, панель настроек справа поможет изменить его по цвету, фону, размеру, назначить ссылку и т.д.
Предлагаемые примитивы позволяют сфокусировать внимание на функциональности и не тратить время на нюансы дизайна.
Нужно оценить несколько вариантов дизайна? Не вопрос, инструмент предлагает средства контроля версий и историю версий. Можете вернуться назад по времени и оценить, насколько продвинулся ваш дизайн.
Balsamiq предусматривает расширения сторонних разработчиков – можно добавить дополнительные иконки или инструменты управления.
Главный минус – приложение платное. Хотя цены вполне подъемны: версия для десктопа стоит $89 за одну лицензию, веб-версия на 3 проекта – $12 в месяц. Есть бесплатный пробный период на 1 месяц для некоммерческих проектов.
Moqups
Это полноценное веб-приложение позволит разработать дизайн от простого эскиза до готового макета.
Как и в Balsamiq, тут есть встроенная библиотека готовых элементов. В процессе работы вы оставляете комментарии, отмечаете цели и задачи каждого этапа и элемента.
Не готовы сразу работать над эскизами? Приложение предусматривает инструмент, который строит диаграммы и графики для наглядного представления путей будущего посетителя по сайту.
Ваши коллеги могут оставлять пометки и комментарии по отдельным элементам макета. Вы можете отвечать и сохранять эту переписку в проекте.
Moqups – веб-приложение, вся работа проходит исключительно онлайн. Ваши проекты хранятся на серверах разработчика.
Сервис платный, стоимость тарифа зависит от количества проектов и места на сервере.
Базовый тариф на 10 проектов и 1 GB на сервере обойдется в $13. Есть стартовый бесплатный тариф на 1 проект, ограниченный 300 объектами и 5 MB. Для простейшего макета (одностраничного лендинга) и полноценного общения с дизайнером этого вполне достаточно.
Вот что из этого может получиться:
Marvel
Marvel — простой и интуитивный инструмент прототипирования. Его инструмент Canvas создает эскизы и каркасные интерфейсы.
Можно систематизировать наброски, загружать макеты в группы прототипов точно так же, как в InVision. Доступна базовая перелинковка элементов дизайна и создание интерактивности.
Главная фишка Marvel – ориентация на разработку мобильных интерфейсов. При создании нового проекта вы выбираете тип прототипа: сайт, приложение для iPhone, iPad,Android и даже AppleWatch.
Можно назначать разнообразные события, жесты и переходы на элементы интерфейса. Не ограничивайтесь статическими конструкциями или примитивной интерактивностью на основе кликов.
Добавляйте жесты (протаскивания и т.д.): выбираете активную область, назначаете на неё действие из набора пресетов, смотрите результат. Есть подсказки, так что не запутаетесь.
Печальный момент: Marvel разрабатывался для пользователей MacOS – для них разработчики припасли дополнительные плагины и приложения. Есть, например, плагин для Sketch. Для пользователей Windows и Linux подарочков нет.
Marvel предлагает три тарифа:
- Бесплатный – на 1 пользователя и 2 проекта.
- Профессиональный – $12 в месяц, 1 пользователь и неограниченное число проектов.
- Корпоративный – $48 в месяц, 4 пользователя.
Justmind
Библиотека встроенных элементов позволяет создавать примитивные эскизы и почти готовые интерфейсы. Инструмент Justmind предусматривает библиотеки для десктопных и мобильных приложений. Работает как для iOS, так и для Android и Surface.
После создания макетов можете добавлять интерактивные триггеры для интерактивности. Как и в Marvel, выбираете жест для привязки к элементу-триггеру, и переход для имитации функционала.
Пара кликов, чтобы пригласить к обсуждению макета коллег. Они помечают элементы и оставлять замечания по ним.
Профессиональный тариф обойдётся в $19 за 1 пользователя в месяц.
Origami
Origami — более узкоспециализированный инструмент прототипирования, так как доступен только для MacOS. Его функции – создавать эскизы и макеты для iPad и iPhone.
Origami содержит 4 главные панели:
- Панель патчей – здесь назначаете элементам интерактивность, анимацию, поведение.
- Слои – добавляете слой, размещаете на нём элементы, назначаете действия.
- Окно просмотра – оцениваете результаты труда.
- Библиотека патчей – просматриваете заготовки и их описания, выбираете необходимые элементы и добавляете в проект.
Главный плюс – возможность добавлять интерфейсу сложную интерактивность без навыков программирования. Для разработки дизайна инструмент не подходит.
Origami бесплатен, веб-версии нет.
Proto.io
Вы загружаете собственные эскизы и библиотеки элементов интерфейса, а приложение поможет создать на их основе макеты до получения полноценного прототипа. Есть и встроенные библиотеки элементов.
Интерфейс сервиса простой: перетаскиваете на рабочее поле компоненты интерфейса, группируете и организуете их. При этом в любой момент на любой стадии можно перестроить макет как нужно. Выделяете объект на рабочем поле в нужном слое – и в панели опций можно отредактировать абсолютно всё.
Гордость разработчиков – продвинутый редактор Proto.io:
После выстраивания макета, назначаете на элементы интерфейса жесты и переходы. Можно повторять определtнные фазы или внешний вид. Пример такой фазы – окно со значком загрузки, который пользователь видит лишь тогда, когда он использовал окно поиска.
Разработчики предлагают привязку к учетной записи Dropbox для хранения и загрузки файлов, клиент для iOS и Android и плагины для Sketch и Photoshop.
Вы получаете двухнедельный бесплатный тестовый период с полной функциональностью. Этого времени достаточно, чтобы понять, нужен ли вам этот инструмент.
Тариф «Фрилансер» стоит $24 в месяц и позволяет вести 5 проектов. Если вы не работаете в веб-студии, этого хватит с избытком.
Заключение
Этих сервисов достаточно для решения любой задачи, остается только выбрать подходящий.
Дружеский совет: не выбирайте приложения с избыточным для ваших нужд функционалом, если не хотите тратить время на изучение мануалов и интерфейса.
Источник: yagla.ru
Прототипирование сайта: обзор программ и пример проектирования страницы
В предыдущей статье я рассказывал о том, как создать более-менее приличное техническое задание на создание сайта. Там я говорил, что одного только текста в ТЗ не достаточно, вместе с ним, в большинстве случаев, разрабатываются и размещаются прототипы страниц сайта. Без которых очень сложно будет понять расположение элементов на странице и навигацию по сайту, которую заказчик хотел бы получить. Но в предыдущей статье тема создания прототипа была затронута вскользь. Давайте устраним этот пробел.
Конечно, нарисовать прототип можно на листочке, но эскиз не будет таким подробным и точным, как хотелось бы. Его можно создать в Photoshop, но вряд ли каждый хорошо владеет этой программой (если хотите научиться — вот уроки фотошопа). Так как же быть? Как создать макет достаточно подробный, потратив на работу минимум сил?
К счастью, сегодня существует очень много сервисов с интуитивно понятным интерфейсом, позволяющих создать прототип в полуавтоматическом режиме, максимально быстро и без специальных навыков.
Какой именно сервис выбрать — дело вкуса, поэтому расскажу сразу о нескольких, а затем рассмотрю один из них более подробно.
MockFlow
Сервисом MockFlow, интерфейс которого полностью англоязычен, с некоторыми ограничениями можно пользоваться бесплатно. Он позволяет создать не только прототип, но также карту сайта или анимированный баннер. Вы можете создать прототип под определённую популярную CMS (Drupal, Joomla, WordPress) или прототип приложения под любую мобильную платформу: iOS (интерфейс хоть iPhone, хоть iPad), Android или Windows Phone.
При работе вам не нужно ничего программировать — вы просто «конструируете», добавляя и правильно размещая блоки. Если веб-версией пользоваться неудобно, можно скачать приложение для ПК.
inVISION
Этот англоязычный сервис позволяет работать бесплатно только над одним прототипом, чего вполне хватит, чтобы оценить его и принять решение, пользоваться ли им дальше.
Moqups
Комбинируя фигуры, стрелки, кнопки, флажки, переключатели, иконки и прочие элементы, вы можете с невероятной лёгкостью создать довольно подробный, не имеющий излишеств, прототип, причём начать работать c Moqups можно даже без регистрации.
WireFrame
Работа над прототипом начинается, как только вы заходите на сайт. Почти всю страницу занимает рабочая область, сверху располагаются кнопки редактирования — всё предельно просто. Чтобы добавить элемент, щёлкните на рабочей области кнопкой мыши и, не отпуская её, проведите, как будто рисуете прямоугольник или линию. Отпустите кнопку мыши, выберите объект на появившейся панели и продолжайте рисовать.
POP
Этот конструктор реализован в виде приложения. Вы можете установить его на Android, iOS, Windows Mobile или компьютерную Windows 10.
Axure
Платный англоязычный сервис предназначен для создания прототипов, диаграмм и спецификаций. Большую популярность среди пользователей он завоевал возможностью создания интерактивных прототипов. Работать предлагается через приложение под Mac или Windows. Есть два варианта покупки: вы либо приобретаете бесконечную лицензию на использование, либо оформляете подписку на некоторое время. Приличная стоимость ПО компенсируется богатым функционалом.
Пример проектирования интерфейса на Balsamiq
Сервис прототипирования, который позволяет создавать макеты с низкой степенью детализации (для нужд ТЗ большего и не требуется). Остановимся на нём подробнее.
Работать предлагается через веб-интерфейс или приложение. Программу можно установить на компьютер с Windows. Сама инсталляция предельно проста. Для запуска требуется Adobe AIR, который устанавливается вместе с программой.
Сразу после запуска Balsamiq Mockups на экране появляется окно редактирования нового прототипа.
Интерфейс, хоть и английский, понятен и прост. В верхней части окна размещено, как и положено, главное меню, ниже — кнопки отображения/скрытия панелей, смены режимов работы и редактирования прототипа — своего рода панель быстрого доступа, дублирующая некоторые команды главного меню. Под ними находятся блоки, из которых и создаётся макет. Основную же часть окна занимает рабочая область, в которой и редактируется прототип.
Чтобы добавить элемент в прототип, просто переместите его с панели на рабочую область при помощи мыши или дважды на нём щелкните. Обратите внимание на вкладки — блоки распределены по группам, и чтобы увидеть их все, откройте вкладку All.
Свойства каждого элемента прототипа можно изменить в окне, которое открывается командой Propeties контекстного меню объекта. Особенно на первых порах пригодится смена цвета фона и границ, с помощью которых можно сделать так, чтобы блоки были не похожи друг на друга.
Если нужной команды на панелях вы не нашли, обратите внимание на главное меню программы. В нём есть следующие, открывающие подменю, пункты.
- Project. Содержит команды работы с документом: создание, переименование открытие, закрытие, сохранение, импорт, экспорт и т. п.
- Edit. Команды редактирования объекта: копирование, вставка, удаление и создание дубликата, выделение, включение режима трансформации, группировка и многое другое.
- View. Команды позволяют сменить внешний вид окна программы: отобразить или убрать различные панели инструментов. Здесь вы можете настроить окно так, чтобы вам было максимально удобно работать в программе. Если же вы «потеряли» одну из панелей, здесь она обязательно найдётся.
- Windows. Balsamiq позволяет одновременно работать сразу над несколькими прототипами, и это меню даёт возможность между ними легко переключаться.
- Help. Подменю помощи и справки. В этой программе оно не такое бесполезное, как во многих других. Здесь можно не только узнать информацию о программе или открыть англоязычную справку, но также перейти в сообщество пользователей или на страницу загрузки дополнительных блоков, которые потом можно использовать в прототипе (пункт Download More Controls (Mockups To Go)). Отсюда же можно обновить либо зарегистрировать программу (на бесплатное тестирование возможностей вам даётся месяц).
После редактирования прототипа не забудьте сохранить проект в файл для дальнейшей обработки (Project à Save project или Project à Save project as). Приложение использует файлы формата .bmpr.
Полностью готовый проект можно экспортировать в PNG-файл, чтобы прикрепить его к техническому заданию (этот и другие варианты находятся в подменю Project à Export).
Заключение
Сервисов для быстрого создания прототипов сайта существует масса, в этой статье я упомянул только небольшую их часть. Если вы часто строите прототипы, то можете протестировать все представленные варианты и выбрать для себя оптимальный. Если же работа с макетами в круг ваших постоянных обязанностей не входит, подойдёт любой вариант с простым интерфейсом, например, Balsamiq.
Если хотите получить перспективную профессию или освоить новый навык (будь то SEO, HTML, веб-программирование или даже мобильная разработка), то посмотрите ТОП-3 лучших онлайн школ:
- Нетология — одна из старейших школ интернет-профессий. Основные направления — маркетинг, управление, дизайн и программирование;
- GeekBrains — специализируется, в первую очередь, на обучении программистов. После интеграции в Mail Group появились и другие профессии;
- SkillBox — наиболее молодая из 3-х перечисленных школ, но обладает наибольшим ассортиментом специальностей. Если услышали о какой-либо экзотической профессии, то наверняка этому уже обучают в Skillbox.
Эти школы выдают дипломы и помогают с трудоустройством, а если вам нужно просто научиться что-то делать для себя больше как хобби, то рекомендую начать с бесплатных курсов, они позволят получить общее представление о профессии и первый практический опыт.
Источник: www.seostop.ru