PRO Дизайн 🚀 | Мария Фролова
1.28K subscribers
776 photos
52 videos
4 files
398 links
Авторский канал дизайнера в финтехе

Знаю как совместить фриланс и работу в IT. Пишу о работе с клиентами, делюсь лайфхаками и полезными материалами

Автор: @marie_frolovaa
Download Telegram
Нейросеть для генерации фона к вашему изображению

В основном я сейчас пользуюсь двумя сервисами: AI24 и flair.ai.
Нейросети вставят ваше изображение в любой фон, который вы опишите. Достаточно просто добавить фото и описать желаемую сцену фона.

AI24
Генерирует более реалистичные фото
Есть шаблоны с готовыми идеями для генерации
Можно оплатить с российской карты
Бесплатно можно сгенерировать только 24 фото, после сервис просит купить подписку (около 500₽/месяц).

flair.ai
Есть шаблоны с готовыми идеями для генерации
Полностью бесплатный (говорят, что есть ограничение на количество генераций в день, но я пока ни разу не исчерпала лимит)
Оплата российскими картами недоступна
Иногда получаются менее реалистичные фото


Если вы часто делаете карточки для маркетплейсов, это просто мастхев 🔥 Но и для презентаций можно найти варианты применения ))
Please open Telegram to view this post
VIEW IN TELEGRAM
👍16🔥52
«Вкусно и точка» VS «I’m»

Пару дней назад появилась новость, что McDonald’s в Казахстане завершил ребрендинг с новым названием «I’m».

Как пояснили в компании, название и концепция I'm имеют два значения. Во-первых, I'm — означает просто «я». «Мы хотим, чтобы каждый гость наших ресторанов мог легко дополнить название и сказать себе и всему миру «я важен», «мои достижения — это то, чем я могу гордиться»

Второй вариант — «айловэм» — «я люблю "м"», в котором «м» отсылает к старому названию сети и отражает преемственность.
Логотип раскрывает идею, заложенную в названии. «Сердце в нём одновременно выполняет роль точки над буквой i и говорит о любви, с которой компания относится к гостям, к сотрудникам и к партнёрам».

Лого выполнен прописными буквами «с простыми и мягкими формами», которые транслируют имидж нового бренда — добрый и семейный. Знак является основой всей визуальной коммуникации, делая её «говорящей»


Мне очень симпатизирует когда бренд выстраивает свою идентичность, философию, делится как появилось их название / цвета / элементы дизайна, чем вдохновлена продукция

Нельзя отрицать, что «Вкусно и точка» – это вирусный маркетинг, который продолжают обсуждать до сих пор. Но если говорить про привычность, глубинную философию названия, историю бренда и сохранение отсылки к Макдональдсу, «I’m» выигрывает

Для большинства людей в России, Мак остался Маком. Как минимум, так его назвать намного быстрее

Дизайнерский лайк Казахстану за ребрендинг 🫶🏼

Не претендую на истину, но будет интересно порассуждать на эту тему с вами )
👏12🔥31
Превращаем SVG в 3D иллюстрацию

Если вам надоели стандартные иконки, ловите крутой сервис по превращению любого SVG объекта в объемную 3D иллюстрацию

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

Ссылка на сервис: https://studio.morflax.com/shift/vector
Please open Telegram to view this post
VIEW IN TELEGRAM
18🔥4
Все люди: Не любят почту России за потерянные посылки и долгую доставку
Я: Не могу смотреть на криво сверстанные баннеры в отделениях почты 🥴

Наглядная профдеформация дизайнера 😂
🤣20👍4💯2
Как правильно передать исходник в Figma другому человеку?

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


Чтобы не страдать как я, запоминаем:
Заходим в проект, который нам необходимо передать ➡️ Жмем на значок с лого Figma в левом верхнем углу ➡️ File ➡️ Save local copy

Вы великолепны!!! Файл сохранится на ваш компьютер в формате .fig

Храни боже моих прекрасных коллег, благодаря которым я не перестаю узнавать новое 😂🙏🏼❤️
18🔥5👍2🥰1🤣1
Одна из самых частых ошибок начинающих дизайнеров: работа с цветом

Недавно я отвела очередной поток в качестве куратора на курсе PPNinja. И заметила эту проблему почти у всех новичков.

Из-за непонимания для чего нужен цвет дизайнеры:
Используют его везде где возможно, стараясь задействовать всю доступную палитру цветов (от яркости слайда становится непонятно что здесь важно и куда смотреть)
Не используют цвет совсем (чем сильно упрощают внешний вид своего дизайна)

🎓Для решения этой проблемы есть классное правило 6️⃣0️⃣3️⃣0️⃣1️⃣0️⃣ (правило оптимальной пропорции распределения цвета). Такое соотношение использования цветов позволяет сразу видеть главное без необходимости прочтения всего текста.

60% – цвет фона
Не менее половины слайда (или любого другого вида дизайна) должен занимать базовый цвет. Основные классические цвета: белый, черный, бежевый, темно-синий, темно-серый и т.д.

30% – основной цвет текста
Около 30% занимает второй цвет. Обычно он контрастен цвету фона, так как используется для текста и не акцентных элементов

10% – акцентный цвет
Может использоваться цвет бренда или же подбирается оттенок, подходящий для этой ниши. Цветом может выделяться главный текстовый блок, цифры, основные выводы в схемах и графиках

А пример такого слайда вы можете увидеть в самом посте – слайд отчетной презентации банка Тинькофф. Он достаточно простой, но вполне наглядный

P.S. Конечно же есть ситуации где абсолютно обосновано использование цвета в бОльших количествах / использование нескольких цветов / его отсутствие. Но, если вы только в начале своего пути в дизайне, это правило может очень помочь
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥226👍3😍1
This media is not supported in your browser
VIEW IN TELEGRAM
Как сделать эффект размытия в движении у изображения?

Теперь для этого не нужен даже фотошоп, достаточно пары минут в фигме.

Запоминаем инструкцию:

1. Выбираем объект, который нужно размыть
2. Переходим в «Plugins» и ищем плагин «Filter / effects»
3. В открывшемся окне жмем на плюсик
4. Находим эффект «Zoom blur»
5. Дальше настраиваем степень размытия и точку фокуса, нажимаем «Back» и «Save Image»
6. Скрываем исходное изображение без размытия

Было полезно? 🔥
🔥202
Наткнулась на Pinterest на такую шпаргалку с терминологией в типографике.

С учетом того, что у меня еще со школьных лет плохо с запоминанием любых определений, очень полезная вещь. Специально для визуалов все супер наглядно )
42🔥22👍17🎉1