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

Сегодня пришло письмо от издателя: общие продажи моей книги «Сложный дизайнер» на конец июня составили 4934 шт. (Знач ща 10 августа можно смело думать что 5000 — это за три года). (А если добавить веб-версию, будет примерно 8600, но если вычесть тех, кто купил обе, можно думать про 7500 читателей.) (Ну, кто-то купил и не прочитал. А кто-то купил и дал почитать кому-то ещё. Книга у меня простая, многие осилили за вечер, так что я думаю, совсем уже не прочитавших должно быть немного. Точную цифру мы никогда не узнаем, но давайте для ровного счёта думать про 7500.) 7500 настоящих живых людей, с руками, ногами и головами. Они где-то живут, о чём-то беспокоятся, чему-то радуются и что-то (очевидно) пытаются изменить. Очень много людей. Многие из них с тех пор как прочитали, уже два раза сменили профессию и десять раз — работу. Учитывая, что я современник, а не классик, и нишевость темы, и довольно скромную медийность автора — это довольно много людей. И это связано с тем, что книгу рекомендуют. Важнейший опыт, который помогает и дальше что-то делать, и рассчитывать, что если сделаешь хорошо, то всё получится в десять раз лучше, чем мечтал. https://intuition.team/ru/complex-designer ¯\_(ツ)_/¯

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

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

обратите внимание на это меню, оно достаточно нестандартное и даже, я бы сказал, рискованное. во-первых, в нём нет единиц измерения: ни рублей, ни миллилитров, ни граммов — просто числа. чтобы такое сделать, дизайнер должен быть смелым. теряется ли что-то без этих уточнений? кто-то скажет, что да, но мне, например, было всё понятно сразу. я сначала заказал, и потом уже только осознал. во-вторых, посмотрите на работу с цветов. объём — коралловым, цена — чёрным. этого небольшого разделения достаточно, чтобы числа не путались между собой. мне не очень нравится, что и заголовки набраны тем же цветом, что и объём — это может создать ненужную связь. чёрные заголовки тоже хорошо бы смотрелись. но как будто и тут проблема скорее выдуманная. такое вот красивое и непростое меню! курс «типографика и вёрстка» начинается на следующей неделе — записывайтесь, ещё есть пара свободных мест: https://www.igorshtang.ru/course/verstka#buy

Курс «Типографика и верстка» начинается ровно через неделю, 3 августа, это ласт колл: igorshtang.ru/course/verstka Отзыв Марии Грибовой о курсе в феврале-марте:

Во-первых, два преподавателя — это круто, особенно было интересно на созвонах, можно получить две точки зрения. Во-вторых, понравилось, как преподаватели работают с макетами: не навязывают какой-то свой вариант, а докручивают идею студента. В итоге на каждой неделе в группе получалось несколько макетов, все со своим уровнем сложности. В-третьих, преподаватели всегда помогали разобраться с технической реализацией той или иной идеи в фигме или индизайне, для меня это было очень ценно. Ну и в-четвертых, было весело! Преподаватели умеют давать обратную связь даже на плакат из девяностых без какого-то хейта, но с юмором и уважением к чужой идее. Я не дизайнер, но не почувствовала себя совсем уж неумехой. В-пятых, классный был поток! Чувствовалось, что участники — спецы с разным бэкграундом: кто-то занимается лендингами, кто-то верстает книги, кто-то классно работает с фотками.

давайте поговорим о стиле. вот табличка на закрывшейся церкви в умбе. как вы считаете, подходит ли такое оформление этой табличке? что можно было бы изменить, чтобы подходило больше и возможно ли это вообще? курс «типографика и вёрстка» скоро начинается — записывайтесь, стартуем через неделю: https://www.igorshtang.ru/course/verstka#buy

вот такая табличка попалась мне сегодня. как считаете, нужны тут фотографии для стандартных вещей, которые все знают как выглядят, или хватило бы просто списка? ближайший курс типографики и вёрстки начнётся 3 августа, присоединяйтесь: https://www.igorshtang.ru/course/verstka/#buy

Несмотря на то, что таблица — преимущественно текстовый формат, в нее легко интегрировать картинки. Вот здесь разрез почвы встал как влитой. А может, это вообще не таблица, в которую поместили картинку, а картинка, которая обросла таблицей? Смотря как посмотреть 🤔 О наглядности данных рассказываем в отдельной большой главе курса «Таблицы и прочие радости». Этапы осадконакопления, почвообразования и криолитогенеза по материалам Чекалинского разреза. Из книги «Природа и древний человек». Москва, издательство «Мысль», 1981

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

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

на курсе типографика и вёрстка у нас есть целый блок про таблицы с классным заданием — нужно переверстать табличку о типах кожи по фитцпатрику. покажу несколько работ участников с предыдущих потоков. на что стоит обратить внимание (помимо того, что это учебные работы и возможны мелкие недочёты): · насколько разными могут быть решения — от чисто текстовых до полностью графических. · в очередной раз очень хорошо видно, что одного правильного решения нет, и всё зависит от автора и его подхода. · ощутите как выбранная стилистика влияет на восприятие материала. все таблицы по содержанию одинаковые, а ощущаются они совершенно по-разному. · типографика в таблицах — далеко не последнее слово. я бы даже сказал, что таблицы — это вообще идеальный вход в типографику. поэтому: ближайший курс типографики и вёрстки начнётся 3 августа, присоединяйтесь: https://www.igorshtang.ru/course/verstka/#buy

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

смотрите, что мы с соней исполнили: https://hsedesign.ru/project/marginalnaya-tipografika-1f5ed8a995c44a5faee1cf4ae7521792 пока не продаём, показываем. но очень скоро, надеюсь, уже всё изменится

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

красивые тепловые карты кинотеатров из исследования кинопоиска

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

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

(простите, я из-за жары разучился пользоваться телеграмом)