БИБЛИОТЕКА

ПОЛЕЗНОСТЕЙ

Заработок на дизайне
1 ШРИФТЫ
ГДЕ БРАТЬ КРУТЫЕ ШРИФТЫ?

1 Выбрать любой на Google Fonts;

2 Воспользоваться моей слабостью
коллекционирования всего, что касается дизайна.
Лови архив с 5000+ шрифтов;

3 https://www.fonts-online.ru
4 http://allfont.ru/russian

где подобрать шрифтовые пары?

https://www.typotheque.com/fonts/combinator/cyrilic
Можно отсортировать исключительно кириллические
шрифты, и подобрать пару, просто перетащив
курсором нужный шрифт на заголовок или в текст.

https://pomelnikov.com/images/Uroki/Font-pairs/Font-
pairs-Pomelnikov.pdf
Таблица сочетаемости основных шрифтов в свободном
доступе. Очень легко проверить, подходят ли выбранные
вами шрифты друг другу.
 https://fonts.google.com
На странице каждого доступного вам шрифта, вы можете
посмотреть популярные сочетания (Popular pairings with)
и сразу понять, какая пара подойдет вашему проекту.
Как установить ШРИФТЫ?
ДЛЯ WINDOWS
Скачать архив
Скинуть шрифты в одну папку
Выделить сразу все (Ctrl+A)
Нажать правой кнопкой мыши и на “Установить”
Подождать завершения установки
ДЛЯ MACOS
Скачать архив
Скинуть шрифты в одну папку
Открыть Launchpad (F4)
Найти там “Шрифты” и выбрать эту папку
Будет много конфликтов со шрифтами, но их можно

игнорировать
КАК УЗНАТЬ, ЧТО ЗА ШРИФТ НА САЙТЕ
/ КАРТИНКЕ?

1 Расширение Font Ninja для Google Chrome, чтобы

вытащить шрифт с сайта

2 Сервисы для определения шрифта по картинке:

https://www.myfonts.com/WhatTheFont
https://www.fontspring.com/matcherator
https://www.whatfontis.com

2 цвета
САЙТЫ С ЦВЕТОВЫМИ
ПАЛИТРАМИ И СХЕМАМИ

“
Другие сайты:
Наш фаворит: https://coolors.co

http://paletton.com
https://www.materialpalette.com
https://colorhunt.co
 https://flatuicolors.com/ culrs.com
https://webgradients.com
https://color.romanuke.com

3 иконки
ГДЕ БРАТЬ классные иконки?
1 Через поисковик;
2 На специальных сайтах:
https://www.flaticon.com
https://icons8.ru
https://www.iconfinder.com
https://thenounproject.com
http://iconmonstr.com
Совет: крайне рекомендуем скачивать только иконки
SVG формата, т.к. они векторные и не теряют качества

при масштабировании.
4 фотостоки
ГДЕ БРАТЬ ФОТО ДЛЯ РАБОТ?

https://www.pexels.com
https://www.freestockimages.ru
https://pixabay.com/ru
https://world-photo.ru
https://landingstock.com

Совет: Если загуглить «бесплатные фотостоки», то можно

найти еще. Но этого должно хватить.

ГДЕ БРАТЬ Бесплатные иллюстрации?

Undraw.co
Коллекция красивых изображений SVG и PNG,
которые можно использовать совершенно бесплатно
без указания авторства.

Manypixels.co
Популярная коллекция иллюстраций, которая пополняется
каждую неделю. Доступные форматы: SVG и PNG.
 Drawkit.io
Коллекция иллюстраций в двух стилях: цветные

и черно-белые (SVG и PNG). Новые работы добавляются

почти каждый день на основе пользовательских
запросов.

Woobro
Иллюстрации, соданные дизайнерами для дизайнеров,
могут использоваться для коммерческих проектов.
Форматы для бесплатной загрузки: PNG, SVG, Sketch, AI.

Humaaans
Онлайн-конструктор для создания иллюстраций.
Можно воспользоваться набором готовых персонажей,
изменить их внешность, а также создать персонажа

с нуля из разных составляющих.

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

Isometric
Небольшая коллекция изометрических иллюстраций,
доступных в PNG и SVG форматах.

Open Doodles
Одиночные и композиционные иллюстрации в виде
скетчей. Также можно настроить цветовую схему.

Форматы для бесплатной загрузки: PNG, SVG.

 IRA Design
Галерея иллюстраций на разные тематики. Доступные
форматы: PNG, SVG.

Vecteezy
Бибилотека векторной графики, включая изображения
и иллюстрации. Большое количество категорий. Можно
регулировать поиск с помощью фильтров.

Iconscout
Более 700 бесплатных иллюстраций в самых разных
стилях. Форматы: EPS и PNG.

