TGViewer
Channel Public Channel
Как это сверстано

Как это сверстано

@kaketosverstano

Игорь Штанг @nobelfaik о хитростях верстки

Типографика и верстка: igorshtang.ru/course/verstka

Большая переверстка: vk.com/pereverstka_online

Таблицы и прочие радости: igorshtang.ru/course/tables
Subscribers
8.29K
Photos
804
Videos
2
Links
160
Recent Posts 8 shown
Post #858 1.24K
Движение образует форму

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

Следующий мастер-класс пройдет 5—24 октября, присоединяйтесь: vk.ru/pereverstka_online
  • 🍓 24
  • 🔥 7
  • ❤ 3
  • 👎 1
Post #857 1.78K
4. Кроме обычных примеров (сканов и скринов), будут еще вот такие схемы конструкций.
#курсовоздухе
  • ❤ 53
  • 🔥 14
  • 👍 7
  • ⚡ 6
  • 💊 1
Post #856 1.71K
Новости курса о воздухе

1. Я его пишу. По 20-30 минут в день, зато каждый день. С утреца после кофе — именно в это время на меня снисходит вдохновение. А иногда еще вечерком.

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

3. Пишу в гугл-доке и ничего пока не верстаю и не оформляю, потому что я не умею думать о содержании и форме одновременно. Сначала мне нужно полностью сконцентрироваться на содержании, а потом абстрагироваться от него и начать думать о форме.

#курсовоздухе
  • ❤ 63
  • 🔥 25
  • 🍓 7
  • ❤‍🔥 5
  • 😁 2
Post #853 2.12K
Еще раз про самую дурацкую сортировку

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

Сейчас покажу несколько новых примеров, и они не такие однозначные. Давайте посмотрим, в чем разница:

Пример 1. Типичная дурацкая лесенка «просто для красоты». Если бы за этими данными стояло какое-то исследование, то их можно было расположить, например, по частотности — сначала те, которые при опросе называют или выбирают чаще. (Ваши варианты сортировки этого списка напишите в комментариях.)

Пример 2. Загадочное меню «Золотого яблока». Тут вообще непонятно, случайно это получилось или так задумано. Если лесенка соответствует расположению по смыслу (по «важности» для клиента или для бизнеса), то это бинго. А если нет, то у меня есть три аргумента в ее оправдание: она 1) небольшая 2) ровная 3) графически поддержана треугольником. В общем, мне нравится. А вам?

Пример 3. Здесь лесенка уместна, потому что это список из статьи про самые длинные слова русского языка. Поскольку мы сравниваем именно длину слов, то и расставить логично по длине.

Теме сортировки посвящена отдельная глава курса «Таблицы и прочие радости»: igorshtang.ru/course/tables
  • ❤ 31
  • 💯 8
  • 👍 4
  • 💋 1
Post #852 2.53K
Даже Ленин говорил, что

…в табличках данные выступают рельефнее и компактнее.


Подписывайтесь на таблички и прочие радости, товарищи: igorshtang.ru/course/tables
  • 😁 37
  • 💯 9
  • ❤ 3
  • 👍 1
  • 👏 1
Post #846 2.95K
Продолжая тему сеток от Виньелли. Нашел эскизы книги «40 Years of Design», сделанные для мебельной компании Knoll в 1979 году.

1. Сетка у Виньелли, как обычно, простая, но это ни разу не мешает ему делать сложные и разнообразные конструкции. Для большинства задач достаточно регулярной сетки с одинаковыми модулями, одинаковыми полями и одинаковыми средниками. Потому что магия не в самой сетке, а в том, как она заполняется.

2. На всех разворотах дизайнер оставляет много воздуха и даже не пытается забить все модули. С одной стороны, сетка — это, конечно, хороший инструмент уплотнения верстки, то есть аккуратного размещения большого количества информации. Но с другой, заполнять модули можно не только материалом, но и воздухом. Внутри сетки воздух становится таким же строительным кирпичиком композиции, как блоки текста, иллюстрации, линейки, плашки и другие «видимые» элементы. Мы можем перемещать воздух по модулям, менять его объем и форму в поисках лучшего решения.

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

Посмотреть другие развороты
  • ❤ 32
  • 🔥 21
  • ❤‍🔥 6
Post #841 2.25K
Массимо Виньелли о сетках

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

Автор в основном показывает свои работы и объясняет, как они устроены. Еще в книге много ярких высказываний о сетках и о дизайне в целом.

Вот цитата про воздух:
— Что бы вы посоветовали редакторам и заказчикам, которые хотят заполнять пустое пространство какими-нибудь статьями или другими материалами?

— Это очень трудно контролировать. Я, конечно, придерживаюсь простого принципа: если сказать нечего, то и говорить ничего не нужно. Но есть люди, которых мучает horror vacui — «боязнь пустоты». Им обязательно нужно заполнить каждый свободный сантиметр, иначе они не смогут спокойно спать. А есть такие, как я, кто совершенно спокойно относится к пустоте. Я обожаю, когда мои интерьеры остаются пустыми, но соседи всё время спрашивают: «Когда же ты наконец купишь мебель?»


Документ в свободном доступе, поэтому выкладываю его в канал. Скачал отсюда
  • ❤ 37
  • 🔥 18
  • 👍 7
Older posts →

About this channel

How can I read @kaketosverstano without a Telegram account?
TGViewer shows the public web preview Telegram publishes for Как это сверстано: recent posts, photos, videos and the subscriber count, with no app, login or account.
How many subscribers does Как это сверстано have?
Как это сверстано (@kaketosverstano) has 8.29K subscribers on Telegram, refreshed roughly every 30 minutes.
Does Как это сверстано know I viewed it here?
No. Public channel previews carry no viewer identity, and TGViewer has no accounts or tracking of what you look up.
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →