Следующая подборка от отдела 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