x
 
Аня Микульчик
12 июня 2019
Советы почтой каждую неделю
Пожалуйста, получите наше письмо, чтобы подтвердить свой адрес:
Вы подписаны на «Советы за неделю»:

Банер для врача. Как можно улучшить типографику и вёрстку, при этом сохранив все данные?


Аня!

В преды­ду­щем совете — тоже о банере — я реко­мен­до­вал при­ме­рять макет в среду, для кото­рой вы его рису­ете. Сей­час невоз­можно понять, где ваш банер будет раз­ме­щаться: на улице, в соц­се­тях, на сайте? Среда и спо­соб про­из­вод­ства вли­яют на кон­крет­ные реше­ния: напри­мер, мел­кий синий текст в вашей кар­тинке вряд ли будет удобно читать в ленте Фейс­бука и более‑менее тер­пимо — на пяти­мет­ро­вом улич­ном банере. Так как я не знаю усло­вий, мой совет будет неполным.

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

Сму­щает, что почти весь текст набран про­пис­ными бук­вами — это не спо­соб­ствует чита­е­мо­сти и плохо выгля­дит. Повто­ря­ю­щи­еся бул­литы‑плюсы только заму­со­ри­вают макет. Шрифты заго­ловка и тек­ста не дру­жат друг с дру­гом. Фоно­вая кар­тинка, плавно схо­дя­щая на нет, тоже здо­рово шумит и не соче­та­ется с шриф­том заго­ловка. Шрифт заго­ловка в прин­ципе совсем никуда не годится :‑)

Я бы пере­со­брал макет заново. Сна­чала най­дём место заго­ловку — у края, в соот­вет­ствии с пра­ви­лом якор­ных объ­ек­тов:

Ниж­ний край отда­дим под спи­сок услуг:

Заго­ло­вок рас­по­ло­жился вдоль верх­него края фор­мата, а спи­сок вдоль ниж­него. Пря­мо­уголь­ник макета раз­де­лён на два модуля:

Куда же теперь поста­вить теле­фоны и адрес? Очень про­сто: сде­лаем модуль списка уже и в осво­бо­див­ше­еся место поста­вим кон­такт­ные данные:

Теперь макет поде­лён на три модуля:

Кон­струк­ция уста­ка­ни­лась, теперь можно её отпо­ли­ро­вать на свой вкус. Я бы так:

Полез­ное дей­ствие эллипса на фоне — при­влечь вни­ма­ние. Ну и ещё какой‑то намёк на дви­же­ние появился.

Дальше хочется пора­бо­тать с фор­мой тек­ста списка, сде­лать пра­вый край менее рва­ным. Это воз­вра­щает нас к про­блеме со смыс­лом. Что озна­чает заго­ло­вок «Здо­ро­вье в дви­же­нии»? Какое отно­ше­ние это имеет к мето­дам лече­ния? Сколько людей в мире знают, что такое кине­зио­тей­пи­ро­ва­ние? Как при­нять реше­ние, нужно ли оно мне, если я не знаю, что это? Я бы разо­брался с этими и дру­гими вопро­сами, пере­со­гла­со­вал с кли­ен­том текст и при­ме­рил его в полу­чив­шу­юся у меня кон­струк­цию. Ско­рее всего, в про­цессе появится идея, чем заме­нить эллипс. Пере­ни­майте эстафету.

P. S. Скоро откроется запись на мой первый курс «Типографика и вёрстка». На курсе я покажу, как предсказуемо составить крепкий макет, используя принцип модульности, якорные объекты, правило внутреннего и внешнего, эталонные модули и типовые конструкции — все те вещи, о которых пишу в советах. А ещё я научу проводить культурный поиск и выражать настроение с помощью шрифта, цвета, иллюстраций, расположения и соотношений элементов. Чтобы не пропустить открытие записи, оставьте свою электронную почту на странице курса.
Типографика и вёрстка — дисциплина Школы дизайнеров. Набор открыт до 12 августа или пока есть свободные места.
 

Поделиться
Отправить

Комментарии

Михаил Озорнин
12 июня 2019

А по-моему, в этом объявлении есть отличный заголовок — «Лечение боли в спине и суставах».

Нигмат Салибаев
13 июня 2019

Попробовал объяснить каждый пункт


Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа.

Решение о публикации принимается один раз; мы не имеем возможности комментировать или пересматривать свое решение, хотя оно может быть ошибочно. Уже опубликованные комментарии могут быть удалены через некоторое время, если без них обсуждение не становится менее ценным или интересным.

Вот такой веб 2.0.

1 3 5




Недавно всплыло

Руст, можно ли сделать такую кнопку без фоновой картинки? 3 Хочу научиться сторителлингу 2 При клике на кнопку нужно плавно прокрутить страницу к форме 2 Как в бюро верстают электронные письма и рассылки. Третья часть: рассылки Школы и Издательства бюро 1