РЕДАКТОР КАРКАСІВ
NinjaMock включає в себе всі типові трафарети для створення веб - і мобільних каркасів.
Наші трафарети виглядають схематично-як ніби вони намальовані від руки. Це тому, що це допомагає людям зосередити увагу на взаємодії та вмісті у вашому каркасі, а не на кольорах, стилі, детальному макеті та інших аспектах високої точності.
Трафарети організовані на панелі інструментів на лівій панелі програми та згруповані відповідно до їх типу та використання. В даний час ми підтримуємо кілька типів проектів (наприклад, iOS, Android, Windows Phone і т.д.), і для кожного типу проекту набір інструментів містить необхідні вам трафарети.
(Android, iPhone, iPad, Windows Phone, Microsoft Surface, веб-сайти та freehand)
Значки та зображення
Каркаси не будуть повними без включення іконок і зображень. У NinjaMock у вашому розпорядженні є безліч зручних опцій для того, щоб спроектувати свій інтерфейс таким чином, щоб він включав ці візуальні елементи.
Вбудовані значки
У наших вбудованих значках використовується той же мальований стиль, що і в інших елементах трафарету, так що весь ваш каркасний дизайн має єдиний зовнішній вигляд.
Вбудовані значки відрізняються залежно від типу проекту. Наприклад, в каркасних проектах Android і iPhone вони нагадують реальні іконки даної платформи, але як і раніше мають схематичний вигляд, намальований від руки.
Вбудовані значки є векторними. Ви можете змінювати їх розмір і навіть змінювати заливки і штрихи без втрати якості.
IconFinder
Якщо ви не знайдете те, що вам потрібно, серед наших вбудованих значків, у нас також є пряма інтеграція з IconFinder. Просто знайдіть значки на вкладці IconFinder в редакторі каркасів NinjaMock, навіть не виходячи з нього.
Будь ласка, зверніть увагу, що значки у видошукачі не є векторними, і ви не можете змінити їх заливку або обведення.
Ваші власні файли
Чи є у вас на комп'ютері значки або зображення, які ви хотіли б використовувати в своєму проекті? Просто завантажте свої візуальні ресурси в своє приватне сховище на наших серверах, і ви зможете використовувати їх в будь-якому проекті. В даний час ми надаємо кожному користувачеві 500 МБ вільного місця.
Ви можете перетягувати файли зображень прямо зі свого робочого столу в редактор каркасів NinjaMock. Ці файли будуть автоматично завантажені у ваше приватне сховище.
Зображення з Інтернету
Чи знайшли ви в Інтернеті ідеальну іконку або зображення, які вам потрібні для вашого проекту? Немає проблем, просто скопіюйте та вставте посилання на файл, і ви зможете використовувати його, не завантажуючи на наші сервери.
Просто переконайтеся, що це зображення не буде видалено, де б ви його не знайшли.
Ви можете перетягнути зображення прямо з відкритого браузера на поверхню дизайну NinjaMock. Ми автоматично додамо зображення, звернувшись до URL-адреси зображення.
Значки, намальовані вручну
Іноді зручніше створити свій власний значок, коли ви не можете знайти нічого, що відповідає вашим потребам. Використовуючи потужні інструменти векторного редагування NinjaMock, ви можете швидко створити іконку самостійно.
Виконайте наступні 3 простих кроки, щоб створити свій власний значок:
1. Використовуйте будь-які інструменти векторного редагування, щоб намалювати те, що вам потрібно.
2. Виберіть тільки що намальовані елементи.
3. Клацніть правою кнопкою миші та виберіть Експортувати вибір у -> Мої зображення....
Ваш векторний малюнок тепер буде збережений в якості багаторазового зображення у Вашому особистому просторі на наших серверах. Відтепер ви можете використовувати це зображення як джерело значків. У наведеному нижче прикладі ви можете побачити намальований вручну значок, який використовується всередині елемента панелі вкладок iPhone:
Підтримка відео
Ninjamock дозволяє використовувати зовнішні відеоролики в ваших проектах, просто додаючи URL, де зберігається відео. Ninjamock підтримує відео з YouTube, Vimeo, Dailymotion та Rumble, а також відеофайли у форматах MP4, WEBM та OGG.
Підтримка емодзі
У Ninjamock ви можете використовувати стандартні емодзі в своїх проектах, які можна змінювати за розміром і розміщувати в будь-якому місці в своїх проектах.
Спеціальні трафарети
Якщо ви не можете знайти потрібний вам трафарет, ви можете зробити його самостійно прямо в редакторі каркасів NinjaMock. Ви можете створювати свої власні повторно використовувані елементи з будь-якого набору об'єктів, які ви створюєте на поверхні проектування.
Користувальницькі трафарети в даний час доступні тільки в тому проекті, в якому вони створені.
Ось як створити свій власний багаторазовий трафарет:
1. Створюйте все, що вам потрібно, використовуючи існуючі трафарети та / або малюючи унікальні елементи (до речі, у нас є потужні інструменти векторного редагування).
2. Виберіть усі елементи, які ви хотіли б включити у свій власний трафарет.
3. Клацніть правою кнопкою миші, виберіть Актив -> Конвертувати в актив.
Новостворений трафарет буде додано до групи "мої ресурси" в нижній частині панелі інструментів, і тепер ви можете використовувати його на будь-якій сторінці поточного проекту.
Ви можете змінити трафарет в будь-який час (клацніть правою кнопкою миші, виберіть Актив -> Редагувати актив) і Ваші зміни будуть застосовані до всіх екземплярів трафарету протягом усього вашого проекту.
Векторна графіка
Редактор каркасів ninjamock оснащений потужними вбудованими інструментами векторного редагування. На додаток до простих елементів, таких як лінії, кола і прямокутники, редактор каркасів NinjaMock також включає в себе олівець від руки і інструмент "перо" (з підтримкою кривих Безьє) для створення фігур будь-якого виду.
Інструменти редагування векторів розташовані на палітрі інструментів у лівій частині поверхні малювання.
Як працюють інструменти малювання?
Інструменти малювання (лінія, прямокутник, еліпс, ручка і олівець) працюють трохи інакше, ніж інші трафарети. Щоб почати малювати фігуру, виберіть початкову точку, утримуйте ліву кнопку миші і перемістіть мишу в потрібну кінцеву точку. Відпустіть ліву кнопку миші, коли форма буде готова. Поведінка при малюванні багато в чому збігається з інструментами, які ви, можливо, знаєте з інших професійних додатків для малювання.
Якщо ваша фігура виявиться неправильного розміру, не турбуйтеся - ви завжди можете змінити її згодом, або змінивши розмір за допомогою миші, або використовуючи панель властивостей для внесення змін.
Давайте почнемо з простих інструментів малювання:
Лінійний інструмент
Лінійний інструмент за допомогою лінійного інструменту ви можете ... та-да! - намалюй лінію.
Найкоротший шлях: L ключ.
Щоб намалювати пряму лінію, утримуйте клавішу Shift під час малювання. Потім інструмент буде повертатися з кроком 15 градусів, щоб допомогти вам.
Інструмент "Лінія" створює ескізні лінії. Додаток малює складний контур за лаштунками, через що лінія виглядає намальованою від руки. Якщо вам потрібна не схематична (повністю пряма) лінія, ви можете використовувати наш інструмент "Перо" або перетворити свою лінію в контур.
Інструмент "Прямокутник"
За допомогою інструменту прямокутник ви можете ... барабанний дріб-намалюйте прямокутник.
Найкоротший шлях: R ключ.
Щоб зафіксувати співвідношення сторін фігури, утримуйте клавішу Shift під час малювання.
Інструмент "прямокутник" також створює ескізні фігури, як і інструмент "Лінія". Якщо вам потрібен не схематичний прямокутник, ви можете використовувати наш інструмент "прямокутник" або перетворити свій прямокутник в контур.
Інструмент "Еліпс"
За допомогою інструменту "еліпс" ви можете додавати в свої проекти красиві еліпси.
Найкоротший шлях: C ключ.
Щоб зафіксувати співвідношення сторін фігури, утримуйте клавішу Shift під час малювання.
Давайте поглянемо на наші більш просунуті векторні інструменти:
Інструмент для пера
За допомогою інструменту перо ви можете створювати будь-які типи поліліній і полігонів.
Найкоротший шлях: P ключ.
Перо корисно для створення швидкого ескізу фігури (додавання контрольних точок) перед застосуванням кривих Безьє за допомогою інструменту редагування контуру. Ви також можете додавати криві Безьє при додаванні контрольних точок, просто перетягуючи їх під час додавання точки.
Поради щодо використання інструменту "перо":
Щоб додати точку до будь-якого існуючого контуру, виберіть інструмент перо і клацніть в будь-якому місці контуру, щоб додати іншу точку.
Щоб видалити точку з контуру, виберіть інструмент перо і клацніть по існуючій точці, яку ви хочете видалити.
Щоб закрити багатокутник, просто додайте свою останню точку безпосередньо поверх першої точки. Курсор миші зміниться, щоб вказати, що полігон тепер буде закритий.
Інструмент редагування шляху
With the Path Edit tool you can modify any existing path, no matter how it was created – whether by pen, pencil or any other vector editing tool.
Найкоротший шлях: A ключ.
Інструмент редагування контурів корисний для внесення змін у ваші контури, таких як переміщення точок і редагування кривих Безьє.
Як створити криву за допомогою інструмента редагування контуру:
1. Наведіть курсор миші на точку траєкторії, яку ви хочете перетворити в контрольну точку для кривої.
2. Утримуючи клавішу Alt (клавіша Option на Mac), "потягніть" курсор миші в будь-яку сторону від точки, одночасно натискаючи вниз.
3. З'являться ручки регулювання кривої (на малюнку сині точки, з'єднані тонкою лінією). Використовуйте ці ручки для регулювання кривої в міру необхідності.
4. Ви також можете перетворити криву назад у звичайний кутовий кут, клацнувши на контрольній точці правою кнопкою миші.
Інструмент для малювання олівцем
За допомогою інструменту олівець ви можете створити будь-який малюнок від руки.
Найкоротший шлях: Y ключ.
Просто переконайтеся, що у вас хороші навички малювання від руки:-) при використанні інструменту олівець може стати в нагоді дошка Wacom або інший планшет для малювання.
Ручний інструмент
Ви можете використовувати ручний інструмент для переміщення по поверхні дизайну. Це зручно, коли у вас застосований високий рівень масштабування, і Вам потрібно зробити тонкі налаштування прокрутки, щоб об'єкти були видні.
Найкоротший шлях: H ключ. Крім того, ви можете утримувати клавішу пробілу і використовувати ліву кнопку миші, щоб тимчасово активувати Ручний інструмент. Це корисно, коли ви використовуєте інший інструмент (наприклад, перо) і Вам потрібно прокручувати, не відключаючи перо. Просто відпустіть клавішу пробілу, і перо знову стане активним інструментом.
Геометричні фігури
У нашому наборі інструментів ви знайдете багато більш часто використовуваних векторних фігур.
Ці форми відображаються у всіх типах проектів (інші трафарети на панелі інструментів залежать від типу проекту).
Загальні властивості векторних об'єктів
Всі наші векторні об'єкти підтримуються загальним набором властивостей-кисть для обведення, ширина обведення і кисть для заливки (де можна застосувати).
Це дає вам можливість швидко намалювати фігуру в стилі, відповідному решті частини вашого дизайну.
Візуальні індикатори посилання на сторінку
Іноді ви можете додати лише кілька активних посилань на свої каркаси. У таких випадках глядачам може бути важко визначити, які елементи у вашому дизайні насправді доступні для Клікабельності. З цієї причини ми включили можливість вмикати і вимикати деякі непомітні індикатори посилань на сторінки при перегляді проекту в режимах загального доступу або попереднього перегляду. Ці підказки забезпечують візуальну індикацію клікабельних елементів, які присутні на кожній сторінці вашого дизайну.
Якщо ви призначили посилання на сторінку якому-небудь елементу в режимі конструктора, відповідний індикатор посилання на сторінку буде відображатися на цьому елементі при перегляді проекту в режимі загального доступу або попереднього перегляду.
Індикатори посилань на сторінки включені за замовчуванням в режимі попереднього перегляду або загального доступу, але їх можна легко відключити, клацнувши перемикач посилань у правому верхньому куті сторінки.
Копіювання та вставка
Ви можете легко копіювати та вставляти елементи між сторінками або проектами. Ви можете копіювати і вставляти в один і той же каркасний проект або копіювати з одного проекту і вставляти його в інший проект, Відкритий на іншій вкладці, у вікні або навіть в іншому браузері.
Просто виберіть елементи вашого дизайну, які ви хотіли б скопіювати, і використовуйте комбінацію клавіш Ctrl + C (Cmd + C на Mac) на клавіатурі, щоб скопіювати їх у буфер обміну.
Щоб вставити елементи, які зараз знаходяться у вашому буфері обміну, просто перейдіть на сторінку проекту, на яку ви хочете їх скопіювати, і натисніть кнопки Ctrl +V (Cmd +V на Mac) на клавіатурі. Ось і все! Вставлені елементи тепер копіюються в нове місце розташування.
З міркувань безпеки копіювання між вкладками браузера працює тільки при використанні сполучень клавіш. Він не буде працювати з контекстного меню, активованого клацанням правої кнопки миші.
Вставка графічних зображень
NinjaMock підтримує ваш робочий процес, навіть коли ви працюєте з високоякісними малюнками в інших графічних додатках, таких як Adobe Photoshop. Незважаючи на те, що ви, можливо, закінчили з концептуальними етапами і створенням каркаса в своїй дизайнерській роботі, ви все одно можете легко використовувати NinjaMock для продовження робочого процесу, вставляючи свої ідеальні по пікселям проекти в NinjaMock. Це дозволяє вам легко поширювати ваші відточені Візуальні проекти серед ваших колег, зацікавлених сторін і клієнтів для отримання зворотного зв'язку і схвалення. Більше ніяких важких потоків електронної пошти або захаращених загальних папок для обробки Ваших оглядів дизайну!
Коли ви закінчите роботу над макетом у вибраному вами графічному додатку, все, що вам потрібно зробити, це використовувати команду копіювання програми, щоб скопіювати наявні у вас проекти, повернутися в NinjaMock, а потім вставити графіку в NinjaMock за допомогою Ctrl + V (Cmd + V на Mac). комбінація клавіш. Вам більше не потрібно турбуватися про збереження або експорт ваших дизайнерських робіт у вигляді файлів зображень з графічного додатка! Ви також можете використовувати функцію буфера обміну вашої операційної системи для копіювання потрібної графіки. Наприклад, на Комп'ютері Mac ви можете використовувати комбінацію клавіш Cmd+ Ctrl+Shift +4, щоб відкрити маркер виділення копіювання в буфер обміну, перетягнути виділення так, щоб воно відповідало тому, що ви хочете скопіювати, а потім вставити його в NinjaMock.
Прозорість не підтримується. Прозорі області в візуальних елементах, які ви копіюєте з інших додатків, будуть відображатися на білому тлі.
Через певні обмеження цей тип вставки наразі не підтримується в браузері Firefox.
Співпраця
Основна ідея, що лежить в основі створення каркасу, полягає в передачі ваших ідей. Поділіться своєю роботою зі своєю командою або клієнтами, щоб отримати миттєвий зворотний зв'язок і переконатися, що всі в курсі ходу проекту.
Поділ
Одним клацанням миші ви можете поділитися своїм каркасним проектом з ким завгодно. NinjaMock автоматично генерує спеціальну секретну посилання (наприклад, "ninjamock.com/s/some-code "), який потім можна використовувати для відкриття та перегляду вашого проекту.
Людям, з якими ви ділитеся цим посиланням, не потрібен обліковий запис NinjaMock. Це особливо корисно для відправки вашої роботи вашим клієнтам, які не використовують інструменти створення каркасів. Навіть якщо у ваших клієнтів немає облікового запису NinjaMock, вони все ще можуть переглядати проекти та коментарі та навіть додавати власні коментарі до вашого проекту.
Якщо хтось, хто не має облікового запису NinjaMock, залишить коментар до вашого дизайну каркасу або макета, автор коментаря відображатиметься як"Shadow Ninja #some-number". Це спеціальний тимчасовий обліковий запис, який ми створюємо на льоту спеціально для тих, хто не є клієнтом, коли вони додають коментарі.
Як почати ділитися своїм проектом:
1. На верхній панелі навігації Натисніть кнопку "Поділитися".
2. Натисніть на кнопку"почати загальний доступ".
3. Надішліть автоматично згенероване посилання кому побажаєте.
Щоб припинити спільний доступ до вашого проекту, просто натисніть на кнопку" припинити спільний доступ " в тому ж діалоговому вікні. Ваша секретна посилання більше не буде працювати, поки ви знову не почнете ділитися.
Часткове спільне використання
Часто буває так, що ви можете захотіти поділитися зі своїми клієнтами тільки певною частиною вашого каркасного проекту, щоб вони не отримали доступу до незавершених розділів. Можливо, ви захочете продовжити роботу над наступною частиною проекту, чекаючи, поки вони розглянуть готовий матеріал. Використовуючи наші статуси сторінок, Ви можете легко контролювати, які сторінки доступні для загального доступу, а які ні.
На ілюстрації вище доступні тільки сторінки зі статусом" Дизайн завершено "або"схвалений". Будь-хто, хто використовує секретне посилання (включаючи вас, якщо ви хочете протестувати його), не побачить жодних сторінок з позначкою "виконується".
Початкова сторінка
Щоб протестувати різні потоки в рамках вашого каркасу, часто корисно вибрати конкретну сторінку, на якій ви хотіли б, щоб ваші рецензенти почали переглядати ваші проекти. У NinjaMock ви можете встановити стартову сторінку безпосередньо в діалоговому вікні "поділитися".
Початкова сторінка зберігається в самому проекті. Це означає, що ви можете змінити стартову сторінку в будь-який час, не надсилаючи своїм клієнтам тонни різних секретних посилань. Той, хто отримає доступ до вашого проекту за секретною посиланням, почне роботу з тієї ж стартової сторінки.
Відкриття на мобільних пристроях
Проекти NinjaMock також можна відкривати на планшетах і смартфонах, що робить дуже зручним перегляд того, як Ваші каркасні проекти і макети відображаються на певних пристроях!
Працюйте в команді
Можливості поділитися проектом для ознайомлення і отримати коментарі іноді просто недостатньо. Редактор каркасів NinjaMock дозволяє вам спільно використовувати свій робочий простір і співпрацювати зі своєю командою в режимі реального часу. Запросіть своїх ділових партнерів і колег приєднатися до вашого проекту і призначте їм привілеї, щоб вони могли вносити безпосередній внесок.
Кожен може бути запрошений до роботи у вашому загальному робочому просторі. Просто розішліть запрошення, і якщо у ваших запрошених ще немає облікового запису, вони просто створять свій власний обліковий запис за лічені секунди. Ще одна чудова річ полягає в тому, що вони не використовують свої власні доступні проекти, якщо приєднуються до ваших! - і не хвилюйтеся - ви бос, і ви вирішуєте, які привілеї будуть у ваших співробітників для кожного з ваших проектів.
Ролі доступу
Дозволи на робочу область визначаються за допомогою призначеної ролі користувача. У NinjaMock є чотири ролі: власник, адміністратор, дизайнер і рецензент.
Хто що може зробити?
Власник - це користувач, який створює папки та проекти. Власник має повний контроль над проектом. Власник запрошує співробітників і призначає їм ролі. Кожен створений проект враховується в кількості доступних проектів власника.
Адміністратор - має повний контроль над папками і проектами і може запрошувати інших співробітників. Проекти не враховуються в кількості доступних каркасних і макетних проектів для власного облікового запису адміністратора.
Дизайнер - як і слід було очікувати, в проекті працюють дизайнери. Однак цей користувач не зможе адмініструвати інших користувачів і їх ролі. Проект також не враховується в кількості доступних проектів для власного рахунку дизайнерів.
Рецензент - роль з найменшою кількістю дозволів-це рецензент. Як випливає з назви, вони можуть переглядати проект і коментувати його, але не зможуть розробляти в проекті і змінювати макети. Крім того, рецензенти не можуть адмініструвати інших користувачів і їх ролі. Проект не враховується в кількості доступних проектів для власного рахунку рецензентів.
Спільний доступ до робочого простору
Спільне використання робочої області проекту ще ніколи не було таким простим: просто натисніть на опцію Team в редакторі проекту.
Ви також можете почати спільне використання робочої області зі списку каркасних і макетних проектів на сторінці "мої проекти", використовуючи опцію "Управління командою" на рівні проекту, папки або облікового запису.
Коли ви надсилаєте запрошення поділитися своїм робочим простором, ви можете додати існуючих користувачів NinjaMock або запросити нових користувачів створити свій власний обліковий запис NinjaMock і приєднатися до вашого проекту.
Ви можете додати стільки співробітників, скільки захочете.
Управління командою
Як власник проекту, ви повністю контролюєте свої каркасні та макетні проекти.
Редактор каркасів NinjaMock дозволяє встановлювати права користувача як на рівні проекту, папки, так і на рівні облікового запису. Призначте своїм співробітникам стільки повноважень над проектом, скільки ви хочете: зробіть їх адміністраторами, дизайнерами або рецензентами.
Керуюча команда працює на трьох різних рівнях: обліковий запис, папка або проект. Додайте дозволи та отримайте повну настройку прав доступу та дозволів. Дозволи, встановлені на найнижчому рівні, завжди матимуть пріоритет.
Доступ до спільного робочого простору
Якщо хтось поділиться з вами робочою областю проекту, Ви отримаєте електронний лист із посиланням для доступу до проекту. Якщо у вас ще немає облікового запису NinjaMock, вам буде запропоновано створити його. Це займе всього кілька секунд!
Разом з доступом до проекту вам будуть надані певні дозволи: адміністратора, дизайнера або рецензента. Ці дозволи надаються вам власником облікового запису.
Отримайте доступ до робочої області всіх проектів (Вашої або спільно використовуваної з вами) з одного місця: мої проекти. Перемикайтеся між обліковими записами, щоб отримати доступ до їхніх проектів.
Окрім доступу до проекту, вам може бути надано доступ до папок або рівнів облікових записів. Таким чином, у вас будуть однакові права на всі проекти в папці або для всього облікового запису.
Проекти, якими ви поділилися, не вплинуть на кількість проектів у вашому власному плані.
Працюючи разом
Спільна робота над проектом означає, що всі користувачі можуть отримати доступ до робочої області проекту і внести свій внесок в проект в залежності від їх привілеїв.
Всі зміни і ходи відображаються решті команді в режимі реального часу і зберігаються на сервері.
Статус сторінки
Можливо, ви захочете відстежувати хід своєї роботи, щоб зрозуміти, наскільки близький проект до завершення. У редакторі каркасів NinjaMock ви та ваші рецензенти можете контролювати статус окремих сторінок.
Кожна окрема сторінка може мати один з наступних статусів " в процесі "(статус за замовчуванням)," Дизайн завершено "і"схвалений".
Всі зміни статусу сторінки відбуваються вручну. Ми не впровадили жодних складних робочих процесів, які диктують, хто може змінити статус або в який час. Замість цього ми вирішили зберегти його простим і гнучким; будь-який користувач, який має доступ до вашого проекту, може змінити будь-який статус у будь-який час.
Статус сторінки синхронізується в режимі реального часу, тому вам не потрібно оновлювати свій браузер, щоб побачити останній статус сторінки.
Огляд проекту
Щоб переглянути статус всього каркасного або макетного проекту, а не конкретної сторінки, ви можете використовувати веб-сторінку огляду проекту. Ви можете отримати до нього доступ, натиснувши на кнопку "Огляд".
Оглядова сторінка містить відомості про всі сторінки вашого проекту, такі як статус сторінки і кількість недозволених коментарів.
Експорт в PDF / PNG
Експорт в PDF і роздруківка на папері як і раніше є невід'ємною частиною каркасного проектування. Багато творців ідей роздруковують свої каркаси і розвішують їх на стінах офісів; деякі використовують їх для натхнення, інші обговорюють проекти в групі і додають коментарі прямо на стіні.
У редакторі каркасів NinjaMock ми підтримуємо цю практику, надаючи вам можливість експортувати ваші каркаси з посиланнями на сторінки і коментарями до сторінок. Таким чином, ви можете орієнтуватися у взаємодії вашого дизайну, навіть коли він знаходиться на папері.
Коли ви експортуєте і вибираєте включити коментарі, ми додаємо всі коментарі сторінки поруч зі сторінкою каркаса.
Коментарі мають ті ж унікальні номери коментарів, що і в конструкторській поверхні NinjaMock.
Експорт в HTML
Ви також можете експортувати свої проекти у форматі HTML. Експорт у форматі HTML дозволяє завантажувати файли на свій комп'ютер або додавати їх на свій власний веб-сервер для зручного доступу та зберігання. Це може бути зручно для обміну вашими проектами з вашими партнерами і клієнтами.
Прототипи HTML забезпечують більш інтерактивний досвід під час попереднього перегляду вашої роботи, наприклад, дозволяючи вводити текст і позначати прапорці.
Управління проектом
Нам подобається впорядковувати речі в редакторі каркасів NinjaMock. Ми надаємо зручні способи групування сторінок всередині ваших проектів, а також дозволяємо вам організовувати ваші проекти всередині папок-точно так же, як файли на вашому комп'ютері.
Групи сторінок
Коли Ваш проект зростає і стає все важче орієнтуватися, непогано розділити ваші сторінки на групи. Наприклад, ви можете згрупувати їх за відповідними областям в дизайні вашого застосування; наприклад, сторінки входу в систему, сторінки налаштувань і т.д. – або будь-яким іншим зручним вам способом.
Група сторінок - це просто іменований набір сторінок (сторінка може знаходитися тільки в одній групі одночасно). Ви можете створювати стільки груп, скільки вам потрібно, переміщати сторінки між групами або сортувати їх всередині групи.
Щоб створити групи сторінок, розгорніть панель "сторінки", натиснувши відповідну піктограму у верхньому правому куті панелі.
Папки проекту
Подумайте на мить про файли на вашому комп'ютері. Коли у вас занадто багато файлів і важко знайти те, що ви хочете, ви просто створюєте папки та переміщаєте файли всередину, чи не так?
Ми відтворили той же досвід в NinjaMock; ви можете створювати папки проектів, поміщати в папки різні каркасні і макетні проекти, переміщати папки в інші папки і т.д. це зручний і звичний спосіб організації вашої роботи.
Щоб перемістити проект (або папку) до папки:
1. Виділіть (наведіть вказівник миші) елемент у списку проектів.
2. Натисніть на текстове посилання " перемістити...".
3. Виберіть папку призначення і завершіть, натиснувши кнопку Перемістити.
Щоб розгорнути або згорнути папку у спливаючому вікні, натисніть на сірий значок папки.
Короткий Посібник - к Редактору Каркасів
Коментар
Редактор каркасів NinjaMock надає інтуїтивно зрозумілий і знайомий спосіб залишати коментарі до окремих каркасів і відстежувати їх статус.
Коментарі специфічні для сторінки, на якій вони залишені. Якщо сторінка буде видалена, відповідні коментарі до неї більше не будуть видні.
Наші коментарі синхронізуються в режимі реального часу, тому вам не потрібно повторно відкривати або оновлювати проект, щоб отримати останні коментарі!
Додавання коментарів
Нові коментарі можна додавати або з панелі коментарів у правій частині поверхні дизайну, або просто клацнувши правою кнопкою миші в будь-якому місці каркаса і вибравши "Додати коментар" у спливаючому меню.
У нас немає ніяких обмежень щодо того, хто може залишати або редагувати коментарі. Будь-хто, хто відкриє ваш проект, може додати, відредагувати або навіть видалити будь-який коментар.
Бульбашки коментарів
Кожен коментар представлений синім значком "Мовний міхур" на поверхні дизайну. Всередині мовного міхура відображається унікальний номер коментаря.
Ви можете вільно переміщати міхур в будь-якому місці на поверхні дизайну, щоб допомогти глядачеві зрозуміти, до якого елементу каркаса відноситься коментар.
Двічі клацніть значок мовного міхура, щоб переглянути або відредагувати коментар.
Відстеження статусу коментаря
Коли коментар дозволений, значок мовного міхура стає сірим, а коментар переміщається в нижню частину списку на панелі коментарів. Це допоможе вам зосередитися на активних (невирішених) коментарях, які відображаються у верхній частині списку коментарів.
Щоб перевірити, чи є якісь невирішені коментарі у всьому проекті, використовуйте весь перейдіть у верхній частині панелі коментарів. Таким чином, ви побачите коментарі для всіх сторінок, а не тільки для поточної сторінки.
Натисніть на значок мовного міхура з коментарем, і ви потрапите прямо на сторінку, на якій був залишений цей коментар. Положення прокрутки також буде відрегульовано таким чином, щоб цей значок мовного міхура розташовувався в центрі екрану.
Повідомлення по електронній пошті
Редактор каркасів NinjaMock також має автоматичні повідомлення по електронній пошті при додаванні нових коментарів або відповідей.
Як власник проекту, ви будете отримувати повідомлення про коментарі від усіх рецензентів.
Проте рецензенти отримуватимуть сповіщення про теми коментарів, в яких вони беруть участь, лише якщо вони є зареєстрованими користувачами NinjaMock. Користувачі, які не є NinjaMock, які заходять в проект по секретної посиланням і залишають коментарі, не будуть повідомлені.