Запускаем #nimaxbrainshare от отделов Nimax. Будем рассматривать digital с разных сторон: тренды, образование, подборки бесплатных и любимых ресурсов от специалистов агентства.

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

В подборку вошли материалы про тенденции в сфере, кегль в дизайне интерфейсов, кириллицу и латиницу, новые возможности в Figma, бесплатные шрифты от Awwwards и сайт, брендированный свежим шрифтом.

#Тренды
Какие шрифты будут актуальны завтра?


На онлайн-фестивале «Типомания» выступил куратор инстаграм-профиля type.today и tomorrow Тимур Зима. Он рассказал о своих наблюдениях в трендах шрифтового стиля. Краткая выжимка его выступления:

type.today/ru/journal/whathappenstomorrow

#nimaxbrainshare #nimaxbrainshare_fonts

#Образовательное
О размерах шрифтов и кириллице

Часто задаётесь вопросом, какой размер шрифта использовать в интерфейсе? Тогда перевод статьи Эрика Кеннеди — для вас.

ux.pub/#Material_Design_Mobile

type.today выпустил серию статей о кириллице. Первая часть о гуманистических гротесках по ссылке:

type.today/ru/journal/humanist

#nimaxbrainshare #nimaxbrainshare_fonts

#БесплатноеНоНеБесполезное
Новые возможности Figma и подборка крутых шрифтов

В Figma появилась возможность попробовать шрифты из коллекций today и tomorrow от type.today. Инструкция по ссылке:

type.today/ru/journal/figma_plugin

На сайте Awwwards постоянно пополняется фонд бесплатных шрифтов. Здесь их можно посмотреть и скачать :

awwwards.com/awwwards/collections/free-fonts

#nimaxbrainshare #nimaxbrainshare_fonts

#СпециалистыНимаксДелятся
Любимые источники для приобретения стильных шрифтов

Модная кириллица:

type.today/ru/journal/new-typeface-druk

А тут можно найти подходящий шрифт из латиницы и кириллицы:

swisstypefaces.com

#nimaxbrainshare #nimaxbrainshare_fonts

#Тренды
Эволюция в графическом дизайне

Завершается десятилетие. По этому поводу медиа-проект UXPUB рассказал про развитие типографики за 2010-2019: тренды, закономерности, эксперименты.

ux.pub/2010-2019-desyatiletie-v-tipografike/

#nimaxbrainshare #nimaxbrainshare_typography

#Образовательное
Правила типографики и отработка навыков дизайнера

Обычно создатель шрифта заранее прорабатывает межбуквенный интервал. Но разбираться в принципах расстояния между буквами полезно для многих digital-специалистов:

ux.pub/principle-of-using-letter-spacing/

Невозможно знать все правила типографики. Классический совет Артёма Горбунова о том, как «правило внутреннего и внешнего» облегчит жизнь дизайнеров:

bureau.ru/bb/soviet/20140818/

Повторить основы digital-типографики можно в параграфе «Ководства» Артемия Лебедева:

artlebedev.ru/kovodstvo/sections/62/

Несколько простых советов по мгновенному улучшению типографики в интерфейсе.

ux.pub/7-sovetov

#nimaxbrainshare #nimaxbrainshare_typography

#СпециалистыНимаксДелятся
Тест по типографике

Базовые навыки типографики важны не только для дизайнеров. Они пригодятся всем, кто работает с документами, презентациями, письмами — любыми текстами. Проверьте в нашем тесте, насколько хорошо вы разбираетесь в типографике!

test.nimax.ru/typography

#nimaxbrainshare #nimaxbrainshare_typography

#Образовательное
Практика в вёрстке и типографике

Тренажёр Максима Ильяхова помогает развить насмотренность в вёрстке и типографике. На экране показывают две картинки с разной вёрсткой. Задача — найти лучшую вёрстку, чтобы набрать как можно больше очков.

maximilyahov.ru/trenazher/