Freepik
Огромное количество стильных иллюстраций, которые
можно скачать бесплатно в форматах: EPS, AI, PNG.

5 текстуры
ГДЕ взять текстуры?

https://freestocktextures.com
https://www.pexels.com/search/texture
https://unsplash.com/search/photos/texture
https://www.textures.com
 https://www.wildtextures.com
https://www.stockvault.net/c/textures
https://www.freepik.com/free-vectors/textures
http://texturelib.com
https://www.textureking.com/dsc_4439

6 Другие полезности
ГДЕ СКАЧАТЬ ФОТОШОП

И ИЛЛЮСТРАТОР?

1 Лицензионная версия:
https://www.adobe.com/ru/products/photoshop

КАК УБРАТЬ ФОН С ФОТОГРАФИИ?

1 Фотошоп:
https://rosphoto.com/photoshop/kak_vyrezat_fon_v_phot
oshope-1475

2 Онлайн-сервисы:

https://www.remove.bg
https://online-fotoshop.ru/ubrat-fon-online
ПОЛЕЗНЫЕ РЕСУРСЫ
дополнения для FIGMA:
https://www.figma.com/templates
https://www.figmafreebies.com
https://www.figmacrush.com
https://setproduct.com/freebies
https://www.figmaresources.com

Телеграм-канал для FIGMA и насмотренности:

https://t.me/figmaplugin
Magazine Design
Лучшие идеи, воплощённые в журналах, книгах,
типографической продукции дизайнерами со всего мира.
Package Design
По-настоящему стоящие идеи упаковки!
Posterino
Подборка крутых плакатов, постеров и афиш.
Behancer | Лучшие дизайн-проекты
Лучшие кейсы с сайта behance, обязател но к просмотру!
ь
 Шедевры Рекламы
Самые креативные идеи. Сочетание дизайна и маркетинга.

UI_UX inspiration
Креативные и трендовые идеи дизайна сайта,
приложений, а также анимации.
Оди. О дизайне
Журнал для дизайнеров. Вдохновение, обучение,
инструменты.

Dropzz
Крутые, стильные дизайны с просторов интернета.

Телеграм-каналы с блогами дизайнеров:

Канал Саши Бизикова
Про дизайн и саморазвитие. «Делюсь своим опытом
в канале, подкасте и блоге».

Бюро Горбунова
Официальный канал Дизайн-бюро Артёма Горбунова.
Советы от главных дизайн-педантов всея Руси.

Проиллюстрацию
Собираю полезную и интересную информацию

про иллюстрацию. Новости, конкурсы, лайфхаки,

анонсы, обзоры. Автор Chudakova Tanya.
 PonchikNews
Дизайн, продуктовая стратегия, культура и психология.
Канал Алексея Иванова, продуктового дизайнера

из Сан-Франциско.
Почитать о дизайне
Это канал об интерфейсах, пользовательском опыте,
дизайне. Блог Кирилла Мосина (продуктовый дизайнер
в Skyeng, ранее дизайнер интерфейсов в Redmadrobot).
40D
Медиа, дизайн, технологии. Блог Дениса Золотарева
(арт-директор, специалист в области мультимедийной
журналистики, медиа-дизайна и инфографики).
Banality Power
Не самые банальные и часто глубоко прожаренные
мысли и заметки Марко Михич-Ефтича — на пересечении
продуктов, архитектуры и дизайна.
Интерфейсы без шелухи
Заметки о продуктоводстве, интерфейсах, здравом
смысле и разработке софта. Без шелухи, визуальной
карамели и «полезных ссылок».
UX Notes
Заметки UX-проектировщика Антона Григорьева,
хорошие UX/UI истории в стиле раннего Артема
Горбунова, но чуть менее педантичные.
 INTERNET 9000
Сурганов о духе времени — в интернетах, дизайне
и тэк-индустрии.

Канал Ильи Бирмана

Бирман про дизайн, кейсы, принятие решений

и, конечно, интерфейсы. Щедро рассыпает советы.

Лавка Продуктового Дизайна

Продуктовое ботанство без занудства от Дениса
Судилковского. «Присядь, друг, я расскажу, как продукты
стали новым рок-н-ролом».

dui
Полезные материалы по теме проектирования и дизайна
интерфейсов. Автор Andrew Astract.

градиенты

1 Набор градиентов:
https://bitly.su/FOYo3h
g
https://web radients.com
g #
https://ui radients.com/ Frozen

2 Как брать их себе в работу?

