gram news
Аватар канала Как это сверстано

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

@kaketosverstano

Игорь Штанг @nobelfaik о хитростях верстки Типографика и верстка: igorshtang.ru/course/verstka Большая переверстка: vk.com/pereverstka_online Таблицы и прочие радости: igorshtang.ru/course/tables

ПроектыRUДизайн

8,280подписчиков

Открыть канал

Последние посты

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

    9 сент., 10:25

    Движение образует формуЕще одна книга, которую часто выбирают студенты «Большой переверстки», чтобы сверстать для нее обложку. Показываю 5 макетов, сделанных на разных потоках. А здесь текст задания.Следующий мастер-класс пройдет 5—24 октября, присоединяйтесь: vk.ru/pereverstka_online
    Иллюстрация к посту канала Как это сверстаноИллюстрация к посту канала Как это сверстаноИллюстрация к посту канала Как это сверстаноИллюстрация к посту канала Как это сверстано
    1,26024731Открыть в Telegram
  • Как это сверстано

    5 сент., 19:01изменён

    4. Кроме обычных примеров (сканов и скринов), будут еще вот такие схемы конструкций. #курсовоздухе
    Иллюстрация к посту канала Как это сверстаноИллюстрация к посту канала Как это сверстано
    1,7905315761Открыть в Telegram
  • Как это сверстано

    5 сент., 18:20изменён

    Новости курса о воздухе1. Я его пишу. По 20-30 минут в день, зато каждый день. С утреца после кофе — именно в это время на меня снисходит вдохновение. А иногда еще вечерком.2. Структура получилась практически безупречная, потому что простая — это видно даже по названиям. Всего 6 глав, все построены однотипно.3. Пишу в гугл-доке и ничего пока не верстаю и не оформляю, потому что я не умею думать о содержании и форме одновременно. Сначала мне нужно полностью сконцентрироваться на содержании, а потом абстрагироваться от него и начать думать о форме.#курсовоздухе
    Иллюстрация к посту канала Как это сверстаноИллюстрация к посту канала Как это сверстано
    1,7206325752Открыть в Telegram
  • Как это сверстано

    31 авг., 14:45

    Еще раз про самую дурацкую сортировкуУ меня был пост про самую дурацкую сортировку — это когда строчки списка расставляют по их длине, то есть лесенкой. Дурацкая она потому, что по ней невозможно разобраться в данных и невозможно ничего найти. Это формальный прием, который никак не отражает содержание и структуру информации. Но…Сейчас покажу несколько новых примеров, и они не такие однозначные. Давайте посмотрим, в чем разница:Пример 1. Типичная дурацкая лесенка «просто для красоты». Если бы за этими данными стояло какое-то исследование, то их можно было расположить, например, по частотности — сначала те, которые при опросе называют или выбирают чаще. (Ваши варианты сортировки этого списка напишите в комментариях.)Пример 2. Загадочное меню «Золотого яблока». Тут вообще непонятно, случайно это получилось или так задумано. Если лесенка соответствует расположению по смыслу (по
    Иллюстрация к посту канала Как это сверстаноИллюстрация к посту канала Как это сверстаноИллюстрация к посту канала Как это сверстаноИллюстрация к посту канала Как это сверстано
    2,13031841Открыть в Telegram
  • Как это сверстано

    17 авг., 07:18

    Даже Ленин говорил, что…в табличках данные выступают рельефнее и компактнее.Подписывайтесь на таблички и прочие радости, товарищи: igorshtang.ru/course/tables
    2,540379311Открыть в Telegram
  • Как это сверстано

    14 авг., 07:17

    Продолжая тему сеток от Виньелли. Нашел эскизы книги «40 Years of Design», сделанные для мебельной компании Knoll в 1979 году.1. Сетка у Виньелли, как обычно, простая, но это ни разу не мешает ему делать сложные и разнообразные конструкции. Для большинства задач достаточно регулярной сетки с одинаковыми модулями, одинаковыми полями и одинаковыми средниками. Потому что магия не в самой сетке, а в том, как она заполняется.2. На всех разворотах дизайнер оставляет много воздуха и даже не пытается забить все модули. С одной стороны, сетка — это, конечно, хороший инструмент уплотнения верстки, то есть аккуратного размещения большого количества информации. Но с другой, заполнять модули можно не только материалом, но и воздухом. Внутри сетки воздух становится таким же строительным кирпичиком композиции, как блоки текста, иллюстрации, линейки, плашки и другие «видимые» элементы. Мы можем
    Иллюстрация к посту канала Как это сверстаноИллюстрация к посту канала Как это сверстаноИллюстрация к посту канала Как это сверстаноИллюстрация к посту канала Как это сверстано
    2,95032216Открыть в Telegram
  • Как это сверстано

    12 авг., 10:03

    2,350файл18124Открыть в Telegram
  • Как это сверстано

    12 авг., 10:03

    Массимо Виньелли о сеткахОказывается, у Виньелли есть своя книга о сетках. Точнее, это не совсем книга, а «презентация к семинару для федеральных графических дизайнеров», изданная в бумажном виде в 1978 году.Автор в основном показывает свои работы и объясняет, как они устроены. Еще в книге много ярких высказываний о сетках и о дизайне в целом.Вот цитата про воздух: — Что бы вы посоветовали редакторам и заказчикам, которые хотят заполнять пустое пространство какими-нибудь статьями или другими материалами?— Это очень трудно контролировать. Я, конечно, придерживаюсь простого принципа: если сказать нечего, то и говорить ничего не нужно. Но есть люди, которых мучает horror vacui — «боязнь пустоты». Им обязательно нужно заполнить каждый свободный сантиметр, иначе они не смогут спокойно спать. А есть такие, как я, кто совершенно спокойно относится к пустоте. Я обожаю, когда мои
    Иллюстрация к посту канала Как это сверстаноИллюстрация к посту канала Как это сверстаноИллюстрация к посту канала Как это сверстаноИллюстрация к посту канала Как это сверстано
    2,26037187Открыть в Telegram
  • Как это сверстано

    7 авг., 10:56

    Ленинградский каталог1. Книг, построенных горизонтально (этажами) намного меньше, чем построенных вертикально (колонками). Это редкий пример. Причиной такой конструкции стали, скорее всего, горизонтальные фотографии, которых в книге больше всего (первый разворот, левая страница).2. На отдельных разворотах собраны картинки другого качества — не прямоугольные, а свободной формы. Тут вперемешку и обтравленные фотографии, и рисованные иллюстрации — все разных форм, цветов, размеров и ракурсов.Даниил Гранин. Ленинградский каталог. Ленинград, издательство «Детская литература», 1986. Формат 162 × 214 мм. Оформление и рисунки Г. Никеева #макет #советскаякрасота
    Иллюстрация к посту канала Как это сверстаноИллюстрация к посту канала Как это сверстаноИллюстрация к посту канала Как это сверстаноИллюстрация к посту канала Как это сверстано
    2,29042411Открыть в Telegram
  • Как это сверстано

    1 авг., 13:11

    Ваша любимая рубрика #аэтовообщезаконноКнига издана в 1991 году, а этот год самый загадочный, потому что переходный: не всегда понятно, это ещё СССР или крышу уже снесло? Здесь кажется, что снесло.
    Иллюстрация к посту канала Как это сверстаноИллюстрация к посту канала Как это сверстаноИллюстрация к посту канала Как это сверстано
    2,44050192111Открыть в Telegram
  • Как это сверстано

    31 июл., 09:39

    А вот моя мысль, даже две. Но сначала предыстория.Лазаю я, значит, по развалинам античных городов Аспендос и Термессос и фотографирую греческие надписи в камне. Были там и могильные плиты. Текст везде, конечно, расположен по центру или по формату, но чаще по центру и по формату одновременно. В общем, симметрично, насколько это позволяла технология.Итак, мысль первая. Когда смотришь на всё это вживую, понимаешь, что античная типографика в ее «парадном» виде была заложницей архитектуры. Текст на камне — больше орнамент, чем информация, как листочки и ленточки. Буквы одной высоты, строчки одной длины — это и есть кирпичи, о которых пишет Уайт. Для полного счастья архитекторам не хватало только моноширинного алфавита, как у китайцев.Мысль вторая. Раз эти формы неестественны для текста, почему же тогда они так долго просуществовали и живы до сих пор? Ведь после античных монументальных
    Иллюстрация к посту канала Как это сверстаноИллюстрация к посту канала Как это сверстаноИллюстрация к посту канала Как это сверстаноИллюстрация к посту канала Как это сверстано
    2,4003811321Открыть в Telegram
  • Как это сверстано

    31 июл., 07:07изменён

    Ян Уайт о выключке по центруПеречитывал книгу «Редактируем дизайном» Яна Уайта и нашел хорошую мысль о центральной выключке. Тут есть о чем поспорить и примеры утрированные, но мысль автора оказалась близка к моей (в следующем посте). Уайт пишет:Напечатанные слова — не мертвая материя, их нельзя укладывать, как кирпичи. Слова — текучие символы, за которыми взгляд следует поперек страницы, слева направо или с запада на восток. Симметричное расположение текста навязывает ему форму безотносительно к смыслу и синтаксису. Ось симметрии, вокруг которой вращается текст, — чисто эстетическое средство, стоящее в назначенной ему позиции (по центру) исключительно для красоты. Такое расположение часто противоречит смыслу слов. Что еще хуже — такая форма текста затрудняет его быстрое понимание. Прочтите пример вслух с паузами между строчками, и увидите, как это влияет на смысл.Идеальное место
    Иллюстрация к посту канала Как это сверстаноИллюстрация к посту канала Как это сверстано
    2,1303416104Открыть в Telegram
  • Как это сверстано

    28 июл., 12:22

    Вы уж меня простите, но тут образовалась подборка обложек про восточные единоборства. Не все они советские, есть из 90-х.Такие динамичные картинки с ногами и руками в разные стороны сами подталкивают к неожиданным приемам верстки. Дизайнеру нужно решить как минимум две нетривиальные задачи:1. Как расположить текст и связать его с картинкой в единую композицию? Поскольку картинка сложной формы, то отделаться стандартными компоновками не получится, придется экспериментировать.2. Какой выбрать шрифт? И тут тоже много вариантов: а) уйти в восточный стиль; б) развить стиль, заданный картинкой; в) использовать нейтральный, «обычный» шрифт — или тот, который «сейчас» считается актуальным. И так далее.Результаты оценивайте сами)
    Иллюстрация к посту канала Как это сверстаноИллюстрация к посту канала Как это сверстаноИллюстрация к посту канала Как это сверстаноИллюстрация к посту канала Как это сверстано
    1,98032142Открыть в Telegram