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

Кирилл Богатов
22 июня 2016

Советы почтой каждую неделю

Пожалуйста, получите наше письмо, чтобы подтвердить свой адрес:

Вы подписаны на «Советы за неделю»:

Делаю визитку для хозяина автомастерской. Чувствую, что элементы «съели» всё пространство. Не знаю, что с этим делать. Подскажите что-нибудь.

P. S. Два номера в визитке по просьбе заказчика, так что убрать их нельзя.

Михаил Нозик

Кирилл!

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

Также смущает нагромождение стилей, видов выравнивания и чужая на вид иллюстрация. Повторяющиеся «диагностику и ремонт» лучше вынести за скобки.

В следующем совете нарисую новую визитку.

Совет о сайте автомастерской

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

Твитнуть

Отправить

Полезная информация — что ремонтируют, кто и как связаться. Остальное можно убрать без потери смысла.

Лучше перенести надпись про ремонт двигателя на верхний корешок. Когда машина сломается, искать визитку в кошельке будет проще.

Хочу сравнить свой вариант с тем, что сделает Михаил. Чтобы не было соблазна что-то ещё допиливать при обсуждении — выкладываю тут.

Алексей Петрик
23 июня 2016

Классика

Егор Стремоусов
27 июня 2016

Простой вариант

Дмитрий Батманов
1 мая 2018

Я сделал так.

Ваш комментарий		Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами. Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа. Решение о публикации принимается один раз; мы не имеем возможности комментировать или пересматривать свое решение, хотя оно может быть ошибочно. Уже опубликованные комментарии могут быть удалены через некоторое время, если без них обсуждение не становится менее ценным или интересным. Вот такой веб 2.0.

Имя и фамилия	обязательны полностью для публикации комментария
Электронная почта	адрес не будет опубликован
Ваши соображения
Иллюстрация	гиф или джипег шириной не более 700 пикселей

Похожие советы Типографика в вебе₃₁₈ Модульная вёрстка₉₀ Чередование ритма₅₈ Правило внутреннего и внешнего₅₁ Смешать комки₁₄ Формат: иллюстрация₁₈₄ Формат: текст₅₅₉ Носитель: бумага₁₄₁

Делаю визитку для хозяина автомастерской. Вторая часть 6 • 4 • Как сделать крутой плакат, в котором сообщается о скидке на товар в новом дизайне? 4 •

