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

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

@thisisnotatable
Изображение канала: табличный дизайн
5 747 подписчиков
11 постов
Посты
эволюция алфавита,
мэт бейкер https://www.youtube.com/watch?v=3kGuN8WIGNc пунктир можно было бы заменить на спрошную линию, или немного приглушить — так буквы стали бы заметнее.
https://content.desigram.ru/static/a6b4d6f6-82ea-48db-98f9-8cdffb155b4e.jpg
пробелы и символы нулевой ширины.
полезная табличка кирилла беляева: https://kirillbelyaev.com/s/ru/
https://content.desigram.ru/static/a82c4dbb-6a2c-45b1-82b7-0a489dcc8d21.jpg
выходные закончились, давайте начнём сразу с практики.
вадим, читатель канала, прислал классную (в плохом смысле) таблицу расписания катка. как бы вы её переделали? показывайте картинки. сегодня — предпоследний день, когда можно купить наш курс по таблицам со скидкой: https://www.igorshtang.ru/course/tables/#buy
https://content.desigram.ru/static/a71ef2dd-13fe-4494-97df-34dbf7856efb.jpg
в тиктоке попался ролик про то, как гринч побеждает санту по запросам в гугле. сохранить забыл, но данные легко взять у самого гугла.
к сожалению, статистика ведётся только с 2004, поэтому начало противостояния можно только представить. гугл пока не додумался красить линии в цвет темы, так что сделаем это за него. заодно добавим годы премьер фильмов. вы знали кстати, что про гринча есть (судя по всему очень плохой) фильм ужасов? в россии статистика чуть другая: гринч также популярнее санты, но дед мороз уделывает всех без каких-либо фильмов. правда популярность его с 2015 идёт на спад.
https://content.desigram.ru/static/4324e26c-755f-44d0-88d0-4e9d12c22576.jpg
в нашем #buy">курсе по таблицам есть целая глава про шрифт и его читаемость: не только как выбрать подходящую гарнитуру под конкретную информацию, с которой вы работаете, но и как настроить шрифт так, чтобы облегчить его чтение. потому что даже хороший шрифт нужно иногда настраивать.
кстати у шрифта гилл, который в примере про снежинки, есть проблема: у него аж три знака выглядят совершенно одинаково. в случае снежинок это ок, там текста особо нет. но если такой шрифт используется с более сложным материалом, однажды эта проблема может всплыть и сильно усложнить работу. а может даже и потребовать замену шрифта — два раза то есть за шрифт платить придётся. курс, напомню, до 10 января со скидкой
https://content.desigram.ru/static/5dd19d54-7041-4cfe-ada0-47e786557f10.jpg
как вид снежинок зависит от температуры и влажности.
из хорошего тут: · группы, и то, что они подписаны. вроде можно было и не делать, но с ними быстрее схватываешь. кстати, если не ошибаюсь, первая и третья группа — это как раз особенно скрипучий снег. · хорошая отрисовка: не просто красиво, а ещё и наглядно, потому что добавили объём. · отдельно стоит отметить шрифт, который у некоторых читателей канала вызовет волну ностальгии. но это, думаю, не было задачей автора.
https://content.desigram.ru/static/81a2ec0a-2dee-4527-83c5-7c3b1462c234.jpg
сделали с игорем до конца недели на #buy">курс по таблицам скидки, успейте купить.
я редко говорю, поэтому по случаю скажу: курс отличный и я его рекомендую всем, потому что он, по секрету, не только про таблицы, но ещё и про типографику, интерфейс, инфографику и редактуру. а с практикой, как всегда, материал становится в несколько раз полезнее.
https://content.desigram.ru/static/91847629-0315-427a-b7e7-a602f0371921.jpg
визитка йозефа мюллера-брокмана.
по композиции конечно интересно. близость к полям сверху и снизу — это, как говорится, не просто смело, а пиздец как смело (макет, напомню, из прошлого столетия). но, к сожалению, с точки зрения табличности тут сетка победила смысл: · studio и privat не выглядят заголовками групп, а это они. · средняя колонка группы с номерами больше объединяется по вертикали, чем с блоком, который справа от него. уверен, что если подрисовать сетку, то всё хорошо соберётся — такое часто бывает, что автор скрывает сетку из макета, и не видит, что получилось не очень, потому что сетка осталась у него в голове. а вот у зрителя её нет, поэтому просто что-то странное перед глазами.
https://content.desigram.ru/static/cd878afd-9241-4cc9-bc64-c8bbc73dfb2d.jpg
«Если бы эта статья была написана на японском, она была бы длиннее. Перевод на тайский, между тем, был бы короче. Тем не менее, те, кто читает её вслух на любом из языков или на оригинальном английском, закончили бы примерно в одно и то же время.
Этот странный феномен стал предметом нового исследования, которое показывает, что языки сталкиваются с компромиссом между сложностью и скоростью. Языки, насыщенные информацией, произносятся медленнее, в то время как более простые языки говорят быстрее. В результате большинство языков одинаково эффективны в передаче информации.» https://www.economist.com/graphic-detail/2019/09/28/why-are-some-languages-spoken-faster-than-others
https://content.desigram.ru/static/e3c6077c-fb86-49dd-9b7e-5cbfe3b7b10d.jpg
читаю книгу, наткнулся на статистику. обратите внимание как авторы подумали за читателя, перелопатили кучу данных и аккуратно всё собрали по группам: время, пол, возраст, семейное положение.
да, это могли быть таблицы, графики, много всего. но зачем, если читатель всё равно придёт к тем же самым выводам, а некоторые даже может и упустит ещё. на всякий случай: по закону суицид — это плохо.
https://content.desigram.ru/static/14193305-4af2-4ae6-aa46-c888b656ed1d.jpg
интересное видео попалось.
интересно, во-первых, следить как с увеличением скорости шарик вытягивается из-за того, что камера не справляется по частоте кадров. во-вторых, интересное решение со скоростью шарика — подписать её рядом. хорошо работает это вместе с замедлением скорости самого видео: и то и другое говорит нам, что всё очень быстро (150 км/ч в середине видео). но больше всего нравится то, что позиция шарика статична на протяжении всей игры, а в конце он улетает. можно даже описать это так: пока шарик пребывает в активном состоянии игры, он находится в центре внимания и в центре экрана; но как только игра завершается, шарик выбывает из экрана и, соответственно, внимания (похрен нам на него короче становится, не до него теперь). скоро вернёмся к таблицам, следите за обновлениями.