табличный дизайн
7.24K subscribers
634 photos
21 videos
1 file
248 links
канал @kapanaga по мотивам курса igorshtang.ru/course/tables/

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

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

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

такое вот красивое и непростое меню!

курс «типографика и вёрстка» начинается на следующей неделе — записывайтесь, ещё есть пара свободных мест:
https://www.igorshtang.ru/course/verstka#buy
❤35🤔8🔥7💩1
давайте теперь вы. что хорошего видите в этой таблице, а что можно улучшить и как?
🥰4❤1
женя — классный. если вы не читали его книгу, то почитайте. а если читали, то подарите кому-нибудь, кто не читал.
❤4
Сегодня пришло письмо от издателя: общие продажи моей книги «Сложный дизайнер» на конец июня составили 4934 шт. (Знач ща 10 августа можно смело думать что 5000 — это за три года). (А если добавить веб-версию, будет примерно 8600, но если вычесть тех, кто купил обе, можно думать про 7500 читателей.) (Ну, кто-то купил и не прочитал. А кто-то купил и дал почитать кому-то ещё. Книга у меня простая, многие осилили за вечер, так что я думаю, совсем уже не прочитавших должно быть немного. Точную цифру мы никогда не узнаем, но давайте для ровного счёта думать про 7500.)

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

Учитывая, что я современник, а не классик, и нишевость темы, и довольно скромную медийность автора — это довольно много людей. И это связано с тем, что книгу рекомендуют.

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

https://intuition.team/ru/complex-designer

¯\_(ツ)_/¯
❤38👍12🔥2
эту картинку я часто показываю на табличном курсе при проверке задания по теме наглядности (нужно к таблице подобрать наиболее подходящие приёмы, облегчающие чтение).

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

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

что тут стоит сделать? да просто развернуть таблицу: слева, в боковике, поставить названия рецептов, а сверху, в шапке, — ингредиенты. и всё будет хорошо.

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

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

если уж переделывать во что-то нормальное, я бы:
· повернул таблицу, чтобы сравнивать можно было нормально по вертикали
· убрал усреднённые значения
· вместо столбиков показал бы распределение заливкой
· «extra» и «tricks» объединил, потому что они про одинаковое
· на счёт фоток не уверен: можно и убрать — они как будто похожие все, но жалко

но как будто лучше всё равно было бы вернуться на первую стадию и сказать: ребята, идея — странная, давайте что-нибудь другое придумаем.

а за таблицу спасибо огромное александре!
❤27🤪2🎉1
с игорем штангом объявляем новый набор на онлайновый курс по типографике и вёрстке.
начинаем уже через месяц — 26 октября, присоединяйтесь — будет много практики, в том числе с таблицами:
https://www.igorshtang.ru/course/verstka/#buy
❤9💘5😭1
к инфографике про куриц попалась вот такая ещё картинка про сыночку, который получится при скрещивании разных видов кошачьих.
по горизонтальному ритму чуть странно, и плашка не нужна. но какая разница, когда в этом мире существует лигр
😁41❤8
Forwarded from Как это сверстано (Игорь Штанг)
Открыли главу «Список» курса «Типографика и верстка», чтобы вы могли оценить, что внутри. Успевайте прочитать до 26 октября, потом снова закроем.

➡ igorshtang.ru/course/verstka/lessons/list

Ближайший поток курса начинается 26 октября, велкам.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤13💘1
Forwarded from исследование клитиков в типографике (михаил капанага)
если будете на следующей неделе в туле, сможете полистать прототип «маргинальной типографики» вживую, потому что он попал в список финалистов жар-книги, как и ещё много других красивых книжек. и фотки потом присылайте.
❤11💘1
Forwarded from Жар-книга
Завершён первый этап конкурса этого года! Определены финалисты Жар-книги 2026 в категории В «Новая книга». С результатами можно ознакомиться на партнерской платформе ДАФЕС
https://dafes.org/competition/b1e23c003f964e53b854f41d957276da
Поздравляем финалистов!
И ждем всех в Туле в гостеприимном пространстве ТИАМ на открытии выставки 14 октября в 18:00.
Имена победителей узнаем на церемонии награждения 17 октября в 18:30. Осталось совсем немного потерпеть. Программа мероприятий на сайте ТИАМ https://tiam-tula.ru/portfolio_page/novaya-kniga-natsionalnyi-konkurs-diz/
За жаркую афишу благодарим Алексея Домбровского))
👍5❤3🔥2💘2
в краеведческом музее мурманска попалась вот такая интересная табличка, в которой хитро разделены на две колонки значения и единицы измерения.

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

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

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


на ближайший поток «типографики и вёрстки» осталась пара мест, успейте записаться, начинаем 26 октября:
https://www.igorshtang.ru/course/verstka/
❤23❤‍🔥4🔥3😍2🤗2👍1👌1
This media is not supported in your browser
VIEW IN TELEGRAM
нравится вот этот кусочек из главы список, в котором мы компактно показали разные способы оформления списка.

это из курса «типографика и вёрстка». на следующей неделе начинаем, присоединяйтесь
🔥23❤6❤‍🔥4👍4😍1
настя прислала вот такую необычную табличку. как считаете, почему так оформлена линейка, ведущая к «итого» на первой страничке?
❤11🔥2💘2🤩1😍1