Найдено 252 совета
Алексей Мигальников: Что можно улучшить в типографике и вёрстке?…

Михаил Нозик: О формате и выборе полей P. S. Это был совет по средам о вёрстке и типографике в вебе…

Александр Чайковский: Михаил, что не так с объявлением со стороны типографики и вёрстки?…

Михаил Нозик: Но это уже другая история. P. S. Это был совет по средам о вёрстке и типографике в вебе…

Руслан: И вообще, хорошим ли тоном является закрашивание частей букв в типографике?…
Дима Плотников и Денис Дрожжов: П.: Поясните, пожалуйста, логику выбора формата электронного учебника Артёма Горбунова «Типографика и вёрстка»…

А. Г.: См. также Почему книги бюро будут доступны только по подписке Подписка на «Типографику и вёрстку» …

Владислав Семеренко: Читали книгу «Типографика и вёрстка», огромное спасибо за труд…

Михаил Нозик: Якорные объекты P. S. Это был совет по средам о вёрстке и типографике в вебе…

Артём: В программе по типографике Школы стажёров есть пункт: «Модуль…

А. Г.: Линия в типографике — это строка, второй важнейший примитив…

Арсений Бачалов: Помогите разобраться с типографикой и вёрсткой…

Михаил Нозик: Текст как базовый элемент Вёрстка текстовой страницы P. S. Это был совет по средам о вёрстке и типографике в вебе…

Сегодня заключительный совет-лекция в цикле о типографике

Типографика подчинена географии: названия морей огибают береговую линию, рек — повторяют их форму, городов — обозначают их положение…

Разбираться в типографике и иметь навыки вёрстки…

Виноваты чёрно-белая гамма, нейтральная фотография и типографика

Это был понедельничный совет о вёрстке и типографике в вебе…

Это был понедельничный совет о вёрстке и типографике в вебе…

Это был понедельничный совет о вёрстке и типографике в вебе…

Это был понедельничный совет о вёрстке и типографике в вебе…

Это был понедельничный совет о вёрстке и типографике в вебе…

Это был понедельничный совет о вёрстке и типографике в вебе…

Автоматизированная издательская вёрстка В книге «Типографика и вёрстка» я пишу о скучной стандартной кладке современных сайтов…

Пока что левак в стиле и настроении: шрифт, цвет, типографика и даже логотип не про хипстеров, бороды и велосипеды…

Я критикую её в совете о вёрстке текста с иллюстрациями и в третьем разделе книги «Типографика и вёрстка»…

Андрей Жандров: Потихоньку читаю книгу «Типографика и верстка», но, к сожалению, так и не решил возникший вопрос…

В книге «Типографика и вёрстка» 176 разворотов, почти на каждом из них есть картинки…

Для подписчиков на книгу «Типографика и вёрстка»: глава «Формат, поля и интерлиньяж» …

Читал книги о типографике, выуживая из каждой крупицы смысла и удачные ходы…

«Правило внутреннего и внешнего» — базовый принцип типографики, работающий на всех уровнях от буквы до разворота…

Модульные системы в графическом дизайне Последователи швейцарской типографики загоняли заголовки, колонки текста и иллюстрации в одинаковые прямоугольники без разбора: …

Мы неслучайно рассматриваем заголовки сразу в трёх дисциплинах Школы стажёров: в «Типографике и вёрстке», «Интерфейсе и информации» и, конечно, «Тексте и редактуре»…

В бумажной типографике сплошной текст может дробиться не только на абзацы, но и на колонки…

Основы стиля в типографике P. S. Это был совет по средам о вёрстке и типографике в вебе…

Уменьшим просветы и заодно подправим типографику

Новый сайт воплощает розовую мечту любого дизайнера, хоть раз увидевшего швейцарскую типографику и сетки, — подчинить содержание страниц единой сетке базовых линий…

Максим Санкин: Во многих книгах по типографике часто можно прочитать, что большие числа (больше 5 цифр) лучше разделять половиной пробела для лучшего визуального восприятия…

Правило внутреннего и внешнего Это базовое правило типографики, работающее на всех уровнях от буквы до сайта…

Я бы упрощал типографику, избавлялся от второстепенных деталей и не делал характеристики такими огромными…

Это был понедельничный совет о вёрстке и типографике в вебе…

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

Это был понедельничный совет о вёрстке и типографике в вебе…

