Новый «профессиональный» брендинг воспринимается как «скучный»

43

Я управляю проектом с открытым исходным кодом ( Rubberduck , надстройка для редактора VBA), и вплоть до последней версии это была форма-заставка:

v2.1.2 заставка

С 2015 года брендинг более или менее вращался вокруг закрученного кода VBA и этого изображения резиновой утки с надписью «RUBBERDUCK» в фирменном шрифте Showcard Gothic, который я использую везде с самого начала проекта, и что я не мысленно готов отпустить.

Короче говоря, вчера вечером я выпустил версию 2.2 с новой формой заставки, основанной на брендинге 2018 года, гораздо более трезвый дизайн, который, как я надеялся, окажется более профессиональным. Обычная уточка заменена «теневой уточкой», слегка размытой SVG-версией утки:

v2.2.0 заставка

Дизайн основан на рекламном материале сообщества 2018 года, который на самом деле неплохо работает на Code Review SE, но, так как проект возник на этом сайте, и я был модератором там с 2015 года, возможно, это искаженное восприятие достойного дизайна.

Я провел быстрый опрос в Твиттере (он продолжался всю неделю), и пока результаты (хорошо, пока только 7 голосов) показывают, что новая форма всплеска воспринимается как «довольно скучно» (57%), в отличие от «более профессиональный» (43%) - я не воспринимаю опросы в Твиттере как научное или точное измерение, но тот факт, что половина откликов пока считает новый всплеск «довольно скучным», несколько беспокоит меня.

Я не график, но это одна из многих шляп, которые мне нужно надеть как часть этого проекта, поэтому я жду отзывов от этого сообщества, чтобы надеяться определить, как можно улучшить дизайн / брендинг, чтобы уменьшить «тупость» и усиление «профессионализма».

То , что я пытаюсь передать, что инструмент таргетинг профессионалы , и что он видит через свои пользователь код , с дизайном , который не чувствует , как суматоха / игривый , как оригинал, то есть концепции , которая epurated еще Безразлично» может показаться «скучным» или скучным (я надеялся, что в этом поможет фирменный шрифт Showcard Gothic).

Мне нужна ваша помощь, чтобы понять, где и как новый дизайн может не передать его сообщение, и что я могу изменить, чтобы он не воспринимался как «скучный»; Также было бы полезно узнать, нарушаю ли я какие-либо принципы дизайна, о которых я не знаю: возможно, я не вижу вопиющей проблемы с контрастом, или я использую плохой шрифт, который слишком мал (Gill Sans MT), или есть что-то несбалансированное в макете (размещение букв против ducky, позиционирование меток состояния и т. д.) - один из соавторов указывает, что размытие не помогает и что более резкий ducky будет выглядеть как менее любительский, ... Я уверен, что все это объективно поддается количественной оценке профессионалами дизайна.

Если это какая-либо полезная информация, заставка отображается примерно 3 секунды при запуске, когда редактор Visual Basic загружает свои надстройки.

Матье Гиндон
источник
1
Дизайн может быть «более профессиональным» и «довольно скучным». Это то, что для четвертого опроса? (Я хотел бы использовать как там, не либо )
Эндрю Лич
@AndrewLeach последний вариант, потому что мне пришло в голову, что я могу немного переписать вещи и иметь настройку, которая определяет, какой экран-заставку использовать, и позволить пользователю выбирать, какой из них =)
Матье Гиндон,
6
Комментарии не для избиения языков программирования; этот разговор был перенесен в чат .
Wrzlprmft
1
@ Идеограмма это ... ну вроде ! Инструмент анализирует код VBA и анализирует его, помогая пользователям предотвращать распространенные ошибки и устранять распространенные несоответствия кода и другие проблемы. «Отладка резиновой утки» - это скорее подробное описание проблемы, вслух [резиновой утке, коллеге или вашему экрану], и часто решение просто возникает таким образом. Не уверен, что мелочи на самом деле имеют отношение к ОП ;-)
Матье Гиндон
1
Спасибо за ясное объяснение! Я предполагал, что именно эта «отладка резиновой утки» и послужила причиной названия этой программы. В этом случае было бы интересно сослаться на эту концепцию в дизайне заставки. "Резиновая уточка на стене, какой жук самый справедливый из всех?"
Идеограмма

