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

    mixail_fet
    @mixail_fet Куратор тега Дизайн
    Дизайнер веб-интерфейсов
    Через Adobe плохо, лучше загружать видео через viemo.com - его можно кастомизировать и оно быстрее загружается,
    Ответ написан
  • Как стать профессионалом в веб-дизайне?

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

    Сейчас перед вами стоит вопрос - как стать лучше, а для этого, у меня есть короткая формула, которая более менее, поможет подтянуть скиллы:

    1. Ютуб-контент - не лучший способ получать знания, с учетом того, что весь нынешний контент предназначен для старта, более сложные вопросы обычно там не обсуждают. Я рекомендую подписаться на нескольких крутых дизайнеров в Medium, Habr и Твитере. Читайте, что они говорят, какие методы они применяют, не ленитесь использовать новые методики в дизайне - тестируйте, пока не придете к тому, который будет вам удобен.

    2. Не забывайте, что любой дизайн строиться на анализе конкурентов и близких по тематике сайтов, если вы начинаете работу над каким-то макетом - изучите все что уже есть на рынке, посмотрите на их решения, иногда даже можете некоторые элементы сохранять себе в макет, в виде скриншота, чтобы идея не вышла из головы. И вот когда, вы найдете 5 - 6 похожих решений, вы сможете придумать свое.

    3. Как икона - behance, смотрите на работы других каждый день, по 30 минут в день. Просто открывайте, и анализируйте, запоминайте их решения - только так, вы сможете понять культуру веб-дизайна.

    4. Книги по UX - обязательный этап любого проектировщика интерфейсов, список полезных книг я публиковал сюда: Какие книги посоветуете начинающему web-дизайнеру?

    5. Ну и главное - практика, не забывайте делать свои проекты, создавайте себе техническое задание и выполняйте его. В любое свободное время - просто создавайте.

    Что касается ваших вопросов:

    1. Любое, я использую Figma два года, у меня не было проблем с клиентами, хотя долгое время я работал на фрилансе.

    2. Кидаете ему макет на просмотр и все, Figma сделала удобный интерфейс для верстальщика, он разберется.

    3. Если контентная область определена, какая разница, какое разрешение вы поставите? Рекомендую ставить 1920 - так верстальщику легче будет видеть полную картину.
    Ответ написан
  • Как создать красивое видео о приложении?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Не понимаю, причём тут презентация и Android Studio.

    Если приложение уже готово, для ее презентации используйте Adobe Affter Effect, он идеально подходит для создания векторных презентация, с визуальными переходами.

    Прилагаю ссылки на видеоуроки:
    https://www.youtube.com/watch?v=PhA_ZmOuTpQ
    https://www.youtube.com/watch?v=urXSK9m0AaI

    Вот такой результат можно легко получить:
    https://www.youtube.com/watch?v=-MV8GtlsMoM
    Ответ написан
  • На какой площадке открыть дизайн-конкурс?

    mixail_fet
    @mixail_fet Куратор тега Дизайн
    Дизайнер веб-интерфейсов
    Практика показывает, что "высокоточный" дизайн, с отличным качеством можно заказать только специалисту, который изучит рынок, конкурентов, создаст персонажей, продумает сценарии, нарисует прототип и сделает дизайн - человек, который будет принимать участие в конкурсе, скорее всего нарисует просто красивую и неудобную обложку, потому что много времени, как правило, на конкурсы никто не тратит.

    Хотите крутого дизайнера - зайдите на Behance or Dribble, посмотрите кто делает реально крутые приложения и напишите ему, сделайте ему заказ на 1000$, он вам сделает ооочень крутое приложение, и вы не вкините деньги на ветер.

    И да... крутые ребята из Behance и Dribble не участвуют в конкурсах, у них работы и без этого хватает, скорее всего в конкурсе будут участвовать те, у кого нет работы и они хотят себя проявить - то есть новички.
    Ответ написан
  • Где искать хороших UX-дизайнеров?

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

    Но когда дело доходит до поиска "хорошего дизайнера", стоит посмотреть его на behance.net по вот такому фильтру:
    Ответ написан
  • Какие есть инструменты для поддержки дизайн-библиотек (дизайн системы, UI-kit) в актуальном состоянии?

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

    mixail_fet
    @mixail_fet Куратор тега Дизайн
    Дизайнер веб-интерфейсов
    Подробно об этом отвечал тут: В каком разрешении нужно делать макет сайта?

    ps: Пожалуйста, пользуйтесь поиском.
    Ответ написан
  • UX-ориентированная графическая оболочка?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    На этом и основано UX-проектирование, чтобы понимать, зачем тут расположена эта кнопка, и почему она удобна, и всем так привычна.

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

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Для Windows к сожалению ограниченное количество инструментов.

    Для переходов я использую Adobe XD - но там анимация без таймлайнов.
    Что по сложнее - Protopie, но она не для слабых ПК.
    Еще как вариант - Adobe Illustrator

    Чтобы сделать вот такие переходы, мне хватило функционала Protopie:
    https://www.behance.net/gallery/78346449/Primavera...
    Ответ написан
  • Можно ли после курсов UI/UX начать карьеру в этой отрасли?

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

    Читайте книги, практикуйтесь, смотрите как делают другие, проходите курсы (по необходимости).

    Ну и для того, чтобы устроиться на работу, нужно хотя бы 3 - 4 работы в портфолио. И забудьте про Фотошоп, для интерфейсов - сейчас все используют Figma, Sketch или Adobe XD, фотошоп исключительно для растровой графики.
    Ответ написан
  • Нужно ли уменьшать макет при адаптации под меньшее разрешение?

    mixail_fet
    @mixail_fet Куратор тега Дизайн
    Дизайнер веб-интерфейсов
    Область контента для компьютеров и ноутбуков в данном макете одинаковая, все что вам нужно сделать - обрезать макет в ширину, пока разрешение экрана компьютера не станет меньше размера контентной области. При этом элементы внутри контентной области должны быть нетронутыми.
    Ответ написан
  • Будет ли юзабельно такое меню категорий?

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

    Всегда придерживайтесь правилу: чем меньше пользователю нужно думать - тем лучше, и после этого откройте свой макет, и упростите его в 2 раза.
    Ответ написан
  • Комментарии - древовидные или линейные?

    mixail_fet
    @mixail_fet Куратор тега Дизайн
    Дизайнер веб-интерфейсов
    Вы сравниваете как одно, два типа комментариев, хотя они используются в зависимости от ситуации, аудитории сайта, зависимость сайта от комментариев и от тематике обсуждения.

    В ВК пришли в древовидной системе комментариев, потому что в больших сообществах, порой вся лента комментариев могла быть посвящена спором двух - трех человек, а тема поста уже теряла свой смысл. Иногда лента состояла из тысячи комментариев, и всех их прочитать было невозможно, поэтому система себя оправдывает, точно также как на Pikabu и Хабре.

    Что касается линейных комментариев, их бы я отнес к малопосещаемым сайтам или сайтам, на которых комментарии не играют основной роли. Это больше относится к каким-нибудь отзывам, вопросам-ответам, инструкциям, статьям, в которых главное содержание статьи, а не ее критика в комментариях - во всех этих случаях, под одним постом будет максимум 10 комментариев, тогда можно и применить дизайнерские навыки, и сделать красивую - линейную ленту.

    Итак, плюсы и минусы:

    Линейный вид
    + Не не громоздко, можно применить минималистичный дизайн
    + Возможность увидеть сразу все комментарии
    + Удобно читать, когда комментариев мало

    - Вся лента может быть забита спором двух - трех человек
    - При большим количестве комментариев, вся лента может быть забита одной теме.
    - Во всей ленте, сложно ответить конкретному человеку, потому что комментарии поступают очень быстро.
    - В основном читают первые 5 - 10 комментариев.
    - Сложно модерировать, приходиться читать всю ленту.

    Древовидная система
    + Вся информация структурирована
    + Можно обсуждать несколько тем, под каждой веткой.
    + Можно игнорировать ветки, которые тебе не интересны
    + Есть шанс, что твой комментарий увидят)))

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

    Ну и в принципе, минусов больше и нет.

    Для вдохновения:
    https://www.behance.net/gallery/67790255/Mayak-Dig...
    https://www.behance.net/gallery/18107439/Facebook-...
    https://www.behance.net/gallery/29582047/Social-El...
    https://www.behance.net/gallery/70595543/YBC-Mobil...
    https://www.behance.net/gallery/72907227/Social-Me...
    https://www.behance.net/gallery/74783973/Facebook-...
    https://www.behance.net/gallery/67072175/Ataman-We...
    Ответ написан
  • Где найти интересные решения макетов для интерфейса сайта?

    mixail_fet
    @mixail_fet Куратор тега Дизайн
    Дизайнер веб-интерфейсов
    Часто использую themeforest.net или templatemonster.com, в них всегда можно отсортировать сайты по тематике и найти нужные элементы.
    Ответ написан
  • Нужен ли сторонний софт для прототипов в 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 Куратор тега Дизайн
    Дизайнер веб-интерфейсов
    У меня есть конкретный отзыв про все курсы - вымогательство денег. Они никем не подтверждены, никем не сертифицированы, обучение на основе не реальных задач и не реальных ситуаций. Поверьте мне, я еще не видел ни одного человека, кто бы сказал, что после курсов, он стал больше знать.

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

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