Часть 2. Помощь при старте: советы и рекомендации от практика
Глава 7. Простота и минимализм
Я бы хотел начать именно с этого совета, ведь в современном веб-мире – это основа успеха! Как ни странно для большинства обывателей, доминирующее число компаний-монстров выбирают простоту и минимализм. Почему?
1. Легче донести до клиента суть рекламы
Человеку не нужно парить мозги и вынуждать думать, что же хотел сказать автор, рисуя этот баннер, логотип. Ваш работодатель не должен парить свои мозги в попытках понять ваш «шедевр» правильно. Только с годами я понял, что нужно как можно меньше нагружать свои проекты деталями, которые только сбивают с толку простого юзера. Но мне, например, до сих пор не нравится, когда на больших бордах наружной рекламы или же для сайта используют простой белый фон, без иллюстраций или же интерактивных элементов. Просто – не значит бедно. Нужно уметь оставлять главное и заполнять пустоту простой и функциональной красотой.
2. Креатив создаётся быстрее
Сейчас нужно создавать интересную рекламу, обновлять сайт, дополнять его чем-то свежим практически постоянно, чтобы человек по ту сторону прилавка / экрана хотел достать деньги из своего кармана и сказать: «Заткнись! И бери мои деньги!» Если веб-студия или же маркетинговый отдел будут разрабатывать один проект месяцами – компания обречена на провал, а вы – на потерю работы. Даже маленькие фирмы и ФОПы дают от силы две недели на создание дизайна сайта, что уж говорить о баннере… Да даже логотип некоторые хотят получить за час… Единственный способ достичь цели – делать веб-дизайн простым.
3. Дизайн становится адаптивным под разные форматы
Да, теперь тот же простой баннер (ну уже года 2-3) должен быть «гибким», чтобы он был эффективным на всех устройствах. Что это значит? Картинка должна быть разработана так, чтобы при уменьшении экрана (с монитора телевизора до смартфона) она оставалась такой же полезной для читателя – текст и все важные графические элементы должны стоять максимально близко к центру. Размер и вид шрифта должны быть оптимальными для чтения на любом устройстве. Логотип должен не терять своих свойств (красота, понятность, разборчивость) при смене многоцветного на чёрно-белый. Даже размер картинок должен быть идеальным (должно быть достаточно много пикселей для большого монитора, но в то же время не выше нормы производительности телефона, чтобы сайт нормально грузился). Такие же правила применимы к наружной рекламе, когда для продвижения чего-то используют по сути один и тот же макет (для метрового баннера и крохотной брошюры или визитки).
Примеры правильного и неправильного дизайна рекламы
Правильный – справа
Плохой – слева
На левой половине иллюстрации – стандартная картинка, которую сделали в моём родном городе. Справа же находится мой вариант, который я сделал за 15 минут. Вы ощущаете разницу? белый фон и разноцветный; похабный «минимализм» (скорее всего лень) и креативное использование фото и иллюстраций; банальное огромное количество свободного места и правильное использование окружения. И подобных «левых» реклам очень много, и вы бы могли этим воспользоваться!
Правильный – справа
Плохой – слева
Второй пример того, когда простота становится безвкусной. Для большой рекламы и особенно рекламы фотографа использовать мыльное фото… Фото, которое даже не влезет в макет и выглядит как-то непонятно. Или же использование рамок и профессиональных фото + текст видно куда лучше, да и смотреть на чёткое просто комфортнее, чем на мыло. Почему человек должен думать, что у него проблемы со зрением?! Вторая картинка заняла минут 20. Левую сторону делал минуты 2, а правую – всё остальное время.
Интересную рекламу делать приятно, интересно и прибыльно. На сколько Вы бы оценили «левые», а на сколько «правые» варианты?
Я думаю, что лучше потратить время, но сделать работу хорошо и красиво, чем корявой рукой за копейки. Ну, и те же популярные приложения помогут выполнить быстрее.
Глава 8. Где искать фото? Бесплатные фотостоки и лицензия СС0
Думаю, данная информация будет весьма полезной как для веб-дизайнеров, так и для тех, кто хочет заказать баннер, пост, фон и подобное. Раскрою тайну – нельзя любую красивую картинку из «Гугла» использовать в своей рекламе! Да, это действительно не знают примерно 50 % людей, которые заказывали у меня дизайн баннера, обложки, фона и т. д. Не знают это, видимо, и бренды типа «Цитрус» (неоднократно видел персонажей «Марвел», лицензию на которых они явно не покупали, а когда у них спрашивал, просто морозились). Плагиата в мире очень много. Особенно в России и Украине… И это весьма большая проблема, и от неё страдают сразу две стороны – правообладатель и вор.
Для вас может стать неприятным сюрпризом, если к заказчику предъявит кто-то претензии, что он или вы (в лице исполнителя) нарушили чьи-то права. Это может прокатить на небольших проектах. А если, например, вы сделаете обложку для книги с украденной картинкой, и она станет суперпопулярной? Конечно, появятся те, кто отсудит у вас что-то, и вы будете как минимум расстроены.
Я рекомендую использовать бесплатные и платные фотостоки, или же свои собственные фото, или графические картинки.
Можно поискать и в «Гугле» через фильтр «лицензия для использования и изменения в коммерческих целях». Но там их весьма мало, и не всегда правда, что автор фото разрешил использовать их на бесплатной основе. Обращайте внимание на лицензию СС0 – лучший вариант для вас.
Конечно, не думайте, что если вы используете где-то Губку Боба без купленной лицензии, то это станет концом света – и всё… Но это может прокатить с малыми бизнесами, а вот с крупными… Вы же не хотите скандал? Это просто ещё один способ перестраховаться и не переделывать заново работу.
Ремарка: бесплатные фото использует много кто, у кого есть базовое понимание о том, что просто можно прогуглить. Поэтому они не будут уникальными – на тысячах сайтов всё те же картинки. Куда разумнее купить на таких фотостоках красивые фото за пару долларов. Вы сможете использовать купленные фотографии и в других проектах.
Итак, я пользуюсь разными фотостоками приложений по веб-дизайну и графике, но там не всегда можно найти крутые фото. Есть проверенные сайты, где можно найти супер-пупер фото в отличном качестве.
Список моих фотостоков с бесплатными изображениями:
+ Pexeles.com (чаще всего фото беру тут),
+ Freepik.com,
+ Pixabay.com (русскоязычный интерфейс),
+ Imcreator.com,
+ Picjumbo.com,
+ Unsplash.com (все-все фото бесплатные),
+ Foodiesfeed.com (только фуд-фото),
+ Gratisography.com (бесплатные арты, иллюстрации и фото от одного человека).
Вы можете создать свой список фотостоков – их сотни. Это просто чтобы облегчить вам жизнь, да и лишним не будет.
Глава 9. Ловим хайп за хвост
Быть в тренде для веб-дизайнера – закон. Если вы будете делать всё по старинке, то никто одобрять ваши работы не станет, и просто останетесь без денег, клиентов, работы. Для того чтобы быть на той самой волне хайпа, рекомендую регулярно проверять этот хайп тремя способами.
* Проверять рекламу в «Инстаграме», «Фейсбуке», на улицах города – умные компании сразу же делают рекламу по трендам.
* Заходить на сайты веб-дизайнеров (я сижу на Behance, Dribbble).
* Делать, как я говорил раньше: смотреть, что нового в «Канве» и «Крелло».
Также веб-студии маркетинга и веб-дизайна, полиграфии и типографии часто выпускают статьи в своих блогах. Рекомендую и их иногда читать. Не помешает.
Актуальные стили веб-дизайна 2018-2021 годов от автора
С 2018 по 2019 годы я сам регулярно отслеживал тенденции. Для меня вот эти 13 стилей будут весьма актуальны и в 2020-2021-м.
1. Градиент
Универсальный, интересный, яркий и весёлый. Меня он покорил так же, как и тысячи других веб-дизайнеров и графических художников. Плавный переход цветов помогает вам сочетать сразу много цветов, держа баланс и контраст в руках.
2. Стиль наподобие Apple
Думаю, если у вас «Мак», то вы понимаете, о чём я. У «яблочка» есть свой весьма выраженный простой стиль веб-дизайна. Он подходит тем компаниям, которые занимаются продажей конкретных продуктов (телефоны, гаджеты, техника и прочее). Этот стиль адаптируют под себя «Фокстрот», «Цитрус», «Сильпо» и многие другие бренды.
Цвета стиля: чёрный, белый, серый как основа и яркие цвета для насыщения.
Строгие шрифты. Чёткая и явно заметная невидимая модульная сетка и иерархия предметов.
Нужно уделять особое внимание фотографиям, которые используются. Они центральные, ключевые.
3. Стиль наподобие Google Material Design.
Визитная карточка всех приложений и систем от «Гугла». Потрясающая простота, использование лёгких в исполнении векторных график (визуализация на 5+). Большинство современной рекламы курсов, сходок, альбомов, оформления приложений использует данный стиль.
Лёгок в исполнении (на первый взгляд), с весьма продуманной системой взаимодействия с пользователем.
Шрифт закруглённый. Идеальным будет Roboto. Мне ещё нравится.
4. Яркие цвета, неон
Помогают подчёркивать индивидуальность, молодость, бунтарство. Подходят для клипов, рекламы современной одежды, музыки, искусства. Смешайте с ретро-стилем, и выйдет гремучая смесь.
5. Обрезки
Неполные фотографии, оторванные куски и как будто склеенные ПВА – вот этот стиль очень популярен в 2019-м. Он довольно странный, но помогает привлечь внимание. Похоже на детские аппликации.
6. Антигравитация и футуризм
Всё летит, падение замерло в кадре – вот оно. Очень легко найти такие фото и использовать для баннеров, рекламы в социалках. Космические элементы или графические вставки помогают придавать этому делу что-то инопланетное.
7. Без рамок
Одно фото, простая надпись – и всё. Без рамки, полосочки или чего-то ещё. Очень дерзко показывать такое заказчику, но бренды-гиганты от этого в восторге. Одно большое «но» – для такого нужны мегакрутые фото очень высокого качества и свои личные шрифты.
8. Металлик
В основном используется в глубоком 2Д или полном 3Д, профессиональных фотосессиях. Сочетание чёрного, золотого и металла делает фото произведениями искусства. Постер «Джон Уик – 3» – шедевр.
9. Ликвид
Материалы, объекты, фото – всё превращается в жижу, яркую субстанцию. Очень сложное в исполнении (как по мне), но того стоит. Картинки насыщенные, необычные, сказочные – Дали был бы счастлив.
10. Трёхмерные контурные надписи или типографика
Трёхмерные буквы помогают освежить обычные рамки и фото, иллюстрации, делая их объёмными. Простые в исполнении и функциональные. Типографика