Типографика в вебе

Самая удобная выбиралка дня и времени встречи

Как вы используете матрицу эмоций?

Почему этот плакат кажется скучным?

Как сверстать интерфейс электронного билета на самолёт: фрагмент курса «Типографика и вёрстка»

Париться ли о выпирающих прописных буквах в заголовках?

Тексты на иврите и арабском нужно выравнивать по правому и верхнему краю?

Как быть с двумя номерами телефонов в шапке

Как сверстать новостной этаж: фрагмент курса «Типографика и вёрстка»

Как оформить портфолио команды редакторов?

Редизайн карточки трансфера игрока

Режим работы банка

Объявление «Когда делать ремонт»

Как сделать нагляднее таблицу перфорированных лотков? Часть вторая

Как выравнивать текст с висячим заголовком?

Переделал информационный плакат для троллейбуса. Что думаете?

Как сделать нагляднее таблицу перфорированных лотков? Часть первая

Как работать со шрифтами

Как исправить плакат музыкального фестиваля?

Как улучшить вёрстку сторис?

Как улучшить макет правил детской площадки?

Как выстраивать сетку на этикетках?

Сделали банку картинки для соцсетей. Что улучшить?

Нарушить дизайн‑систему или пойти на компромисс с визуальной частью?

Собрал объёмную таблицу, где текста много, а места мало

Как описать путешествие в рекламной статье?

Какие шрифты подходят для газетной вёрстки?

Как сделать карточки кейсов наглядными?

Где подписать, что у нас мастерская гробов?

Вёрстка картинки с хоткеями для Фотошопа

Фиолетовый цвет в новом дизайне советов не уместен

В Фигме сетка строится как‑то странно

Экран ожидания в поликлинике

Вёрстка списков, рост дизайнера под руководством маркетолога, ссылка на создателя и примитивное исполнение техзадания

Как улучшить расписание технопарка?

Как подписать куаркод?

Откуда взялась мода на тексты с вытянутыми по ширине отдельными буквами?

Как скомпоновать шапку

Как сделать крутой плакат, в котором сообщается о скидке на товар в новом дизайне?

Объявление на исправление. Количество «!!!» пугает

Как улучшить картинку для опенграфа?

Насколько критична приводность вёрстки в интерфейсе?

Как верстать списки?

Как улучшить вёрстку массажного меню?

Куда поставить ссылку: на поля или в текст?

Висячая пунктуация, снова

В чём суть тренда на гигантские шрифты?

Иллюстрация разделяет заголовок

Как разместить персонажей, чтобы они вели диалог?

Карточка товара в интернет‑магазине кормов

Стоит ли использовать выворотку в вебе и полиграфии?

Кнопка «В корзину» у левого товара находится ближе к нижней картинке, чем к верхней

Листовка о мотоблоке

Правила детской площадки

Как сверстать хорошее резюме на русском?

Знаки препинания сложились неприятным образом. Допустимо ли оставлять в таком виде?

Как презентовать мелкие проекты?

Прогрессия отступов даёт хорошую эстетику

Задача — в быстром темпе сделать концепцию сайта по продаже шаурмы

Как расположить 30 видеороликов?

Что делать, если верстальщики отдают кривую вёрстку, как дизайнеру тренироваться в эстетике, в каком направлении дизайна развиваться в 16 лет

В Хабаровском крае проходит конкурс художественного плаката

Какие есть проблемы у блока на сайте?

На работе заставляют выделять в тексте важные моменты

Кнопка и рамка одинаковы по высоте, но кажется, что отличаются

Как лучше разместить текст и картинки в блоге?

Как лучше организовать подобный объем информации?

Ксерокопию не делаем

Продаю оборудование для очистки воды, собрал схемы и текстом ответил на вопросы

Насколько оправдано выравнивание по центру?

Недавно возник спор по поводу дизайна длинного списка

Имеются два длинных и два коротких заголовка

Говорят, что на слайде не нужно оставлять знаков препинания

Годовой запас роллов

Картинка, которую после разговора агент пришлёт клиенту в мессенджере

