• Как сделать широкий адаптивный баннер?

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

    Ну и в принципе, больше ничего учитывать не нужно.
    Ответ написан
    Комментировать
  • Как унаследовать линки от мастер компоненты ее инстансам в Adobe XD?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    У Adobe XD, в отличие от Figma, есть серьезные недоработки в этом плане. В Figma, можно создать компонент шапки, расставить пункты меню и залинковать их по соответствующим страницам - потом можно просто вставить этот компонент во все фреймы, и на каждом фрейме будут линки.

    В Adobe XD - не предусмотрено.

    UPD: Информация не актуальна, вышло обновление Adobe XD: https://ux.pub/adobe-xd-predstavlyaet-dizayn-siste...
    Ответ написан
  • В какой программе можно создавать анимации для элементов мобильного приложения android и ios?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Invision Studio - мощный, но достаточно сырой инструмент, только-только вышел по Windows.

    Adobe XD- слабая анимация, работают только переходы, но может выполнить большинство задач, связанных с переходами на мобилках, есть под windows.

    Principle - Самая мощная и доработанная из всех перечисленных, плюс есть интеграция с Figma и Sketch - что является большим плюсом. Минус - нет под windows, только macOS

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

    Haiku - пока сложно про него что-то говорить, но в нем есть интеграция с Figma и Sketch, пока только MacOS , но разрабатывается под windows.
    Ответ написан
    Комментировать
  • Как равильно задать в figma отступы между текстом?

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

    5cea7ce6d5d01696215587.jpeg

    Верстальщик тоже будет верстать на основе этой линии.

    Почитать о базовых линиях и вертикальных ритмах можно тут: https://habr.com/ru/company/edison/blog/340670/
    Ответ написан
    2 комментария
  • Общение/переговоры с заказчиком занимают много времени, что делать?

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

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

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

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

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

    Когда я ее осваивал, она еще не была майнстримом, и видоуроков по ней не было, сейчас есть прекрасный курс, по нему полностью сможете освоить программу:
    https://vk.com/bookmarks?from_menu=1&w=wall-383683...

    Вот еще
    И вот
    Ответ написан
    Комментировать
  • Как создать красивое видео о приложении?

    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
    Ответ написан
    Комментировать
  • Как найти русскоговорящих заказчиков на upwork?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Зачем вам искать русских клиентов на upwork? Если у вас слабый английский, используйте fl.ru - да, там сейчас не так много адекватных заказчиков, но хороших найти можно, и вполне хорошо зарабатывать.

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

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    hoome делаем тоже самое на фотошопе.

    5ce6816194d56262362174.jpeg
    .
    Редактирование -> размер холста

    spoiler
    5ce681a1df78b140863376.png
    Ответ написан
  • Что за шрифт на сайте?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    5ce555e05bc6c963753403.jpeg
    Ответ написан
    Комментировать
  • Как показать заказчику файлы в цветовом режиме CMYK?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    1. Создавать документ 300dpi и в цветовом профиле CMYK
    2. Сохранять (особенно для демонстрации) все в том же CMYK - так как этот результат будет максимально похож на тот, что будет при печати.
    3. Не в коем случае не работать с RGB с самого начала, потому что ожидаемый результат будет совсем другой.

    В этой всей схеме вообще не должен участвовать RBG, как просматриваете проект - так и передаете, все в цвете CMYK.
    Ответ написан
  • На какой площадке открыть дизайн-конкурс?

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

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

    И да... крутые ребята из Behance и Dribble не участвуют в конкурсах, у них работы и без этого хватает, скорее всего в конкурсе будут участвовать те, у кого нет работы и они хотят себя проявить - то есть новички.
    Ответ написан
    2 комментария
  • Как в Figma узнать количество элементов в макете?

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

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

    Или разгруппировать все слои, экспортировать их в проводник и посмотреть список файлов.
    Ответ написан
    3 комментария
  • Приватные проекты на бесплатном плане в Figma?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Разница есть и она очевидна, развею несколько ваших мифов:
    1. Нет единого каталога всех проектов, их нельзя найти в гугле или получить каким-либо другим путём.
    2. Вы не можете найти какого-либо пользователя и посмотреть его проекты.\

    Но вот какие минусы есть у бесплатного плана:
    1. Вы не можете поставить пароль на проект, и вашу ссылку могут передавать из рук в руки.
    2. Если вы передали ссылку на "прототип", заказчик получает ссылку и на исходник.
    3. Вы не можете контролировать количество пользователей, которые могут просматривать ваш проект, имея ссылку - на него могут зайти все, и все могут получить ссылку на исходник, и потом скопировать ее к себе.

    У платной версии есть полный контроль за доступом к вашим исходникам, в этом есть большой плюс.
    Ответ написан
    2 комментария
  • Как найти наставника/ментора для веб-дизайнера?

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

    В дизайне есть определенные вещи, делая которые, вы сможете расти в уровне постоянно:

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

    2. Behance.net - ваш самый первый сайт, который вы посещаете при открытие компьютера. Я бы рекомендовал 40 минут в день выделять на то, чтобы просматривать топовые и не топовые работы, чтобы сравнивать их, давать им устную критику, пытаться вдуматься в логику (почему так сделано так, а не иначе) - это все, сформулирует в вас культуру веб-дизайна, вы поймете как делать красиво, и со временем будете делать все лучше и лучше. Плюс, смотря на другие работы, у вас в голове отложатся шаблоны разного вида функционала, и вы сможете решать одну задачу несколькими путями.

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

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

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

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Исчерпывающая информация: https://webformyself.com/ponyatie-formatov-shrifto...

    PS
    Кстати, первая в гугле.
    Ответ написан
  • Какой монитор для кодинга 2019?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Отвечу по порядку заданных вопросов:

    1. На работе у меня стоит 2 монитора - один 2к, другой FullHD, дома стоит один 2к монитор, все три монитора с IPS матрицей - читать удобно на любом, глаза вообще не чувствуют напряга, с учетом того, что мониторы стоят в 75 - 80 см. от меня.

    2. Есть разные типы IPS матриц, и нужно учитывать, что самая качественная TN матрица, может быть лучше чем плохая (или средняя) IPS, поэтому все зависит от бюджета и типа матрицы.

    Тут можно почитать про типы IPS


    Если говорить о VA и IPS, я бы не лез в тонкости и мне кажется, что для программиста будет отличным вариантом VA, сильной разницы в них не заметно, кроме конечно же угла обзора.

    3. С играми все сложнее, каждая компания оптимизирует свои игры по разному, и например на Watch Dog 2 у меня при 2к разрешении - 60 - 70 кадров, с учётом того, что у меня 1170ti, а вот игра попроще, в плане графики - Assassin's creed syndicate, запускается с трудом на 40 кадров, тут уже приходится играть на FullHD.

    Играя на 2к, в разрешении FullHD, все немного большое, но графика сильно не теряет в качестве и получать удовольствие от игры можно.

    4. Что касается выбора, я бы на вашем месте остановился на 2к с 32" - это реально удобно для работы, экран можно делить на две или даже три части, все инструменты помещаются в нужном размере. Хотя мне часто и его не хватает, поэтому на работе использую 2 монитора.
    Ответ написан
    1 комментарий
  • Есть Desktop решения для конвертации psd в sketch\Figma?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Самый легкий способ, который я нашел:

    Экспортировать psd в adobe XD (есть встроенная возможность), а оттуда скопировать SVG всех элементов и вставить в Figma - при таком способе, все текстовые слои превращаются в вектор, их придется переписывать самостоятельно, но это намного ускоряет процесс переноса.
    Ответ написан
    Комментировать
  • Где искать хороших UX-дизайнеров?

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

    Но когда дело доходит до поиска "хорошего дизайнера", стоит посмотреть его на behance.net по вот такому фильтру:
    Ответ написан
    Комментировать
  • Сохранить слой маску?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Не совсем понял в чем у вас проблема

    Создал сплошную розовую заливку, начертил круг и создал маску:
    5cdc0e38cd7d7970366653.png
    Нажал правой кнопкой на слой - быстрый экспорт в PNG
    5cdc0e73086f7750606391.png
    Результат
    5cdc0e92544dd836868539.png
    Ответ написан