А там, глядишь, и появятся идеи, что ещё добавить полезного на страницу. P. S. Это был совет по средам о вёрстке и типографике в вебе…

Это был понедельничный совет о вёрстке и типографике в вебе…

Это был понедельничный совет о вёрстке и типографике в вебе…

Чтобы отделить объявление от окружающей среды, добавим ему окантовку, как у дорожных знаков: P. S. Это был совет по средам о вёрстке и типографике в вебе…

Это был понедельничный совет о вёрстке и типографике в вебе…

Это был понедельничный совет о вёрстке и типографике в вебе…

Это был понедельничный совет о вёрстке и типографике в вебе…

Стало P. S. Это был совет по средам о вёрстке и типографике в вебе…

Это был понедельничный совет о вёрстке и типографике в вебе…

Это был понедельничный совет о вёрстке и типографике в вебе…

Это был понедельничный совет о вёрстке и типографике в вебе…

Это был понедельничный совет о вёрстке и типографике в вебе…

Это был понедельничный совет о вёрстке и типографике в вебе…

Интересно, что это за традиция выравнивать подвалы на мобильных по центру? P. S. Это был совет по средам о вёрстке и типографике в вебе…

Это был понедельничный совет о вёрстке и типографике в вебе…

Высота страницы стала меньше в два раза, конструкция — крепче, вёрстка — выразительнее. P. S. Это был совет по средам о вёрстке и типографике в вебе…

Картинки крупнее, сетка разнообразнее — разглядывать страницу интереснее. P. S. Это был совет по средам о вёрстке и типографике в вебе…

На кого вы хотите быть похожими? P. S. Это был совет по средам о вёрстке и типографике в вебе…

Приглашаю уважаемых советчиков дополнить список проблем и предложить улучшения. P. S. Это был совет по средам о вёрстке и типографике в вебе…

Фотография крупнее, информации больше, читать проще, разделительные линейки — не нужны. P. S. Это был совет по средам о вёрстке и типографике в вебе…

Однако его лучше поставить после текста (см. совет о вёрстке текстовых блоков с иллюстрациями) P. S. Это был совет по средам о вёрстке и типографике в вебе…

Например, Вконтакте ограничивает максимальную высоту картинки в ленте пользователя, и квадратное объявление окажется в проигрыше. P. S. Это был совет по средам о вёрстке и типографике в вебе…

В следующем совете попробуем нарисовать новую версию страницы. P. S. Это был совет по средам о вёрстке и типографике в вебе…

О них — в следующем совете. P. S. Это был совет по средам о вёрстке и типографике в вебе…

Страница короче, вёрстка интереснее, пользы больше. P. S. Это был совет по средам о вёрстке и типографике в вебе…

Этим и займёмся в следующем совете. P. S. Это был совет по средам о вёрстке и типографике в вебе…

О вёрстке текстовой страницы О вёрстке модульной страницы без иллюстраций Улучшение читаемости длинной статьи P. S. Это был совет по средам о вёрстке и типографике в вебе…

новости на главных страницах Регуляра и Мэри Трюфеля Продолжение следует. P. S. Это был совет по средам о вёрстке и типографике в вебе…

Совет о сайте автомастерской P. S. Это был совет по средам о вёрстке и типографике в вебе…

В следующем совете разберёмся с рекламой и попробуем развеселить описание продукта. P. S. Это был совет по средам о вёрстке и типографике в вебе…

Приглашаю уважаемых советчиков предложить другие улучшения вёрстки и страницы в целом. P. S. Это был совет по средам о вёрстке и типографике в вебе…

О вёрстке текстовой страницы О правиле внутреннего и внешнего P. S. Это был совет по средам о вёрстке и типографике в вебе…

Крупная фотография вносит разнообразие в сетку и привлекает внимание к новинке. P. S. Это был совет по средам о вёрстке и типографике в вебе…

Разбор афиши акции «Быть добру» P. S. Это был совет по средам о вёрстке и типографике в вебе…

О чередовании ритма О страницах с иллюстрациями О ссылках P. S. Это был совет по средам о вёрстке и типографике в вебе…

Вёрстка крепче, польза понятнее. P. S. Это был совет по средам о вёрстке и типографике в вебе…

Абзацы отделяйте отступами P. S. Это был совет по средам о вёрстке и типографике в вебе…

Принцип «Страница не кончается» А водяные знаки — это плохо. P. S. Это был совет по средам о вёрстке и типографике в вебе…

Смотрите, как тот же Эирбиэнби делает: P. S. Это был совет по средам о вёрстке и типографике в вебе…

В этом помогают иллюстрации, шрифты, цвет и иконки. P. S. Это был совет по средам о вёрстке и типографике в вебе…

В следующем совете попробуем переделать макет и обойтись без выключки. P. S. Это был совет по средам о вёрстке и типографике в вебе…

В следующем совете займёмся задней. P. S. Это был совет по средам о вёрстке и типографике в вебе…

Предлагаю уважаемым советчикам это нарисовать. P. S. Это был совет по средам о вёрстке и типографике в вебе…

Пример — диаграмма экспедиций Амундсена и Скотта. P. S. Это был совет по средам о вёрстке и типографике в вебе…

А бюро собирает всё подсмотренное в Наблюдениях P. S. Это был совет по средам о вёрстке и типографике в вебе…

Теперь пойду выбирать картошку для Нового года. P. S. Это был совет по средам о вёрстке и типографике в вебе…

О выравнивании строк P. S. Это был совет по средам о вёрстке и типографике в вебе…

Однако сначала нужно разобраться со структурой страницы, а потом заняться мелочами и полировкой. P. S. Это был совет по средам о вёрстке и типографике в вебе…

Подобный контрол реализован в каталоге «Мэри Трюфель» P. S. Это был совет по средам о вёрстке и типографике в вебе…

Исправить можно как-нибудь так: P. S. Это был совет по средам о вёрстке и типографике в вебе…

Лучше обрезать линейкой, увести в лунку или за край формата, как сделал я. P. S. Это был совет по средам о вёрстке и типографике в вебе…

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

Вторым и заключительным шагом добавим иллюстрации к некоторым группам, чтобы помочь покупателю быстрее ухватить взглядом нужную категорию: P. S. Это был совет по средам о вёрстке и типографике в вебе…

Из-за своего расположения контактные данные выглядят как слегка съехавшая инструкция по заполнению формы P. S. Это был совет по средам о вёрстке и типографике в вебе…

Последний логотип выбивается из строки и нарушает модульность В следующем совете нарисую новый плакат. P. S. Это был совет по средам о вёрстке и типографике в вебе…

Разбор ошибок Вёрстка без иллюстраций С иллюстрациями P. S. Это был совет по средам о вёрстке и типографике в вебе…

Совет: уменьшите количество стилей, упростите вёрстку и смешайте комки в отдельно взятой новости, попробуйте увеличить минимальный и максимальный модуль. P. S. Это был совет по средам о вёрстке и типографике в вебе…

Мораль сей басни такова: чтобы получить крепкий макет без мусора, начинайте верстать с главных элементов, а второстепенные добавляйте потом. P. S. Это был совет по средам о вёрстке и типографике в вебе…

Вёдра Второй версии сайта «Мэри Трюфель» Квитанций в сервисе «Отчёты» Сайта «Энви» Журнала «Главбух» P. S. Это был совет по средам о вёрстке и типографике в вебе…

А пока приглашаю уважаемых советчиков поделиться другими способами рисования эскизов. P. S. Это был совет по средам о вёрстке и типографике в вебе…

Иконки и более крупный кегль помогут P. S. Это был совет по средам о вёрстке и типографике в вебе…

Меню ресторана «Две палочки» Подача эффективна: я был близок к тому, чтобы залить ноутбук слюной, пока готовил эти скриншоты для совета. P. S. Это был совет по средам о вёрстке и типографике в вебе…

В жизни: P. S. Это был совет по средам о вёрстке и типографике в вебе…

Арсенал дизайнера не заканчивается на тонкой Гельветике с центрированным текстом, а вдохновение можно черпать не только на сайте Эпла. P. S. Это был совет по средам о вёрстке и типографике в вебе…

Смешивайте комки P. S. Это был совет по средам о вёрстке и типографике в вебе…

Плохо Тупорылый треугольник указывает куда угодно, но только не направо Так себе Равносторонний треугольник лишён динамики, показывает в три стороны Хорошо Слегка вытянутый по ширине треугольник стремится в ту сторону, куда указывает Треугольник лучше слегка смещать вправо относительно геометрического центра, чтобы визуально компенсировать разницу между тяжёлым левым и лёгким правым краями. P. S. Это был совет по средам о вёрстке и типографике в вебе…