Ответы:

92

Я думаю, что восприятие серости во многом объясняется отсутствием цвета на новом заставке. Мне нравится ваш подход к эпурации (я выучил это слово сегодня), поэтому я бы предложил добавить еще один цвет.

Трудно создать логотип, который бы демонстрировал «профессионализм», если вы собираетесь придерживаться Showcard Gothic, поэтому лично я бы просто принял игривость шрифта и добавил немного логотипа в желтый и синий цвета. Вот мой быстрый снимок:

Экран-заставка Rubberduck

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


Ducky силуэт любезно предоставлен Энтони через pexels.com

Johnb
источник
35
Я потерял бы основание утки, появляющейся ниже надписи, оставляя это, как подразумевается волнами в пределах надписи. Кроме того, оригинальный контур утки, сохраняющей частично открытый клюв, является менее расплывчатым, что помогает более позитивно идентифицировать его.
Стэн
2
@ Стэн хорошее предложение для основания утки! Что касается сохранения утки, я полностью согласен с использованием оригинального силуэта утки. Я только что проследил за первой резиновой уткой CC0, которую смог найти :)
JohnB
4
Если бы у Homestar Runner была резиновая утка - это было бы так.
can-ned_food
21
Люблю ватерлинию в надписи. Вдохновленный.
TJ Crowder
7
@TJCrowder Да, и уровень воды должен подниматься во время загрузки, как индикатор выполнения.
НХ.
34

Я думаю, что этот вопрос немного широк. И я также думаю , что «избирательные» непрофессионалов или пользователей для «что вы думаете о моем логотипе» это всегда очень плохая идея. «Проектирование комитетом» часто приводит к слишком большому количеству различных мнений и отсутствию четкого направления. Команда из нескольких человек - это здорово ... или сотрудничество ... но опрос, как правило, чреват теми, кто никогда не будет счастлив, независимо от того, что вы меняете / создаете.

Сколько дизайнеров нужно, чтобы создать логотип?
--- 100 ....
1, чтобы создать его, а затем 99, чтобы сказать: «Я мог бы сделать это лучше». :)

В целом, я думаю, это позор, что вы не используете такую ​​фантастическую графику, как резиновая утка. Это такая сразу узнаваемая вещь, которая предлагает мгновенное открытое, дружелюбное, привлекательное впечатление. Я бы на самом деле больше играл в утку.

Я не уверен, что это был за мыслительный процесс, чтобы свести его к минимуму за гранью приглашения, но при этом сохранить шрифт, который ... ну ... просто не в моем стиле. Мой личный вкус - это тип логотипа, а не просто встроенный шрифт «стиль отображения». Это на самом деле выглядит менее профессионально. Особенно, если вы находитесь в технологической отрасли, где высоки шансы, что пользователи увидят этот шрифт где-то еще и узнают его.

Хотя я не тратил на это много времени, у меня был ранее созданный образ резиновой утки, поэтому я не мог не играть с ним немного. Я думаю, что если вы сосредоточитесь на утке больше, чем на шрифте, любая карта-заставка или рисунок по своей природе станут более привлекательными и привлекательными.

введите описание изображения здесь

введите описание изображения здесь

Более стандартная гарнитура придаст больше «профессионализма», на мой взгляд.

Опять же, произведение искусства утки было чем-то, что я создал некоторое время назад, так что я лежал без дела. Со временем, возможно, будет лучше настроить утку и лучше интегрировать ее с типом ... надеть очки ... использовать другой угол ... как-то привязать его к VBE-коду. Это все было просто из головы, используя существующие художественные работы. Вышеупомянутый тип мог бы использовать больше времени и заботы, но я думаю, что он передает известность самой утки. (Синий, который я использовал, взят из цвета глаз утки для непрерывности. Таким образом, его можно сделать более ярким.)

