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

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

однозначного ответа на этот вопрос у меня нет — всё зависит минимум от двух вещей:

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

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

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

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

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

в нашем табличном курсе шапке посвящена целая глава.
❤‍🔥21👍14😁74🥰1😱1
уровень кислорода в атмосфере в процентах от нынешнего. выделенный период — т. н. «самое скучное время в истории земли».

прицитирую википедию (картинка тоже оттуда):

Промежуток в истории Земли, охватывающий время от 1,8 млрд лет назад до 720 млн лет назад, таким образом длившийся 1,08 млрд лет. Это время примечательно климатической стабильностью, низким уровнем кислорода в атмосфере и очень медленной эволюцией живых организмов, откуда и название.

в общем, если кто думает о стабильных днях, то вон где они.
15🥰7❤‍🔥4🔥1👌1
игорь прислал таблицу.

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

из того, что не очень:
· колонки перепутаны местами. надо чтобы слева — плохо, справа — хорошо. однако тут можно поспорить, потому что (я проверил) у морфеуса в правой руке (наше лево) была красная таблетка, которая считалась в фильме правильным решением.
· дефисы не нужны — отступов достаточно.
· листочек сам близок к категории свинства, особенно с таким неаккуратным скотчем.
28😁8🔥3😱3🥰2💯2❤‍🔥1👎1
«таблицы» с новыми нормальными форматами,
предложенными вернером
в 1911 и 1917 — «книга как создание печатника», фридрих бауэр, 1926
39👍3
вообще этот канал изначально создавался из-за того, что после написания табличного курса у нас с игорем штангом осталось примерно несколько сотен таблиц, которые никуда не пошли из-за своей специфичности. до сих пор грущу, что пришлось отказаться от таблички про сварку.

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

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

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

картинки корма, возможно, тоже помогли бы. но конкретно у этого производителя они все одинаковые, так что не в этот раз.
31💯1
давайте поговорим про госты. как-то мы опубликовали кусочек курса, в котором показывали, как перередали таблицу с боковиком (1) на таблицу без боковика (2). а в комментарии пришёл человек, который сказал, что вообще-то по госту таблица так не делается, и показал как надо делать (3). как вам? что думаете вообще о дизайнерских гостах?
🥴25😱10😁53🤔1💩1
в прошлом году мы переделывали таблицу расписания катка. это было непросто, но многие справились очень хорошо. поэтому вот вам новая табличка, с другого катка!

как бы вы её переделали? показывайте картинки.
6👍1
This media is not supported in your browser
VIEW IN TELEGRAM
ещё хорошая новость: мою книжечку про красоту теперь можно купить в любимых подписных изданиях.
можно на сайте, а можно на литейном, 57. заходите в подписные — там всегда прекрасно!

upd: в подписных всё раскупили! но есть ещё на озоне
https://www.ozon.ru/product/2023147098/

upd 2: новая партия — в подписных, можно брать
49🔥13👍7
вот как у меня получилось переделать эту прекрасную таблицу. посмотрите ещё в комментариях — там тоже есть интересные варианты.
34🔥14👍4
Forwarded from Как это сверстано (Игорь Штанг)
Вверх по лестнице, ведущей вниз

Именно этот роман чаще всего выбирают студенты «Большой переверстки», чтобы сверстать для него обложку, хотя на выбор я даю еще 120 не менее интересных названий.

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

Показываю только 9 макетов, сделанных студентами разных потоков. За кадром осталось еще несколько десятков. А здесь текст задания.

Приходите на «Большую переверстку» 16 марта — 4 апреля. И успевайте записаться до повышения цены: vk.com/pereverstka_online
20❤‍🔥4👎1