Например, сделать главным героем страницы саму рассылку в виде изображения или текста и построить рассказ вокруг неё. P. S. Это был совет по средам о вёрстке и типографике в вебе…

Что такое модульная вёрстка Зачем нужна сетка Сначала главный объект P. S. Это был совет по средам о вёрстке и типографике в вебе…

20 лет Компания катится в чёрную трубу P. S. Это был совет по средам о вёрстке и типографике в вебе…

Если очень нужно, «Исследовательско-аналитический центр можно заменить на расшифровку логотипа. P. S. Это был совет по средам о вёрстке и типографике в вебе…

Приглашаю уважаемых советчиков предложить свои варианты улучшений. P. S. Это был совет по средам о вёрстке и типографике в вебе…

Такие тортики я заказать хочу, а ваши печенья — нет. P. S. Это был совет по средам о вёрстке и типографике в вебе…

См. также совет о вакансиях в соцсетях. P. S. Это был совет по средам о вёрстке и типографике в вебе…

В следующем совете нарисуем новую страницу. P. S. Это был совет по средам о вёрстке и типографике в вебе…

Бонус — запись экрана с переделкой макета (без музыки): P. S. Это был совет по средам о вёрстке и типографике в вебе…

Формат не изменился, а читать стало проще. P. S. Это был совет по средам о вёрстке и типографике в вебе…

Предлагаю перехватить эстафету. P. S. Это был совет по средам о вёрстке и типографике в вебе…

Но это уже другая история. P. S. Это был совет по средам о вёрстке и типографике в вебе…

Якорные объекты P. S. Это был совет по средам о вёрстке и типографике в вебе…

Остальные вопросы — в другой раз. P. S. Это был совет по средам о вёрстке и типографике в вебе…

О влиянии стиля на доверие и щеночках читайте в ведре сайта «Энви» P. P. S. Это был совет по средам о вёрстке и типографике в вебе…

Поделитесь горьким опытом. P. S. Это был совет по средам о вёрстке и типографике в вебе…

Предлагаю перехватить эстафету и сделать это самостоятельно. P. S. Это был совет по средам о вёрстке и типографике в вебе…

Биз-цен P. P. S. Это был совет по средам о вёрстке и типографике в вебе…

В следующих советах я расскажу о новом подходе к вёрстке, о типографике, о мобильной версии, о мифах веб-разработчиков и о новых технологиях…

В следующих советах я расскажу о сетке базовых линий, вёрстке перебивок, устройстве главной страницы и реализации раскладки работ в рубриках. P. P. S. Это был совет по средам о вёрстке и типографике в вебе…

Делать имя крупнее должности кажется правильным, ведь ищут человека, а не должность. P. S. Это был совет по средам о вёрстке и типографике в вебе…

В следующем совете я расскажу о перебивках и их влиянии на раскладку работ. P. P. S. Это был совет по средам о вёрстке и типографике в вебе…

Было решено пускать перебивки в два раза реже P. P. S. Это был совет по средам о вёрстке и типографике в вебе…

Есть размеры предмета похожи друг на друга и почему-то очень важно показать, что есть что, то можно расписать их подробнее вместо описания особенностей мебели. P. S. Это был совет по средам о вёрстке и типографике в вебе…

Продолжение следует. P. S. Это был совет по средам о вёрстке и типографике в вебе…

Шапка станет крепче, а заголовки более явно отнесутся к тексту: P. S. Это был совет по средам о вёрстке и типографике в вебе…

Кстати, восклицательные знаки в кнопках ни к чему, выглядит истерично. P. S. Это был совет по средам о вёрстке и типографике в вебе…

Артемий Лебедев о создании фирменных бланков Гайдлайны для презентаций «Майндбокса» P. S. Это был совет по средам о вёрстке и типографике в вебе…

В целом у Мегафона получилось милее. P. P. P. S. Это был совет по средам о вёрстке и типографике в вебе…

А в следующем совете я разберу их и версию Луки. P. S. Это был совет по средам о вёрстке и типографике в вебе…

Шантель Мартин Руслан Сииз Том Уорд P. S. Это был совет по средам о вёрстке и типографике в вебе…

Но это уже другая история. P. S. Это был совет по средам о вёрстке и типографике в вебе…

