• Какие конкретно знания по пакетам Adobe (Photoshop, Illustrator, AfterEffects) должны быть у UX/UI дизайнера?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    На вопрос нельзя дать однозначного ответа.

    К чему стоит быть готовым при походе на собеседование? Какие вопросы могут задавать?

    Абсолютно любые. Всё зависит от того кто будет с вами общаться (HR, дизайнер, директор и т.п.), что за компания и решение каких практических задач им требуется. Самый верный способ узнать — задать вопрос в отклике на вакансию, на собеседовании, или связаться с компанией по доступным контактным данным.

    Решил прогуглить конкретно что мне нужно знать и понимать во всех этих программах - не нашёл конкретного и исчерпывающего вопроса.

    И не найдёте. Вопрос слишком общий. Одним в Фш нужна только обтравка, другим только цветокоррекция в RAW, третьим экшены пилить.

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

    Задачи могут быть самые разные. Если брать именно "знание ПО" или даже "уверенное владение" конкретно на вакансии UI/UX:
    AE - от мелкой анимации иконок или частей интерфейса до создания видео-презентаций поведения интерфейса или монтажа роликов/анимации для будущих сайтов/приложений.
    PS - может быть вообще что угодно. Цветокоррекция, редактирование ("отфотошопить"), генерация изображений. Пакетная обработка графики и фото, создание экшенов и т.п. Может перегон каких-то старых макетов из psd в Фигму. PS в принципе неотъемлемый инструмент в арсенале любого опытного дизайнера, даже не смотря на то, что многое можно делать сразу в Фигме (но не всё также удачно).
    AI - создание или редактирование иконок и иллюстрации.

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

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

    pozZzitiv
    @pozZzitiv
    Дизайнер и перфекционист
    Как можно его подключить отдельно? чтобы курсор мыши не переходил на второй экран?

    А что он по-вашему должен делать?) Подключить отдельно от чего?

    Второй и последующие мониторы в Win подключаются либо как дублирующий картинку основного монитора (т.е. на обоих будет одно и то же), либо как расширение первого монитора (когда курсор "переходит на второй экран").

    Настраивает здесь: "ПКМ на рабочем столе - Параметры экрана" или "Win+I - Система - Дисплей"
    Скриншот
    672f25c141a44992979773.png
    Ответ написан
    Комментировать
  • Почему Illustrator настолько сильно тормозит с векторной гарфикой?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Иллюстратор, как и любая программа может тормозить.
    Это нормально, что данная программа настолько не оптимизирована?

    Все там нормально с оптимизацией. Но тормоза это нормально, они могут быть (а могут и не быть).

    На это могут влиять:
    • Нормально ли установлена программа или криво, лицензия это или пиратка (которая часто встаёт криво или ломается "непойми от чего").
    • Сложность файла. Если там сотни тысяч точек и тонны эффектов, то даже на мощном ПК можно испытать боль.
    • Мощность системы.

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

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

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    По сути, это не вопрос, а задание) Вы просите других подумать за вас, как угадать желание конкретного клиента и решить его коммерческую задачу. Плюс, "накидайте еще идей" - опросы здесь запрещены)

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

    Плюс, вариант у вас уже есть. Показывали его клиенту? Обсуждали с ним? Видимо, нет.
    Пробуйте стрелки, нумерацию, иерархию размерами объектов или шрифта, цветом фона или обводки полей, простыми текстовыми подписями.
    Мы не видим всего интерфейса и окружения, а у вас они перед глазами. Что именно может быть удачным - только угадывать. Раз это не обратная связь от пользователей, а хотелка клиента, то вопрос уже не в юзабилити, а в понимании его видения и эффективнее процесс пойдёт именно во взаимодействии с ним. А вы уже будете аргументировать применение того или иного решения с позиции специалиста по интерфейсам.
    Ответ написан
    Комментировать
  • Как удалить часть объекта позади другого в Illustrator?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Illustrator
    Дизайнер и перфекционист
    free_pizza, сделайте маленькой капле offset path (Menu - Odject - Path - Offset path) на величину "толщина обводки + величина желаемого отступа", а затем вырежьте получившийся объект из большой капли.
    скрин
    66f0162e296e8211741849.png
    Ответ написан
    Комментировать
  • Figma: как оптимизировать выбор большого количества фреймов?

    pozZzitiv
    @pozZzitiv
    Дизайнер и перфекционист
    Мысли есть (но не более):
    • Написать виджет/плагин для Фигмы, которому можно было бы скормить список текстом или файлом и он выделял нужные фреймы.
    • Написать скрипт, который принимал бы список имен и удалял из папки все остальные файлы (для второго случая).
    • Написать скрипт, который брал бы артикул, по нему макет в папке, накладывал поверх png-плашку и сохранял макет.
    • Поискать в сети готовые плагины/решения и/или задать вопрос на форуме Фигмы. Может кто-то уже решал подобную задачу.
    Ответ написан
    2 комментария
  • Формат для сохранения по умолчанию Photoshop?

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

    Для быстрого сохранения результата в PNG можете пользоваться разделом меню Export: Save for Web (Ctrl+Shift+Alt+D или Quick export as PNG (можно задать свою комбинацию клавиш в настройках)

    Но! Команда "Сохранить как" сразу показывает формат PNG при сохранении, если сейчас сохраняется именно однослойный PNG. Открыли PNG, сделали что-то и, при этом, не добавилось новых слоёв или каких-то эффектов, которые понимает только фотошповский PSD. В противном случае программа, конечно, предложит сохранить в PSD.
    Ответ написан
    Комментировать
  • Как называется такой стиль иллюстрации?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Это техдизайн. Сочетание коллажирования, мэт-пейнтинга, ретуши и прочего "вылизывания" картинки.
    Был очень популярен в 00–10-х.
    Ответ написан
    Комментировать
  • Совместный сдвиг выбранной группы направляющих?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Никогда не задавался вопросом, но попробовал описанное вами и получилось сдвинуть несколько направляющих. Выполнял в версии 25.4.0 (на других не могу проверить)

    Процесс:
    1. Разместил несколько разных направляющих, выбрал Move tool
    2. Зажал Shift+Alt и выделил направляющие
    3. Не отпуская Shift+Alt переместил направляющие в произвольное место все сразу. Расстояние между ними и положение относительно друг друга сохранилось.
    Ответ написан
  • Как изменить цвет слоев в фотошопе одновременно?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Если нужен один и тот же эффект применить к группе слоёв сразу, то собрать их в группу и применить эффект к ней.

    Пример
    65f40ae4b10f0404336435.png

    Об этом речь?
    Ответ написан
  • Фигма как включить какое-нибудь расширение если ты в чужом макете?

    pozZzitiv
    @pozZzitiv
    Дизайнер и перфекционист
    В чужом никак.

    Чтобы иметь возможность делать что-либо в чужом макете нужно:
    • запросить права редактирования именно этого файла;
    • скопировать файл себе и уже тогда редактировать.
    Ответ написан
    Комментировать
  • Можно ли в Adobe Illustraror изменить цвет прозрачной сетки по умолчанию?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Illustrator
    Дизайнер и перфекционист
    Свой цвет для сетки/направляющих можно задать в настройках Menu - Edit - Preferences - Guides & grid. Там вообще много полезных настроек под себя и работают они глобально в приложении. В том числе, во вкладке Interface, можно изменить цвет интерфейса и фона вокруг холста (он может быть либо белый, либо под цвет интерфейса).
    Ответ написан
    Комментировать
  • Что с у меня не так с интерфейсом в фигма?

    pozZzitiv
    @pozZzitiv
    Дизайнер и перфекционист
    Это не странный интерфейс, это FIgJam board — интерактивные доски для дизайнеров и команд.
    При создании файлов есть две кнопки — для создания рабочего файла и такой доски.
    Ответ написан
    Комментировать
  • Как в Figma сделать подчеркивание текста с переносом строк?

    pozZzitiv
    @pozZzitiv
    Дизайнер и перфекционист
    Как в Figma сделать подчеркивание текста так, чтобы подчеркивание переносилось на новые строки вслед за текстом?

    Нажатием на соответствующий пункт меню
    64d4f78bd0a74257717067.png


    иметь возможность изменять цвет и толщину, а так же отступ от текста этого подчеркивания

    Никак. Этот функционал отсутствует в данный момент.
    Ответ написан
    6 комментариев
  • Артефакты вылезают поверх плагинов в фотошопе (Больше нигде их нет) что делать?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Ну давайте включать логику прежде чем постить вопросы.

    Если везде проблемы нет, но что-то не так с плагином, то логично искать проблему в нём.
    Что за плагин и кто автор? Гуглим за Rizak'а, который не приложил ссылку — Palettator For Photoshop CC+ https://kritskiy.gumroad.com/l/palettator
    Какая версия Фш и совместим ли плагин с ней? Неизвестно, но читаем на странице плагина:

    ⚠️ This version will work in PS CS6 and below. Note that currently native version of Photoshop for isn't supported.

    то есть прямо сказано, с какими версиями плагин работает корректно.

    Забавно, что в другом месте https://cubebrush.co/kritskiy/products/8g8y3q/pale... сказано уже другое

    Both Windows and Mac (Intel) are supported.
    ⚠️ Palettator requires Photoshop CC: from version CC2014 to the newest. M1 Macs currently aren't supported. ⚠️

    This version will NOT work in PS CS6 and below

    Разные версии, разная совместимость. Вопрос может быть решен уже на этом этапе.

    Если оказалось, что версия подходящая: смотрим как обратиться в поддержку и, почему-то, вопрос задан на Habr Q&A, а не там, где автор плагина отвечает на вопросы довольно оперативно:

    You can also join my Discord if you have any suggestions or questions.

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

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Это просто ретушь фото с ручной доработкой. Ищите в этом направлении уроки.
    Можно найти схожие экшены/фильтры для придания одинаковой цветовой гаммы, но ручную доводку резкости или частичное размытие, дорисовку/перерисовку деталей и т. п. они не сделают.
    Ответ написан
    Комментировать
  • Как убрать текс при экспорте Фигма?

    pozZzitiv
    @pozZzitiv
    Дизайнер и перфекционист
    Чтобы скрыть текст нужно

    Если есть права редактирование файла:
    • Нажать ПКМ на ненужном слое/группе/объекте для того чтобы скрыть их.
    • Использовать горячие клавиши Ctrl+Shift+H для того же.

    Скриншот
    649e707182c8f436202816.png

    Если прав на редактирование нет:
    • Скопировать файл себе и в нём уже скрыть и экспортировать (при изменениях в оригинальном файле потребуется копировать заново обновленную версию файла).
    • Запросить права на редактирование или попросить дизайнера сгруппировать нужным образом чтобы можно было экспортировать отдельно фон от текста.

    Скриншот
    649e7cad57747693143266.png
    Ответ написан
    6 комментариев
  • Что с фигмой произошло?

    pozZzitiv
    @pozZzitiv
    Дизайнер и перфекционист
    Месяц "Что случилось с Фигмой"
    Фигма обновилась. Панель inspect теперь внутри Dev Mode https://www.figma.com/blog/introducing-dev-mode/

    6494192e73e83475077013.png
    Ответ написан
  • Как перенести дизайн из HTML-файла в Figma?

    pozZzitiv
    @pozZzitiv
    Дизайнер и перфекционист
    Я не верстальщик, но, насколько я знаю, просто загнать вёрстку в Фигму нельзя. Может, конечно, есть какие-то плагины помогающие в этом хоть частично, но хз.

    Upd
    Бегло погуглил "html to figma" и нашлись такие вещи:
    плагин https://www.figma.com/community/plugin/11591230249...
    расширение https://chrome.google.com/webstore/detail/html-to-...
    но работоспособность и альтернативы проверяйте уже самостоятельно.
    Оказывается, ответ легко искался поисковиком =D
    Ответ написан
    Комментировать
  • Как вернуть вкладку код?

    pozZzitiv
    @pozZzitiv
    Дизайнер и перфекционист
    Вопрос месяца!
    Фигма обновилась. Панель inspect теперь внутри Dev Mode https://www.figma.com/blog/introducing-dev-mode/

    6494192e73e83475077013.png
    Ответ написан