Концепции здесь бесплатны для восприятия .. собственно произведения искусства нет .

Скотт
источник
3
Взаимодействие со стороны сверстников всегда великолепно ... общедоступный или пользовательский ввод часто необразован и плохо информирован, и любое предпочтение, как правило, определяется личным опытом гораздо больше, чем реальная эстетика любого произведения.
Скотт
1
Концепции здесь бесплатны для восприятия .. собственно произведения искусства нет. - Фактическое произведение искусства может свободно использоваться под лицензией CC BY-SA 3.0 , что позволяет OP использовать его (как есть или изменено), пока автор зачислен.
труба
3
@Pipe Вы не можете приписать лицензию на мою работу без моего разрешения . Он НЕ выпускается по лицензии Creative Commons. Это авторское право для меня и все права защищены.
Скотт
4
@ Скотт Это как только вы загрузите его здесь. Это способ убедиться, что каждый может редактировать сообщения, а также обеспечить возможность повторного распространения ответов Stack Exchange. Это также явно распечатывается, когда вы добавляете изображение с помощью встроенного редактора: «Вклады пользователей лицензированы в соответствии с cc by-sa 3.0 с указанием авторства» .
труба
4
@pipe, мы можем обсудить это подробнее здесь: meta.stackexchange.com/questions/309025/…
Скотт,
33

Я знаю, что мой первый пост немного "спорный", но я не из тех парней, которые просто говорят "это не работает".

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

Это будет длинный пост.

  1. Чтобы избежать каких-либо проблем с авторским правом, у нас должна быть оригинальная работа, поэтому вот первые наброски моей интерпретации резиновой утки. Первый выглядит как пудель ... это просто чтобы получить базовую геометрию.

введите описание изображения здесь

  1. Давайте рассмотрим некоторые шрифты. Некоторые «сплошные» шрифты. Проекту нужен был «симпатичный» шрифт, поэтому круглые начинают появляться в моей голове.

введите описание изображения здесь

  1. Изучение комбинации изображения-шрифта. Черно-белая версия не работает. Некоторые поправки к весу шрифта применяются.

введите описание изображения здесь

  1. Утка не может быть «такой» плоской. Добавляем несколько теней и черную версию с бликами.

введите описание изображения здесь

  1. Кража идеи Скотта о синем фоне ... О, утка смотрит за рамку.

Я также обманываю, чтобы заполнить пространство между изображением и уткой.

введите описание изображения здесь

  1. Перевернуть утку ... (Парень хотел свежести ... работает ли слово Кряк?)

введите описание изображения здесь

  1. Черт с двойной линией, давайте просто сделаем одну линию ...

введите описание изображения здесь

  1. Исследуя тени на другой стороне ... Нет, это не работает ...

введите описание изображения здесь

  1. Помните плавающий к? давайте рассмотрим это еще раз, а не давайте попробуем некоторые варианты ...

введите описание изображения здесь

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

Да, утка может быть сделана более симпатичной или иметь другой стиль. Невозможно угодить всем, но подход с некоторой удачей, немного более твердый и менее "скучный".

введите описание изображения здесь


Отредактированный для более счастливой версии и более оптимистично смотрящий на небо ... хорошо, мечтая в небе ...

введите описание изображения здесь

Рафаэль
источник
2
Очень хороший ответ (и гораздо более дружелюбный, чем ваш предыдущий :-P), мне очень нравится пошаговая эволюция, которой вы поделились.
Филип
3
В оригинальном логотипе утка смотрит в небо с оптимизмом, а твоя смотрит вперед ... Для меня это выглядит грустной уткой. :)
Витя
2
Люблю шарлатанство.
Тайлер С. Лёпер
1
"Почему утка?"
Боб Джарвис
2
Счастливая утка обновлена.
Рафаэль
11

Пожалуйста, прости меня. Я не хочу быть грубым.

инструмент ориентирован на профессионалов

Как это ... нет, это не так.