В следующий раз подумаем, как добавить странице балетное настроение. P. S. Это был совет по средам о вёрстке и типографике в вебе…

В следующем совете прикрутим это к нашей странице. P. S. Это был совет по средам о вёрстке и типографике в вебе…

В будущем присылайте полные скриншоты страниц или ссылку :-) P. S. Это был совет по средам о вёрстке и типографике в вебе…

Принимайте эстафету. P. S. Это был совет по средам о вёрстке и типографике в вебе…

Ещё по теме: как навести порядок в меню без сетки P. S. Это был совет по средам о вёрстке и типографике в вебе…

Выглядит как последнее. P. P. S. Это был совет по средам о вёрстке и типографике в вебе…

Нужно только нарисовать своего медведя, с бородой и чашкой кофе. P. S. Это был совет по средам о вёрстке и типографике в вебе…

Главное, не начинайте рисовать страницу с плашечек и линеек. P. S. Пользуясь случаем: спасибо за Оди! P. P. S. Это был совет по средам о вёрстке и типографике в вебе…

Или Вайред: P. S. Это был совет по средам о вёрстке и типографике в вебе…

А ещё не помешает провести культурный поиск P. P. S. Это был совет по средам о вёрстке и типографике в вебе…

Как повысить информативность P. S. Это был совет по средам о вёрстке и типографике в вебе…

Кто не в теме, скорее изучайте и пользуйтесь. P. P. S. Это был совет по средам о вёрстке и типографике в вебе…

При этом, кажется, что вы правильно поступили, уйдя от подачи информации в форме таблицы. P. S. Это был совет по средам о вёрстке и типографике в вебе…

Приглашаю уважаемых советчиков поделиться своими примерами. P. S. Это был совет по средам о вёрстке и типографике в вебе…

До встречи в школе :-) P. P. S. Это был совет по средам о вёрстке и типографике в вебе…

Но я не уверен, что это плюс в глазах обычных людей. P. S. Это был совет по средам о вёрстке и типографике в вебе…

Андрей Колпаков: «Большой стиль» в типографике, возможно, ничуть не менее важен, чем удобочитаемость, однако он не должен ухудшать удобочитаемость. (Пример ухудшения — растянуть строку; пример симбиоза — набор в несколько колонок)…

А. Г.: См. совет о пикселях в экранной типографике Дизайнер, работающий с текстом на экране, решает многомерную задачу…

Шрифт и типографика Я. Чернихов, Н. Соболев…

Мне кажется, две лучшие книги для старта — «Живая типографика» Александры Корольковой и «Штрих» Геррита Ноордзея …

В зрелом графическом дизайне согласованы цвет, модульная сетка, типографика

Благодаря этому, зная только класс, легко найти файл с его описанием. <div class="project"> <h2 class="project-title">Типографика и вёсртка</h2> <div class="project-description">…</div> </div> Если встретим класс project в разметке, то понятно, что его описание в project.css…

Дизайнер не заметил, что капитель в заголовках не настоящая, и вся типографика вне зависимости от выбора шрифтов и даже вёрстки поехала: …

Приложения состоят из стандартных окон, панелей, элементов управления, их типографика тоже стандартизирована и минималистична…

АБЦ 3Д, 2008 Ещё пример взаимодействия с буквами в книге — это не букварь, но книга о типографике, рассчитанная на детей…

Для сравнения — советы-рукопись книги «Типографика и вёрстка» были написаны за 11 месяцев…

Рекомендую, например, великолепные книги: «Типографика» Эмиля Рудера и «Сетка» Аллена Херлберта…

Это может быть сетка, прототипирование, типографика, стиль, работа над проектом, организация процесса…

Эстетика — важен мейнстрим, кнопки, тени, типографика, но возможны допумения: иконки, каллиграфия, гравюры, техдизайн, ретушь…

Типографика и шрифтостроение — основа всего графического дизайна…

Типографика и вёрстка — одна из дисциплин Школы редакторов…

О формате книги «Типографика и вёрстка» P. S. Это был совет об управлении проектами, людьми и собой…

Булат Гарипов: Профессиональные интересы — информационный дизайн, веб, пользовательский интерфейс, типографика и вёрстка…

Насмешливая картинка из интернетов В 2015 году в бюро анонсировали мою электронную книгу «Типографика и вёрстка»…

