Все сервисы Хабра

Сообщество IT-специалистов

Ответы на любые вопросы об IT

Профессиональное развитие в IT

Удаленная работа для IT-специалистов

Три системы мобильной аналитики глазами digital-компаний
Войти на сайт
  • Все вопросы
  • Все теги
  • Пользователи

Хабр Q&A — вопросы и ответы для IT-специалистов

Получайте ответы на вопросы по любой теме из области IT от специалистов в этой теме.

Узнать больше
другие проекты хабра
  • Хабр
  • Карьера
  • Фриланс
Задать вопрос
oxyberg

Матвей Правосудов

Продуктовый дизайнер ВКонтакте
  • 110
    вклад
  • 24
    вопроса
  • 207
    ответов
  • 27%
    решений
Ответы
  • Информация
  • Ответы
  • Вопросы
  • Комментарии
  • Подписки
  • Нравится
  • Достижения
  • Как делать градиент у иконки в figma?

    oxyberg
    Матвей Правосудов @oxyberg
    Продуктовый дизайнер ВКонтакте
    Инструмент union.
    Ответ написан 10 февр. 2020
    Комментировать
    Нравится 1 Комментировать
  • Продуктовый дизайн. Развитие дизайнера. Необходимы навыки?

    oxyberg
    Матвей Правосудов @oxyberg
    Продуктовый дизайнер ВКонтакте
    1. Как перейти на продуктовый дизайн? Где найти необходимую литературу для изучения. Конечно, лучший наш помощник это гугл, но ничего толкового кроме курсов не нашел.

    Продуктовый дизайн — это интерфейсы. Нужно читать книги по интерфейса, вроде Дизайна привычных вещей, Интерфейса, Искусства мыть слона. Я уже всех тут заспамил своей статьей, но она хорошо сюда подходит.

    2. Как развиваться, без живых проектов?

    Делать редизайны существующих интерфейсов, придумать себе задание, сделать тестовое куда-нибудь.

    3. Какие знания / навыки необходимы на сегодняшний день веб-дизайнеру / продуктовому дизайнеру, чтобы быть востребованным?

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

    oxyberg
    Матвей Правосудов @oxyberg
    Продуктовый дизайнер ВКонтакте
    Например, «Как стать дизайнером интерфейсов».
    Ответ написан более года назад
    1 комментарий
    Нравится 3 1 комментарий
  • Как тестировать IOS приложение на соответствие дизайну?

    oxyberg
    Матвей Правосудов @oxyberg
    Продуктовый дизайнер ВКонтакте
    В зеплине есть режим пиксель-перфекта, в хроме есть расширение Pixel Perfect для проверки макетов и верстки.
    Ответ написан более года назад
    Комментировать
    Нравится Комментировать
  • Где бесплатно поработать веб-дизайнером?

    oxyberg
    Матвей Правосудов @oxyberg
    Продуктовый дизайнер ВКонтакте
    Найдите студию или агенство, предложите им свои услуги. Процент отказов будет большой, но если грамотно себя подадите — возможно что-то получится. Агенству совсем неинтересно получать дизайн сомнительного качества, хоть и забесплатно, но вдруг кто-то из ребят захочет стать ментором.
    Ответ написан более года назад
    Комментировать
    Нравится Комментировать
  • 320 или 640 какой размер рисовать?

    oxyberg
    Матвей Правосудов @oxyberg
    Продуктовый дизайнер ВКонтакте
    Нужно рисовать в 320, если ориентируетесь на пятерку, в 375, если на восьмерки/десятки. Это всё условные поинты и на разных устройствах ваши поинты будут равны 640, 960 и так далее. А разработчики уже экспортируют нужные ассеты в 1x, 2x и т. д.
    Ответ написан более года назад
    6 комментариев
    Нравится 1 6 комментариев
  • Какие ресурсы вы используете для тренировки насмотренности в UX/UI?

    oxyberg
    Матвей Правосудов @oxyberg
    Продуктовый дизайнер ВКонтакте
    Behance, Dribble, Awwwards - это все-таки больше про самопиар, чем про user-centered design

    Эти ресурсы как раз для насмотренности — она мало чем связана с реальным решением задачи, но зато открывает различные художественные ходы. Чтобы удостовериться, что задача решается каким-то паттерном, нужно проверять.

    А реальные паттерны можно найти на NN/g, pttrns и иже с сними.
    Ответ написан более года назад
    Комментировать
    Нравится Комментировать
  • Как объединить две фигуры в Sketch так, чтобы все было "гладко"?

    oxyberg
    Матвей Правосудов @oxyberg
    Продуктовый дизайнер ВКонтакте
    У Скетча другая механика работы с вектором. Там нет «векторных сетей», поэтому нельзя в одной точке соединять несколько линий. Придется либо прокладывать линию отдельным слоем, либо применять flatten и union.
    Ответ написан более года назад
    Комментировать
    Нравится 1 Комментировать
  • Где делать дизайн сайтов?

    oxyberg
    Матвей Правосудов @oxyberg
    Продуктовый дизайнер ВКонтакте
    Фигмы хватит для почти всех задач. Вряд ли появится необходимость пилить сложные анимашки (AE), сложный вектор (AI) или сложный графон (PS). Короче, Фигма тащит :)
    Ответ написан более года назад
    Комментировать
    Нравится 2 Комментировать
  • Страницы товаров открывать в новой вкладке или в той же?

    oxyberg
    Матвей Правосудов @oxyberg
    Продуктовый дизайнер ВКонтакте
    Страницу нужно открывать в текущей вкладке, потому что это ожидаемое поведение. У пользователя есть cmd или ПКМ, чтобы открыть новую вкладку.

    Логично открывать страницу в новой вкладке, например, в форме регистрации по клику на политику обработки данных.
    Ответ написан более года назад
    Комментировать
    Нравится 1 Комментировать
  • Почему макось не обновляется до High Sierra?

    oxyberg
    Матвей Правосудов @oxyberg Автор вопроса
    Продуктовый дизайнер ВКонтакте
    Ответ: некоторое ломаное ПО добавляет в hosts не только нужные строчки, но и строчки с серверами эпла. Нужно их почистить и всё ок.
    Ответ написан более года назад
    Комментировать
    Нравится Комментировать
  • В дизайне ни бум-бум, как оптимально отображать картинки в интернет-магазине?

    oxyberg
    Матвей Правосудов @oxyberg
    Продуктовый дизайнер ВКонтакте
    1. Как уже сказали выше, картинки нужно готовить, чтобы они были в одном стиле и формате.
    2. Если не подошел первый вариант, то можно замостить сетку через какой-нибудь masonry.

    Еще лучше избавить от ненужной инфы (артикул) в превью товара в выдаче.
    Ответ написан более года назад
    Комментировать
    Нравится 1 Комментировать
  • Книги по веб-дизайну — что есть полезного?

    oxyberg
    Матвей Правосудов @oxyberg
    Продуктовый дизайнер ВКонтакте
    Читайте всё.
    Ответ написан более года назад
    Комментировать
    Нравится Комментировать
  • Книги/материалы по юзабилити мобильных приложений?

    oxyberg
    Матвей Правосудов @oxyberg
    Продуктовый дизайнер ВКонтакте
    Видисоки школы мобильного дизайна Яндекса.
    Ответ написан более года назад
    Комментировать
    Нравится 1 Комментировать
  • Что не так с дизайном сайта?

    oxyberg
    Матвей Правосудов @oxyberg
    Продуктовый дизайнер ВКонтакте
    Сайт можно сделать интереснее, наполнить деталями, поправить шрифты типографику, иллюстрации. Пока что он недостаточно аккуратный, чтобы быть качественным, и недостаточно странный, чтобы сойти за брутализм.
    Ответ написан более года назад
    1 комментарий
    Нравится 3 1 комментарий
  • Чужие фото для выдуманной работы в портфолио, можно ли вляпаться?

    oxyberg
    Матвей Правосудов @oxyberg
    Продуктовый дизайнер ВКонтакте
    Вляпаться можно.
    Ответ написан более года назад
    Комментировать
    Нравится 3 Комментировать
  • Когда менять «наличие» товара? Когда в корзине? Когда оформил? Когда оплатил?

    oxyberg
    Матвей Правосудов @oxyberg
    Продуктовый дизайнер ВКонтакте
    Зависит от:
    1. Насколько сайт популярен
    2. Как часто пользователи скупают весь товар в какой-то момент (завезли, а они скупили сразу же).

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

    oxyberg
    Матвей Правосудов @oxyberg
    Продуктовый дизайнер ВКонтакте
    А биханс разве не жмет сам картинки? Вообще, любые картинки нужно прогонять через что-нибудь типа ImageOptim без сжатия, а на биханс грузить 2000 px по ширине и норм.
    Ответ написан более года назад
    Комментировать
    Нравится Комментировать
  • Где брать макеты по определённым параметрам?

    oxyberg
    Матвей Правосудов @oxyberg
    Продуктовый дизайнер ВКонтакте
    Dribbble —> поиск «site popup».
    Ответ написан более года назад
    1 комментарий
    Нравится 1 комментарий
  • Как лучше сохранять фотографии в photoshop для веба?

    oxyberg
    Матвей Правосудов @oxyberg
    Продуктовый дизайнер ВКонтакте
    • Если это фотография (то есть на картинке много разноцветных пикселей) — то JPG со степенью сжатия >85%.
    • Если это простая графика, то SVG.
    • Если это растровые иконки, элементы сайта, и градиенты, подложки — то PNG.


    Если вы хотите пожать картинку, то помогут squoosh.app и ImageOptim.
    Ответ написан более года назад
    Комментировать
    Нравится 1 Комментировать
Оценили как «Нравится»
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • Следующие →
Самые активные сегодня
  • Dr. Bacon
    • 6 ответов
    • 0 вопросов
  • Drno
    • 6 ответов
    • 0 вопросов
  • SoreMix
    SoreMix
    • 6 ответов
    • 0 вопросов
  • d-stream
    • 5 ответов
    • 0 вопросов
  • DanceM
    Dance Macabre
    • 5 ответов
    • 0 вопросов
  • delphinpro
    Сергей delphinpro
    • 5 ответов
    • 0 вопросов
  • © Habr
  • О сервисе
  • Обратная связь
  • Блог

Войдите на сайт

Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации