ДОРОГОЙ ДИЗАЙН
Где взять фотошоп
- Купить Photoshop на официальном сайте за $20/мес
- Использовать бесплатный онлайн-аналог photopea.com
- Скачать с торрента бесплатную версию, а когда начнешь хорошо зарабатывать купишь платную
Полезные ссылки
photopea.comОнлайн-аналог Photoshop
Официальный сайт PhotoshopPhotoshop за $20/мес
Картинки в бизнесе это все! Поэтому этот урок получился не маленьким, пожалуйста запомни все правила из этого видео и у тебя не будет шанса создать дешево выглядящую упаковку бизнеса.
Правила картинок
- Цвет текста — цвет текста может быть либо черным либо белым, в зависимости от тона фона, текст должен быть контрастным
- Единство — все элементы композиции, должны быть одного цвета, либо черного либо белого
- Конраст на картинке — чаще всего на картинках используется белый цвет текста, потому что в основном картинки темные, светлых картинок мало
- Важные элементы всегда справа — оставляй пустое пространство на картинках слева для текста, а важные элементы должны быть справа
- Добавляй людей в композицию — люди делают любую работу интересной и дорогой
- Не растягивай изображения — НЕЕЕЕЕЕЕЕЕТ!!!!!!!!
- Заполни композиционный квадрат — старайся правильно заполнять правое пространство для картинки
- Не раскрывай магию — не отрывай обрезанные картинки от "пола"
- Тщательно выбирай фон — не все картинки хорошо смотрятся с любым фоном
- Можешь играться с цветом кнопки — протестируй много вариантов и выбери самый органичный
- Продумывай «WOW-эффекты» — Анимации ты можешь создавать в Тильде или брать с giphy.com
- Визуал должен соответствовать офферу — если за первую секунду не понятно, о чем сайт это не сильная работа упаковщика, который зарабатывает от 100,000 рублей в месяц
- Не используй гифку больше 1МБ — средний размер быстро загружающегося сайта 400КБ - 1МБ. 2-4МБ — уже много
- Не плоди цвета — чем больше ярких цветов в обложке, логотипе и кнопках тем мусорнее работа, в идеале на сайте должно быть 3 цвета - белый, черный и акцентный, цвета на картинке не считаются, но если на ней также будет и акцентный цвет, тогда работа получает +100 к крутости
- Чем больше деталей на фоне, тем сильнее фильтр — большое количество деталей затрудняет чтение текста, ставь сильнее фильт, чтобы текст было легче читать
- Темный фильтр делает фотку не стильной — старайся затемнять зону под текстом градиентом, если фотка пестрая, сплошной темный фильтр делает фотку не стильной
- Кнопка может быть скругленной либо круглой — Все остальные стили кнопки тяжело сделать крутыми
Люди любят людей! Людям интересно смотреть на людей в упаковке бизнесов, в фильмах, в рекламе, в Инстаграме. Без людей дизайн не интересен. Поэтому тебе нужно научиться разрабатывать дизайн, в котором большую роль играют люди.
Научись вырезать людей из фона
Если у тебя возникают проблемы с вырезанием человека из фона в Photoshop, ты можешь поискать другие способы вырезания через другие программы или через другие инструменты Photoshop. В нем можно найти десяток работающих способов вырезать человека, я лишь показываю тебе самые простые из них.
Полезные ссылки
Научись сохранять фотографии для сайтов нужного качества. Не слишком маленькие и не слишком большие. Маленькие изображения — брак. Большие — долго грузятся.
ШИРИНА: 4000PX
Когда человек в метро или без скоростного интернета на улице, сайты с большими изображениями могут грузится слишком долго (более 3 секунд). Сайты без картинок скучные, человек может составить впечатление о сайте и уйти с него до того, как дождется загрузки изображений.
ШИРИНА: 270PX
Когда из картинки «торчат пиксели» складывается эффект дешевого продукта. Упаковка бизнеса становится «колхозного» уровня. Такие картинки свойственны дешевым бизнесам, у которых нет денег на дизайнера.
ШИРИНА: 750PX
Советую .png изображения людей на первом экране делать от 700px до 1000px, чтобы было не сильно размыто и не сильно много весило изображение.
Полезные ссылки
Сжатие без потерь для .jpg и .png файлов
Мой любимый способ создания логотипа: создать его из шрифта, либо скачать с Creative Market или ShutterStock. Важность логотипа сегодня не большая, поэтому не нужно тратить много дней на его создание, я создаю их за 30-60 мин.
Полезные ссылки
Simple Image ServiceКартинки по 40 руб за шт. с ShutterStock
Где брать картинки
Я специально не делюсь больши количеством ресурсов, где можно достать бесплатные картинки. 3 сайта этого достаточно, если на них нет нужной тебе картинки придется покупать с ShutterStock
Полезные ссылки
Google КартинкиБесплатноUnsplashБесплатноPexelsБесплатноShutterStockПлатноSimple Image ServiceКартинки по 40 руб за шт. с ShutterStock