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

если вы захотели спросить про рекламу: нет, рекламы на канале не бывает. но если ваш проект связан с темой канала или вы хотите показать интересную таблицу — пишите.
Download Telegram
Forwarded from Как это сверстано (Игорь Штанг)
Вверх по лестнице, ведущей вниз

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

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

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

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

редактировать текст нельзя, менять колонки местами тоже нельзя.

у меня есть своя версия — напишу её позже, чтобы не сбивать пока вашу мысль.
24👌1
смотрите какие в т-банке молодцы: могли бы сделать классическую матричную таблицу с галочками, а вместо этого продублировали всё в каждую категорию и сделали удобно.
53👍13😁7
интересное исследование про названия цветов в разных языках.

видно как в английском (2) проседает словарь для оттенков синего.
в китайском (1) очень детально описывается часть от красного к оранжевому, но при этом нет жёлтого.
во французском (3) очень много слов для светло- и тёмно-синего и практически нет зелёного.

на сайте можно навести на цвет, чтобы увидеть название:
https://idl.uw.edu/color-naming-in-different-languages/vis/stacked-spectrum.html
🔥5526👍4
несколько новостей.

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

во-вторых, вот ссылка на курс по таблицам:
https://www.igorshtang.ru/course/tables/

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

а также: идёт набор на «типографику и вёрстку». начинаем 11 мая, присоединяйтесь:
https://www.igorshtang.ru/course/verstka/
21💯5🤗3❤‍🔥1
«Сокровищница армянского языка»
или «Thesaurus linguae Armenicae antiquae et hodiernae» Иоганна Шрёдера

1711 год

даже московитские транслитерации затесались кое-где...)

#алфавит #армяница #книга #буквицы
19❤‍🔥3🔥2🌚1
дима прислал вот такую страницу, на которой было сразу три таблички.

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

исправить это легко:
· колонки поставить поближе.
· все таблицы сверстать по общим принципам.

и всё, сразу выглядит аккуратнее и даже воспринимается проще.

на курсе по типографике и вёрстке таблицам отведена целая глава и классное задание, которое мы потом вместе разбираем. курс начинается 11 мая, присоединяйтесь
22❤‍🔥8👍6
давайте думать, подсказывайте
😁10511🔥8🤣6🤯3❤‍🔥2
купил фонарик, а в нём вот такая инструкция. кто решится переделать?

идёт набор на онлайн-курс «типографика и вёрстка». начало 11 мая:
https://www.igorshtang.ru/course/verstka/
😱21❤‍🔥96😁2🔥1
проходил мимо пляжа, увидел вот такую табличку.

зачем, спрашивается, тут вообще табличка?

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

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

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

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

идёт набор на онлайн-курс «типографика и вёрстка». начало 11 мая:
https://www.igorshtang.ru/course/verstka/
❤‍🔥5022🔥11🤩3👌3🤗2👎1🎉1
сегодня — про книжки, две новости.

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

на картинках — несколько отзывов из озона (сейчас там книга не продаётся, но вроде можно подписаться).
19❤‍🔥6🤩2👍1