табличный дизайн

рустам прислал очень красивую табличку.

сначала я подумал, что можно сделать её как в самом первом посте канала — про хирургические ножи.

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

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

так что в этот раз не перевёрстка, а просто любуемся.

между тем сентябрьская группа на «типографику и вёрстку» уже давно набралась,
следующая группа — в ноябре, записывайтесь.

вы видели кстати главную страничку курса? а открытую главу про базовые типографические настройки?

Тут в канале про формулу 1 запостили табличку с разными системами начисления очков по результатам гонки (они менялись по мере развития чемпионата)
https://t.me/f1button/5811
И прям просится редизайн от вашего канала😊

что думаете, коллеги?

Недавно я прошел очень крутой курс Игоря и Михаила по табличному дизайну.

И вот пошёл в барбершоп, в который обычно хожу. Они наконец сделали себе прайс-лист и повесили его на стене рядом со стойкой администратора. Когда я его увидел, то некоторое время ничего не мог понять + все текста были очень мелкие при таком большом формате (Ориентировочно — А2). Простояв пару минут — я так и не понял к чему относятся цены возле строк.

Естественно, я решил всё это дело переверстать, особенно после пройденного курса.

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

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

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

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

Есть такой сайт the pudding и они делают крутейшие визуальные истории, обычно с элементами скроллителлинга. Оч советую посмотреть!

Недавно у них вышел интересный материал про все видимые надписи в Нью-Йорке. Вот прям взяли панорамы из google street view и проанализировали все слова и фразы, которые можно прочитать.

Мне больше всего понравились карты с локализацией конкретных слов, например, "Luxury" в районе Hudsons, "Gold" в районе "Diamond District", и просто слово "пицца" по всему Нью-Йорку. Можно еще и сами картинки посмотреть.

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

Увидела такую таблицу и предлагаю попробовать ее переверстать. Ну точно можно лучше!

Обе метрики от 0 до 100, слева удовлетворенность автомобильным брендом, справа его надежность. По данным США, пришлось погуглить, что за Rivian такой.

Присылайте в комменты до воскресенья, обсудим 🧡

Каталоги визуализаций ✨

Снова несу полезности, или где можно подсмотреть разные типы графиков и способы их использования. Только то, куда хожу сама, когда нужно найти пример графика.

- Dataviz Project от Ferdio - оч красивый дизайн, на каждый график есть пример
- Dataviz Catalogue от Severino Ribecca - есть на русском, хорошо описана структура графика и с подборкой инструментов, где рисовать
- from Data to Viz от Yan Holtz - подход выбора графика от данных, есть примеры кода на R / Python / d3.js / React. У этого же автора есть еще сайт DataViz Inspiration с подборками классных графиков.

Есть такой инструмент Datawrapper для создания графиков, карт и таблиц. У них есть крутейший блог про датавиз и особенно много материалов про цвет.

Мы как-то собрали все это в формате большой миро доски и продолжаем пополнять. Сама в эту доску хожу время от времени, чтобы быстренько найти нужное.

И еще у них лучший базовый дизайн визуализаций, хороший график в нем – дело пяти минут.

Графики через шрифт

Наткнулась на подборку шрифтов "под визуализацию". Один из них Climate Font, который "тает на глазах" и основан на данных таяния арктического льда. Есть еще знакомый многим Sparks, который делает спарклайны и Chartwell -- он риусует настоящие графики.

Собирала не так давно вариант улучшения таблицы в местах, где их делают чаще всего --Excel и Google Sheets. Никакого граф дизайна и фигмы, надеюсь, что вам будет интересно. Миша одобрил, поэтому и несу показывать 🐙

https://t.me/nastengraph/4663