Я отправил этот текст в качестве комментария, но это действительно хорошо, (но немного саркастично ... я знаю)

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

Готовый программный продукт имеет много граней помимо хорошего кода: UX, удобство использования, изображение, восприятие. Так что, если он ориентирован на профессиональных пользователей, вам, вероятно, следует нанять профессионального дизайнера, чтобы придать ему профессиональный вид.

Это не значит платить много денег. Это также может быть совместным усилием. Но не бойтесь просить о сотрудничестве.


Тупость, как описывает ДжонБ, улучшит использование цвета, это может быть очевидным вопросом, но это также просто силуэт и общий текст, поэтому на самом деле нужно больше, чем цвет. Нужен настоящий дизайн: абстракция, стиль, пропорция, цветовая гамма, типографский отбор ...


Просто некоторые заметки:

Я знаю, это звучит грубо. Это просто нет. Я не программист, поэтому я не могу судить о качестве или внутренней ценности программы, преимуществах, рынке. Но так как вопрос уже решен с критикой на стороне графического дизайна заставки и каким-то образом брендинга, я отвечаю за это.

Мы живем в мире сотрудничества, мультидисциплинарном. И это отличная вещь. n_n

Рафаэль
источник
4
Конечно, пользовательский интерфейс может нуждаться в капитальном ремонте, это OSS - вклад приветствуется во всех областях!
Матье Гиндон
13
Это сказало ... "Программное обеспечение" сделано "походит на газон," косящийся ""
Матье Гиндон
3
«если он нацелен на профессиональных пользователей ... Наймите разработчика, чтобы придать ему профессиональный вид». Я с уважением не согласен с тем, что Rubberduck нельзя считать «для профессионалов», потому что это не выглядит так. В своей жизни я использовал бесчисленное множество инструментов! / Software для профессионалов, которые наверняка использовали бы некоторые материалы для визуальных эффектов ... Но инструмент работает для своей работы, поэтому он привыкает ... Симпатичные водяные знаки или нет.
Брюс Уэйн
9
@BruceWayne Действительно, это может отличаться от того, что две разные отрасли считают «профессиональной». В разработке программного обеспечения, как правило, чем «профессиональнее» инструмент (Nginx, Postgres и т. Д.),
Тем
3
@BruceWayne, если у меня есть часть программного обеспечения, и я иду в Stack Overflow, чтобы задать вопрос, я ожидаю ответа относительно кода. Если я спрашиваю об опыте пользователя, я ожидаю точку зрения пользовательского интерфейса ... Если вы спрашиваете о графическом дизайне ... Какую точку зрения вы ожидаете?
Рафаэль
6

Сравнивая вашу «скучную» версию с рекламным материалом сообщества 2018 года, который вы связали, я думаю, что большая часть «тупости» вызвана использованием размытия, которое создает впечатление тупости. Я думаю, что психолог восприятия мог бы объяснить это. Давайте посмотрим, что на самом деле является тупостью: я думаю, что видение чего-то сквозь туман создаст унылое впечатление.

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

Попробуйте дать утке схему, как шрифт. Это дает сильный контраст.

Это также делает его похожим на шрифт, снижает сложность и, вероятно, значительно повышает профессионализм.

Чтобы увеличить профессиональное впечатление, это поможет сделать утку менее заметной в логотипе. Не по центру и не слишком большой. Он может быть маленьким и справа, не сзади, а над названием продукта. Кроме того, попробуйте шрифт, который по-прежнему «забавный», но только вдвое менее забавный, чем текущий шрифт.

Volker Siegel
источник
4

Я думаю, что это скучно, потому что это не показывает почти ничего, чтобы распознать на первый взгляд. Ваше главное послание с этим логотипом: «Мы такие же, как и все остальное, искать нечего особенного. Мы можем смешаться с невидимостью, и если вы хотите узнать наш бренд, вам нужно присмотреться» . Некоторые считают его «профессиональным», другие - «этот пункт отключен». Старый всплеск просто кричит « ВАУ, УТКА, УТКА !!! » еще до того, как вы успеете прочесть письма. А затем следует « Эй! Он играет с некоторым кодом! ». Для меня это выглядит иначе, чем два вида улучшений, которые я использовал в этом параграфе. И, конечно же, что бы кто-нибудь прочитал, просто обратившись? Курсив в первой части или жирный рев это?

