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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Иллюстрации стиле под карандаш/рукописное/авторучкой/маркером/прочим можно сделать практически в любом графическом редакторе. Всё зависит лишь от навыков создающего. Например, в векторном Adobe Illustrator или растровом Adobe Photoshop.

    Проще это делать с использованием стилей заливки, линий и т. п., но можно и рисовать руками, конечно же. Вручную либо мышкой, либо на графическом планшете (геометрические фигуры рисуются стандартными элементами, а неровные линии, произвольные фигуры и штриховка уже кистями и pen tool'ом, например). Стилями — берутся кисти handdraw, sketch, marker и т. п. и применяются к обводкам, а для заливки объектов как в примере используются паттерны и стили заливок в виде штриховки.
    Найти всё это добро можно в сети по запросам "карандашные кисти для *название редактора*" или "handdraw/sketch brush *название редактора*".
    Ответ написан
    Комментировать
  • Стоит ли добавлять отступ или воздуха между баннером и контентом?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Стоит.
    ≥ отступов внутри соседних блоков.
    Ответ написан
    Комментировать
  • Правила брендинга это жесткие требования или рекомендации?

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

    Соблюдение правил и рекомендаций является хорошим тоном, но бывают случаи когда нужно немного от них отойти. Например, у VK иконка в квадрате, а на вашем сайте все соцсети в кружочках и придётся её адаптировать — это ОК. Но если речь о готовых блоках авторизации или других кнопках, то лучше использовать как в руководствах.

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

    PS Если уж есть большие сомнения, то всегда можно обратиться в поддержку или связаться с менеджером бренда и уточнить вопрос.
    PPS Лучше ответить поздно, чем никогда =D
    Ответ написан
    1 комментарий
  • Делаю картинку в Figma, сохраню ее, отправляю через телеграм а она белеет, почему так?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    У вас это изображение, похоже, с прозрачностью.
    Уберите прозрачность (например, иначе сделав затемнение) или отключите галочку в меню, как написал kitenocheks. Там под панелью экспорта есть пункт preview, где можно увидеть результат при разных настройках.
    скриншот
    Ответ написан
    Комментировать
  • Что за стиль дизайна(графики) в игре Botanicula?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    У него нет какого-то определенного названия.
    Детские рисунки, doodle, раскрашенные и наполненные дыханием.
    Ответ написан
    Комментировать
  • Что за фильтр используется?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Это не фильтр и даже не фотография. Это векторное изображение, где каждый объект автор окрасил в желаемый цвет.
    https://www.shutterstock.com/ru/image-vector/horiz...

    Ну и дополню:
    • сделать/перекрасить такое же векторное изображение можно в любом векторном редакторе — Adobe Illustrator, Corel DRAW, Inkscape и др.;
    • обрабатывать растровые изображения (фото) можно в Adobe Photoshop, Lightroom, Corel Painter и др.

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

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

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Василий Банников написал единственно верное решение вопроса =)
    В том-то и дело, что клиент может использовать это по-разному. Одни печатают в типографии пустые бланки и потом на них документы, другие умеют работать в редакторах (indesign, acrobat pro и т.п.) и оформляют документы в них, третьим нужно просто вордовский файлик с готовыми колонтитулами, который печатается на офисном старом ч/б принтере.

    Спросите напрямую у клиента где и как он будет использовать и так вы будете как раз выглядеть как компетентный специалист, а не тот, кто сделает как удобно и пусть клиент сам мучается "а в чем это открыть" или "а как туда вставить договор".
    Ответ написан
    Комментировать
  • Дизайнеры, как вы передаёте логотип заказчику?

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

    Итак, вот открыт графический редактор и в нём готовый лого, а клиент уже радостно потирает ручки в предвкушении. Не у всех воображение развито и чтобы понять, хорошо ли лого смотрится в жизни нужно это показать. Да, долгие годы дизайнеры слали просто на белом фоне лого "анфас" и радовались, но часто этот лого потом ужасно смотрелся на одежде или бланке или еще где.
    Хотите чтобы клиентe понравилось? Сделайте несколько красивых картинок (дизайнер же все-таки, да?). Мокапов сейчас огромное количество и бесплатно в том числе. 10 минут на поиск в интернете подходящих и 10 минут на то чтобы вставить лого (ну и плюс время на скачивание). Какие именно мокапы выбирать смотрите по задаче (где-то подойдут на визитке, где-то на здании, а где-то на транспорте и т.п.).
    Не нужно лениться, это окупится, а даже если лень, то включите в общую стоимость лишние монетки за это.

    Всё. Ни векторных файлов, ни каких-то руководств и прочего. Если умеете, то сложите всё это в PDF-документ для удобства. И снабдите текстовыми пояснениями, иногда могут оказаться полезными. Лично я так делаю практически всегда, если лого делается "с ноля".

    Вот после того как клиент утвердил конкретную версию лого можно уже готовить всё необходимое к передаче. А вот какие конкретно клиенту нужны версии логотипа, руководства или прочее — это уже сооовсем другая история.

    И еще, вижу так и не разобрались люди с тем, что же такое брендбук. Запомните: брендбук делает НЕ дизайнер. Его делают маркетологи (с при помощи дизайнеров, конечно же). Дизайнер может сделать руководство по использованию лого и фирменного стиля и именно с ним все путают понятие "брендбук". Руководство входит в брендбук, но это понятия разные — все просто.
    Служат такие руководства для того чтобы другие дизайнеры (штатные в той фирме, типографии, рекламном агентстве или просто фрилансеры) делали нужные макеты в едином стиле и без "отсебятины". Потому подходить к такой задаче надо ответственно. Я видел руководства, которые лучше было бы сжечь, чем применять написанное в жизни.

    Теперь и вы это знаете)
    Ответ написан
    Комментировать
  • Как сделать такой паттерн?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Конечно же есть способ проще — через штатный функционал работы с узорами.
    Изучайте https://helpx.adobe.com/illustrator/using/create-e...

    "На лету" корректируйте линии и после можно будет применить к любому объекту (без необходимости ручного копирования) как и любой другой узор из стандартных палитр Иллюстратора.
    Ответ написан
    Комментировать
  • Где найти эту иллюстрацию?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Данная иллюстрация, скорее всего, была заказана какому-то конкретному иллюстратору с передачей прав (фрилансеру или штатному в офисе). Такое в принципе дешевле для производителя, чем покупка на стоках, где количество тиража напрямую влияет на стоимость лицензии.
    Точно также работают производители всего, на чем можно напечатать изображение — постельное, покрывала и прочие ткани, посуда и т.п. Это просто экономически выгоднее когда сделанное сразу принадлежит только тебе.

    По стилистике работы тоже похоже на ассортимент магазина "все для дома". Ну и тот факт, что на стоках его не нашли (я тоже попытался поискать через сервисы и Гугл) добавляет плюсов к моей версии. То что есть десятки сайтов по продаже картин говорит о том, что сайты в итоге обращаются к одному печатнику, который по заказу печатает и передает (вы же не думаете, что у каждого сайта там своя типография и производство, правда?).

    Потому, если нужно именно такое изображение, то следует найти иллюстратора с похожим стилем и заказать похожую иллюстрацию.
    Ответ написан
    Комментировать
  • Что значит токен в дизайне?

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

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

    Юрий Ветров, Mail.Ru Group

    Что такое дизайн-токены?
    Дизайн-токены это вещь сейчас. Это неотъемлемая часть любой дизайн-системы и очень важная часть продукта. Это поможет вам сохранить ваш дизайн последовательным и надежным. Дизайн-токены — это набор стилей: цвета, типографика и размеры, которые используются в продукте и могут быть преобразованы в формат для любой платформы, такой как iOS, Android, веб-приложения.

    Pavel Laptev

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

    Отсюда. Если вы верстальщик, то по этой ссылке все поймете т.к. там с примерами кода.
    Ответ написан
  • Как отрисовать элемент?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Подскажите новичку, как следует отрисовывать в макете, раскрывающиеся вниз элементы (пример как на фото, или кнопка "читать далее", когда при нажатии на ссылку текст продолжается раскрытием вниз). Отдельно рисуются страницы под каждый элемент или как то можно это сделать по другому? Заранее спасибо за ответ!)

    Суть вопроса именно в том как показать в макете два состояния (скрытое и раскрытое). Софт не указан, потому напишу про Фотошоп, к примеру.

    Самый простой способ: в слоях сделать две папки с нормальным (скрытым) состоянием и с развернутым (ну и состояние при наведении, если требуется). Им пользуются большинство.

    Самый удобный способ: с помощью композиций слоёв (layer comps). О нем знают те, кто лучше разбирался с Фш, читал мануал, смотрел уроки или общался с более опытными коллегами
    Почитать можно здесь https://helpx.adobe.com/ru/photoshop/using/layer-c... и посмотреть разные уроки в интернете.

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

    В Фигме можно такое сделать через компоненты и их состояния. Уроков также много в интернете.
    Ответ написан
    Комментировать
  • Как сделать текст на сайте https://donuzlav.com одинаковым в разных браузерах?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    О дизайне написали, хоть и не спрашивали, а на главный вопрос не ответили)))

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

    Посмотрел сайт в Хроме, Опере и Мозиле — везде на главной текст с выключкой "по ширине" и выглядит одинаково. Вин10 1809. Видимо, у нас разные версии браузеров или ОС.

    Но соглашусь, что лучшим решением было бы освежить и оформление и верстку, если сайт важен, нужен и посещаем.
    Ответ написан
    6 комментариев
  • Где посмотреть примеры дизайна графиков?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
  • Как сохранить логотип белого цвета на прозрачном фоне в Illustrator под печать в pdf?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Если сомневаетесь, то откройте этот PDF в Иллюстраторе и всё сразу станет понятным.

    Подходящие форматы файлов спрашивайте напрямую в типографии (или у клиента). Можно для печати и PDF, и EPS, и много других форматов, но требования могут отличаться у каждой.
    Ответ написан
    3 комментария