ПредишенСледващото

Balsamiq макети
В предишния преглед на средствата за създаване на прототипи Balsamiq макети на Докоснах база функционалност. Във втората част Отивам да се занимава с проблемите на по-сложни от приложението.

В продължение на няколко причини, по този въпрос има установено руската терминология, така че абсолютно прав или не имена тук не може да бъде. Но терминът може да бъде удобен за повечето читатели и по-малко удобни това мнозинство. Тъй като някои термин четене рамки (Wireframes) не изглеждаха доста подходящи. в тази статия, аз ще го замени на интерфейс веригата (понякога просто да преразгледа схемата за кратко).

Да разгледаме следния пример. От макети на сайта, за да отидат (бях спомена в сравнение с предишното издание) Изтеглете шаблон за страници Очаквайте скоро. Отворете изтегления файл в bmml инструмент, разгрупирате елементи, така че те биха могли да променят, редактирате, за да отговарят на нашите нужди.

Запазете получения интерфейс верига под името на диска. Сега се създаде втора страница. За да спестите време ще го копира всички елементи на оригиналната страница, като се използва клавишна комбинация (Ctrl + A, Ctrl + C, Ctrl + V).

Balsamiq макети

Променете елементи по него, така че схемата е страницата, на която потребителят е информиран, че регистрацията му е било успешно, и Ви благодарим за проявения интерес към продукта. Също така се съхранява на диска под името. Сега добавете линк от първия до втория кръг, като натиснете бутона чрез Записване на Сайта имот в Компонент инспектор.

Balsamiq макети

Balsamiq макети

Също така добавя връзки между оформления ще работят в режим на цял екран представяне (Ctrl + F). По този начин може да се покаже на клиента или екип динамични елементи като менюта, бутони за експлоатация, раздели и т.н.

Необходимо е само да се помни, че в падащия списък, за да добавите връзки в Компонент инспектор ще бъде налице само bmml файлове в същата папка като понастоящем оформление. Ето защо, когато прехвърлянето на свързаните с оформления в други папки, внимавайте да не повредите работните връзки.

Всеки експерт работи по средни и големи проекти и да се създаде много интерфейсни вериги в хода на своята работа, той знае колко е важно (а понякога и трудно) за поддържане на реда в съответствие със структурата и диаграми. Логична първа стъпка в отговор на група от свързани лица за проекти, в които те са били създадени.

Balsamiq разработчиците честно признават, че десктоп версия на инструмента не поддържа група от свързани лица на равнището на програмата, но даде няколко съвета за това в блога си, как да се работи по-ефективно:

  1. На собствения си машина, можете да създадете отделна папка за всеки проект. След това е, че ще бъде възможно да се направи публично (акции), с възможност за промяна на файлове по мрежата, ако няколко експерти, които работят по проекта.
  2. Вътре в папката не се препоръчва подпапки и съхранява всички схеми за плосък списък (причината споменах по-горе, когато разказа за оформления, свързани).
  3. Щракнете с десния бутон върху раздела (или в областта) с името на файла, можете бързо да откриете цялата схема на проекта.

Balsamiq макети

Съвети са прости и непретенциозни, но не са лишени от здрав разум.

В допълнение към споменатите в предходната точка, в папката за всеки проект, се препоръчва да се създаде папка с активите по проекта (активи по проекта). То може да бъде общ изображения (JPG, JPEG, GIF, PNG) на проекта. В примера с ComingSoon страницата не може да бъде просто един празен под логото на продукта (сиво поле), а реално логото на визуалните стандарти (марка книга) компанията. За да бъде на разположение в падащия списък за графичен елемент в инспектора Component, трябва да го запишете в папка с активите по проекта.

Balsamiq макети

Изображението може да се внася с помощта на ImportImage опция в падащото елемент от списъка на изображението инспектор компонент. В същото време, можете също така автоматично да ги копирате в папка с активи, изложени включително съответните квадратчета.

Balsamiq макети

По принцип е възможно да се използват изображения, като общо и между проекти, и то не само между схемите в рамките на един проект. За тази отделна концепция - сметка активи (активите). Въпреки това, тази функция се счита за по-сложни, и то първо трябва да бъде на разположение. За да направите това, създайте папка вътре папка BalsamiqMockups документи. Вътре в папката се създаде папка BalsamiqMockups активи. Това ще се отчита активи. Ако по някаква причина основната папка документи не е подходящ, той може да бъде заменен в конфигурационния файл.

Balsamiq разработчиците предвиждат следните приложения:

  • Balsamiq макети на за Desktop - основния продукт.
  • myBalsamiq - уеб приложение, което ви позволява да обедините интерфейс схеми на проекта, както и да работят заедно членовете на екипа и клиенти (можете да се разгледа по примера на гореспоменатия mockupstogo).
  • Extension (плъгин) за Google Диск. Atlassian Сливане. Atlassian JIRA. Fogcreek Fogbugz. XWiki. Например, ако свържете разширение на системата за управление на задачите, можете да създавате и редактирате интерфейс схема, свързана с конкретна задача, директно в системата.

Освен това, основната Balsamiq продукт се оказа толкова популярна, че е имало голямо разнообразие от продукти, свързани с и обекти от трета страна на разработчиците (някои от тях - срещу заплащане). Ето някои от тях:

  • допълнителна GUI елементи (освен mockupstogo. могат да се споменат за UML Mock4U шаблони)
  • допълнителни икони, за да изготвят рисуване стил (например платен поставените handdrawnicons)
  • функционалност да изнасят готови платки в код изображение и прилагане (например, Napkee),
  • схема стартира през Balsamiq, могат да се контролират с помощта на познати инструменти като Usabilla, Kupima и Loop 11 (както това се прави може да намерите тук).

Още подробности за това могат да бъдат намерени в официалния блог на компанията.

Отделно искам да спомена този формат bmml- Balsamiq макети на Markup Language. Всички схеми се съхраняват в един отворен, лесни за четене формат, определен от XML. Някои трети страни инструменти и приложения, които ви позволяват да внасят или изнасят bmml файлове (например Flairbuilder).

В допълнение към приложения на трети страни, разбира се, можете да експортирате и импортирате своя собствена схема. За да направите това, изберете подходящата опция от менюто.

Balsamiq макети

Експортиране е полезна, ако имате нужда да направите копие на схемата или да изпратите схема някой, например, по електронна поща. Внос позволява да вмъкнете код различна схема на настоящата схема.

Balsamiq макети

Оценка (от субективна скала) 4/5.

Като цяло, по мое субективно мнение, този инструмент превъзхожда в основната си цел - създаването на интерфейс вериги. Допълнителни функции, въпреки че улеснява труден живота на един специалист по създаване на прототипи, но не винаги пълни и винаги не ги използват по най-удобния и оправдано за потребителя.

По мое лично класиране сред елементите на този преглед най-полезни са добавяне високоговорители (връзки между страниците), както и удължаване на срока за Atlassian JIRA.

Balsamiq макети

analyst.by член на общността,

анализатор от 6 години опит в областта.

Подкрепете проекта - споделете линка, благодаря!