Лучшие заметки «Дизайн Мании» за 2020 год — полезные статьи и материалы дизайнерам

В этот раз дайджест лучших заметок за прошедший год будет значительно меньше обычного, в чем вы сами можете убедиться, посмотрев посты с лучшими статьям 2019 и аналогичной подборкой за 2018 год. Значительная часть размещенных там публикаций по веб-дизайну, источников иконок/шаблонов и упомянутых сервисов все еще актуальны.

Во второй половине 2020 были определенные перебои в написании новых материалов для блога, поэтому классных статей за год подобралось чуть больше 25-ти штук. Учитывая то, что почти в каждом из направлений будет всего по 1-2 ссылки, мы сгруппировали их в более общие тематические блоки.

Веб-дизайн, юзабилити и создание сайтов

Эффективный дизайн кнопок в интерфейсах — рассмотрим их состояния/статусы, какие цвета, формы и размеры лучше использовать. При этом не следует забывать о доступности, логике, надписях на кнопках и других дополнительных важных нюансах.
6 причин почему важна скорость загрузки — медленные веб-проекты могут терять потенциальных клиентов, доход и позиции в поисковой выдаче, поэтому важно обязательно следить за данным показателем.
Все про дизайн текстовых полей (text field) — статья, аналогичная первой, только здесь мы изучаем другой элемент интерфейса — текстовые поля. В заметке поднимаются вопросы по их типам, стилистике оформления, выравниванию меток, подсказках / Placeholder`ах и др.
Оформление text field на сайтах — это более узконаправленная вариация предыдущей заметки, где рассмотрены нюансы текстовых полей исключительно для веб-сайтов. Контента тут поменьше, хотя тоже есть интересные моменты.
7 принципов дизайна иконок для создания наборов — достаточно объемная и детальная статья о проектировании и разработке всевозможных наборов иконок. Пост подготовлен специалистами в данной сфере, поэтому тут максимум полезной инфы по теме: выравнивание, индивидуальность, простота, шрифты, читабельность и другие детали дизайна иконок.
Тренды оформления email-рассылок 2020 — в том году (а, может, и в этом тоже) были важны: интерактивность, персонализация, социальный шеринг, жирные шрифты, эмодзи, видеоуроки. Что конкретно имеется ввиду и как это использовать — читаем по ссылке.

Материалы для скачивания

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

55+ наборов плоских иконок — обновили одну из прошлых статей, добавив новых наборов и удалив неработающие. По стилистике, цветовым решениями и тематике найдете много всего интересного.
40+ красивых аватарок лиц мужчин и женщин — отлично пойдут для разных приложений, программ онлайн мессенджеров и т.п. По реализации тут представлены как векторные, так и png форматы.
55+ зимних текстур снега и льда — отличная «зимняя» подборка ледяных узоров и морозных фонов для Фотошопа. Отдельно в конце публикации будут текстуры снега, а также видео и краткая инструкция по их наложению на фото.
45+ геометрических текстур — здесь есть всевозможные узоры и орнаменты в виде треугольников, квадратов, ромбов, прямых линий и других геометрических форм. Какие-то из них яркие и четко выраженные, другие более приглушенные для фоновых изображений.
50+ шрифтов в китайском и японском стиле — если вам нужна надпись на английском или с использованием кириллицы, стилизованная под японо-китайскую тематику, то данный материал вам однозначно пригодится.
Минималистичные WordPress / HTML шаблоны — минимализм в дизайне веб-проектов всегда отлично смотрится и подходит практически для любой ниши. Макеты здесь достаточно светлые, стильные, но при этом вполне функциональны.
40+ кистей облаков (Cloud Brushes) — бесплатные тучки всех возможных видов, форм и размеров в хорошем разрешении. Кроме реалистичных кистей, имеется парочка декоративных иллюстраций по теме в векторе и не только.

Вдохновение, фотография, логотипы

50+ лучших сайтов портфолио — подобные проекты для дизайнеров и не только должны выделять вас среди других исполнителей, быть креативными и оригинальными. Плюс в них обязательно должна содержаться подборка ваших лучших работ. По реализации тут есть пару десятков очень интересных ресурсов.
40+ красивых футеров для сайта — подборка отличных примеров как можно эффективно и функционально организовать пространство в самом низу веб-страницы.
60+ самых красивых фото неба — тут у нас небольшая отсылка к наборам кистей облаков, т.к. они присутствуют на большинстве фотографий. При клике и переходе на источники, увидите, что многие варианты представлены в достаточно хороших размерах и могут быть использованы как обои для рабочего стола.
Работы иллюстратора Fernando Juarez — если смотреть творения одного конкретного автора, то легко заметить, как в них прослеживается определенная стилистика и уникальная техника. Работы этого иллюстратора имеют ярко выраженный мультяшный стиль.
60+ логотипов строительных компаний — такие посты хорошо подходят при творческом кризисе или поиске идеи для нового лого. Плюс вы можете отследить тренды и фишки, характерные для определенной тематики/ниши.

Онлайн сервисы и программы

Отдельных веб-сервисов мы в 2020 рассматривали не особо много:

Сервисы подбора комбинаций шрифтов — 10-тка лучших проектов в данной сфере. С их помощью вы легко сможете комбинировать варианты оформления текста и заголовков на сайте чтобы быстро проверить, как то или иное сочетание будет смотреться.
Создание инфографики для социальных сетей в Canva — пост со скриншотами, где представлена простая пошаговая инструкция разработки инфографики в этом сервисе.

Также за год вышло три полезных дайджеста:

Интересные сервисы дизайнерам №17 — генераторы палитр и фоновых текстур, SVG-иконки, шрифты, несколько инструментов для подбора цвета и др.
Полезные инструменты №16 — градиенты, генератор паттернов и иллюстраций, элементы UX-интерфейса, журнальная верстка и немного вдохновения.
Веб-сервисы разработчикам и дизайнерам №15 — цветовые палитры, CSS позиционирование и JS-скрипты, шаблоны рассылки, эмодзи, и снова онлайн-генераторы.

А еще рассмотрели парочку программ:

Делаем слайд-шоу из фото в ФотоШОУ — максимально детальная инструкция по созданию полноценного красивого слайд-шоу в данной программе: запуск и изменение проекта, редактирование слайдов, сохранение и публикация результата.
PhotoDiva для ретуши портретных фотографий — софт позволяет достаточно быстро и легко ретушировать портреты. В статье кратко рассмотрели возможности интерфейса, а также показали сам процесс обработки фотографии на практике.
Платформа для проведения вебинаров ClickMeeting — на самом деле сервис позволяет проводить множество разных онлайн-мероприятий, начиная от видео-переговоров с сотрудниками компании и заканчивая веб-конференциями на тысячу человек. В заметке описаны все возможности, функции и преимущества софта.
Запись видеоурока в программе Экранная Камера — инструмент пригодится для создания видео с экрана компьютера, когда вы будете в реальном времени показывать определенные действия на своем ПК. Софт удобный, установка и процесс работы максимально простые.
Добавление стикеров на фото в ФотоМАСТЕР — на самом деле это лишь одна из функций, доступных в этом графическом редакторе. Помимо стикеров тут имеются возможности по обработке и улучшению фото, добавлениюдан эффектов, ретуши и др.

Итого. В данном дайджесте собрали всего-ничего 28 ссылок. Хочется верить, что в новом году времени для блога и творческого вдохновения будет побольше. Акцент будем делать на дизайнерские статьи и полезные файлы для скачивания (иконки, шрифты, фоны). Возможно, придется немного сократить объем самих публикаций, т.к. подбирать каждый раз по 50-60 ссылок/материалов или скриншотов – весьма трудоемкое занятие.