Богдан!

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

Этим достигается компактность, заметность и выразительность — практически всю площадь носителя занимает знак. Знаку не нужно устанавливать дополнительные отношения между собой и форматом — ведь он и есть формат.

Попробуем применить этот принцип к вашему дизайну. У вас получилась просторная плашка, как будто это не логотип, а обложка:

Я убрал прописные буквы из слов «развития памяти» — достаточно выделить первую букву названия

Обрежем поля вплотную:

Появилась эстетика таблички. Чтобы логотип стал ещё больше похож на знак, уберём мелкую надпись:

Для выразительности можно внести контраст в отступы, чтобы боковые поля стали заметно больше вертикальных:

Кстати, так нужно всегда делать при дизайне кнопок.

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

Теперь все отступы контрастируют друг с другом. Если понадобится узнаваемая версия с полной надписью, её можно исполнить в том же духе:

Кажется, мелкая надпись спорит с основной, попробуем её тонировать:

Получилось слишком «заставочно», Шнайдер бы не одобрил. Лучше покрасить в чёрный:

Стало взрослее.

У такого формата можно менять пропорции, и превратить его, скажем, в дверную табличку:

Для фавыконки и мелкой аватарки можно оставить одну M с тем же контрастом:

Точка как бы говорит нам, что слово Memory мы запомнили

Итого:

Было
Стало

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

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

Логотипы и фирменные стилиЭстетика табличкиМодульная вёрсткаЯкорные объектыФормат: логотип
Отправить
Поделиться
Запинить

Комментарии

На середине пути было ок, а потом из‑за этого «кажется» понесло чуть не туда.

А почему боковые поля нужно делать больше в кнопках?

15 авг 2016

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

А аргументы за или против графического знака — рационализация уже сделанного выбора.

15 авг 2016
Богдан Руденко

Артём, благодарю за ответ!

Разрешите пару уточнений:

  1. В лого для сайта без мелкой надписи «Центр развития памяти» нельзя — посетитель должен понимать, куда зашёл. Поэтому спрошу о «слишком заставочно, лучше покрасить в черный». Слишком «заставочно» — это как? Примитивно? Некрасиво? И о чёрных надписях на цветном фоне… Белые надписи на кнопках мне всегда казались приятнее черных, но я не мог объяснить почему. Пока не прочитал объяснение на дизайнерском сайте: кнопки с чёрными надписями выглядят «грязными», «испачканными», поэтому надписи — только белые. В случае с моей табличкой вам так не кажется?

  2. Для эстетики таблички углы лучше скруглённые, или прямые? На нашем сайте все кнопки и др. элементы без «бордер‑радиусов». Скруглённая табличка не будет конфликтовать с прямоугольными кнопками, формами и полями на сайте? Изменить не проблема, только в какую сторону: кнопки сделать круглыми под табличку, табличку сделать прямоугольной под кнопки, или оставить скругленную табличку и прямоугольные кнопки, чтоб контрастировали?

  3. «М.» — крутяк, но уж очень напоминает аватарку «М. Видео». Как назло, ещё цвета похожи… Или если шрифт другой, то не плагиат?

15 авг 2016

Богдан!

Вы неправильно используете слово «плагиат». Плагиат — это если бы я показал вам логотип М. Видео и выдал его за свою работу. Если вас беспокоит сходство, не используйте такую иконку :‑)

На тему чёрного на красном отвечу картинками. Это стиль Амстердама:

16 авг 2016

Это работа коллег из «Фирмы»:

16 авг 2016

Это заставка Канала+

Единственное, что должно беспокоить — это читаемость. Если хотите, сделайте красный на полтона светлее.

16 авг 2016

Рекомендуем другие советы