Сверстал блок с отзывами, ничего не нарушаю?

Насколько оправдана ширина кнопки «Войти»? Продолжение

Насколько оправдана ширина кнопки «Войти»?

Помогите улучшить форму логина

На какие принципы ориентироваться при вёрстке меню?

Объявление в группу на Фейсбуке для поиска жилья

Правительство Великобритании разместило несколько плакатов о коронавирусе

Как бы вы улучшили бюллетень голосования за поправки в Конституцию?

Как можно повысить информативность плаката?

Банер Почты России

Лендинг школы испанского языка

Я работаю над акцидентным шрифтом для студенческого проекта

В презентации много нарушений правил типографики и вёрстки, но при этом она нравится

Что скажете об этой серии плакатов?

Что можно здесь улучшить?

На сайте можно купить всё для праздника: от ленты на машину до мармеладок

Листовка «Пицца плюс пиво»

Что вы думаете про шрифты Ариал и Вердана для информационного сайта?

Влезание в интерлиньяж

Делаю афиши для собственных образовательных мероприятий

Инструкция к пульту управления наружной вывески

«Дизайн Просмотр» оформили афишу предстоящего форума

Насколько я справился с редизайном сайта Блаблакара?

Поступаю в школу редакторов, верстаю плакат для поступления

Жильцы бросают горящие окурки, которые залетают в окна соседей снизу

Афиша семейного фестиваля

Как улучшить банер для врача?

Как улучшить банер для сайта?

Расскажите о хинтинге шрифтов

Как улучшить листовку Ельцин Центра?

Презентация сайта для портфолио на Бихансе

Как улучшить банер?