В начале книги Артёма Горбунова «Типографика и вёрстка» на прокрутку завязана трёхмерная анимация её открытия…

В книге Артёма Горбунова «Типографика и вёрстка» сделано многое, чтобы подружить листание и прокрутку…

Эффекты гештальта использует модульная вёрстка, которой посвящена книга «Типографика и вёрстка»…

Из лекции Ильи Бирмана «Летающий асфальтоукладчик» Первая версия книги «Типографика и вёрстка» вышла без поиска…

Мне кажется, что такая типографика задумана специально так, чтобы всё было кичово, неаккуратно, броско…

Исследование Руз Релло и Рикардо Баеза-Йейтс Типографика и дислексия…

В Бутстрапе есть всё необходимое для прототипирования: адаптивная сетка, настроенная типографика, формы, кнопки, навигация, карусели и попапы …

Нет Да Тема: Дайджест новостей типографики №152 Уважаемый Ильяхов Максим!…

В европейской типографике этим знаком отмечается также год смерти или имя умершего человека…

Просто держите руку на пульсе типографики: забегайте порой на минутку-другую-часик, например, в рубрику или галерею типографики Беханса, как забегаете посмотреть на новую коллекцию в любимый бутик или рассматриваете фешн-тенденции в «глянце»…

Когда делали «Типографику и вёрстку», внешний вид разворотов тестировали вручную…

На сайте бюро Юникод используется напрямую: все символы расширенной типографики, такие как длинное тире, неразрывный пробел, кавычки-елочки и кавычки-лапки вставляются непосредственно в исходный текст, что позволяет обойтись без громоздких конструкций вида &nbsp;&#151; — это работает везде и со всеми современными шрифтами…

Александр Зайцев: Квадратики и кружочки в русской типографике использовать, кажется, не принято, а буллиты в виде тире выглядят плохо — вездесущее тире кажется лишним, а еще возникает проблема: — Корова — парнокопытное жвачное животное…

Ярослав, идею того, что на малых расстояниях изменения в восприятии типографики носят более радикальный характер, вы проиллюстрировали хорошо…

Ярослав Грешилов: Электронная книга должна быть оформлена и размечена в соответствии с правилами типографики в вебе (для примера — версия Тёмы Лебедева от 2000 года, очевидно, далеко не полная)…
Алексей Кириченко: Спасибо. P. S.: забудем о типографике на картинке, там и так всё понятно…

Перед тем, как стать консерватором, молодой Чихольд имел непосредственное отношение к созданию «новой типографики»…

Четвёртый конкурс — конкурс капитана Очевидность про русский язык и типографику

При вашей внимательности к деталям типографики такой разнобой удивляет :-)

Антон Ловчиков: Всю жизнь думал, что правильнее первый вариант, а на днях прочёл Роберта Брингхерста «Основы стиля в типографике» и наткнулся на абзац…
Виктор Ходак: Существует достаточно много известных работ по типографике и вёрстке, а что бы вы посоветовали почитать о композиции?…

В русской типографике нет традиции предварять имя автора длинным тире, а выравнивать его вправо совсем необязательно…

Борис Веркс: Пытался как-то проанализировать историческую подоплеку (революционные вывески, советскую типографику, европейские наборы), но не смог…

Таня Мисютина Избавьтесь от клише, безвкусных иллюстраций в разных стилях, плохой типографики

Мэтью Батерик — американский адвокат с образованием графического дизайнера — объясняет основы типографики юристам. …

Елена: Мне стало интересно, но я пока крайне слаба в работе с информацией и типографикой

Основы стиля в типографике

Отчасти это будут советы-лекции, как в прошлом году по типографике и вёрстке, отчасти — ответы на ваши вопросы о сложных дизайнерских случаях…

Сделать хоть что-то вменяемое, не имея понятия ни о сценариях и маршрутах посетителей, ни об информационном дизайне, ни о типографике, у вас нет никаких шансов…

Но индусы плохо разбираются в типографике и ничего не знают об интерфейсе…

Дизайнер может залить текст в колонку макета, поставить колонтитулы, настроить типографику, проверить «висяки», но не более того…

В школах студенты осваивают семь дисциплин: типографику и вёрстку, интерфейс и представление информации, переговоры и отношения с клиентом, право, редактуру и управление…