В то время, когда я начинал программировать, на ПК был (почти) только текстовый интерфейс, но в меню были выделены все кадры для удобства чтения - сначала на инвертированном черном фоне (на черно-белых мониторах), затем желтым или красным на синем или что-то в этом роде. аналогичный. И заставка заставляет по крайней мере большое искусство ASCII названия программы, чтобы гордо сказать "мы ЭТО". Позже появился графический интерфейс, и всплески были полны цветов, а значки были легко узнаваемы, даже когда были доступны только несколько пикселей большого размера и несколько цветов. Отключенные пункты в меню были темно-серыми, но все еще хорошо видны.

Со временем появилось большее разрешение, больше цветов на экране и вычислительная мощность. Но со всеми этими доступными цветами программы постепенно переходят в серый на серой теме, где даже выделенный элемент МЕНЬШЕ читается, чем отключенные элементы несколько лет назад. Выглядит все одинаково, подходит под цвет вашей рубашки и носков и тому подобное, но это не так легко читается.

Он отлично смотрится на рекламе, где все отражатели сияют на симпатичной модели, притворяющейся использовать «высокотехнологичные профессиональные штуковины», поскольку это не портит имидж актрисы / актера, призванный привлечь внимание возможных покупателей. Гораздо хуже, когда вы действительно хотите использовать это и когда вы действительно пытаетесь найти что-то в меню.

