• Дизайнеры, как вы передаёте логотип заказчику?

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

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

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

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

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

    Теперь и вы это знаете)
    Ответ написан
  • Photoshop векторная разукраска, какие инструментры применять?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Вектор в Фш очень ограничен и неудобен. Всё векторное делайте в Иллюстраторе и даже не мучайтесь. При необходимости вектор из Аи можно линковать или экспортировать в Фш.

    Вектор в Фш это объект, к которому можно применить стандартные эффекты и из инструментов для работы с ним, по сути, лишь перо и стрелка.

    А в Ютубе не нашли просто потому что никто не делает этого. Фш - растровый, а в Аи сложный градиент можно сделать хоть той же mesh tool.
    Ответ написан
  • Как установить TTF шрифт в Adobe CC 2018?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Попробуйте воспользоваться менеджером шрифтов типа FontExpert.
    У меня он установлен и я "на лету" могу подключить любой шрифт и он установится корректно (в отличие от простого копирования в папку Fonts). Проблем подобных никогда не было.
    Ответ написан
  • Где скачать плагин Fontea для Photoshop?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    С 25 января 2019 все плагины этого разработчика, кроме Авокод, больше не поддерживаются т.е. скачать его с сайта разработчикам больше нельзя. Скорее всего, старые версии из сети также не будут работать, но можете попробовать погуглить остались ли они еще где-то в сети.
    Ответ написан
  • Странные проблемы с горячими клавишами в Photoshop и Illustrator?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Варианты решения проблемы есть в официальной инструкции
    https://helpx.adobe.com/ru/photoshop/kb/keyboard-s...

    PS Автору помог первый пункт: восстановление настроек по-умолчанию.
    Ответ написан
  • Как сделать бек для png картинки, что бы при верстке можно было использовать?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Пусть поздновато, но все же.

    Я бы сделал так:
    1. Взял картинку смартфона отдельно и открыл в Фш.
    2. Добавил белый прямоугольник под смартфон по размерам экрана. Прямоугольник есть в фигурах, а цвет изменяется легко, порядок слоев тоже - если что, смотрите уроки в интернете по каждому пункту.
    3. Для эстетической красоты можно еще добавить прямоугольники под вырезы динамика и кнопки (цвет на свое усмотрение).
    4. После этого экспортируете всё в PNG (Меню - Файл - Сохранить для веб, выбираете формат, прозрачность и т.п. или же просто "Сохранить как" - и далее выбрать PNG).
    5. Радуетесь изображению смартфона с белым экраном.
    Ответ написан
  • Вопрос по фотошопу?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Векторный смарт-объект Фотошоп пытается открыть в векторном собрате — Иллюстраторе.
    Скорее всего векторный элементы были вставлены через Ctrl+V из Иллюстратора, а т.к. он у вас не установлен поэтому и ошибка.

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

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

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

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Такой возможности в Фотошопе нет.

    Как альтернативу рекомендую оставить напрявляющие для чего-то конкретного, а саму сетку колонок делать как все полупрозрачными объектами.
    960.gs_.jpg
    Ответ написан
  • Вызов скрипта по нажатию клавиши в Photoshop?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Ctrl+Alt+Shift+K откроет меню горячих клавиш. Там в меню File ищите скрипты и назначаете на каждый свою комбинацию.
    Там же можно назначить сочетания для других инструментов, посмотрите подробнее по группам.

    5cbefbf7ec7ef417565805.png
    Ответ написан
  • Где найти эту иллюстрацию?

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

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

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

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

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

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

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

    Pavel Laptev

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

    Отсюда. Если вы верстальщик, то по этой ссылке все поймете т.к. там с примерами кода.
    Ответ написан
  • Лишние пустые пиксели в смарт-объекте, почему?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Скачал и посмотрел файл — у меня границы смарт-объекта такие же как у области текста изначально.
    spoiler
    5cbdcf71c20eb048627808.jpeg

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

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

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

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

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

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

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

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

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

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

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

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

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

    Для взаимодействия нужен менеджер (в идеале) или кто-то, исполняющий его роль (уж как получится, от директора до дизайнера).
    Ответ написан
  • Как сохранить логотип белого цвета на прозрачном фоне в Illustrator под печать в pdf?

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

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

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Возможно ли вытянуть из psd макета логотип чтобы он стал векторным?

    Если он изначально растровый в макете, то нельзя. Никак. Растровым он внезапно не станет.

    Но можно обрисовать в векторе по растру из макета. Покажите скриншот панели слоев, где видно в каком виде там лого.
    Ответ написан
  • Как научитья делать красивый дизайн мобилных приложений ios/android?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Читайте теорию и применяйте на практике.

    Книг по теории дизайна, колористике, юзабилити, интерфейсам и т.п. очень много. Легко гуглятся и даже на Тостере много раз обсуждалось, поищите. Курсов по этому тоже много.

    Изучите гайдлайны каждой платформы.

    Смотрите на работы других, вдохновляйтесь. Пробуйте применять удачные приёмы в своей работе. Для тренировки можно просто брать хороший и удобный дизайн и пробовать повторить точь-в-точь. Иной раз помогает понять почему сделано именно так и набить руку.

    Тонкости и фишечки как раз так и познаются — из книг и увиденного где-то.
    Ответ написан