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

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

@thisisnotatable
Изображение канала: табличный дизайн
5 747 подписчиков
22 поста
Посты
кстати о курсах. вчера общались с игорем штангом — обсуждали последние детали перед запуском нашего нового курса по типографике и вёрстке, который мы анонсировали год назад. в процессе разговора я решил глянуть, как люди ищут наш курс по таблицам через поисковые системы, и наткнулся на прекрасный запрос в яндексе, которым теперь и хочу поделиться с вами.
если автор этого запроса тут — передаю ей или ему привет и спасибо за поднятое настроение.
Изображение поста
иногда попадаются таблицы из совершенно другого мира.
можно ли сказать, что в этой таблице хорошего, а что плохого? как это оценивать, не зная чужого языка? я не всегда уверен, что знаю ответ.
Изображение поста
достаточно интересно сделана инструкция по умножению чисел в столбик
просто прямые указания, дословно и кратко пример.)
Изображение поста
там вобще интересное издание, где есть почти настоящие таблицы даже
и надо сказать, что копиевский не так обильно пользуется линейками, как например в греко-латино-славянской академии Поликарпов, в тоже время
Изображение поста
непростую мне фёдор поставил задачу, ох непростую! оценивать такие работы без контекста — задача практически невыполнимая. ведь мы (ну, преимущественно я) мало знакомы с условиями и задачами, в которых это всё создавалось.
думал я, думал, и придумал, что не буду оценивать, а вместо этого напишу копиевскому письмо! из наших дней — в его дни. для этого я выбрал одну его табличку и переделал. вот она. а письмо — следом. хотите и вы написать — пишите в комментариях.
Изображение поста
весенняя 🌸 распродажа 🌼 нашего #buy">курса 🌾 по 🌱 таблицам!
до конца майских скидка на теорию — 1000 ₽, а на теорию и практику — 3000 ₽. я всегда рекомендую практику, потому что знать — хорошо, а уметь — гораздо лучше. если сомневаетесь — почитайте #reviews">отзывы о курсе. напомню, что курс может оплатить ваша компания (без скидки). позанимайтесь в праздники!
вернёмся к данным! на днях попался интересный таймлайн про то, какие камни и минералы были в моде в разные династии древнего египта.
удивлён, что мой любимый лазурит (lapis lazuli) занимает всего ничего. видимо, месторождение было совсем небольшим, плюс везли издалека. если не ошибаюсь, что сейчас, что тогда, основная добыча — в афганистане. в комментарии закину инстайты от ии-чатика, тут не помещается.
Изображение поста
от чего умирают в штатах, что там гуглят, и про что пишут медиа.
прекрасный пример, работающий исключительно в связке. любой график по отдельности вызвал бы реакцию типа «ну да, всё так», но вместе они создают новую историю, показывая, что есть три совершенно разных мира. см. также: от чего умирают люди в разном возрасте
Изображение поста
пока выше идёт голосование за то, какую главу табличного курса открыть для всех, проведём ещё одно — не менее важное — голосование в комментариях.
не лишним будет обратить внимание на дизайнерскую сторону картинки: даны не просто типы ступней, а ещё к ним добавлены линии, упрощающие рисунок до самого главного отличия этого типа. см. также на девушек в стадии овуляции
Изображение поста
пост сдал, пост принял. теперь ваша очередь.
на картинке — состояние человека до и после 15-дневного голодания на воде. как бы вы улучшили эту картинку? показывайте свой вариант, текстом не пишите — так все могут.
Изображение поста
попалась реклама фитнес-приложения, которая напомнила о двухгодичном посте, в котором я считал сколько нужно пройти, чтобы сжечь калории выпитого алкоголя: https://telegra.ph/alcoroute-03-10
почитал, улыбнулся. вам тоже рекомендую. а приложение в рекламе — чушь какая-то.
Изображение поста
эволюция алфавита,
мэт бейкер https://www.youtube.com/watch?v=3kGuN8WIGNc пунктир можно было бы заменить на спрошную линию, или немного приглушить — так буквы стали бы заметнее.
Изображение поста
пробелы и символы нулевой ширины.
полезная табличка кирилла беляева: https://kirillbelyaev.com/s/ru/
Изображение поста
выходные закончились, давайте начнём сразу с практики.
вадим, читатель канала, прислал классную (в плохом смысле) таблицу расписания катка. как бы вы её переделали? показывайте картинки. сегодня — предпоследний день, когда можно купить наш курс по таблицам со скидкой: https://www.igorshtang.ru/course/tables/#buy
Изображение поста
в тиктоке попался ролик про то, как гринч побеждает санту по запросам в гугле. сохранить забыл, но данные легко взять у самого гугла.
к сожалению, статистика ведётся только с 2004, поэтому начало противостояния можно только представить. гугл пока не додумался красить линии в цвет темы, так что сделаем это за него. заодно добавим годы премьер фильмов. вы знали кстати, что про гринча есть (судя по всему очень плохой) фильм ужасов? в россии статистика чуть другая: гринч также популярнее санты, но дед мороз уделывает всех без каких-либо фильмов. правда популярность его с 2015 идёт на спад.
Изображение поста
в нашем #buy">курсе по таблицам есть целая глава про шрифт и его читаемость: не только как выбрать подходящую гарнитуру под конкретную информацию, с которой вы работаете, но и как настроить шрифт так, чтобы облегчить его чтение. потому что даже хороший шрифт нужно иногда настраивать.
кстати у шрифта гилл, который в примере про снежинки, есть проблема: у него аж три знака выглядят совершенно одинаково. в случае снежинок это ок, там текста особо нет. но если такой шрифт используется с более сложным материалом, однажды эта проблема может всплыть и сильно усложнить работу. а может даже и потребовать замену шрифта — два раза то есть за шрифт платить придётся. курс, напомню, до 10 января со скидкой
Изображение поста
как вид снежинок зависит от температуры и влажности.
из хорошего тут: · группы, и то, что они подписаны. вроде можно было и не делать, но с ними быстрее схватываешь. кстати, если не ошибаюсь, первая и третья группа — это как раз особенно скрипучий снег. · хорошая отрисовка: не просто красиво, а ещё и наглядно, потому что добавили объём. · отдельно стоит отметить шрифт, который у некоторых читателей канала вызовет волну ностальгии. но это, думаю, не было задачей автора.
Изображение поста
сделали с игорем до конца недели на #buy">курс по таблицам скидки, успейте купить.
я редко говорю, поэтому по случаю скажу: курс отличный и я его рекомендую всем, потому что он, по секрету, не только про таблицы, но ещё и про типографику, интерфейс, инфографику и редактуру. а с практикой, как всегда, материал становится в несколько раз полезнее.
Изображение поста
визитка йозефа мюллера-брокмана.
по композиции конечно интересно. близость к полям сверху и снизу — это, как говорится, не просто смело, а пиздец как смело (макет, напомню, из прошлого столетия). но, к сожалению, с точки зрения табличности тут сетка победила смысл: · studio и privat не выглядят заголовками групп, а это они. · средняя колонка группы с номерами больше объединяется по вертикали, чем с блоком, который справа от него. уверен, что если подрисовать сетку, то всё хорошо соберётся — такое часто бывает, что автор скрывает сетку из макета, и не видит, что получилось не очень, потому что сетка осталась у него в голове. а вот у зрителя её нет, поэтому просто что-то странное перед глазами.
Изображение поста
«Если бы эта статья была написана на японском, она была бы длиннее. Перевод на тайский, между тем, был бы короче. Тем не менее, те, кто читает её вслух на любом из языков или на оригинальном английском, закончили бы примерно в одно и то же время.
Этот странный феномен стал предметом нового исследования, которое показывает, что языки сталкиваются с компромиссом между сложностью и скоростью. Языки, насыщенные информацией, произносятся медленнее, в то время как более простые языки говорят быстрее. В результате большинство языков одинаково эффективны в передаче информации.» https://www.economist.com/graphic-detail/2019/09/28/why-are-some-languages-spoken-faster-than-others
Изображение поста