Комментарии 123
Офигенная вещь, спасибо.
Спасибо, мы старались :)
Еще бы генерация HTML страниц была по макету… Или это я не нашел?
Пока этого нет, но вы можете добавить идею uservoice
Комменты это хорошо, а если будут комменты к объектам и их статусы, будет вообще чума. Но всё равно останусь на axure, тк пока только в нём можно начать со низко-детализированного эскиза и закончить полноценным интерактивным прототипом.
А можете рассказать, чуть подробнее, как вы используете комменты к объектам и статусы в своей работе?
Предположим, что всё что я делаю состоит из модулей — например товар в онлайн магазине. У него есть какая-то карточка, которая отображается в списке, и логично предположить, что могут быть корректировки к это карточке, и если она готова, то она будет готова везде, где используется, как вариант на главной, на странице категории и, допустим, в корзине.
Ну если я правильно понял, то такой функционал у нас уже поддерживается. Вы можете нарисовать карточку и добавить ее в My Assets в тулбокс, выделив элементы и в контекстном меню выбрав Assets->Convert to asset.
После этого эту карточку можно будет использовать на любой странице, и если поменять сам asset, то карточка автоматически изменится везде где используется.
Еще у а accet'a, есть состояния (правда они пока не доступны для пользователей — но скоро будут :) ). Через состояния у нас реализованы многие элементы, такие как чек боксы или кнопки (например disabled состояние).
После этого эту карточку можно будет использовать на любой странице, и если поменять сам asset, то карточка автоматически изменится везде где используется.
Еще у а accet'a, есть состояния (правда они пока не доступны для пользователей — но скоро будут :) ). Через состояния у нас реализованы многие элементы, такие как чек боксы или кнопки (например disabled состояние).
и чем больше система и чем больше её состояний, тем важнее становится работа именно с объектами, а не со страницами.
И появляется вопрос о прототипах, близких к реальности, тк в таких системах, чаще всего слишком много разносторонней информации, что бы дизайнер мог самостоятельно принять решение о том как выполнить тот или иной элемент.
И появляется вопрос о прототипах, близких к реальности, тк в таких системах, чаще всего слишком много разносторонней информации, что бы дизайнер мог самостоятельно принять решение о том как выполнить тот или иной элемент.
Мне нравится! Можно и побаловаться и более серьезно что-то набросать.
Приложение понравилось, мультик если честно не очень
А для моков только эпилептичный шрифт есть?
Ну шрифт можно поменять в настройках
Картинка
А Roboto планируется?
Пока нет, но добавьте идею на нашем uservoice. Если проголосует достаточно людей, то обязательно добавим.
Любое приложение станет в два раза круче, если в его названии есть слово «ниндзя»!
Как вовремя, а то нашел довольно удобный инструмент Axure, но покупать лицензию из за пары макетов в полгода очень не хочется. Спасибо!
Нравится.
А будет ли поддержка Desktop интерфейса Windows?
Возможно. Вы можете добавить идею на нашем uservoice. Если проголосует достаточно людей, то обязательно добавим.
А вообще почти все контролы используемые на desktop есть в проекте web.
А вообще почти все контролы используемые на desktop есть в проекте web.
Спасибо за информацию. В любом случае, специализированные макеты под десктоп не помешают. Если есть кто солидарный, проголосуйте.
Спасибо за ваш проект. Первые впечатления положительные- все удобно, на своих местах, не вызывает чувства «вот же засунули куда».
Единственное замечание по интерфейсу (ИМХО), сделать фон рабочей области и панелей инструментов разными. Например панели инструментов светло серым. Это отделит рабочую область, а также будут более четко видны различные контролы (и в свойствах и в элементах)
В общем большое спасибо и успехов вам в развитии!
Единственное замечание по интерфейсу (ИМХО), сделать фон рабочей области и панелей инструментов разными. Например панели инструментов светло серым. Это отделит рабочую область, а также будут более четко видны различные контролы (и в свойствах и в элементах)
В общем большое спасибо и успехов вам в развитии!
Я сейчас в шаге от покупки Axure. В чем Ваши преимущества перед ним?
(десктоп ПО или веб-сервис для меня не принципиально)
(десктоп ПО или веб-сервис для меня не принципиально)
Не очень разумно сравнивать с акшурой, так как последная позволяет создавать не мокапы а полноценные прототипы с интерэкшеном.
Мы с Axure немного в разных весовых категориях. Как написал delch это зависит от того какие у вас цели.
Если нужно проработать концепцию приложения, отработать навигацию между страницами, быстро получить отзывы от заказчика или колег и вам пока не важно как будет выглядеть финальный дизайн — тогда мы лучше: мы проще в использовании и бесплатно :)
А если нужен полоценный (близкий к реальному приложению по виду и поведению) прототип то тогда это Axure.
Если нужно проработать концепцию приложения, отработать навигацию между страницами, быстро получить отзывы от заказчика или колег и вам пока не важно как будет выглядеть финальный дизайн — тогда мы лучше: мы проще в использовании и бесплатно :)
А если нужен полоценный (близкий к реальному приложению по виду и поведению) прототип то тогда это Axure.
Чем у вас проще в использовании? Как проектировщик с 4-летним опытом скажу, что ничего сравнимого с Axure нет вообще именно по простоте использования. Совсем не объязательно там делать что-то динамическое и красивое, я ее выбрал в начале именно из-за скорости и четкости работы и с тех пор ни одного нормального конкурента не появилось… уж не знаю, в чем дело.
Очень нехватает таких мелочей как перемещения с зажатыми контролом (для копирования), шифтом (для сохранения направления), или масштабирования с шифтом (для сохранения пропорций). Не представляю как без этих функций можно работать :)
Так вообще неплохо, но ваш дизайн местами вымораживает. Скажем вот это уж совсем непотребство — habrastorage.org/storage3/769/352/b8c/769352b8c840df493fc77064ce1756b1.png
Так вообще неплохо, но ваш дизайн местами вымораживает. Скажем вот это уж совсем непотребство — habrastorage.org/storage3/769/352/b8c/769352b8c840df493fc77064ce1756b1.png
Неплохо. Только не понял некоторые моменты.
Например, как мне в контролле «tab bar» изменить активный таб? Как изменить число элементов в List?
Я говорю про Android-моки.
Например, как мне в контролле «tab bar» изменить активный таб? Как изменить число элементов в List?
Я говорю про Android-моки.
Для таб бара: выберите нужный таб (нужно 2 клика, вначале выделить сам таб бар, следующий клик выделит таб, такой подход работает для всех контрлов). В свойствах справа появится чекбокс Selected. Если его выбрать то выделенный таб станет активным.
Для List'а есть несколько вариантов, в тулбоксе есть list item его можно просто перетащить в list. Или же выбрать List item внутри List контрола и просто его скопировать Ctrl+D (сделает копию).
Так же если List контрол выделен, то если сделать один клик на лист айтем в тулбоксе, то он сам добавиться в выделенный List.
Для List'а есть несколько вариантов, в тулбоксе есть list item его можно просто перетащить в list. Или же выбрать List item внутри List контрола и просто его скопировать Ctrl+D (сделает копию).
Так же если List контрол выделен, то если сделать один клик на лист айтем в тулбоксе, то он сам добавиться в выделенный List.
Вроде бы корректно работает в Firefox, даже с не 100% масштабом, что не может не радовать. Почему-то многие тулзы для прототипирования нормально работают только на вебките, а с масштабированием так и вообще все начинает ехать.
Мы и в IE работаем :)
А с какой версии (просто любопытно)? сочувственный вздох frontend-разработчика
IE 10
В IE 11 не работает создание проектов под windows phone и windows 8. Кстати, windows 8 не ограничивается одним только Surface. Почему бы этот тип проекта не назвать windows 8 или еще как-то?
Мы же говорили в IE 10 :) А если серьезно, то не могли бы вы уточнить (можно в личку), что именно происходит? Просто висит анимация загрузки и ничего не происходит? Есть ли ошибки в консоли? Мы перепроверили на ноутбуках, воспроизвести пока не удалось.
По поводу названия типа проекта – хорошее замечание, во внимание приняли.
По поводу названия типа проекта – хорошее замечание, во внимание приняли.
А, ну это норм. Я-то думал, вы подобное в ИЕ 6-7 заставили работать :)
На первый взгляд очень круто, спасибо!
Пара вопросов:
Планируется ли мобильное (для планшетов) приложение (чтоб можно было работать оффлайн и потом синхронизировать)?
Можно ли комменты привязывать к элементам интерфейса?
Пара вопросов:
Планируется ли мобильное (для планшетов) приложение (чтоб можно было работать оффлайн и потом синхронизировать)?
Можно ли комменты привязывать к элементам интерфейса?
Привязки пока нет, добавьте идею на наш uservoice
Запрос на мобильное приложение уже есть на uservoice так что можете просто проголосовать, но пока у нас в планах сделать оффлайн приложения для Google Chrome.
Запрос на мобильное приложение уже есть на uservoice так что можете просто проголосовать, но пока у нас в планах сделать оффлайн приложения для Google Chrome.
Ребята, я гляжу как вы доработали дизайн и хочу выразить восторг и почтение! И скорость радует.
Я рад, что приложил руку к этому инструменту. Так держать!
Я рад, что приложил руку к этому инструменту. Так держать!
Выглядит симпатично, но кое-что не попалось на глаза: есть ли возможность автоматически создать карту экранов?
Пока нет, но вы можете добавить идею на наш uservoice
Добавлено. Поддержите, если кому-нибудь еще интересно.
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
Смысл такого стиля как раз в том, чтобы было не похоже на финальный дизайн. Это помогает многим людям (где-то в подсознании, наверное) концентрироваться на сценариях использования приложения и не отвлекаться на то, что шрифт не такой, цвета не нравятся и т.д.
В бета версии NinjaMock мы, кстати, поддерживали реалистический стиль прототипов, но перед релизом мы его убрали. Основной причиной стало то, что для построения реалистических прототипов большинство пользователей используют Photoshop или Illustrator, а на данный момент мы не готовы конкурировать с продуктами Adobe.
В бета версии NinjaMock мы, кстати, поддерживали реалистический стиль прототипов, но перед релизом мы его убрали. Основной причиной стало то, что для построения реалистических прототипов большинство пользователей используют Photoshop или Illustrator, а на данный момент мы не готовы конкурировать с продуктами Adobe.
Спорное удобство. Было бы супер — смотреть дизайн в обоих стилях, переключаясь.
Если под стилем вы имеете в виду просто более ровные шрифты и линии, но все же в низко-детализированном прототипе, то да, согласен – удобно было бы переключаться. Не так давно, кстати, в Balsamiq появилась такая возможность. Можете добавить идею на нашем uservoice.
Если же имеется в виду высоко-детализированный стиль, то я тоже с вами согласен :) Здесь просто вопрос в том, каким образом создается такой стиль. Мы пока что ориентируемся на то, что такие дизайны будут создаваться в Photoshop/Illustrator, а потом возможно будут импортироваться обратно в NinjaMock как картинки. У нас и тип проекта специальный для этого есть – Freehand.
Если же имеется в виду высоко-детализированный стиль, то я тоже с вами согласен :) Здесь просто вопрос в том, каким образом создается такой стиль. Мы пока что ориентируемся на то, что такие дизайны будут создаваться в Photoshop/Illustrator, а потом возможно будут импортироваться обратно в NinjaMock как картинки. У нас и тип проекта специальный для этого есть – Freehand.
Мы очень долго пытались найти «рукописный» шрифт с поддержкой кирилицы, и это лучшее из того что сейчас можно найти. Но, мы работаем над созданием своего собственного шрифта. А шрифт можете в проекте поменять (в свойствах лейбла).
Очень круто!
Отдельный респект за честное позиционирование по отношению к конкурентам, список аналогов в конце статьи очень порадовал.
Обязательно попробую поюзать в работе.
Отдельный респект за честное позиционирование по отношению к конкурентам, список аналогов в конце статьи очень порадовал.
Обязательно попробую поюзать в работе.
Юзаю платный moqups. Вы создали достойного конкурента, молодцы! Бесплатные 3 проекта приватны?
После коммента к прошлогодней статье разрабы данного сервиса задолбили в скайп вопросами и уточнениями что и как мне нужно. Обалденная клиентоориентированность! Надо сказать — все обсужденное воплатили. Молодцы!
З.Ы. Сервис пользую с тех пор.
З.Ы. Сервис пользую с тех пор.
Flat тени на буквах в кнопках делать css'ом — смело!
Да, long shadows сейчас в моде. Мы, кстати, использовали compass, так что сделать такие тени получилось очень просто.
Непонятно только — у таблиц можно удалять строки/столбцы?
Да, если выбрать таблицу то слева и сверху появляются синие хидеры. Если нажать на один из них то выделится соответствующая строка/столбец. Потом просто нажать Del на клавиатуре.
Спасибо. Хотя сдаётся мне, что не шибко это интуитивно. Ожидаешь чего-то похожего на процедуру добавления (которая, как раз, очень наглядна), только наоборот, типа — нажать ALT и увидеть как плюс превращается в минус, или клацать правой кнопкой по строке и найти пункт «удалить» в контекстном меню — в общем, всё то, что обычно происходит в десктопных приложениях. А оно не совсем так.
И ещё (извините, забыл сразу спросить) — псевдовекторные объекты (стрелки и проч.) вращать не получится?
Нет, вращение пока что не поддерживается. Можете добавить идею на наш uservoice. Спасибо.
>В одной из следующих статей мы можем рассказать, как мы выдержали хабра- и реддит-эффект на хостинге за 4 евро в месяц.
Очень бы хотелось почитать про это. Было бы здорово, если бы начали рассказывать прям здесь, пусть поверхностно, для затравки. А то аж неловко стало за свой ежемесячный инвойс от хостера. И это без всяких «хабра-реддит эффектов»…
Очень бы хотелось почитать про это. Было бы здорово, если бы начали рассказывать прям здесь, пусть поверхностно, для затравки. А то аж неловко стало за свой ежемесячный инвойс от хостера. И это без всяких «хабра-реддит эффектов»…
Сайт у нас сделан как SPA (Single Page Application) приложение. Наш дешевый хостинг мы используем исключительно для двух целей: отдачи изначального html (одинакового для всех пользователей и очень маленького по размеру) и обработки запросов данных в формате JSON. Весь остальной html хранится у нас на CDN и запрашивается из браузера. При таком подходе у нас существенно уменьшается объем трафика к нашему дешевому серверу и даже увеличивается скорость загрузки страниц в браузере.
В отдельной статье мы можем рассказать, какие технологии и библиотеки мы использовали, а так же как автоматизировать процесс сборки такого сайта в continuous integration. Кому еще интересно, плюсуйте, пожалуйста, комментарий от Frespot.
В отдельной статье мы можем рассказать, какие технологии и библиотеки мы использовали, а так же как автоматизировать процесс сборки такого сайта в continuous integration. Кому еще интересно, плюсуйте, пожалуйста, комментарий от Frespot.
Случайно нашел баг.
* создал прототип для iPhone.
* поставил элемент текстового поля на экран
* кликнул на нем
* в свойства в поле witdh написал 100%
* страница перестала отвечать на действия мышью и через некоторое время chromе предложил ее убить.
User-Agent:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_9_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/31.0.1650.63 Safari/537.36
* создал прототип для iPhone.
* поставил элемент текстового поля на экран
* кликнул на нем
* в свойства в поле witdh написал 100%
* страница перестала отвечать на действия мышью и через некоторое время chromе предложил ее убить.
User-Agent:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_9_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/31.0.1650.63 Safari/537.36
Очень полезное приложение. Спасибо большое!
Хотел попробовать и спроектировал приложение. Очень круто.
Еще бы добавить возможность колонки ставить на фон… Это удобно, например, для последующего использования дизайнером и при верстке с использованием CSS фреймворков (960gs, Twitter Bootstrap и т.п.).
Хорошая идея, можете добавить или проголосовать на нашем uservoice. Была похожая идея о пользовательских линиях привязки, можно ее использовать, наверное.
НЛО прилетело и опубликовало эту надпись здесь
Очень удобный сервис, давно такой ждал!
Отличный сервис. Но в моём 31-м хроме за 5 минут работы раз десять получал:
«Aw, Snap! Something went wrong while displaying this webpage...»
Хорошо хоть Save успел сделать :)
«Aw, Snap! Something went wrong while displaying this webpage...»
Хорошо хоть Save успел сделать :)
Почему бы не привести здесь несколько альтернатив:
До кучи: 16 (онлайн) инструментов для создания прототипов.
Но не веб-сервисами же едины, есть и desktop-приложения:
Прототипируйте на здоровье.
Хотя лично я считаю, что прототипирование с использованием сторонних программ лишь отнимает время на изучение новых инструментов и создание лишних макетов, когда можно сразу приступить к разработке не отвлекаясь и не переключаясь на дезориентирующие процессы. Думаю, что никто не будет спорить с тем, что инструменты, которыми каждодневно пользуются программисты, верстальщики, дизайнеры уже являются инструментами прототипирования сами по себе.
К тому же программы прототипирования не учитывают специфические компоненты интерфейса, взять к примеру: круглые изображения с hover-эффектами, parralax-эффекты, диагональные слайдеры и прочие аккордеоны… я надеюсь, что вы поняли мысль. Лучше вооружитесь чем-то вроде Twitter Bootstrap и сразу приступайте к работе. Деньги же, которые вы сэкономите на Mockup, Wireframe инструментах можно будет потратить на что-то более важное. Например: купить графический планшет, который, кстати, тоже является инструментом прототипирования, или SSD.
- gomockingbird.com – удобный в использовании и бесплатный online-сервис прототипирования;
- wireframe.cc – необычный бесплатный сервис с минималистичным интерфейсом, реализующим принцип «Выделил — выбрал объект». Если будет развиваться, то замечательно;
- moqups.com – еще один бесплатный сервис;
До кучи: 16 (онлайн) инструментов для создания прототипов.
Но не веб-сервисами же едины, есть и desktop-приложения:
Прототипируйте на здоровье.
Хотя лично я считаю, что прототипирование с использованием сторонних программ лишь отнимает время на изучение новых инструментов и создание лишних макетов, когда можно сразу приступить к разработке не отвлекаясь и не переключаясь на дезориентирующие процессы. Думаю, что никто не будет спорить с тем, что инструменты, которыми каждодневно пользуются программисты, верстальщики, дизайнеры уже являются инструментами прототипирования сами по себе.
К тому же программы прототипирования не учитывают специфические компоненты интерфейса, взять к примеру: круглые изображения с hover-эффектами, parralax-эффекты, диагональные слайдеры и прочие аккордеоны… я надеюсь, что вы поняли мысль. Лучше вооружитесь чем-то вроде Twitter Bootstrap и сразу приступайте к работе. Деньги же, которые вы сэкономите на Mockup, Wireframe инструментах можно будет потратить на что-то более важное. Например: купить графический планшет, который, кстати, тоже является инструментом прототипирования, или SSD.
+ realtimeboard.com
Все веб сервисы, которые вы привели, как раз урезают бесплатную версию: в gomockingbird можно создавать только 10 страниц в проекте, в wireframe.cc – только 1 страницу и нельзя экспортировать, а в moqups (который у нас, кстати, есть в списке конкурентов) – нельзя, например, использовать мастер страницы.
Да, есть еще много онлайн инструментов, мы лишь привели список наиболее успешных, по нашему мнению.
По прототипированию с помощью сторонних инструментов не совсем с вами согласен. Я, например, программист/верстальщик, достаточно хорошо знаю Photoshop. Но с помощью Twitter Bootstrap я не могу быстро объяснить коллеге-дизайнеру, что именно я имею в виду. Сначала надо что-то написать, потом обновить страницу, потом посмотреть, а иногда еще и поправить. А с инструментом прототипирования мы просто бросаем элементы и прямо на ходу обсуждаем, что и как должно работать. Но об этом, наверное, целую отдельную статью можно написать.
Да, есть еще много онлайн инструментов, мы лишь привели список наиболее успешных, по нашему мнению.
По прототипированию с помощью сторонних инструментов не совсем с вами согласен. Я, например, программист/верстальщик, достаточно хорошо знаю Photoshop. Но с помощью Twitter Bootstrap я не могу быстро объяснить коллеге-дизайнеру, что именно я имею в виду. Сначала надо что-то написать, потом обновить страницу, потом посмотреть, а иногда еще и поправить. А с инструментом прототипирования мы просто бросаем элементы и прямо на ходу обсуждаем, что и как должно работать. Но об этом, наверное, целую отдельную статью можно написать.
Не нашел как вставить свои картинки
Молодцы, очень классно. Не думаете о мобильной версии, как отдельном приложении? (пока едешь в метро, как раз прототипировать интерфейсы хочется, когда рядом компьютер, хочется сразу уже в бой). Да и про хабраэффект за 4 евро в месяц — просьба рассказать.
Спасибо. Мобильной версии пока в ближайших планах нет. Идея у нас на uservoice уже есть, но пока мало кто голосует за нее.
Подскажите, пожалуйста, где настраивается (и вообще настраивается ли?) качество экспорта?
Спасибо за интересный сервис! Видимо, есть еще Джедаи на этой планете.
НЛО прилетело и опубликовало эту надпись здесь
Сервис понравился.
Увеличьте максимальный размер шрифта, в некоторых случаях 90 недостаточно. :)
Увеличьте максимальный размер шрифта, в некоторых случаях 90 недостаточно. :)
Наконец дошли руки попробовать. Шикарный сервис. До этого пользовался wiframe.cc и пробовал Axure, но ваш понравился с первой минуты и намного больше.
Сервис интересный, но:
Пользовался несколько дней вашей разработкой.
Не вижу большого смысла в подобных сервисах прототипирования, лучше сразу в фотошопе.
Позднее возможно поищу более интересные аналоги, где больше инструментов и настроек. Другие пока не использовал.
Минусы:
1. В бесплатной версии создание только 3х макетов. Ограничение загружаемых картинок (50МБ).
2. При увеличении высоты макета сдвигаются области некоторых текстовых элементов и их контент сдвигается по макету вниз. Вероятно, те у которых отсутствуют обе галки (Scale with text, Multiline).
3. Нельзя настроить цвет линии разделителя(separator).
4. Некорректное сохранение(вывод) некоторых элементов при экспорте(пробовал в PNG), также при экспорте в PNG хотелось бы получать PNG, а не zip-архив. Например, текст исчезает, если ширина блока не вмещает ширину данного слова, если текст написан например вертикально, и ширина текстового блока составляет 1 символ. Если взять навигационный набор меню и фон активного пункта перекрасить вручную, то он будет всё равно на тёмной подложке, если справа в настройках не снять с него галку (Selected).
5. Если дублировать проект, то названия дубликатов после закрытия браузера становятся все исходного проекта. Например, создав проект(макет) «Главная», дублировать его и назвать «Каталог» и изменить и сохранить, то позднее название «Каталог» сново изменится на «Главная» по непонятной причине.
6. Недостаточный набор цветов в градации серого (8 мало, хотя бы 12), на мой взгляд неверная генерация веб-цвета «ff000000».
7. Нельзя настроить стиль отдельных слов в текстовом блоке. При выделении одного слова и нажав «B»(жирный), все слова блока становятся жирными.
8. Неудобное использование при редактировании текста, а именно появление инпута с увеличенным размером шрифта, зачем(для слепых)? Это затрудняет разработку дизайна, когда необходимо поймать максимальное число символов.
9. line-height нельзя сделать меньше 1.
Пользовался несколько дней вашей разработкой.
Не вижу большого смысла в подобных сервисах прототипирования, лучше сразу в фотошопе.
Позднее возможно поищу более интересные аналоги, где больше инструментов и настроек. Другие пока не использовал.
Минусы:
1. В бесплатной версии создание только 3х макетов. Ограничение загружаемых картинок (50МБ).
2. При увеличении высоты макета сдвигаются области некоторых текстовых элементов и их контент сдвигается по макету вниз. Вероятно, те у которых отсутствуют обе галки (Scale with text, Multiline).
3. Нельзя настроить цвет линии разделителя(separator).
4. Некорректное сохранение(вывод) некоторых элементов при экспорте(пробовал в PNG), также при экспорте в PNG хотелось бы получать PNG, а не zip-архив. Например, текст исчезает, если ширина блока не вмещает ширину данного слова, если текст написан например вертикально, и ширина текстового блока составляет 1 символ. Если взять навигационный набор меню и фон активного пункта перекрасить вручную, то он будет всё равно на тёмной подложке, если справа в настройках не снять с него галку (Selected).
5. Если дублировать проект, то названия дубликатов после закрытия браузера становятся все исходного проекта. Например, создав проект(макет) «Главная», дублировать его и назвать «Каталог» и изменить и сохранить, то позднее название «Каталог» сново изменится на «Главная» по непонятной причине.
6. Недостаточный набор цветов в градации серого (8 мало, хотя бы 12), на мой взгляд неверная генерация веб-цвета «ff000000».
7. Нельзя настроить стиль отдельных слов в текстовом блоке. При выделении одного слова и нажав «B»(жирный), все слова блока становятся жирными.
8. Неудобное использование при редактировании текста, а именно появление инпута с увеличенным размером шрифта, зачем(для слепых)? Это затрудняет разработку дизайна, когда необходимо поймать максимальное число символов.
9. line-height нельзя сделать меньше 1.
Спасибо за очень детальный фидбек.
1. Ну это гораздо больше чем предлагают все конкуренты. Мы считаем что это более чем достаточно для персонального использования, если же вы используете это как компания, и наш сервис помогает вам зарабатывать деньги — то мы хотим получить их маленькую часть, чтобы мы могли поддерживать и развивать наш сервис :)
2. Не совсем понятно про какой макет вы говорите, можете пожалуйста уточнить?
3. Хм, спасибо что написали — это баг. Исправим.
4.1 PNG — а не ZIP. Вы имеете в виду что хотели бы экспортировать только одну страницу? Или один PNG файл со всеми страницами?
>> Если взять навигационный набор меню и фон активного пункта перекрасить вручную, то он будет всё равно на тёмной подложке, если справа в настройках не снять с него галку (Selected). Исправим, спасибо.
5. Это уже исправили, скоро появится в продакшене.
6. В палитру вы можете сами добавлять цвета, но спасибо за фибек, мы добавим больше стандартных цветов.
7. Мы уже получали такой фибек и работаем над такой возомжностью.
8. Инпут увеличивается только если зум страницы меньше 100%, и он увеличивается до 100%.
9. Не думали что это кому нибуть нужно :) а можете пожалуйста привести пример где такой нужно использовать?
1. Ну это гораздо больше чем предлагают все конкуренты. Мы считаем что это более чем достаточно для персонального использования, если же вы используете это как компания, и наш сервис помогает вам зарабатывать деньги — то мы хотим получить их маленькую часть, чтобы мы могли поддерживать и развивать наш сервис :)
2. Не совсем понятно про какой макет вы говорите, можете пожалуйста уточнить?
3. Хм, спасибо что написали — это баг. Исправим.
4.1 PNG — а не ZIP. Вы имеете в виду что хотели бы экспортировать только одну страницу? Или один PNG файл со всеми страницами?
>> Если взять навигационный набор меню и фон активного пункта перекрасить вручную, то он будет всё равно на тёмной подложке, если справа в настройках не снять с него галку (Selected). Исправим, спасибо.
5. Это уже исправили, скоро появится в продакшене.
6. В палитру вы можете сами добавлять цвета, но спасибо за фибек, мы добавим больше стандартных цветов.
7. Мы уже получали такой фибек и работаем над такой возомжностью.
8. Инпут увеличивается только если зум страницы меньше 100%, и он увеличивается до 100%.
9. Не думали что это кому нибуть нужно :) а можете пожалуйста привести пример где такой нужно использовать?
1. Ок, удачи в развитии.
2. Макет, справа и внизу этого белого листа есть такие маленькие ярлычки, чтобы сужать и расширять область (высоту и ширину страницы). Вот когда тянешь вверх или вниз нижний ярлычок, то вместе с этим в разных местах страницы некоторые области текстового блока(например label) почему-то съезжают, точнее увеличиваются или уменьшаются по высоте, на сколько ты изменил страницу. А если в этом блоке стояла центровка по-вертикали по центру, то текст этих блоков уезжает неизвестно куда по странице.
3. +
4. 1 макет — 1 PNG при экспорте. Только одну страницу. Если страниц много или папка, то разумнее конечно в ZIP. Но если нужно только текущий открытый макет, то зачем его заворачивать в архив. Приходиться его потом распаковывать и переименовывать, так как у него внутри лежит необходимая PNG с дефолтным названием.
5. При экспорте таже проблема с названием проектов.
6. +, может эксклюзивные цвета с 1 голубого увеличить тоже до 3х например добавить красный и зелёный.
7. С центровкой внутри тоже бы хотелось иметь внутренний эксклюзивный цвет. Ещё было бы неплохо аналогично пунктом навигационных меню привязывать картинку в текстовый блок слева или справа с обтеканием текста.
8. Дело даже не в увеличении, дело в самом инпуте с белой подложкой(её возможно следует убрать) и барами типа overflow:auto. Если бы их стандартных не было, а был бы полупрозрачный тоненький в стиле apple, было бы лучше. Или хотя бы барами как они выглядят у вас сейчас когда мы прокручиваем макет вверх или вниз, 2х пиксельная полоска.
9. Это очень нужно. Должен быть шаг в 0.1 от 0 до 1. Применяется это когда необходимо какой-либо текст уплотнить по-вертикали. Часто встречается приходиться делать 0.8em или меньше. Но в явной степени это было необходимо когда я пытался написать вертикально текст, так как у вас нет такой опции, я писал 1 букву на 1 строке, и межстрочное расстояние уменьшить никак нельзя.
10. Ещё как писалось выше, очень было приятно затемнить фон левого и правого столбца с вашими инструментами и свойствами, или хотя бы подложку под макетом для контраста.
2. Макет, справа и внизу этого белого листа есть такие маленькие ярлычки, чтобы сужать и расширять область (высоту и ширину страницы). Вот когда тянешь вверх или вниз нижний ярлычок, то вместе с этим в разных местах страницы некоторые области текстового блока(например label) почему-то съезжают, точнее увеличиваются или уменьшаются по высоте, на сколько ты изменил страницу. А если в этом блоке стояла центровка по-вертикали по центру, то текст этих блоков уезжает неизвестно куда по странице.
3. +
4. 1 макет — 1 PNG при экспорте. Только одну страницу. Если страниц много или папка, то разумнее конечно в ZIP. Но если нужно только текущий открытый макет, то зачем его заворачивать в архив. Приходиться его потом распаковывать и переименовывать, так как у него внутри лежит необходимая PNG с дефолтным названием.
5. При экспорте таже проблема с названием проектов.
6. +, может эксклюзивные цвета с 1 голубого увеличить тоже до 3х например добавить красный и зелёный.
7. С центровкой внутри тоже бы хотелось иметь внутренний эксклюзивный цвет. Ещё было бы неплохо аналогично пунктом навигационных меню привязывать картинку в текстовый блок слева или справа с обтеканием текста.
8. Дело даже не в увеличении, дело в самом инпуте с белой подложкой(её возможно следует убрать) и барами типа overflow:auto. Если бы их стандартных не было, а был бы полупрозрачный тоненький в стиле apple, было бы лучше. Или хотя бы барами как они выглядят у вас сейчас когда мы прокручиваем макет вверх или вниз, 2х пиксельная полоска.
9. Это очень нужно. Должен быть шаг в 0.1 от 0 до 1. Применяется это когда необходимо какой-либо текст уплотнить по-вертикали. Часто встречается приходиться делать 0.8em или меньше. Но в явной степени это было необходимо когда я пытался написать вертикально текст, так как у вас нет такой опции, я писал 1 букву на 1 строке, и межстрочное расстояние уменьшить никак нельзя.
10. Ещё как писалось выше, очень было приятно затемнить фон левого и правого столбца с вашими инструментами и свойствами, или хотя бы подложку под макетом для контраста.
Продолжаю пользоваться всё это время вашим сервисом, сменил своё мнение, сервис действительно очень хороший, и аналогов ему нет.
Axure слишком тяжела.
Хотелось бы добавить ещё на мой взгляд необходимую настройку:
11. Возможность устанавливать шрифт, например во всём макете поменять ваш чудо-шрифт на Arial, связано это с нереальностью макета. Не всегда удобно писать таким шрифтом, должен быть выбор. + его читаемость на маленьких размерах желает лучшего, поэтому приходиться затруднительным составление детализации макета, хотя бы примерных размеров и отступов.
Axure слишком тяжела.
Хотелось бы добавить ещё на мой взгляд необходимую настройку:
11. Возможность устанавливать шрифт, например во всём макете поменять ваш чудо-шрифт на Arial, связано это с нереальностью макета. Не всегда удобно писать таким шрифтом, должен быть выбор. + его читаемость на маленьких размерах желает лучшего, поэтому приходиться затруднительным составление детализации макета, хотя бы примерных размеров и отступов.
Очень не хватает возможности создания интерактивного прототипа как в fluidui.com, invisionapp.com.
Чтобы можно было на устройстве пощёлкать будущее приложение.
Чтобы можно было на устройстве пощёлкать будущее приложение.
В одной из следующих статей мы можем рассказать, как мы выдержали хабра- и реддит-эффект на хостинге за 4 евро в месяц. Пишите в комментариях, если это интересно.Конечно же рассказывайте! Очень интересно! :)
Наконец-то руки добрались сделать прототип приложения под мобилу (Андроид). И в результате — облом.
Самое важное замечание: прототип при просмотре на мобильном — не интерактивен. Просто выводится статичная картинка не попадающая в размер экрана. Ни на кнопку нажать, ни зумом позумить. Без интерактивности на мобильном — прототип бесполезен.
Ну и сразу по мобильному прототипу пожелания россыпью:
1. При просмотре в браузере на макете телепона желательно добавить хотя бы кнопку Back.
2. В наборе ссылок должна быть ссылка «на предыдущую страницу», с которой пришли. Не статичное указание, а именно history.go(-1) из JavaSсript.
3. Группировку страниц найти получилось абсолютно случайно.
4. Не хватает контекстного меню. Даже в браузере можно повесить обработчик на правый клик при просмотре прототипа. Хотя бы при редактировании добавить в Page Linking возможность указать при каком событии какую ссылку открывать. Ну и создавать несколько линков. Стандартный кейс: тап по элементу списка открывает его, длинный тап — вызов контекстного меню.
Самое важное замечание: прототип при просмотре на мобильном — не интерактивен. Просто выводится статичная картинка не попадающая в размер экрана. Ни на кнопку нажать, ни зумом позумить. Без интерактивности на мобильном — прототип бесполезен.
Ну и сразу по мобильному прототипу пожелания россыпью:
1. При просмотре в браузере на макете телепона желательно добавить хотя бы кнопку Back.
2. В наборе ссылок должна быть ссылка «на предыдущую страницу», с которой пришли. Не статичное указание, а именно history.go(-1) из JavaSсript.
3. Группировку страниц найти получилось абсолютно случайно.
4. Не хватает контекстного меню. Даже в браузере можно повесить обработчик на правый клик при просмотре прототипа. Хотя бы при редактировании добавить в Page Linking возможность указать при каком событии какую ссылку открывать. Ну и создавать несколько линков. Стандартный кейс: тап по элементу списка открывает его, длинный тап — вызов контекстного меню.
К сожалению не нашел для андроид-проекта верхнего (батарея, уровень сигнала) и нижнего (кнопки назад, домой, etc) баров. Или плохо искал?
Упал сайт? Белый экран с футером и шапкой и больше ничего.
ninjamock.com/
ninjamock.com/
Добавьте, пожалуйста, привязку аккаунта к социальным сервисам, чтобы на один и тот же аккаунт можно было логиниться через твиттер, гугл и т.д.
Какое то невиданное кол-во гюков в сервисе. :(
Error! Could not saves changes to the server. Please do not close your browser. Reconnecting...
В общем, дорогие хабрапользователи, не советую пользоваться данным севисом, так как получили ошибку о том, что система не может сохранить данные на сервер. Сохранить невозможно, экспортить текущее состояние нельзя, в новой вкладке приложение не запускается, в результате многочасовая работа пошла коту под хвост.
Проблема этих ребят даже не в том, что они в течение нескольких лет не могут исправить данную ошибку (на оф. форуме не одна подобная жалоба раз, два, три), а в том, что эта ошибка НЕ ВИДНА! Там нет красного большого баннера «ВАША РАБОТА МОЖЕТ НЕ СОХРАНИТЬСЯ», а маленький текст в статус-баре.
В общем, такие дела. Ну, или, хотя бы, следите за статус-баром внизу экрана, и не делайте слишком много локальных изменений без теста в другом устройстве/браузере.
В общем, дорогие хабрапользователи, не советую пользоваться данным севисом, так как получили ошибку о том, что система не может сохранить данные на сервер. Сохранить невозможно, экспортить текущее состояние нельзя, в новой вкладке приложение не запускается, в результате многочасовая работа пошла коту под хвост.
Проблема этих ребят даже не в том, что они в течение нескольких лет не могут исправить данную ошибку (на оф. форуме не одна подобная жалоба раз, два, три), а в том, что эта ошибка НЕ ВИДНА! Там нет красного большого баннера «ВАША РАБОТА МОЖЕТ НЕ СОХРАНИТЬСЯ», а маленький текст в статус-баре.
В общем, такие дела. Ну, или, хотя бы, следите за статус-баром внизу экрана, и не делайте слишком много локальных изменений без теста в другом устройстве/браузере.
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
NinjaMock — бесплатное приложение для прототипирования интерфейсов