Правила, тренды, фичи и всё, чтобы прокачаться в дизайне на карантине
SETTERS
Баннер " Гид по дизайну "
Привет, дигиталы ✋
Все дизы делятся на два типа: пэинтбои и дерзайнеры. Первые только начали познавать мир визуала, вторые меняют его и почти всегда выдают классную картинку.
Собрали гид по визуальной коммуникации для всех: сегодня в письме правила дизайна, топ полезных сайтов и сервисов, а ещё книги и Telegram-каналы, чтобы подтянуть теорию и насмотреться. Шерьте в дизайн-отдел или осваивайте сами — выйдете с карантина крутым спецом.
Уровень 1: Пэинтбой
Начните с основ. Приличным дизом за пару минут не стать, но разобраться, что такое композиционный центр, как выбрать цветовую гамму и использовать асимметрию — можно. Разложили правила в карточках.
Выучите законы композиции. Правила третей, диагоналей и треугольников тоже есть в формате карточек.
Запомните 5 правил верстки
  • Выравнивайте текст по левому краю — так удобнее читать.
  • Будьте верны одному шрифту. Если нужно разнообразие, берите шрифты разных классификаций: например, антиква в заголовке и гротеск в тексте.
  • Используйте начертания через одно: то есть переходите от light к bold, от medium к extra bold.
  • Увеличивайте размер шрифта в два раза: если в заголовке 30 pt, в тексте — 15.
  • Используйте один из этих шрифтов: они простые и читаемые, легко вписываются в дизайн и у них много разных начертаний.
Akzidenz Grotesque, Avenir, Avant Garde, Bell Gothic, Bodoni, Bembo, Caslon, Clarendon, Courier, Din Mittelschrift, Franklin Gothic, Frutiger, Futura, Garamond, Gill Sans, Gotham, Helvetica, Letter Gothic, Memphis, Meta, OCRB, Rockwell, Sabon, Trade Gothic, Trajan and Univers.
Освойте простые дизайн-сервисы
  1. Canva — на сайте собраны сотни дизайнерских шаблонов на любой случай: от обложки Facebook до постера с инфографикой. Если что, есть видеоподсказки.
  2. Supa — онлайн-видеоконструктор рекламных роликов. Поможет в пару кликов сделать тизер по одному из сотни шаблонов, вплоть до stories-формата.
  3. Pixlr — бесплатный онлайн-клон Photoshop на русском. В нем есть все ключевые функции и эффекты для фотообработки: от фильтров до масок и кистей.
  4. Prezi — сайт для создания крутых презентаций: в них сразу видно всю раскладку, можно зашивать один слайд в другой и бесконечно увеличивать любой элемент.
Добавьте в закладки стоки с бесплатными картинками
  1. Unsplash — огромная библиотека с работами фотографов со всего мира. Найти можно все: от паттернов до снимков с Библией в руках.
  2. Icons8 — фотосток с непозорными картинками. Минималистичные, стильные, бесплатные.
  3. Pixabay — русскоязычная библиотека, где хранится больше полутора миллионов фото, а с недавних пор еще и видео.
  4. Freepik — векторные изображения, фото, иконки, иллюстрации и мокапы, с которыми дизайн — дело пары минут.
  5. Gallerix — здесь можно скачать Ван Гога, Шишкина и любую живопись в отличном качестве.
Больше читайте
  1. Ричард Пулин, «Школа дизайна макет. Практическое руководство» — тут собраны все базовые практические знания о построении схем верстки. Она не новая, но если вы не знаете основ, дальше двигаться будет трудно.
  2. Стив Круг, «Не заставляйте меня думать» — книга для начинающих веб-дизайнеров. Учит делать интерфейсы, которыми будет удобно пользоваться.
  3. Майкл Бейрут, «Теперь вы это видите. И другие эссе о дизайне» — сборник для дизайнеров-романтиков. Внутри 54 истории о процессах дизайна, жизни специалиста и размышления о профессии.
