Создание прототипа для лендинг пейдж, через moqups

Автор Nadezhda Belousova
Создание прототипа для лендинг пейдж, через moqups

Доброго времени суток.

Меня зовут. Станислав цыс я руководитель компании UNI consulting и в этом видео я расскажу, что такое. Прототип Что такое.

Прототип и зачем их делать.

Как узнать логин pH и как работать с той программой в которой взаимодействие мы — это программа mockups. com. Да вот собственно сайт ссылка на эту программу давайте начнем с конца итоговая итоговая прототип один из вариантов того как — это может выглядеть да то есть достаточно схематично по сути. Что такое. Прототип зарисовка с сайта уже готова с нашей точки зрения прототип — это пожалуй самое главное часть создания лендинга. Мы за — это больше всего денег если честно — это основа фундамент на котором строится потому, что взял такой прототип можно цвет. Ну, что я имею в виду под перекрасить. Да там делать дизайн хороший и потом — это за верстати всё то есть, но основная работа в смысле весь маркетинг весь там анализ и так далее. Всё вложено уже здесь текста которые тоже — это передают на вот такой пример конечного результата. Давайте покажу. Ещё ещё несколько примеров чтобы было больше понятно. Давайте посмотрим на. ЖКХ проект вот тоже один из примеров. У нас есть определённые опознавательные знаки я покажу поделюсь наш наработками и вы будете брать идеи для себя использовать потому, что — это только чему пришли да за больше чем за 3 года работы простые птички такие простые мелочи, но мы вообще любителей упрощать работы поэтому этого безусловно. Пригодится в общем если обо всём этом. В этом видео да давайте начнём с интерфейса просто быстренько пробежимся первое, что у нас есть — это ну. О'кей залогиниться. Я думаю все могут важно понимать, что у нас допустим платный аккаунт и здесь можно добавить Team members. Да вот у нас тут Team members. Просто убиваешь почту этот набор. И всё человек уже. Первое — это собственное настройки аккаунта, но здесь там стандартные настройки profiles payments там биллинг адрес. Италия второе — это кнопочка поделиться собственного если ты нажимаешь на видео в Project ты получишь вот такой вот ссылку если ты нажимаешь на на экспорт 131 получишь экспорт здесь у нас есть экспорт PDF в PNG и ещё какой-то. Говорите Ну просто более широком расширение я чаще всего экспортирует PDF и здесь. Ты можешь экспортировать все страницы либо конкретную допустим там вот эту страницу. Да там вот главную и можешь экспортную на свой компьютер Google Drive и вдруг бокс по сути стандартный стандартный махинации дальше вот на самом деле — это стандартная. Ты когда создаёшь проект мы сейчас с вами создадим проекта. Но — это на стандартные настройки — это приватный проект или публичное. То есть вы задаете там ограничение определённой да потом. Аврора Да кто его создал здесь есть информация об этом и можно, что здесь ещё — это сделать короче операцию. Да в общем сюда просто не нужно пока лезьте там Send можно Voice кому-то и там вместе работать над проектом и так далее. Но обычно у нас — это каждый мы вот прям в одном прототипе 2 можем работать одновременно в онлайне. Да когда мы получаем ссылку в онлайне. Вы можете смотреть. Прототип свою либо в онлайне либо там на компьютере экспорт PDF в онлайне у нас следующая 1 есть и комментарии. Да здесь. Можно оставлять реальные комментарии. Там они будут. Они будут выставляться — это всё работает второе то, что есть — это странице датасета странице вашего прототипа мокапс очень простая программа по сравнению с. Аксу Да она очень простая с образованием. Ну пожалуй быстрее всего, что мы и сделали можно редактировать нажатии опять Edit Project Data зайти в редакции этого прототипа есть вот — это по сути вся архитектура сайта. Я потом покажу большую архитектуры такой большой скелет в котором. Давайте прямо сейчас покажу по сути в котором очень много всего заложено так. Одну секунду вот — это вот например 16 и так вот. Мы открываем структуру сайта и вот посмотрите. Какое количество страниц и они все разложено. То есть ты можешь нажать на любую страницу — это большой сайт будет корпоративный сайты ты реально ты видишь кучу там всяких дополнительных страницу ещё можно вот выстраивать архитектуру да то есть если — это тренинги то в среднем как есть ещё тренинги и в еще одном деньги есть серия тренингов то есть можете брать моделировать. Это для себя идём дальше. Давайте теперь создадим по верхнему меню здесь в принципе всё я дальше расскажу, что ещё с чем можно работать давать проект вкладка. Давайте создадим проект который назовём тест тест тест и сделай его сразу публичным — это шрифт. Обычно я оставлю по умолчанию вот этот дальше нас открывается вот такой букетик. Я советую сделать базовые настройки которые у меня у сотрудников написаны в чек листе — это первое расширение вот здесь ширина 1500. Пикси и вот — это вот история. Ну там давайте поставим 8000 пикселей — это вниз до длина прототипа зачем — это нужно потому, что по сути область в которой мы будем работать вот — это область даже вот вот — это вот эти три квадратика по бокам они нужны для того чтобы во-первых можно было не стесняться там писать длинные предложения да то мне уже мать как-то прототип. А во-вторых у нас есть заметок определённое которому себя в компании выстроили и можем с ним взаимодействовать у нас допустим — это заметка для.

0 комментариев
0

Читайте также