Хороший дизайн требует много навыков, времени и энергии – он никогда не получается случайно. И очень важно помнить, что дизайн – он про четкое сообщение. Писатель или оратор должен выбрать идеальные слова для передачи своего сообщения. Точно так же и дизайнеры должны выбрать правильные визуальные элементы, которые передают именно то, что они хотят сказать.
Но иногда случаются интерпретации, которые никто не задумывал. Так происходит из-за недостатка исследования. Иногда эти ошибки могут быть настолько серьезными, что сторонние наблюдатели задаются вопросом: как вообще кто-то допустил этот дизайн.
Однако плохой дизайн может стать уроком, как не надо делать. Здесь мы собрали 12 огромных косяков в упаковке, UI и дизайне логотипа, которые предлагают всем нам поучиться.
01. Логотип OGC
Управление государственной торговли Великобритании существовало с 2000 по 2011 год. В 2007 году руководство поручило FHD разработать новый логотип, который продемонстрирует смелую приверженность компании продвижению стандартов.
Проблема заключалась в том, что разработанный логотип был напечатан на ручках, ковриках для мыши и всевозможных других канцелярских товарах, которые можно развернуть – и увидеть лого с разных сторон. Повернутый на 90 градусов логотип выглядит неприлично.
Невероятно, но управление решило оставить лого. Представитель даже пошутил:
«Это вполне приемлемо для организации, которая стремится жестко контролировать расходы правительства».
02. Flickering Lights
Первое правило дизайна: дайте другим людям посмотреть на финальную версию. Из-за неудачного подобранного кернинга L и I в упаковке Flickering lights превратились в U. Пробел бы не помешал.
03. Lisa Jackson Deserves to Die
Наверняка это прекрасный роман (и часть цикла), но важно уточнить сразу: Лиза Джексон – автор, Deserves to Die – название. Вот только на обложке мы читаем слитно – дизайнеры подали нам текст именно так.
Существует много способов установить иерархию текста – с помощью шрифта, толщины, цвета, расположения текста. Иногда нужно использовать больше одного. Здесь авторы решили ограничиться только заглавными буквами для автора. Помните, что дизайнер несет ответственность не только за внешний вид вещей, но и за их контекст и за то, как они будут прочитаны.
04. Tesco buttermilk
Один из главнейших косяков в создании упаковки достался Tesco. Казалось бы, просто кувшин с простоквашей, из которого льется простокваша. Но льющаяся простокваша разделяет рисунок… очень правильно. Фотография упаковки быстро стала вирусной.
Чему учит нас этот дизайн? Всегда делайте макет!
05. Mama’s Baking
В логотипах часто сочетаются идеи, взятые из названия или функции бренда. Эта пекарня в Греции объединила образ той самой мамы и печи, чтобы показать выпечку. Но получилось совсем по-другому. Трудно представить, что дизайнеры не поняли, как это выглядит.
Правда, пекарня до сих пор использует этот логотип – он принес им известность, так что почему бы и нет.
У нас есть еще один пример урока, что надо быть осторожными с использованием в логотипах фигур – Молодежная архиепископская комиссия католической церкви.
06. Ценности Thomson Reuters
Presented without comment. cc Venn Diagram enthusiast @LadyFOHF pic.twitter.com/RjYAUjlJaV
— George "Grants To State & Local Gov NOW" Pearkes (@pearkes) August 14, 2014
Кажется, идея заключалась в том, чтобы показать: концепции слева – основные ценности группы. Но вышло как диаграмма Венна: ценности компании слегка пересекаются – а значит, им плевать на концепции слева.
The Washington Post даже похвалила компанию за ее честность в ироничном заголовке: «Компания признает, что она не новаторская». Урок здесь: всегда посмотрите со стороны, как ваше послание может выглядеть для других.
07. Where Milan
Состоятельные путешественники были бы немного озадачены, увидев это издание Where Milan. Размещение вырезанного фото поверх заголовка создает впечатление, что издатели ставят под сомнение репутацию собственной модели.
Это итальянское издание, поэтому дизайнеров, возможно, простят за то, что они не заметили ошибку при работе на иностранном языке. Но если вы нацелены на иностранный рынок, проверьте, что это может значить.
08. Жевательные волосы, кожа и ногти CVS
Еще один шедевр упаковки. Это пищевая добавка от CVS, похоже, продается для Ганнибала Лектера. Авторы предполагают, что покупатель должен знать, как выглядит вся серия – и тогда понимает дизайн упаковки. С другими добавками не возникает проблем – например, «жевательный витамин С» звучит вполне нормально.
Но для конкретно этой упаковки стоило уточнить, что это жевательные таблетки.
09. Фотография выпускников
Очевидно, это реклама услуги фотосъемки на выпускной. Но что означают все эти символы? Стала на карьерный путь? Свет как символ надежды? Каким бы ни было первоначальное намерение, нельзя отрицать тот факт, что эта выпускница не слишком обрадована своими перспективами на современном рынке труда. Кажется, она готова закончить все, прыгнув под идущий навстречу поезд.
Цветовые тона и даже выбор шрифта только подтверждают впечатление. Всегда учитывайте настроение, которое вы хотите передать, и убедитесь, что в сообщении присутствуют цвета, изображения и текст.
10. Волшебная палка для селфи
Графические дизайнеры, производящие рекламные материалы и изображения для технических инструкций, могут извлечь выгоду из четкого понимания того, как на самом деле работает продукт, который они изображают.
Как люди разберутся в продукте, если он даже в документах показан неправильно?
11. Дышащие шорты Outon
Эти велошорты позволят вам выпускать газы во время езды на велосипеде. Это отличная функция, правда? Иначе как объяснить облачко, выходящее из задней части.
Иногда дизайнерам стоит понять, что дизайн вообще не нужен. Передать сообщение можно просто с помощью сопроводительного текста.
12. Формат даты
Looks like I picked a bad day to set this app up pic.twitter.com/R11M7RNU86
— Ian Walker (@ianwalker) December 12, 2019
Небольшая ошибка пользовательского интерфейса в конце этой подборки. Непонятно, почему в разных странах мира приняты разные визуальные передачи даты и это всегда проблема, но дизайнер точно должен был продумать все. Например, убрать лишние две строки.
Читайте также:
Австралийская компания провела ребрендинг за 70 тысяч долларов. Найдите десять отличий
5 распространенных ошибок в веб-дизайне, которые бесят пользователей
