Pavel Designer

Стоит.
≥ отступов внутри соседних блоков.

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

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

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

PS Если уж есть большие сомнения, то всегда можно обратиться в поддержку или связаться с менеджером бренда и уточнить вопрос.
PPS Лучше ответить поздно, чем никогда =D

У вас это изображение, похоже, с прозрачностью.
Уберите прозрачность (например, иначе сделав затемнение) или отключите галочку в меню, как написал kitenocheks. Там под панелью экспорта есть пункт preview, где можно увидеть результат при разных настройках.

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

Ну и дополню:

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

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

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

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

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

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

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

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

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

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

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

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

В Фигме можно такое сделать через компоненты и их состояния. Уроков также много в интернете.

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

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

Для взаимодействия нужен менеджер (в идеале) или кто-то, исполняющий его роль (уж как получится, от директора до дизайнера).

Google

Если сомневаетесь, то откройте этот PDF в Иллюстраторе и всё сразу станет понятным.

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

Читайте теорию и применяйте на практике.

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

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

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

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

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

Где брать? Все просто: у клиента. На стадии обсуждения заказа запросить все необходимые материалы. Какие именно? Зависит только от задумки дизайнера. Даже по ходу работы запрашивать материалы у клиента — это нормально. Хорошо, когда есть старый сайт, например, или иные рекламные материалы откуда можно брать информацию. Если вдруг клиенту нечего прислать, то это хуже, но тоже не смертельно — можно брать материалы по теме в интернете, с сайтов аналогичной тематики. У скопированного есть владелец и лучше проследить, что клиент понимает (чтоб совесть была чиста, так сказать). Яндекс-рефераты тоже вариант (ссылка в одном из ответов), несколько раз пользовался в работе.
Фото-материалы можно искать в различных фото-банках (есть как платные, так и бесплатные). Платные можно выкупить после утверждения. Кстати, иногда отличная идея — взять и сфотографировать самому, если есть возможность.

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

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

Как сказал однажды один арт-директор:

Если дизайнер думает, что текст — это не его забота, зарплату ему поднимут еще не скоро.

Тут прозвучала фраза про "ты дизайнер или копирайтер". Статьи и все тексты для сайта дизайнер не обязан писать, но тексты — это часть работы дизайнера тоже.

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

Upd Забавно, конечно, что у людей не получается ввести запрос в поисковик и найти тонну однотипных видео о том как рисовать иконку в матириал дизайне. 5 секунд в Ютубе и хоть обсмотрись (в том числе и на русском).