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

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

и ещё: открыли запись на новый поток типографики и вёрстки, начинаем 3 августа — приходите!
7
10
Media is too big
VIEW IN TELEGRAM
14💘1
(простите, я из-за жары разучился пользоваться телеграмом)
😁17🤝2
смотрите какая хорошая табличка (отсюда). тут выравнивание колонок по центру, и это работает лучше всего, а центровка вообще очень редко когда так делает.

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

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

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

с момента публикации статьи прошло 20 лет. если вы не знали, сейчас уже курицы размером с крупных собак, а возвращение динозавров ожидается к 2050-м годам.
🔥2414😁8❤‍🔥3👍2🥰2🤗1
вот такое расписание попалось. давайте посмотрим на него с разных сторон.

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

и в целом тут всё хорошо, но:

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

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

· сортировка странная или я её не понял. тут можно сделать самую простую — по аудиториям.

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

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

в общем, переверстал я это всё в два вида. мне больше горизонтальный понравился, хотя текст в нём и чуть мельче. толстыми линейками разделил этажи по-вайнгартовски: может быть не супер понятно, но всё равно захотелось и добавляет живости. у меня не нашлось похожего узкого шрифта, сделал всё «графиком». обратите внимание, как поменялось настроение сразу: не лучше, не хуже, просто другое.
30👀4❤‍🔥1👎1
красивые тепловые карты кинотеатров из исследования кинопоиска
😍374👍4❤‍🔥2🤗2🔥1😁1