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

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Все очень просто, если человек обратился к вам, надо думать, он уже видел ваше портфолио, а значит понимает, на что нужно рассчитывать - иными словами, делайте как привыкли, делайте так, чтобы ваше внутреннее чувство прекрасного было довольно)
    Ответ написан
    2 комментария
  • Печатная продукция. Поможет ли Adobe XD?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Основная проблема в том, что Adobe XD не поддерживает профиль CMYK.

    Вам в Adobe Indesign.
    Ответ написан
    2 комментария
  • Почему многие дизайнеры делают ОГРОМНЫМИ элементы дизайна?

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

    1. Хороший дизайнер проверит отображение своего макета на разных разрешениях экрана - это значит, что его макет будет отрисован для FullHD, HD, планшетов и телефонов.

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

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

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

    Несколько удачных примеров, когда продает картинка:

    Пример 1
    5df8cad3865a8244824208.jpeg

    Пример 2
    5df8cada7c4d4399154721.jpeg

    Пример 3
    5df8cade47863702836645.jpeg

    Пример 4
    5df8cae1ec8dc688996511.jpeg

    Пример 5
    5df8cae570801301689307.jpeg

    Пример 6
    5df8cae8e45e9303368259.jpeg

    Пример 7
    5df8caec51ee0986201410.jpeg
    Ответ написан
    2 комментария
  • Можно ли полностью отключить синхронизацию в Figma?

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

    Пользуйтесь Adobe XD или Sketch.
    Ответ написан
    1 комментарий
  • Как разделить компоненты и стили на две отдельные (но связанные) командные библиотеки?

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

    - Главный файл "Desing-system" - состоит из базовых элементов, которые будут иметь один вид во всех проектах
    - - Главный файл фирменного стиля - цвета, шрифты, тени и т.д..
    - - - Главный UI-kit конкретного проекта 1
    - - - Главный UI-kit конкретного проекта 2
    - - - Главный UI-kit конкретного проекта 3
    - - - И т.д...

    Можно разбивать все на более сложные структуры, но главная мысль в том, что библиотеки можно разбивать на разные файлы, и они могут унаследовать стили друг-друга.

    Чтобы было более понятно, почитайте о том, как это сделали в Dropbox:
    https://ux.pub/istoriya-o-tom-kak-dropbox-pereshel...
    Ответ написан
    4 комментария
  • Падение рынка дизайна ui/ux за последний год (или нет)?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    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 не участвуют в конкурсах, у них работы и без этого хватает, скорее всего в конкурсе будут участвовать те, у кого нет работы и они хотят себя проявить - то есть новички.
    Ответ написан
    2 комментария
  • Где искать хороших UX-дизайнеров?

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

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

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

    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
    Дизайнер веб-интерфейсов
    Область контента для компьютеров и ноутбуков в данном макете одинаковая, все что вам нужно сделать - обрезать макет в ширину, пока разрешение экрана компьютера не станет меньше размера контентной области. При этом элементы внутри контентной области должны быть нетронутыми.
    Ответ написан
    4 комментария
  • Будет ли юзабельно такое меню категорий?

    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...
    Ответ написан
    1 комментарий
  • Где найти интересные решения макетов для интерфейса сайта?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Часто использую themeforest.net или templatemonster.com, в них всегда можно отсортировать сайты по тематике и найти нужные элементы.
    Ответ написан
    Комментировать