Заказчик присылает правки по макету, а я считаю, что они всё испортят :‑(

Что не так с плакатом? Что улучшить?

Что не так с афишей? Посоветуйте, как можно было бы ее улучшить?

Посоветуйте, как сделать это окно лучше?

Нельзя просто так взять и сделать модульную страницу из текстовой

Клиенты: если текст не кричит, то его никто не прочтёт

Иерархия в приложении для Айфона

Как улучшить плакат по истории здания?

У меня афиша. Не знаю, как улучшить. Беспокоит пустое пространство слева. Вторая часть

У меня афиша. Не знаю, как улучшить. Беспокоит пустое пространство слева

Инфографика об эпохе Возрождения

Фотографируем детей. Хочется сделать страницу заказа удобной

В каком месте таблицы расположить кнопку редактирования карточки?

Что думаете о переносах в вебе?

Как правильно выравнивать текст в кнопках по вертикали?

Material Design предписывает разрежать строчные буквы, причём довольно сильно

Какая табличка лучше справится со своей задачей?

Фото в левой подмышке?

Клиент пристал с претензиями, что текст выглядит неопрятно

Хочу подарить друзьям на годовщину вот такую картину

Сделали ванпейджер для разброски клиентам

Должны ли кнопки и поля ввода быть одинаковыми по высоте или ширине?

Как избежать «эффекта Тильды»?

Задача сделать макет уличного банера

Как оформлять инструкцию к продукту?

Автор плаката пренебрёг правилом внутреннего и внешнего

Где лучше использовать левый флаг, а где — выключку по формату?

Я сделала лого. Фирма изготовляет кирпич и плитку

В книге бюро «Типографика и верстка» предлагается выбрать плохие варианты вёрстки ленты

На основе ролика о распознавании инсульта создан плакат. Вторая часть

На основе ролика о распознавании инсульта создан плакат

Могли бы вы помочь с анкетой? Вторая часть: перерисовка

Могли бы вы помочь с анкетой?

Почему так?

Насколько страница получилась удачной?

В какой программе вы делаете макеты?

Как оформить портфолио маркетологу?

У вас в учебнике по вёрстке написано, что нельзя разрывать текст статьи иллюстрацией

Нарисовал первую страницу для школы танцев

Давайте снова поговорим про «полосатые» сайты

Макет будущего билборда. Как объединить контакты?

Как оцените вёрстку и типографику промосайта?

Почему дизайнеры Гугля в своей системе не соблюдают правило внутреннего и внешнего?

Как улучшить вёрстку сертификата?

Математика в типографике

Что можно улучшить в этом письме?

Помогите с вёрсткой рекламного объявления фитнес‑клуба

Задача — сделать из типичного объявления что‑то полезное и классное

Задался целью создать небольшой сайт‑визитку

Интересует мнение насчёт дизайна сайта антикварной скупки

Как поступить при вёрстке меню на мобильных?

Вышивка светится в темноте. Как понятно для зрителя показать это?

Не можем понять, подходит ли нам афиша

Плакат для танцевальной студии. Что можно улучшить?

Переделал главную страницу сайта Гагаринского муниципалитета

Поступила в Школу редакторов. Хочется услышать комментарии о своей работе

Сверстал себе новую главную. Что скажете по поводу вёрстки?

Не получается одинаковое расстояние между колонками с текстом

Нарисовали обложку для развёртки с палитрой

Сделал плакат с учебными программами

Как улучшить карточку букета?

Сделал страницу подписки для рассылки awdee.ru

Говорят, что сайт удобный, но некрасивый и некрутой

Посоветуйте, пожалуйста, пока не сошёл с ума. Вторая часть

Оправдано ли выделение заголовков большими апрошами?

Как выравнивать цены относительно списка?

Что можно сделать лучше?

Сделал сайт для подписки на рассылку

Табличка будет висеть возле входной двери мастерской. Вторая часть

Табличка будет висеть возле входной двери мастерской

Карточка дизельного генератора

Пытаюсь сделать шаблон вёрстки текста для статей про балет

Пытаюсь сделать шаблон вёрстки текста для статей про балет

Мучаюсь с вёрсткой карточки товара на лендинге. Вторая часть

Мучаюсь с вёрсткой карточки товара на лендинге

В вагонах метро висит реклама сервиса доставки. Часть вторая

В вагонах метро висит реклама сервиса доставки

Большие числа лучше разделять половиной пробела для лучшего визуального восприятия

Обновляем сайт компании. Чувствуется, что что‑то не так, а объяснить что именно, не можем

Должен ли изменяться интерлиньяж абзаца в зависимости от количества строк в нём?

Отступ от первой строки режет глаз. Не нарушается ли здесь правило внутреннего и внешнего?

Компания использует для презентаций шаблон. Он кажется неудачным, но надо верстать в нём

Мой шестой по счёту сайт. Всё плохо, да?

Можно ли так размещать текст?

Выскажите, пожалуйста, мысли об указании размеров мебели на сайте

Как бы вы сверстали таблички?

Мильчин говорит, что разряды в числах нужно отделять пробелом. Как правильно?

Это подвал мобильной версии сайта, вид с телефона

Названия товаров умещаются то в одну строку, то в три

Как создавался новый сайт бюро. Часть четвёртая: сетка

Как создавался новый сайт бюро. Часть третья

Не покидает ощущение, что новый дизайн нарушает многие из ваших принципов, о которых вы рассказываете в советах. Часть третья

Как создавался новый сайт бюро. Часть вторая: раскладка работ

Не покидает ощущение, что новый дизайн нарушает многие из ваших принципов, о которых вы рассказываете в советах. Часть вторая

Как создавался новый сайт бюро. Часть первая

Не покидает ощущение, что новый дизайн нарушает многие из ваших принципов, о которых вы рассказываете в советах. Часть первая

Cверстал одностраничный плеер. Вторая часть

Хочу услышать советы по своему лендингу

Первая работа, за которую по крайней мере не стыдно

Не могу сделать вёрстку страницы с обращениями клиентов

Рассматриваю устройство страницы «Что и как читали на Букмейте в 2016 году»

Сайт для установщика дверей

Задачей было найти дизайнера, чтобы тот поправил шапку

Как улучшить страницу

Верно ли выбран порядок нумерации?

Сделали страницу для обучающего сервиса по безопасности. Как навести порядок? Вторая часть

Очень интересует модульная сетка, а точнее её отступ горизонтальный и вертикальный от артборда

Сделали страницу для обучающего сервиса по безопасности. Как навести порядок?

Расскажите, пожалуйста, о точке, которая выступает разделителем между словами

Сделала два варианта визитки. Какие ошибки я допустила?

Как можно улучшить сайт визуально?

Кажется, что объявление для соцсетей скучное и не работает

Ощущение, что слишком много контента

Я собрал резюме. Что улучшить по вёрстке страницы?

Что можно улучшить относительно ритмики текста?

Очень часто встречаются немалоизвестные сайты, которые не особо следуют этому правилу

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

Есть модульная сетка. Что с этим делать дальше?

Как сделать интереснее, кардинально не меняя дизайн?

Сделал веб‑страницу для рассылки

Хочется услышать мнение касательно данной работы

Сделал не так давно сайт‑визитку

Что можно улучшить?

Помогите определить слабые стороны макета

Делаю визитку для хозяина автомастерской. Вторая часть

Делаю визитку для хозяина автомастерской

Решил вести блог. Подскажите, что не так?

Как оформить блок с категориями?

Доставка суши. Не стыдно будет такое показывать?

Оцените макет главной страницы информационного сайта

Сайт главных новостей родного города

Как делать эскизы вёрстки?

Как малой кровью минимизировать этот сумбур на главной странице?

Скажите пожалуйста, как правильно подчёркивать заголовки, являющиеся ссылками, и почему?

Что‑то можно улучшить? Или всё хорошо? Вторая часть

Что‑то можно улучшить? Или всё хорошо?

Новостная лента интересных событий города

Сделал макет сайта для стоматологии, которая также предлагает косметические услуги

Что не так с объявлением со стороны типографики и вёрстки?

Как бы вы сверстали эту страницу?

Увидела на просторах интернета. Что можно изменить или улучшить?

Как лучше заинтересовать посетителя на первом экране?

Укажите проблемные стороны макета

Что может спасти этот незамысловатый дизайн

Допустима ли такая, отошедшая от стандартов, вёрстка?

Сделал сайт для своего агентства недвижимости

Я сделал плакат, который поможет познакомиться с нормальными соседями

Сдала курсач в Школе редакторов

Что не так с главной страницей для парикмахерской?

Оцените работу с точки зрения вёрстки?

Инфографика про губернаторов Иркутской области. Вторая часть

Может быть такое выравнивание или это грубая ошибка? Третья часть

Может быть такое выравнивание или это грубая ошибка? Вторая часть

Почему же на сайтах «Системы Главбух», «Системы Юрист» и «Системы Кадры» именно левая «подмышка»?

Может быть такое выравнивание или это грубая ошибка?

Как сделать фильтр в интернет‑магазине более удобным и не таким высоким?

Хочется избавиться от графического и текстового шума в карточке товара и добиться максимальной информативности

Всё ли понятно на сайте research.gildfamily.ru?

Задача переверстать афишу. Какие есть ошибки?

Нужно, чтобы эти элементы были на странице, но получается сумбур. Четвёртая часть

Нужно, чтобы эти элементы были на странице, но получается сумбур. Третья часть

Нужно, чтобы эти элементы были на странице, но получается сумбур. Вторая часть

Зачем номера страниц? Зачем развороты? Почему не сделать сайт с лонгридами, например?

Нужно, чтобы эти элементы были на странице, но получается сумбур

При создании макета сайта зарылся в детали и упустил самое главное. Третья часть

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

При создании макета сайта зарылся в детали и упустил самое главное

Это картинка для размещения в соцсетях объявления о вакансии

Допустимо ли совмещать выключку по центру в заголовке и по левому краю в абзаце текста под ним?

Как определить, ставить ли точку в конце текстового блока, если непонятно, является ли этот блок полноценным предложением?

Обычные пользователи говорят, что круто, а я смотрю и понимаю, что что‑то не то

Подскажите, как улучшить и изменить, что добавить или убрать в мини‑карточке тура

Компания не имеет результатов, которые можно было бы показать. Как можно было решить эту задачу изящнее?

Как лучше всего оформить ориентировку?

Старался руководствоваться правилами внутреннего‑внешнего, чередования ритма, модульной вёрстки. Укажите на ошибки

Посоветуйте, как улучшить главную страницу Совотеки

Нарисовали макет сайта. Как улучшить вёрстку?

Подготовили дизайн рассылки. Что можно улучшить в типографике и вёрстке?

Всё ли хорошо с вертикальными отступами?

Какие есть проблемы с отступами, полями, выравниваниями, размерами, интерлиньяжами и кеглями

Я сделал сайт типографии. Какие я допустил ошибки в вёрстке?

Меня не покидает ощущение, что с выравниванием двухколоночных блоков что‑то не так

Есть логотип и заголовок по центру и три абзаца разной длины снизу

Расскажите, на что опереться русскому дизайнеру

Что такое выход из прямоугольника?

Расскажите об ушках, цитатах и фактоидах

Расскажите о вёрстке главной страницы

Как сверстать текстовую страницу?

Как собрать страницу из модулей: с иллюстрациями

Как собрать страницу из модулей: без иллюстраций

Как собрать страницу из модулей: зачем нужна сетка?

Расскажите о вёрстке доминирующих и вспомогательных иллюстраций

Как форма текста влияет на порядок чтения?

Как верстать текстовые блоки с иллюстрациями?

Расскажите о формате и выборе полей

Что такое модульная вёрстка?

Что такое «правило внутреннего и внешнего»?

Как верстать модули с лентами?

Как верстать текстовые блоки?

Что нужно знать о подписях в вёрстке?

О ссылках в вёрстке

Как работают элементы управления в вёрстке

Расскажите об иллюстрациях как базовом элементе

О тексте как базовом элементе

Расскажите о вёрстке заголовков

А каковы базовые элементы вёрстки?

Уже перепробовал кучу способов сверстать эту информацию

Точка, линия и прямоугольник

Посоветуйте, как можно улучшить вёрстку страницы научного журнала

Якорные объекты

Как работать с межстрочным расстоянием в блоках с разным размером текста?

Что должен знать дизайнер об интерлиньяжах, полях, отступах, кеглях, выравниваниях и модульных сетках?

Делаем вот такой шаблон для афиш периодического мероприятия

Хотелось бы услышать ваше мнение относительно выравнивания текста в контролах

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

Что можно изменить в оранжевой части или калькуляторе в целом?

Редизайн сайта для моделей и модельных фотографов

Как комбинировать ритмы колоночных сеток?

Подскажите, пожалуйста, как выровнять меню по сетке

Длинные названия регионов и населённых пунктов не помещаются в имеющийся шаблон с двумя узкими колонками

Подскажите, пожалуйста, как лучше сформировать вывод трёх анонсов новостей

Дизайнеры предлагают разместить блок с информацией за пределами 1000 пикселей

В прошлом совете вы не ответили на вопрос про модульные сетки, а рассказали совсем о другом

Помогите разобраться, всё ли хорошо, всё ли правильно, всё ли современно?

Расскажите о том, как сделать хорошую модульную сетку

Кто вы, Евгений Лучинин?

Что не так с банером? Какие есть недочёты, что можно улучшить?

Подскажите, пожалуйста, допустимо ли такое смещение сетки?

Принцип «смешать комки»

Подскажите, пожалуйста, как правильно называть header и footer на сайтах по‑русски?

Не могли бы вы поделиться сеткой, по которой вы рисуете сайты?

Артём, пытаюсь не допустить настойчивого предложения сделать выключку текста по ширине в вебе

Заметил, что в Советах вы часто используете капитель

Как сделать так, чтобы рекламные банеры не создавали ощущения захламлённости и беспорядка

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

Хотелось бы узнать ваше мнение о правиле «главная страница сайта должна умещаться на одном‑двух экранах монитора»

Для чего нужна висячая пунктуация в вебе?

В рекламе никаких правил чтения и пунктуации нет

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