«Moqups» – простой редактор для создания прототипов сайтов и приложений

Moqups
Логотип сервиса Moqups
Moqups - это бес­плат­ное веб-при­ло­же­ние для раз­ра­бот­ки маке­та сай­та или мобиль­но­го при­ло­же­ния.

За послед­ние годы мы с вами ста­ли сви­де­те­ля­ми насто­я­щей рево­лю­ции, кото­рую совер­ши­ли ком­пью­тер­ные тех­но­ло­гии в рабо­те непра­ви­тель­ствен­ных орга­ни­за­ций и граж­дан­ских дви­же­ний. Теперь ста­ло воз­мож­но осве­щать свои акции, соби­рать сред­ства и моби­ли­зо­вать волон­те­ров с помо­щью веб-сай­тов, соци­аль­ных сетей или спе­ци­аль­ных мобиль­ных при­ло­же­ний. Поэто­му такое боль­шое зна­че­ние име­ет раз­ра­бот­ка кра­си­во­го и удоб­но­го циф­ро­во­го пред­ста­ви­тель­ства для вашей НКО.

Одним из самых глав­ных эта­пов любой раз­ра­бот­ки явля­ет­ся про­то­ти­пи­ро­ва­ние и фор­ми­ро­ва­ние меха­ни­ки рабо­ты ново­го про­дук­та. Имен­но они во мно­гом опре­де­ля­ют внеш­ний вид и основ­ные функ­ции ваше­го сай­та, сер­ви­са или мобиль­но­го при­ло­же­ния. Создать деталь­ный макет ваше­го про­дук­та помо­жет онлайн-сер­вис Moqups.

Moqups явля­ет­ся удоб­ным онлайн-редак­то­ром, кото­рый слу­жит для созда­ния маке­тов визу­аль­но­го дизай­на и про­то­ти­пов ваших циф­ро­вых про­дук­тов. Для нача­ла рабо­ты даже не потре­бу­ет­ся реги­стра­ция, одна­ко ее нали­чие дает неко­то­рые допол­ни­тель­ные воз­мож­но­сти, так что откла­ды­вать надол­го эту про­це­ду­ру не сле­ду­ет. После стар­та ново­го про­ек­та мы попа­да­ем в окно редак­то­ра, где нас ожи­да­ет чистая пока еще рабо­чая область, на кото­рой мы будем про­ек­ти­ро­вать сайт или при­ло­же­ние.

Moqups
Интер­фейс редак­то­ра Moqups

Про­ек­ти­ро­ва­ние про­ис­хо­дит вполне понят­ным и про­стым спо­со­бом, разо­брать­ся с кото­рым вы смо­же­те бук­валь­но за несколь­ко минут. Сле­ва нахо­дит­ся панель с рас­по­ло­жен­ны­ми на ней эле­мен­та­ми. Вы про­сто пере­тас­ки­ва­е­те их в рабо­чую область и рас­по­ла­га­е­те в нуж­ном месте. Один щел­чок по эле­мен­ту при­во­дит к его выде­ле­нию и появ­ле­нию мар­ке­ров для изме­не­ния раз­ме­ров. Еще один клик вызо­вет появ­ле­ние меню свойств, в кото­ром вы смо­же­те изме­нить его фор­му, цве­та и неко­то­рые дру­гие пара­мет­ры. Двой­ной клик поз­во­ля­ет вве­сти свой текст, изме­нить над­пи­си на кноп­ках, пунк­ты меню и так далее.

Moqups
Фраг­мент интер­фей­са сер­ви­са Moqups

Как вы може­те видеть на иллю­стра­ции, к вашим услу­гам боль­шой выбор раз­лич­ных эле­мен­тов для обо­зна­че­ния кно­пок, тек­сто­вых бло­ков, ссы­лок, заго­лов­ков, выпа­да­ю­щих спис­ков, пере­клю­ча­те­лей, радио-кно­пок, таб­лиц, ико­нок, ава­та­ров, линий, пол­зун­ков и мно­го­го дру­го­го. Име­ю­ще­го­ся в биб­лио­те­ке редак­то­ра вполне доста­точ­но для созда­ния кон­цеп­ции дизай­на веб-сай­та, про­грам­мы или мобиль­но­го при­ло­же­ния, но если вы захо­ти­те исполь­зо­вать свои изоб­ра­же­ния, то и такая воз­мож­ность здесь име­ет­ся. Очень удоб­но, что вклю­че­на опция авто­ма­ти­че­ско­го вырав­ни­ва­ния эле­мен­тов, а так­же име­ет­ся быст­рая воз­мож­ность с помо­щью кон­текст­но­го меню изме­нить поря­док отоб­ра­же­ния несколь­ких нало­жен­ных друг на дру­га эле­мен­тов.

Если ваш про­ект доста­точ­но слож­ный и вклю­ча­ет в себя раз­ра­бот­ку, напри­мер, мно­же­ства стра­ниц сай­та или окон при­ло­же­ния, то вы може­те создать несколь­ко свя­зан­ных стра­ниц в сво­ем про­то­ти­пе. При этом для любо­го из добав­лен­ных эле­мен­тов мож­но доба­вить дей­ствие пере­хо­да на нуж­ную стра­ни­цу. Таким обра­зом, вы полу­ча­е­те доволь­но нагляд­ную ими­та­цию рабо­ты сво­е­го буду­ще­го сай­та или при­ло­же­ния, когда при нажа­тии на опре­де­лен­ную кноп­ку появ­ля­ет­ся новое окно или стра­ни­ца сай­та.

Moqups
Сохра­не­ние про­ек­та в Moqups

Резуль­та­ты сво­ей рабо­ты мож­но сохра­нить в биб­лио­те­ке сер­ви­са для про­дол­же­ния рабо­ты над ним в даль­ней­шем. Закон­чен­ные про­ек­ты вы смо­же­те экс­пор­ти­ро­вать в фор­ма­те PDF или PNG на свой ком­пью­тер или в облач­ное хра­ни­ли­ще Google Drive и Dropbox. Если же вы хоти­те про­де­мон­стри­ро­вать создан­ный вами про­то­тип в Интер­не­те, то к вашим услу­гам спе­ци­аль­ная ссыл­ка для рас­про­стра­не­ния.

В целом, Moqups пред­став­ля­ет собой про­стой, бес­плат­ный и чрез­вы­чай­но удоб­ный сер­вис, с помо­щью кото­ро­го вы смо­же­те бук­валь­но за счи­тан­ные часы набро­сать макет сво­е­го циф­ро­во­го про­дук­та. Да, здесь нет воз­мож­но­сти сов­мест­ной рабо­ты и арсе­нал эле­мен­тов мож­но было бы рас­ши­рить, зато для его исполь­зо­ва­ния не тре­бу­ет­ся изу­чать мно­го­стра­нич­ные инструк­ции и мож­но сра­зу при­сту­пать к делу. Так что реко­мен­ду­ем вам это веб-при­ло­же­ние к при­ме­не­нию.