Ответы пользователя по тегу Интерфейс пользователя
  • Нужен ли сторонний софт для прототипов в Figma?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Все зависит только от ваших задач, и от того, как вы эти задачи привыкли решать.

    Figma позволяет делать удобные интерактивные прототипы, с всплывающими окнами, минимальной анимацией, и другими интересными вещами. Однако, для быстрых прототипов, я привык использовать Axure, потому что там есть готовые форморчки и можно быстро показать клиенту свою задумку.
    Ответ написан
  • Как вы систематизируете компоненты и стили в Фигме?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Пример 1 - 2: чтобы не создавать несколько разных документов, а потом не переключаться на них от тех, которые принял клиент и тех, которые не принял, существует "история версий".

    Например: сегодня мне написал заказчик, что цвета на всех моих кнопках - ужасные.
    Теперь мне надо изменить все цвета, и я захожу в
    историю действий
    5c2625e89d6e3692164839.png
    и задаю
    имя текущей правки
    5c2625dc4f054979224799.png
    И она у меня сохраняется. Я потом могу вернуться к ней, вытащить из нее отдельные элементы или восстановить полностью, но она храниться всего 30 дней (если используешь бесплатную версию Figma).

    Пример 3 самый удобный способ хранить компоненты для всего проекта - это командная библиотека (и да, она стоит того, чтобы отдавать 1000 рублей/месяц), потому что в следствие, для большого проекта, можно идеально продумать все стили, особенно если в рамках одного проекта, делаешь несколько сайтов. Библиотека компонентов всегда в быстром доступе, там есть поиск по ключевым словам. При желании, можно создать свою библиотеку иконок и вытаскивать ее для всех проектов. Если дорого - я всегда прятал компоненты на отдельную страницу, дискомфорта не вызывало.

    Пример 4 не увидел тут конкретной проблемы, сам с таким не сталкивался)
    Ответ написан
  • К вопросу о навыках веб-дизайна для веб-разработчика?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Говоря о том, что веб-дизайн это всего лишь "небольшой этап", вы напрямую утверждаете, что от этой области далеки. Дизайн - это психология, вкус, анализ, тренды, это совершенно отдельная область работы, и профессионалы учатся годами, для того, чтобы сделать по настоящему удобный продукт.

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

    Но! Каждый программист должен знать основы дизайна, чтобы потом не было ситуации, когда дают сверстать форму, и в последствие она полностью нарушает фирменный стиль.
    Ответ написан
    Комментировать
  • Курсы Contented по интерфейсам?

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

    Полагаю в нашей отрасли, ничего нет лучше самообучения или обучения со старшими товарищами (арт-директорами например).
    Ответ написан
    9 комментариев
  • Какой инструмент наиболее удобен для прототипирования интерфейсов сайтов и приложений?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Есть два быстрых варианта:
    1. Использовать гибкий и функциональный инструмент - Axure
    2. Создать в скетче/фигме символы, с прототипами фигур, черно-белые, и использовать библиотеку символов, как конструктор.
    Ответ написан
  • Как сменить профессию на UX/UI дизайнера?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Если нет семьи - очень просто, можно уехать под Москву, и снять где-нибудь домик за 15 - 30 т.р.
    На дорогу в таком случае будете тратить примерно 2 - 3 часа в день, это время можно использовать для чтения книг, остальное время - практика, практика и еще раз практика. Сразу на большой доход уйти не получится, в свое время приходилось жить на 15 - 20 т.р, и было вполне нормально)

    Что касается обучения, посоветую вот такой минимум, который поднимет вас до Junior. Остальное даст опыт.

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

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Рисуют самостоятельно или используют UI KIT, их много, под разные стили.
    Интерфейсы обычно делают на Figma, Adobe XD, Sketch, устанавливайте их, гуглите "UI KIT" и используйте.
    Ответ написан
    5 комментариев
  • Как убрать эти тени?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Было бы круто, если бы это был гугл хром... на скриншоте где вы выделили, никаких теней нет, просто белый свет.

    У вас проблемы с монитором, попробуйте поменять шнур HDMI/VGA, хотя скорее всего дело в матрице.
    Ответ написан
    1 комментарий
  • Какой джентельменский набор вы используете для проектирования UI/UX?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Очень короткий список, но очень полезный:

    1. Axure - основной инструмент для разработки прототипов, иногда заменяет драгоценный блокнот.
    2. Figma - для полноценной реализации того, что сделал в Axure, грубо говоря делать дизайны - там.
    3. Adobe Photoshop - каждый раз когда нужно поработать с растровой графикой - иду туда, и импортирую позже в Фигму.
    4. Adobe Illustrator - когда не хватает стандартных инструментов Figma для векторной графикой (а такое бывает не часто), открываю Иллюстратора.
    5. Ну и конечно же, для вдохновения Behance, Дрибл и Themeforest.

    Есть аналоги Figma, это Adobe XD и Скетч, но тут на вкус и цвет.
    Ответ написан
    Комментировать
  • Анимация интерфейсов на Windows?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Привет!
    Если работаешь на Mac то с Figma хорошо интегрируется Haiku , если работаешь на Windows, придется подождать некоторое время пока Haiku  выпустит инструмент для Windows. Сейчас же, к сожалению таких инструментов нет.
    Ответ написан
    1 комментарий
  • Где можно скачать UI kit для Material Design 2?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Ответ написан
    Комментировать
  • Каким инструментом быстро и просто создавать вайрфреймы/мокапы/дизайны?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Посоветовать могу Figma:

    1. Командная работы над одним проектом, ссылка на превьюшки.
    2. Библиотека компонентов, которую создаешь сам. Пример на Google Material Deding: prntscr.com/jj5zaq

    Но всех функций что вы описали, нет ни в одном редакторе.
    Ответ написан
    Комментировать
  • Как лучше реализовать карточки?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Некорректно сразу загружать 30 карточек, которые будут в слайдере, да и слишком большой объем для скролла, никто не будет прокручивать до 30-ой карточки в слайдере, где только 5 товаров видно изначально.

    Вариантов несколько:

    1. Кнопка "показать еще" - при нажатие, плавной анимацией будет появляться еще 6 карточек. Тогда на ПК вообще не нужно будет реализовывать слайдер.

    2. Кнопка "показать все", которая ведет на полный список всех карточек.
    Ответ написан
    Комментировать
  • Как перейти от теории к практике в веб дизайне?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    С чего начинать развиваться веб-дизайнеру? - вот тут уже обсуждали вопрос, много хороших книг было упомянуто, от туда сам брал.
    От себя могу добавить, книгу о практике дизайна: Основы Web-Дизайна. Руководство - Рафал Томал
    Ответ написан
    Комментировать