https://www.youtube.com/watch?v=-GoHFrz4v5Q
7 мокапы
ЧТО ТАКОЕ МОКАП?
Мокап (или mock-up) – это специальным образом
подготовленный файл, в котором можно свой дизайн
размещать на реальных предметах.
где брать МОКАПы?
сайты:
https://smartmockups.com
https://www.mockupworld.co
https://smartmockups.com
http://graphicburger.com/mock-ups
https://www.anthonyboyd.graphics
Группы вк:
https://vk.com/psdeu
https://vk.com/mockups
https://vk.com/mockupworld
 https://vk.com/mockup4you

https://vk.com/mockapi

Как использовать: Ищите урок на тему использования

мокапов в 7 модуле.

Плагины с мокапами в Figmа

Mockup

Плагин с готовыми мокапами. Для того, чтобы сделать

мокап, просто выберите форму экрана, выберите
компонент или рамку и нажмите «Применить».

Artboard Studio Mockups

Тысячи высококачественных мокапов Artboard Studio

на любой вкус. Для того, чтобы начать пользоваться
плагином, нужно получить API key, потом все будет
происходит при нажатии 1 кнопки.

Clay Mockups 3D

Плагин с мокапами IPhone 11 и Pixel 4 (стиль – clay style).

Можно настраивать цвет устройства и угол камеры.

Mockuuups Studio

Генератор макетов с более чем 500 различными сценами.

Плагин автоматически вставляет и масштабирует
выбранный кадр в сотни предварительных просмотров.
Выберите понравившийся вариант и экспортируйте
макет в виде файла или поместите его обратно

в документ.

Masker

Мокапы iPhone X, iPhone 8, iPhone 8 Plus, Google Pixel

2XL, Google Pixel 2, выполненные в векторе. Они
накладываются поверх выбранного макета в виде
маски, которую потом можно редактировать.

Vectary 3D

Плагин Vectary 3D добавляет недостающее третье

измерение в 2D проекты. Поместите свой дизайн Figma
в 3D-макет, установите желаемую перспективу

и получите результат одним щелчком мыши. Огромное

преимущество этого плагина в том, что можно
настраивать угол поворота мокапа.

Angle Mockups

Библиотека мокапов в изометрии. Чтобы этот плагин

работал, вам нужно создать векторную форму экрана,
которая затем будет добавляться в мокап.
8 ЛЕКЦИИ И ИНТЕРВЬЮ
Лекции
1 «Чёрная лекция» Вовы Лифанова, основателя
агентства Супрематика.

2 Лекция креативного директора БОРЩ – Андрея

Логвина.
3 Лекция «Композиция как образ жизни» Юрия Гордона,
одного из самых востребованных шрифтовых дизайнеров
в России.

4 Лекция «Ловушки креативного мозга» Максима

Пономарёва, сооснователя и креативного директора
Friends Moscow.

5 Лекция «Glitché. Ошибки поколения» Владимира

Шрейдера, основателя и дизайнера приложения Glitché.
6 Лекция «Вопросы к себе» Миши Розова - дизайнера,

основателя и дизайн-директора PINKMAN.

7 Лекция экспромт с реальными кейсами от Вовы

Лифанова о том, как трудно бывает создать удачный
дизайн.

8 Лекция «Что общего между дизайнером и дизайн-

мышлением» Михаила Шишкина, креативного

директора Shishki.
ИНТЕРВЬЮ
1 Интервью основателя одной из ведущих

дизайн-студий в России.

2 Артемий Лебедев – известный российский дизайнер

и блогер, который основал крупнейшую в России
веб-студию.

3 Денис Башаев – графический дизайнер, преподаватель

Школы дизайна НИУ ВШЭ, основатель агентства
DILETTANT. Один из самых популярных фрилансеров

и представителей дизайна логотипов и брендинга.

(смотрите его портфолио по клику на имя )
 Текстовое интервью о важности самоопределения

и первом месте работы. О выборе специализации,

развитии и отношении к клиентам. О лекциях

по дизайну и входе в профессию (спойлер: никогда

не поздно!)

Видео-интервью, в котором он расскажет, как пришел

к тому, что может за час создать крутой логотип

и получить за него гонорар, сопоставимый с месячной

зарплатой.

Лекция Дениса о взаимоотношениях между

дизайнером и клиентом; о том, как проходит

презентация проекта, что важно учитывать в подаче

проекта, как происходит финальный этап работы.

Как убедить заказчика в том, что из треугольника

может выйти забористый и смелый логотип.

4 Никита Обухов – создатель популярного конструктора

сайтов Tilda Publishing. Куратор интенсивного курса

по веб-дизайну в Британской высшей школе дизайна.

Короткий видео-рассказ Никиты о себе.

Текстовое интервью о команде «Тильды»,

тайм-менеджменте, развитии конструктора сайтов.

Подкаст о том, как дизайн и правильно

сформулированные смыслы помогут бизнесу; как

создать и проработать сайт, чтобы он стал популярным;

что такое дизайн-драйвинг и как дизайн может