Сравните этот серый на сером дизайне с логотипами крупных компаний в реальном мире. Любой крупный бренд легко узнаваем с первого взгляда, будь то McDonald, CocaCola, Linux, Windows, Adidas, Nike, просто назовите его. Посмотрите на значки различных разделов здесь на stackexchange (будь то в заголовке страницы или в правом столбце «Горячие сетевые вопросы» - снова узнаваемые с первого взгляда. Даже значки пользователей цветные, и вы, вероятно, сможете узнать своих друзей за доли секунды без увеличительное стекло и / или чтение ассоциированного имени.

Так почему бы вашему всплеску просто смешаться с фоном, не отправляя узнаваемое сообщение о том, что это такое, и если вы уже знаете это, или если это просто какой-то общий заполнитель пространства? На мой взгляд, заставка и логотип делают многое в компании / брендинге продукта / идентичности / узнаваемости. И он может с гордостью сказать « МЫ ЗДЕСЬ » или просто тихо прошептать: « Пожалуйста, не упоминайте нас, мы ничего важного или интересного ».

Может быть, я слишком стар для этого времени, но я предпочитаю удобочитаемость, а не «настолько прилично, что трудно читать» каждый раз (как второй маркер после юзабилити и функциональности курса, но вы спрашивали не о программе, а о логотипе)

gilhad
источник
3

Я думаю, что восприятие тупости во многом из-за серых цветов и из-за того, что док затенен очень темно.

Несколько вещей, чтобы попробовать:

  • Если сделать общее изображение ярче и использовать веселые / летние / яркие цвета, оно будет выглядеть более «захватывающим».

  • Уменьшение количества серого на изображении в целом также поможет.

  • Не пишу только черными буквами, рассмотрим серые (это может показаться противоречием с моим предыдущим утверждением, но, очевидно, должен быть баланс).

@ JohnB творение очень хорошо справляется с тем, что я описываю .

Уран
источник
2

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

То, что вы считаете своим рынком (профессиональные разработчики), и то, что вы думаете о том, что ваш продукт (профессиональный инструмент) - это сначала только то, что другие люди думают, что оно основано на их восприятии.

Я посмотрел на ваш проект / GitHub, я имею право засвидетельствовать, что ваш проект действительно профессиональный проект и что профессиональные разработчики захотят его использовать, но мне потребовалось 18 лет, чтобы накопить знания, и 15 минут, чтобы просмотреть ваши ресурсы.

Вы действительно очень профессиональный инженер (судя по вышесказанному и вашему присутствию в сети), но вы также профессиональный дизайнер? бренд-менеджер? Вы можете так не думать, но эти профессии - это тоже то, что люди тратят на совершенствование своей жизни, просто посмотрите на удивительное разочарование @Rafael

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

Каждый ужасный бренд / образы для OSS и проприетарных инструментов всегда являются результатом владельца проекта, инженера, который думает, что может запустить Gimp во время выходных и придумать красивый логотип, их психика вступает во владение, и они не могут чтобы отпустить, а затем мы задаемся вопросом, почему владельцы бизнеса не покупают его (наш инструмент / OSS), ну, владельцы бизнеса не инженеры (по большей части), все, что они должны оценить ваш профессионализм, это ваш денежный поток, логотип и бренда, именно к вещам OSS проектов не имеют.

Мое предложение для вас: делегировать !, нанять @JohnB или @Rafael, или зайдите сюда: https://99designs.com.au создайте «конкурс», отложите 350 долларов, позвольте инженерам брендинга делать свое дело, вы будете ЛЮБИТЕ свой новый логотип, а затем сосредоточьтесь на задачах, где вы сможете более эффективно применять свои навыки.


К сожалению, да, ваш новый логотип скучный, общий и запоминающийся.

С какой стати вы сделали бы резиновую утку серой и не резиновой? Резиновая утка - это игрушка для детей, это сила имиджа, люди ожидают, что вещи будут определенным образом, или они запутываются и неосознанно убегают от вашего продукта.

Старый дизайн на самом деле был лучше, потому что он давал сообщение: в течение 5 секунд вы могли понять, что это инструмент для облегчения кодирования, если вы работаете с VBA, цвет живой, и всем нравится смайлик, желтая резиновая утка, принимающая плавать, он посылает образ «свежий», «игривый» и «легкий».

Видишь проблему? Вы убрали все хорошее в своем старом логотипе, теперь у вас осталось общее слово, использующее общий шрифт с общим силуэтом, без значения, сообщения или цвета (что еще хуже, серый цвет ассоциируется с депрессией, это единственный цвет, который не посылает сигнал нашему мозгу, поэтому люди будут упоминать «скучно»).

И вы подходите к проблеме как инженер, думая, что вы можете «объективно оценить» процесс проектирования, вы не можете, это форма искусства, есть «методы», но никакой метод проектирования не построен на механике, это как написание музыки (в отличие от чтения музыки из пентаграммы).

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

Исаак Урибе
источник
2
Вы понимаете, что продвижение этих "конкурсов" сайтов здесь сродни продвижению всех хот-догов из говядины на веганской встрече, верно? Соревнования ничего не делают, кроме как срывают дизайнеров
Скотт
@ Скотт, вы упускаете суть, а именно: «иди нанимай дизайнера», механизм того, как, где, кто и т. Д. Не имеет значения, это называется «предоставление примера и ссылки на цену»
Исаак Урибе
1

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

Бреа от 99designs
источник
0

Также было бы полезно узнать, нарушаю ли я какие-либо принципы дизайна, о которых мне не известно: возможно, я не вижу вопиющей проблемы с контрастом или использую плохой шрифт, который слишком мал.



В связи с этим я хочу поговорить о правилах типографии.



Линия символа, которая показывает направо, хочет быть толще, чем вертикальная линия.

Подумайте о нижней правой части вашего К.

Это - не - сделано в вашем шрифте.



Горизонтальная линия хочет быть тоньше вертикальной.

Не - сделано в вашем шрифте.



То, что показывает ваш шрифт, это правило о кончиках треугольников и кругов.

Показывая вверх или вниз, они идут выше - ниже - чем базовый уровень шрифта.

Посмотри на свой Б.

Верхняя часть идет выше.



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

Все заглавные буквы делают - не - обязательно делают это.

И идет немного в направлении крика.


АЯКС.
источник