Задать вопрос

tnc4401

Product-designer, UI- UX-designer.
Ответы пользователя по тегу Интерфейс пользователя

  • Проектная библиотека UI элементов. Как лучше организовать?

    @tnc4401
    Product-designer, UI- UX-designer.
    Mail.ru советовали держать макет в Dropbox. Я бы поступал также, работает приемлемо.
    Craft, Brand.ai и прочие конкуренты кажется лучше Adobe Creative Cloud, но все равно неудобны.
    Ответ написан
    Комментировать
    Комментировать

  • Пользовался ли кто-нибудь программой justinmind для создания макетов?

    @tnc4401
    Product-designer, UI- UX-designer.
    Пользовался для веба.
    Если сортировать по убыванию: мощная для большого проекта -> удобная и выдает красивый макет
    Axure -> Justinmind -> Proto.io

    Если прототип на 15-20 страниц, justinmind вполне удобен. Если нужно 5 экранов, но красивые анимации с настройкой времени, различные состояния экранов и переходы между ними - proto.io лучше. Когда прототип разрастается и сложен - Axure мощнее.

    Большой минус (как и у конкурентов) - цена.
    Ответ написан
    2 комментария
    2 комментария

  • Что за плагин или приложение для телефона для вывода дизайна из фотошопа на мобильный?

    @tnc4401
    Product-designer, UI- UX-designer.
    Pixl Preview работает отлично.
    Ответ написан
    Комментировать
    Комментировать

  • С чего начать изучение веб дизайна?

    @tnc4401
    Product-designer, UI- UX-designer.
    Скопируй в фотошопе какой-нибудь сайт. Например нарисуй такой шаблон https://dribbble.com/shots/2266601-IMDb-design-con... Или модную приложуху https://dribbble.com/shots/3281070-Swipe-Scheduler. Пока делаешь - понимаешь про тени, маски, найди модный популярный шрифт (proxima)))). Или найди красивую тему на вордпрессе и отрисуй шаблон в фотошопе.

    10 таких макетов - и можно считать что умеешь создавать landing pages))) Опыта знаний и умений больше чем после курса.

    Когда столкнешься с реальной жизнью - по ходу дела придется прочесть пару статей про сетки, типографику, композицию. Найти клевый сайт с иконками и фотками. Почитать переверстку Игоря Штанга... и начинается...

    Все как при изучении HTML/CSS - выучил основы, вооружился докой, сверстал 10 шаблонов. Умеешь! В работу! Дальше учишься нормальному коду, рюшкам и оптимизации процесса. И начинается bootstrap, angular, webpack...)))
    Ответ написан
    1 комментарий
    1 комментарий

  • Нужно ли делать отдельный дизайн для приложения, если есть мобильная версия сайта?

    @tnc4401
    Product-designer, UI- UX-designer.
    Когда как.
    Есть ресурсы времени, финансы - сделай отдельный мобильный дизайн. Нет - оставь мобильную версию сайта.

    Посмотри на гугл, внедряющий material design в ios-систему, или кроссплатформенные мобильные приложения (навскидку - ticktick, wunderlist, asana, - поищи, много их).

    Можно умудриться и сделать дизайн, соответсвующий гайдлайнам и iOS, и Android.
    Ответ написан
    1 комментарий
    1 комментарий

  • Web-дизайнеры как Вы просматриваете свои макеты в браузере?

    @tnc4401
    Product-designer, UI- UX-designer.
    Нужно чтобы картинка из фотошопа встала по центру в браузере?

    Плагины для фотошопа были, кажется даже напрямую из фотошопа в браузер с реалтайм-обновлением. Платные и стоили слишком дорого.
    1. Посмотри связку картинка в Dropbox -> Marvel(Invision)
    2. Сверстай себе html-ку с preview.png по центру :)
    Ответ написан
    Комментировать
    Комментировать

  • Инструмент интерактивного прототипирования?

    @tnc4401
    Product-designer, UI- UX-designer.
    Proto.io и Axure - экспортируют в HTML
    Акшур быстрее и удобнее, красивый результат получить тяжело. Proto.io с красивыми легко создающимися анимациями.
    Proto.io c жестокими тарифами(((
    Ответ написан
    Комментировать
    Комментировать

  • Лучший конкурент Sketch, но под Windows?

    @tnc4401
    Product-designer, UI- UX-designer.
    Fireworks - сохраняет в PSD. Есть мелкие баги, давно заброшен Адобом. Скорость работы и создания макетов высочайшая, но баги надо знать, и постоянно бороться.

    Figma - отлично передается верстальщикам. Они заходят в саму фигму и копируют CSS и меряют отступы. Работает как если бы верстальщик открывал в Sketch и брал все оттуда. (Кто не знает в скетче есть измерение отступов и копирование css, цветов в HTML и текста, проблем нет.). Минус - фигма не пригодна для веба, ужасно экспортирует шрифт и буквы в SVG. Результаты мутные и страшные. Техподдержка утверждает, что они это не починят.

    Affinity - открывает PSD, импорт из Sketch через svg. Работает шикарно. Есть минус - при передаче верстальщикам надо сохранять в PSD или Afinity -> SVG -> Sketch -> Zeplin.

    Кто знает работа c SVG это боль. Большинство редакторов разобьют параграф на отдельные изолированные строки текста.

    Adobe XD кормит обещаниями. И скорость разработки и внедрения фич никакая. Но - последняя версия на удивление пригодна для работы. Передача макетов никакая.

    Xara тоже хороша (передача макетов решается, с удовольствием сам бы послушал как?)

    Для себя сделал вывод - от фотошопа отказался давно, Sketch под Mac, Affinity под винду.
    Ответ написан
    11 комментариев
    11 комментариев