Потренируйте навык насмотренности при выборе правильного расстояния между буквами в игре Kern Type.

type.method.ac/#

#nimaxbrainshare #nimaxbrainshare_typography #nimaxbrainshare_layout

#БонуснаяРубрика
Упростить жизнь себе и коллегам

Чтобы не искать и не копировать редкие символы из интернета, скачайте типографскую раскладку от Ильи Бирмана. Просто использовать, подходит для Mac и Windows.

ilyabirman.ru/projects/typography-layout/

Pangram распродаёт большой пакет базовых шрифтов за 25$.

pangrampangram.com/products/fsp-2019

#nimaxbrainshare #nimaxbrainshare_typography #nimaxbrainshare_layout

Следующая подборка от отдела Nimax Web про дизайн таблиц. Собрали ссылки о воспитании в себе хороших манер по созданию визуально организованных и понятных таблиц, их адаптиве. Поделимся нюансами работы с Google-таблицами и бонусным материалом про особенность таблиц в средневековых книгах.

#nimaxbrainshare #nimaxbrainshare_tables

#Образовательное
Про наглядность и дизайн таблиц

Дизайнер Игорь Штанг разбирает многочисленные таблицы о симптомах коронавируса и пытается оценить их наглядность.

nobelfaik.medium.com/наглядность-в-таблицах

Визуально правильно организованная табличка помогает специалисту быстро и эффективно обрабатывать большой массив информации. Аргумент в пользу — перевод статьи “Design better data tables” про важность хорошего дизайна UX-таблицы.

ux-journal.ru/rukovodstvo-po-dizajnu-tablits

#nimaxbrainshare #nimaxbrainshare_tables

#БесплатноеНоНеБесполезное
Мастер-класс по методу работы с вёрсткой таблиц

На реальных макетах Игорь Штанг рассказывает о неудачной вёрстке линеек и использования плашек таблиц. Посмотреть можно на YouTube:

youtu.be/lAqfdjvxT0U

#nimaxbrainshare #nimaxbrainshare_tables

#Бонусное
Средневековая таблица — какая она?

Почитайте про особенности вёрстки таблицы французской книжки 1700 года. Эта публикация разбивает современные табличные стереотипы, которые существуют в диджитал-среде:

nobelfaik.livejournal.com/159641.html

#nimaxbrainshare #nimaxbrainshare_tables

Материалы этой недели посвящаем модульным сеткам. Отдел Nimax Web собрал ссылки про значимость модульных сеток в веб-дизайне и их правильном использовании в веб-дизайне.

#nimaxbrainshare #nimaxbrainshare_grid

#Образовательное
Для чего нужна модульная сетка, и как ускорить работу при создании макета сайта?

Дизайнер интерфейсов, иллюстратор и арт-директор CONTENTED Андрей Малеваник рассказывает про принцип работы с модульными сетками и типы макетов по сетке. Смотреть на YouTube:

youtu.be/ZRpMrP2RAlI

Перевод статьи студии Marc Andrew с понятным объяснением, почему веб-дизайнеру стоит использовать сетку 8pt при создании макета:

ux.pub/kak-sozdavat-luchshie-makety-s-pomoschyu-setki-8pt/

#nimaxbrainshare #nimaxbrainshare_grid

#БесплатноеНоНеБесполезное
Генерация сетки

Полезный плагин, который автоматически сгенерирует сетку для всех разрешений на Tilda:

figma.com/community/plugin

Часть свода правил от Material Design о сетке и правилах, используемые при создании продуктов Google:

material.io/design/layout/responsive-layout-grid.html

#nimaxbrainshare #nimaxbrainshare_grid

#Бонусное
Вдохновляющий спецпроект

Оцените, какую стильную вёрстку подготовила американская площадка Spotify к спецпроекту по итогам 2020 года. Нам понравилось сочетание крупных элементов и шрифтов:

ads.spotify.com/en-US/2020-wrapped/

#nimaxbrainshare #nimaxbrainshare_grid