Типографику, вёрстку и дизайн текста Ремесло журналиста по версии Л. Бершидского Новостную интернет-журналистику Редстандарты «Тинькофф-журнала», «Ведомостей» и любые другие Интерфейс Ведение блога Психологию продаж …

Я люблю американскую типографику и решила сделать книгу про надписи в американских дайнерах — дешёвых забегаловках. …

Шрифт — инструмент в типографике, он не работает отдельно от выбора кегля, интерлиньяжа, абзацев и композиции…

оптимизировал загрузку картинок в книгах так, чтобы картинки ждали читателя, а не наоборот; сделал полнотекстовый поиск и закладки в книгах; исправил утечки памяти в книгах на Айпаде, из-за которых выход планшетной версии «Типографики и вёрстки» был под вопросом; собрал Педанта, инструмент для визуального тестирования книг в Сафари, Хроме и Айпаде; переписал, отладил и запустил билинг издательства бюро по-живому

Афиши про бокс 1930-х годов Шрифт в работе напрямую завязан с типографикой и вёрсткой, и даже с хорошим шрифтом афиша может быть плохой…

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

Поэтому для превьюшек мы используем «безголовый», а не реальный браузер: в «Типографике и вёрстке» PhantomJS генерирует их за 1,5 минуты, Хром — за 5 минут, а Сафари — за 6…

Это неизбежно приводит к однообразию типографики на сайтах и в печатной продукции. …

Василий Половнёв В книгах бюро много иллюстраций: в «Типографике и вёрстке» их 660, в «Пользовательском интерфейсе» — уже 524…

Чтобы шрифты загружались ещё быстрее, используем предзагрузку: браузер начинает скачивать шрифты одновременно с загрузкой страницы, а не когда увидит их в стилях и убедится, что они нужны на странице. <head> <title>…</title> <link rel="preload" as="font" type="font/woff2" href="https://fonts.bureau.ru/1.6/bureausans-regular.woff2" crossorigin> <link rel="preload" as="font" type="font/woff2" href="https://fonts.bureau.ru/1.6/bureausans-bold.woff2" crossorigin> </head> После включения предзагрузки шрифтов, время до первой отрисовки «Типографики и вёрстки» уменьшилось в среднем на секунду Чтобы шрифты не мигали, мы дожидаемся их загрузки и готовности…

Это, конечно, некорректно: Герман Цапф потратил всю жизнь на каллиграфию и создание шрифтов, а Вася Иванов прочитал «Живую типографику» и попробовал создать свой первый шрифт. …

Остальные проблемы меркнут на фоне этой. P. S. Это был совет по средам о вёрстке и типографике в вебе…

Соберём четырёхколоночную сетку из «Типографики и вёрстки»: <style> .row { /* * .row — флекс-контейнер, этаж сетки */ display: flex; /* * Флекс-элементы будут раскладываться * слева направо */ flex-direction: row; /* * Прижимаем флекс-элементы к левому краю */ justify-content: flex-start; /* * Если места для элементов не хватает, * запрещаем их перенос на следующую строку */ flex-wrap: nowrap; } /* * Флекс-элементы на одну, две, три * и четыре колонки */ .col-1, .col-2, .col-3, .col-4 { /* * flex-grow определяет насколько элемент * будет больше своих соседей * Элемент с flex-grow: 1 займёт * всю ширину контейнера, * два элемента с flex-grow: 1 поделят * контейнера пополам * * flex-grow: 0 не даёт элементу * растягиваться больше указанного размера */ flex-grow: 0; /* * flex-shrink определяет насколько сильно * элемент будет уменьшатся, если * во флекс-контейнере не хватит места */ flex-shrink: 0; /* * Задаём колонкам внутренние отступы * по умолчанию */ box-sizing: border-box; padding-right: 20px; } .col-1 { /* * flex-basis

Поиск в «Типографике и вёрстке»…

С другой стороны, заглавная иллюстрация низкого качества, цвета подобраны уныло, в «мелкой» типографике много любительства…

Дело даже не в огрехах грамотности и типографики

Я посвятила несколько советов тому, почему, на мой взгляд, вариативные шрифты — это замечательное развитие для типографики

Больше примеров залезания на чужую территорию в совете Артёма Горбунова. P. S. Это был совет не о вёрстке и типографике в вебе…



© 2007—2018

Запрещённые слова
Пишите: artgorbunov@artgorbunov.ru