Какие шрифты подходят для газетной вёрстки? 3 • 2 • Фиолетовый цвет в новом дизайне советов не уместен 1 • 2 • Экран ожидания в поликлинике 4 • Вёрстка списков, рост дизайнера под руководством маркетолога, ссылка на создателя и примитивное исполнение техзадания 1 • 1 • Как сделать крутой плакат, в котором сообщается о скидке на товар в новом дизайне? 4 • Куда поставить ссылку: на поля или в текст? 2 • 1 • 1 • 2 • 3 • Стоит ли использовать выворотку в вебе и полиграфии? 1 • 4 • Как сверстать хорошее резюме на русском? 2 • 1 • Как расположить 30 видеороликов? 1 • 2 • 2 • 2 • 9 • 4 • 3 • 5 • 3 • 5 • 3 • 3 • 9 • 5 • 3 • В презентации много нарушений правил типографики и вёрстки, но при этом она нравится 1 • 1 • 1 • 1 • 1 • Что вы думаете про шрифты Ариал и Вердана для информационного сайта? Влезание в интерлиньяж 4 • 3 • 2 • 3 • 9 • 1 • 2 • 3 • Расскажите о хинтинге шрифтов 5 • Заказчик присылает правки по макету, а я считаю, что они всё испортят :-( 4 • Нельзя просто так взять и сделать модульную страницу из текстовой 1 • 2 • 4 • 2 • У меня афиша. Не знаю, как улучшить. Беспокоит пустое пространство слева 2 • 1 • Что думаете о переносах в вебе? 1 • 1 • 1 • 1 • 2 • Как избежать «эффекта Тильды»? 2 • 2 • Как оформлять инструкцию к продукту? 2 • 1 • 2 • На основе ролика о распознавании инсульта создан плакат. Вторая часть 1 • 4 • 3 • 2 • 5 • В какой программе вы делаете макеты? 7 • Как оформить портфолио маркетологу? 1 • У вас в учебнике по вёрстке написано, что нельзя разрывать текст статьи иллюстрацией 2 • 2 • 5 • Математика в типографике 4 • 5 • 2 • 1 • 3 • 2 • 2 • 2 • 2 • 4 • 2 • 1 • 4 • 1 • 3 • 3 • 5 • Пытаюсь сделать шаблон вёрстки текста для статей про балет 3 • 1 • 2 • 3 • 3 • 1 • 5 • 1 • 2 • 4 • 7 • Мильчин говорит, что разряды в числах нужно отделять пробелом. Как правильно? 1 • 2 • 4 • Как создавался новый сайт бюро. Часть четвёртая: сетка Как создавался новый сайт бюро. Часть третья 1 • Как создавался новый сайт бюро. Часть вторая: раскладка работ 2 • 2 • 1 • Cверстал одностраничный плеер. Вторая часть 3 • 1 • 2 • Сделали страницу для обучающего сервиса по безопасности. Как навести порядок? Вторая часть 3 • 2 • 3 • 3 • 2 • 3 • С подходами к адаптивной вёрстке вроде все уже разобрались, но вот с отображением табличных данных понятно не всё 8 • 3 • 1 • 2 • 4 • 5 • Делаю визитку для хозяина автомастерской. Вторая часть 6 • 1 • Как делать эскизы вёрстки? 3 • 3 • Что-то можно улучшить? Или всё хорошо? Вторая часть 4 • 3 • 2 • 1 • 7 • 1 • 1 • 5 • 2 • 2 • 6 • Сдала курсач в Школе редакторов 5 • 8 • 1 • Инфографика про губернаторов Иркутской области. Вторая часть 2 • Может быть такое выравнивание или это грубая ошибка? Третья часть 3 • Может быть такое выравнивание или это грубая ошибка? Вторая часть 3 • Почему же на сайтах «Системы Главбух», «Системы Юрист» и «Системы Кадры» именно левая «подмышка»? 3 • 7 • 4 • 3 • 5 • 2 • Нужно, чтобы эти элементы были на странице, но получается сумбур. Четвёртая часть 3 • Нужно, чтобы эти элементы были на странице, но получается сумбур. Третья часть 1 • Нужно, чтобы эти элементы были на странице, но получается сумбур. Вторая часть 1 • 3 • 1 • При создании макета сайта зарылся в детали и упустил самое главное. Третья часть 5 • При создании макета сайта зарылся в детали и упустил самое главное. Вторая часть 4 • 3 • 1 • 4 • 4 • 4 • 2 • 2 • 2 • 8 • 3 • 9 • Расскажите, на что опереться русскому дизайнеру 2 • Что такое выход из прямоугольника? Расскажите об ушках, цитатах и фактоидах 1 • Расскажите о вёрстке главной страницы Как сверстать текстовую страницу? 3 • Как собрать страницу из модулей: с иллюстрациями 4 • Как собрать страницу из модулей: без иллюстраций 2 • Как собрать страницу из модулей: зачем нужна сетка? 1 • Расскажите о вёрстке доминирующих и вспомогательных иллюстраций 3 • Как форма текста влияет на порядок чтения? 2 •

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

2 • Расскажите о формате и выборе полей 6 • Что такое модульная вёрстка? 8 • Что такое «правило внутреннего и внешнего»? 9 • Как верстать модули с лентами? 2 • Как верстать текстовые блоки? 2 • Что нужно знать о подписях в вёрстке? 2 • О ссылках в вёрстке 2 • Как работают элементы управления в вёрстке 3 • Расскажите об иллюстрациях как базовом элементе 1 • О тексте как базовом элементе 5 • Расскажите о вёрстке заголовков 2 • А каковы базовые элементы вёрстки? 11 • Точка, линия и прямоугольник 3 • 6 • Якорные объекты 6 • 4 • Что должен знать дизайнер об интерлиньяжах, полях, отступах, кеглях, выравниваниях и модульных сетках? 9 • 8 • 4 • 5 • 2 • 4 • 3 • 4 • 1 • 3 • В прошлом совете вы не ответили на вопрос про модульные сетки, а рассказали совсем о другом 4 • 2 • Расскажите о том, как сделать хорошую модульную сетку 3 • Кто вы, Евгений Лучинин? 13 • 1 • Подскажите, пожалуйста, как правильно называть header и footer на сайтах по-русски? 1 • 5 • Артём, пытаюсь не допустить настойчивого предложения сделать выключку текста по ширине в вебе 10 • Заметил, что в Советах вы часто используете капитель 3 • 4 • 3 • Для чего нужна висячая пунктуация в вебе? 6 • 12 • Сначала я думал, что 12 пунктов — это, может быть, 12 пикселей, но не так все просто 8 •

Экран ожидания в поликлинике 4 • 1 • Как сделать крутой плакат, в котором сообщается о скидке на товар в новом дизайне? 1 • 4 • 2 • 4 • В презентации много нарушений правил типографики и вёрстки, но при этом она нравится 1 • 3 • 3 • У меня афиша. Не знаю, как улучшить. Беспокоит пустое пространство слева 2 • 2 • 1 • 2 • Сделали страницу для обучающего сервиса по безопасности. Как навести порядок? Вторая часть 2 • 3 • 3 • 2 • 3 • 3 • 1 • 6 • 2 • 4 • Делаю визитку для хозяина автомастерской. Вторая часть 6 • 1 • Что-то можно улучшить? Или всё хорошо? Вторая часть 4 • 3 • 2 • 1 • 1 • 5 • 2 • 6 • 8 • Инфографика про губернаторов Иркутской области. Вторая часть 2 • Может быть такое выравнивание или это грубая ошибка? Третья часть 3 • Может быть такое выравнивание или это грубая ошибка? Вторая часть 3 • 7 • 4 • 3 • 5 • 2 • Нужно, чтобы эти элементы были на странице, но получается сумбур. Четвёртая часть 3 • Нужно, чтобы эти элементы были на странице, но получается сумбур. Третья часть 1 • Нужно, чтобы эти элементы были на странице, но получается сумбур. Вторая часть 1 • 1 • При создании макета сайта зарылся в детали и упустил самое главное. Третья часть 5 • При создании макета сайта зарылся в детали и упустил самое главное. Вторая часть 4 • 4 • 4 • 4 • 2 • 2 • 2 • 8 • Расскажите об ушках, цитатах и фактоидах 1 • Расскажите о вёрстке главной страницы Как собрать страницу из модулей: с иллюстрациями 4 • Как собрать страницу из модулей: без иллюстраций 2 • Как собрать страницу из модулей: зачем нужна сетка? 1 • Расскажите о вёрстке доминирующих и вспомогательных иллюстраций 3 • Как форма текста влияет на порядок чтения? 2 • Как верстать текстовые блоки? 2 • 8 • 3 •

5 • Пытаюсь сделать шаблон вёрстки текста для статей про балет 3 • 1 • 2 • 3 • Cверстал одностраничный плеер. Вторая часть 3 • Сделали страницу для обучающего сервиса по безопасности. Как навести порядок? Вторая часть 3 • 3 • 1 • 2 • Делаю визитку для хозяина автомастерской. Вторая часть 6 • 1 • Что-то можно улучшить? Или всё хорошо? Вторая часть 4 • 3 • 2 • 1 • 1 • 5 • 2 • 4 • 5 • Нужно, чтобы эти элементы были на странице, но получается сумбур. Четвёртая часть 3 • Нужно, чтобы эти элементы были на странице, но получается сумбур. Третья часть 1 • Нужно, чтобы эти элементы были на странице, но получается сумбур. Вторая часть 1 • 1 • При создании макета сайта зарылся в детали и упустил самое главное. Третья часть 5 • При создании макета сайта зарылся в детали и упустил самое главное. Вторая часть 4 • 4 • 2 • 2 • Как собрать страницу из модулей: с иллюстрациями 4 • Как собрать страницу из модулей: без иллюстраций 2 • Как собрать страницу из модулей: зачем нужна сетка? 1 • Что такое модульная вёрстка? 8 • 8 • 4 •

Как сделать крутой плакат, в котором сообщается о скидке на товар в новом дизайне? 4 • 3 • 4 • В презентации много нарушений правил типографики и вёрстки, но при этом она нравится 1 • Влезание в интерлиньяж 5 • Математика в типографике 4 • 1 • 5 • Пытаюсь сделать шаблон вёрстки текста для статей про балет 3 • 4 • 7 • Cверстал одностраничный плеер. Вторая часть 3 • 2 • 3 • 4 • Делаю визитку для хозяина автомастерской. Вторая часть 6 • 7 • 1 • Сдала курсач в Школе редакторов 5 • 2 • 2 • 8 • Что такое «правило внутреннего и внешнего»? 9 • Как работают элементы управления в вёрстке 3 • 4 • Что должен знать дизайнер об интерлиньяжах, полях, отступах, кеглях, выравниваниях и модульных сетках? 9 • 8 • 3 •

Что такое согласование в дизайне? (Часть третья: структурирование) 3 • 4 • Делаю визитку для хозяина автомастерской. Вторая часть 6 • О ссылках в вёрстке 2 • А каковы базовые элементы вёрстки? 1 • 1 • 2 • 11 • 1 •

Экран ожидания в поликлинике 4 • 1 • Как сделать крутой плакат, в котором сообщается о скидке на товар в новом дизайне? 1 • 2 • 3 • 4 • 1 • 2 • 2 • 4 • Вакансия визуализатора 2 • На основе ролика о распознавании инсульта создан плакат. Вторая часть 1 • 4 • Как оформить портфолио маркетологу? 1 • 2 • 2 • 5 • 4 • 5 • 2 • 1 • 3 • 2 • 2 • 4 • 2 • 1 • 1 • 1 • 1 • 2 • 3 • 1 • 2 • 4 • 2 • 4 • 3 • 1 • 2 • 3 • 3 • 2 • 3 • 1 • 2 • 4 • 5 • Делаю визитку для хозяина автомастерской. Вторая часть 6 • 1 • Что-то можно улучшить? Или всё хорошо? Вторая часть 4 • 3 • 2 • 1 • 7 • 1 • 1 • 5 • 2 • Сдала курсач в Школе редакторов 5 • 8 • 1 • Инфографика про губернаторов Иркутской области. Вторая часть 2 • Может быть такое выравнивание или это грубая ошибка? Третья часть 3 • Может быть такое выравнивание или это грубая ошибка? Вторая часть 3 • 7 • 4 • 3 • 5 • 2 • Нужно, чтобы эти элементы были на странице, но получается сумбур. Четвёртая часть 3 • Нужно, чтобы эти элементы были на странице, но получается сумбур. Третья часть 1 • Нужно, чтобы эти элементы были на странице, но получается сумбур. Вторая часть 1 • 1 • При создании макета сайта зарылся в детали и упустил самое главное. Третья часть 5 • При создании макета сайта зарылся в детали и упустил самое главное. Вторая часть 4 • 3 • 4 • 4 • 4 • 2 • 2 • 2 • 8 • 3 • 9 • 2 •

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

2 • О тексте как базовом элементе 5 • 10 • 5 • Как должно выглядеть портфолио начинающего ретушёра? 1 • 4 • 5 • Расскажите о рынке ретуши в России, в Америке, в Европе 1 • 1 • 4 • 6 • 2 • Есть какой-то способ упростить переделки или избежать их? 1 • Всегда интересовали размытия, которые превращают дальний фон в ближний и наоборот 7 • 1 • 5 • 4 • 2 • 1 • Хотим переделать свой и-магазин пиротехники 3 • Где вы учились журнальной ретуши? 1 • 4 • Хочется, чтобы много красивых картинок на сайте быстро загружались 14 • 4 • Родион, расскажите подробнее про осветление/затемнение 5 • 1 • 1 • Покажите, как достичь «идеала» на примере любой несбалансированной по цвету фотографии 3 • 4 • Какого цвета должна быть человеческая кожа на фотографии? 2 • 4 • 3 • Андрей, расскажи, пожалуйста, за пять минут всё, что должен знать дизайнер интерфейсов о тенях 1 • 3 • Существует ли у вас некоторый примерный формальный алгоритм достижения цели: получения качественной графики? 2 • Есть ли какие-то простые, самые базовые принципы по подбору цветовых схем для сайта? 3 • 1 • 2 • 3 • 1 • 2 • 2 • 4 • 3 • 6 • 4 • 5 • 1 • Как делать «объекты на мокром полу», чтобы сократить время создания такого эффекта 1 • 5 • 11 • 5 • 4 • Что можно было бы сделать с изображениями, чтобы это их не уродовало и затрудняло их копирование? 1 • 5 • 2 • 5 • Поскольку мне никто ничего не написал, пообщаюсь сам с собой 5 • 2 • 2 • 4 • 2 • 9 • 4 • 5 • 4 • 1 • 4 • 2 • 10 • 1 • 12 • 7 • 14 • 4 • 2 • 7 • 1 • 4 • 3 • Подскажите, пожалуйста, чем технический дизайн отличается от технической иллюстрации…

3 • 2 • Экран ожидания в поликлинике 4 • 1 • Как сделать крутой плакат, в котором сообщается о скидке на товар в новом дизайне? 4 • Куда поставить ссылку: на поля или в текст? 2 • 1 • 3 • Стоит ли использовать выворотку в вебе и полиграфии? 1 • 4 • Как сверстать хорошее резюме на русском? 2 • 1 • 2 • 2 • 9 • Нужно ли высшее образование редактору? Как узнать, что нужно читателям? 1 • Можете рассказать о грамотном выделении слов или фраз в тексте, заголовках, списках? 5 • 4 • 3 • 5 • 3 • Новый год близко Нужно ли писать века римскими цифрами? 3 • О чём вести соцсети, чтобы привлекать клиентов? 4 • Стоит ли давать обратную связь? 1 • Мне не понравилось, я сам переписал текст 2 • Моему тексту мешают «нужно», «можно», «должен». Как вытравить этих монстров? Если я хочу стать редактором, с чего нужно начать? 1 • 1 • Посоветуйте, пожалуйста, приемы для конкретизации мысли На основе ролика о распознавании инсульта создан плакат. Вторая часть 1 • 3 • Как объяснить заказчику, что «закошмаривание», оскорбления и «создание чувства страха» — плохая стратегия? 1 • 4 • Как более корректно применить знак рубля в диапазоне чисел? 3 • В юридических документах можно применять информационный стиль? 4 • 3 • Есть проблема — хамство между сотрудниками и между врачами и пациентами 2 • Есть ли в арсенале редактора запретные инструменты, которые нельзя оправдать полезным действием? Как оформить портфолио маркетологу? 1 • В каком тоне говорить об управляющей компании на сайте, если у жителей дома нет альтернативы? Как подать рекомендации, чтобы не вызвать у читателей ощущение «меня учат жизни»? У нас между отделами дизайна и копирайтинга возник спор 2 • 2 • Как бухгалтеру рассказать о себе? 1 • Вопрос про нативные статьи 2 • Кажется, что текст суховат, а придумать убеждающие истории или как сказано в книге — легкий синтаксис не получается. 1 • 5 • Не хочется, чтобы информация выглядела как выпендрёж, но в то же время подчеркивала масштабы 1 • 4 • Призывов к действию слишком много, читатель в них не верит. Возможно ли такое? 1 •

Комментарии

Ваш комментарий