Прокачивайте теорию и насмотренность
  1. Оди. О дизайне. Каждую неделю здесь выходят дизайнерские дайджесты — шпаргалки для новичков, которые не хотят симулировать понимание о Баухаусе или Дадаизме. А еще тут рассказывают о монетизации дизайна, анализируют новинки Adobe и публикуют ссылки на новые бесплатные сервисы.
  2. Ne-znal-ai. Подсказки для работы в Illustrator, Photoshop и Indesign в формате картинок, видео и стримов. Сохраняйте полезные фичи, чтобы работа шла быстрее и продуктивнее.
  3. Posterino. Канал посвящен плакатам и постерам: атмосферным из лихих девяностых и глитчевым из 2050-го, спокойным минималистичным из Австрии и сумасшедшим из Китая.
  4. ParaGraph. Корпоративный брендинг, нестандартная упаковка, обложки для книг и даже социальная реклама — на этом канале разбирают свежие дизайнерские кейсы разных направлений. Расширяет кругозор, прививает вкус, учит делать не только красиво, но и функционально.
Ещё лучше — прокачиваться на практике! 19 апреля в 17:00 руководитель отдела дизайна SETTERS Ксения Жаворонок проведет вебинар «Как самостоятельно оформить социальные сети» — расскажет про разработку стиля и главные ошибки инста-профилей, а затем покажет, как собрать шаблоны для ленты и Stories без лишних инструментов и эффектов. После лекции будет Q&A.
Для участия в вебинаре нужен Adobe Photoshop.
Подробнее о вебинаре
Уровень 2: Дерзайнер
Используйте приемы, которые привлекают внимание
  • 90-е. Ностальгия не отпускает, поэтому в тренде ворд-арт, пленка, пластик, джинса и приглушенные цвета. Использовать можно для скучающих по детству миллениалов.
Баннер " Эстетика девяностых "
  • Кинетическая типографика. Или буквы в движении: они сплющиваются, разъезжаются, искажаются и ведут себя, как на техно-вечеринке. Использовать можно везде, где есть текст — танцующие буквы привлекают больше внимания, чем статичные.
  • Плоскость и объем. В век технологий «живые» работы особенно цепляют. Добавить ощущение реального объекта (будто его можно пощупать) можно с помощью объемных элементов: например, мазков краски.
  • Коллажи с анимациями. Прием отсылает к временам ламповых стенгазет. Лучше делать коллажи непринужденными — будто их вырезали и наклеили вручную. Идеально подойдет для фэшн и бьюти-аккаунтов.
  • 8-битные игры. Еще один ностальгический тренд, суть которого – интегрировать товар в игры нашего детства: пусть пиксельная «Змейка» ест кольца, а «Марио» прыгает по городу в поисках стильных луков. «Тетрис» впишется в аккаунт строительной компании, а «Тамагочи» хорош для товаров для детей.
Баннер "8-ми битные игры"
  • Кибер-реальность. То есть неон, глитч и серебро. Идеи подскажет космическая тематика и sci-fi. Такие приемы будут хорошо выглядеть в аккаунтах с техникой, мобильной связью, лаконичной косметикой и IT.
  • Залипательность. Калейдоскопы, фракталы, повторение деталей и фигуры в гипнотическом танце — все эти кислотные мотивы приковывают взгляд, а нам того и надо. Подойдет для ситуативных товаров или анонсов.
Обновите закладки (никакого Behance и Pinterest!)
  1. Mind Sparkle Mag — онлайн-журнал для вдохновения, где редакторы каждый день выбирают лучшее из того, что произошло в мире дизайна. Те, кто зашел в первый раз, зависают надолго.
  2. Adobe Color CC — сайт, который заменяет лекции по колористике: достаточно выбрать цвет, а прога сама предложит подходящие к нему оттенки.
  3. Flaticon — огромный ресурс с иконками любого вида. Пригодится, чтобы дополнить сухие текстовые строчки, выделить важную информацию, в конце концов, оформить свои Highlights в Instagram.
  4. Logobaker — здесь только логотипы. Дизайн тут сравнивают с готовкой, а лого разбиты по трем направлениям: «вкусные», «новые», «на пробу». В разделе «Повар» можно отслеживать творчество фаворитов. А еще можно самому стать поваром.