драйвить бизнес.
 Видео-интервью о дизайнерском эго,
онлайн-образовании и будущем «Тильды».

5 Денис Ломов – сооснователь лучшего агентства в мире

по версии международного конкурса веб-дизайна

и разработки CSS Design Awards и победитель

интернет-Оскара Webby — Red Collar. (смотрите
портфолио по клику на имя )

Большое видео-интервью: краткая выжимка пути

Дениса и "Red Collar".

Интервью с сооснователем и креативным директором

агентства Денисом Ломовым.

6 Вова Лифанов – основатель и креативный директор

дизайн-студии Suprematika .

Интервью о личном.

Один из последний ярких проектов – ребрендинг сети

Буше.

35 дизайн-выражений.

Лекция Вовы о дизайне и подходе к работе.

7 Вадим Гранич – графический дизайнер, фрилансер.

Интервью про фриланс и дизайн.

9 статьи и книги
1 Искусство Цвета, автор Иоханнес Иттен

Одна из самых популярных книг по цветам. Основана

на наблюдениях автора за природой, культурой

и искусством времен и народов мира. Один этот факт

заметно повышает ее ценность. О гармонии цвета,
контрасте, насыщенности, композиции.

2 Статья о нейромаркетинге

9 основных цветов с описанием того, что означает каждый

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

3 Пошаговая инструкция работы с цветом в проекте

Советы по выбору цветовой палитры, об этапе выбора

цвета при создания дизайна.

4 Удобная памятка по цветам

К сожалению, она на английском.

5 Тренды 2020: актуальные оттенки и сочетания в этом

году
6 Использование градиента

Градиент — важный элемент дизайна, сейчас он как

раз в моде. Градиент может быть очень разным,
работать на дизайн или против него. Какой градиент
лучше использовать, читай в этой статье.

7 «Данные: визуализируй, расскажи, используй.

Сторителлинг в аналитике» Коул Нассбаумер Нафлик
Новинка от МИФ, книга о том, как делать презентации.
Книга не только о дизайне слайдов / презентаций,

но и о визуализации данных, о подаче материала,

о подборе подходящей структуры презентации.

8 «О шрифте» Эрик Шпикерманн

Базовая книга, в которой собраны полезные,
применимые на практике советы о том,

как использовать шрифты в работе. Преимуществом

книги является ее иллюстрации примеров
использования шрифтов из обычной повседневной
жизни.

9 «Кради как художник» Остин Клеон

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

10 «Загмайстер и Уолш: О Красоте» Стефан Загмайстер

и Джессика Уолш
Ох, это сложное понятие красоты. Оно очень субъективно.
Авторы обратились к истории, философии и науке,

чтобы понять, как красота влияет на людей;

как научиться определять истинную красоту. Несомненное

преимущество этой книги — иллюстрации, визуальный
контент.
Книга — must read для любого дизайнера, иллюстратора,
для всех, кто пытается разобраться в красоте и искусстве.

11 Мотивация для творческих людей. 4 элемента,

из которых складывается успех", Марк Макгиннесс

Эту книгу сложно назвать настольной, той, что захочется
перелистывать раз за разом. Но в тоже время, иногда
просто необходимо получить заряд мотивации

и пересмотреть отношение к своей работе.

10 подкасты
1 Искусство Цвета, автор Иоханнес Иттен
Любопытно послушать, как дизайнер отвечает
на самые популярные вопросы о профессии.

2 10 глупых вопросов ДИЗАЙНЕРУ. Отвечает Артемий

Лебедев
3 Как изменился дизайн за 10 лет
А также обсуждение 10 золотых привил дизайна,
лучших логотипов и рынка технологий.

4 DESIGN TRENDS FOR 2020

Беседы о трендах дизайна на английском.

5 ANEW.PODCAST #2
Про коммерческую сторону дизайна, как построить
дизайн студию, как заказчику выбрать дизайнера.

11 расширения
браузера
Site Palette

Хотите узнать, какие цвета использованы

на понравившемся сайте? Это расширение поможет

вам быстро извлечь и сгенерировать цветовую
палитру.

Font Ninja

Сталкивались с тем, что вам очень понравился шрифт,

но вы не можете его найти? Это расширение
позволяет вам увидеть, какие шрифты и какой размер
текста на сайте, с помощью простого наведения
курсора.
 Full page screen capture
Сделает цельный снимок экрана текущей страницы.
Window Resizer
Хотите посмотреть как адаптирован сайт под разные
версии, но планшета и телефона нет на руках?

Не расстраивайтесь, это расширение поможет вам

посмотреть как выглядит сайт на разных устройствах
(даже марках) девайсов.
Video Speed Controller
Перемотка видео на любом сайте. Даже на диске
или облачном хранилище!