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

Я очень люблю канал «табличный дизайн» по той простой причине, что не мало на каких работах я делал самые разнообразные продукты, в базе которых таблицы: сервис операционной эффективности в Ситимобиле, внутренние сервисы и сервисы для разработчиков в Яндексе, многие продукты Позитива, ну и эпизодически до хера где различные внутрянки для админов, абшек и прочего дерьма. 😏

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

Но самое главное, когда ты видишь у человека в портфолио какие-нибудь таблицы, по ним сразу можно судить о двух вещах:

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

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

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

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

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

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

и подписывайтесь на сашу, он интересно пишет: @punkdesignme

интересная табличка роулинг, по которой она писала «гарри поттера и орден феникса». в боковике — хронология, в шапке — сюжетная линия.

на случай, если нужно сказать: вёрстка ужасная.

эволюция дизайна реймонда лоуи. графику позже собрали в порядке появления и времени.

что хорошего тут?

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

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

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

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

а вторая таблица вообще вся развалилась.

продолжаем смотреть на старые книжки. сегодня перед нами:

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

https://kp.rusneb.ru/item/material/nachalnoe-osnovanie-situacii

продолжим рубрику со старыми таблицами. сегодня перед нами — табличка из русского астрономического календаря 1930 года.

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

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

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

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

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

кто в детстве разбирал игрушку и не мог собрать обратно — это вот ровно оно.

тунец и лоббио любите?

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

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

исследование:
the myth of hidden ovulation: shape and texture changes in the face during the menstrual cycle