Баннер "шрифт"
И установите пару удобных фич
  1. Word Swag Typo Rama и Text2Pic — сервисы, в которых можно выбрать текстовые шаблоны с оформлением. Если у вас iOS и вы хотите сами найти и добавить шрифт, пользуйтесь установщиком AnyFont.
  2. Adobe Sketch — рисовалка для мобильных устройств, в которой можно делать графику, узоры или надписи. Что круто — в приложении мазки получаются объемными, будто рисуешь настоящими красками.
  3. Сoolors — супербыстрый генератор цветовых схем: умеет за секунду создавать и сохранять идеальные палитры.
  4. PicsArt — аналог фотошопа, у которого есть крутой бонус: PicsArt умеет записывать рабочее поле в режиме онлайн, поэтому в нем удобно делать покадровую анимацию.
  5. Mug Life — делает 3D-объект из портретов людей или животных, а потом оживляет их: объемная копия может произнести любую фразу, показать радость или презрение — как захотите.
  6. Giant Square — заточен под соцсети: создает баннеры, коллажи, панорамы и фоны под размер Instagram, Twitter и Facebook. А еще он умеет резать картинку на 9 частей, чтобы составить один большой квадрат для инста-галереи.
  7. Inshot — приложение для видео, в котором кроме монтажа есть библиотека бесплатной музыки, крутые фильтры типа VSCO.
Учитесь дизайну сториз — на карантине у них сильно подлетели просмотры. Вот приложения для монтажа:
  1. Cute Cut Pro — простой видеоредактор для сверхбыстрого монтажа. Дополнительный бонус: можно наложить аудио.
  2. Unfold — популярное приложение для фото/видео коллажей в Stories. Шаблоны периодически обновляются, но за них приходится платить.
  3. Cam Corder — все новомодные Full HD превратит в родной VHS, как на кассетах из девяностых.
  4. VSCO/DSCO — кроме цветокоррекции в приложении есть и GIF-съемка под названием DSCO (раньше это было отдельной фичей). Чтобы найти функцию, зайдите в камеру VSCO и ищите DSCO под кнопкой «Фото».
Читайте еще больше
  1. Роберт Брингхерст, «Основы стиля в типографике» — прочтите, чтобы разговаривать с коллегами на одном языке, когда работаете со шрифтами. Внутри вся основа по типографике, чтобы систематизировать знания.
  2. Michael Evamy, Logotype — это справочник на 1300 логотипов, так что сверяйтесь, чтобы проверить идею на плагиат. Некоторые из логотипов подробно разобрали: как создавались и что они значат.
  3. Арндт Трайндл, «Нейромаркетинг. Визуализация эмоций» — когда нужно убедить людей, психология в дизайне играет важнейшую роль. В книге не просто описаны маркетинговые приемы, а приводятся результаты исследований мозга.
И снова прокачивайте теорию и насмотренность
  1. R.G.B. Тут все про эстетику и красоту: рекламная кампания новых ASICS c полным чудаковатым мужчиной в подсолнухах, инстаграм-аккаунт со странными расписными тарелками и жуткие, но завораживающие fashion-фотографии.
  2. Readymag. Канал от инструмента, который превращает ваш дизайн в код и создает интерактивные лендосы. Каждый день здесь публикуют ссылки на крутые лендинги, будь то сайт барселонской галереи, одностраничник барбершопа в Ванкувере или портфолио русской современной художницы.
  3. Шрифтовой дизайн. Вдохновение по части шрифтов и начертаний. На канале разбирают удачные и неудачные типографические решения, а еще делятся ссылками на бесплатные редакторы и расширения для браузеров, которые поставят любой шрифт на сайт.
  4. Дайджест продуктового дизайна. Канал ведет дизайн-директор «Райффайзенбанка» Юрий Ветров. Он собирает ссылки на тексты о новых инструментах для дизайнеров, пользовательских исследованиях и кейсах.
Пандемийному миру нужно больше прекрасного, так что используйте во благо.

В следующей рассылке расскажем кое-что про креатив — стэй тьюнд!
Ты всегда можешь отписаться здесь.
Но помни: каждый раз, когда ты об этом думаешь, в мире грустит одна редакция.

2020 © ООО «СЕТТЕРС»