新的“专业”品牌被视为“沉闷”


43

我管理一个开源项目(Rubberduck,这是VBA编辑器的加载项),直到最新版本,这都是启动表格:

v2.1.2启动

自2015年以来,品牌或多或少地围绕着旋转的VBA代码和那种橡胶鸭子的图片,自项目开始以来,到处都在使用签名牌Showcard Gothic字体中的“ RUBBERDUCK”字样,精神上准备放手了。

长话短说,昨晚我发布了2.2版,并基于2018年品牌有了一个新的初始形式,我希望能提供一个更为清醒的设计,使其更加专业。原始的鸭子替换为“阴影鸭子”,即稍微模糊的SVG版本的鸭子:

v2.2.0启动

该设计基于2018年社区广告素材,实际上在Code Review SE上做得很好,但是由于该项目起源于该网站,而且自2015年以来我一直担任该网站的主持人,所以这可能是对体面设计的一种偏见。

我在Twitter上进行了快速民意调查(整周都在进行),到目前为止,结果(好的,到目前为止只有7票)表明,新的启动方式被认为是“相当呆板”(57%),而不是“更专业”(43%)-我不会以任何方式将Twitter民意测验视为科学或准确的衡量标准,但是到目前为止,有一半的反馈认为新的“相当平淡”的事实令我有些担忧。

我不是平面设计师,但它是我在该项目中必须戴的众多帽子之一,因此,我希望从这个社区中获得反馈,以期希望确定如何改进新设计/品牌以减少“呆板”,增强“专业精神”。

我要传达的是,该工具针对的是专业人士,并且可以通过其用户代码进行查看,其设计不像原始设计那样混乱/好玩,即,一种被提倡却没有的概念”可能会觉得“无聊”或无聊(我希望Showcard Gothic签名字体能帮上忙)。

我需要您的帮助,以了解新设计在何处以及如何无法传达其信息,以及我可以进行哪些更改以帮助它不会被视为“沉闷”。我也很想知道我是否违反了我不知道的任何设计原则:也许我没有看到明显的对比度问题,或者我使用的字体太小(Gill Sans MT),或布局中存在一些不平衡的地方(字母放置与鸭肉,状态标签的位置等)-一位同行撰文人指出,模糊处理无济于事,而且鸭肉越尖锐,业余爱好者就越少, ...我确信所有这些都可以由设计专业人员客观地量化。

如果有任何有用的信息,则在启动时,Visual Basic编辑器加载其加载项时,初始屏幕将显示约3秒钟。


1
设计可以是“更专业” “更沉闷”。那是第四个投票选项的目的吗?(我会在这两个地方同时使用
安德鲁·利奇

@AndrewLeach的最后一个选项是因为我想到我可以重新接线一下,并具有一个设置来确定要使用的启动屏幕,并让用户选择其中一个=)
Mathieu Guindon 18-4-9,22

6
注释不用于抨击编程语言。此对话已转移至聊天
Wrzlprmft

1
@Ideogram它是...好样的!该工具解析VBA代码并对其进行分析,以帮助其用户防止常见的错误并解决常见的代码不一致和其他问题。“橡皮鸭调试”不过,更多的是在细节描述的一个问题,大声[到橡皮鸭子,同事,或你的屏幕],而且往往解决的办法就出现了这种方式。不确定琐事实际上是否与OP相关;-)
Mathieu Guindon 18-4-11的

1
感谢您的明确解释!我以为“ Rubber Duck调试”是为此程序指定名称的原因。在这种情况下,在初始屏幕的设计中引用该概念可能会很有趣。“墙上的橡皮鸭子,哪个臭虫是最美的?”
Ideogram'Apr

Answers:


92

我认为对暗淡的感觉很大程度上归因于新的启动画面中色彩不足。我喜欢您的提纯方法(我今天学会了这个词),所以我的建议是仅添加一些颜色。

如果要坚持使用Showcard Gothic,很难设计出一种传达“专业主义”的徽标,所以就我个人而言,我只是拥抱字体的趣味性,并在徽标中添加一些黄色和蓝色。这是我的简要介绍:

Rubberduck闪屏

我也不会将背景保留为纯白色,细微的纹理可能会走很长一段路。我选择将漩涡作为对原始“旋转代码”的致敬,但它可以是任何细微的纹理甚至是柔和的渐变。


Ducky剪影由Anthony通过pexels.com提供


35
我会丢失出现在字母下方的鸭子的底部,而不会像字母中的波浪所暗示的那样。同样,保留了部分开放喙的鸭子的原始轮廓不太模糊,有助于更积极地识别它。
Stan

2
@Stan对鸭群的好建议!至于保护鸭子,我完全同意使用原始的鸭子轮廓。我刚刚找到了我能找到的第一个CC0橡皮鸭:)
JohnB

4
如果Homestar Runner有一只橡皮鸭-就是这样。
can-ned_food

21
刻字中的水线。启发。
TJ Crowder

7
@TJCrowder是的,作为一种进度条,水位应在加载时上升。
NH。

34

我认为这个问题有点广泛。而且我还认为,“投票”外行或用户对“您对我的徽标有何看法” 始终是一个非常糟糕的主意。“按委员会设计”通常会导致意见分歧,没有明确的方向。一个由几个人组成的团队非常棒……或一个协作……但是,民意测验通常充满了那些无论您进行什么更改/创建都永远不会高兴的人。

创建徽标需要多少位设计师?
--- 100 ....
1来创建它,然后99则说:“我本可以做得更好。” :)

总的来说,我没有使用像橡皮鸭这样出色的图形,这是一个耻辱。这是一件立即可识别的事情,并提供了即时的开放,友好,诱人的印象。我真的会更加努力。

我不知道要想将其最小化的想法是什么,而不仅仅是保留邀请人的字样,而是保留一种字体,.....不是我的风格。我个人的喜好是徽标类型,不应仅以“显示样式”字体构建。实际上,它最终看起来不那么专业。特别是如果您所在的高科技行业很有可能会让用户在其他地方看到该字体并认出来。

虽然我并没有花很多时间,但我以前有一个橡皮鸭形象,所以我忍不住要玩它。我认为,如果您将注意力集中在鸭子上而不是类型上,那么任何初始卡片或图形本质上都会变得更具吸引力和吸引力。

在此处输入图片说明

在此处输入图片说明

我认为,更标准的字体会带来更多的“专业精神”。

再说一次,鸭子的艺术品是我前一阵子创作的,所以我把它放在身边。给定时间,最好对鸭子进行更多的自定义,并更好地将其与以下类型进行集成:...在其上戴眼镜……以不同的角度……以某种方式将其绑定到VBE代码中。使用现有的艺术品,这一切全都不在我的脑海中。上面的类型可能会花费更多的时间和精力,但我认为它传达了鸭子本身的突出地位。(我使用的蓝色是从鸭眼色中拉出来的,以保持连续性。因此,它可以变得更鲜艳。)

这里的概念是免费的。实际的艺术品不是


3
同行输入总是很棒的...普通公众或用户输入经常没有经过教育且信息不充分,任何偏爱通常是由个人经验驱动的,远远超过了任何作品的实际美学。
斯科特,

1
这里的概念是免费的。实际的艺术品不是。-根据CC BY-SA 3.0许可,可以免费使用实际的艺术品,只要作者受到认可,OP便可以按原样或对其进行修改。
管道

3
@Pipe 未经我的许可,您不能将许可归于我的艺术品。它没有在创用CC许可下发布。它是有版权的,以所有权利保留。
斯科特,

4
@Scott它是您在这里上传后的第一时间。这样可以确保每个人都可以编辑帖子,并确保可以重新分发Stack Exchange答案。当您使用内置编辑器添加图像时,也会显式打印出来:“根据cc by-sa 3.0授权的用户贡献,需要提供出处”
配管

4
@pipe我们可以在这里进行更多讨论:meta.stackexchange.com/questions/309025/…–
Scott

33

我知道我的第一篇文章有​​点“有争议”,但我不是那种只说“不起作用”的人。

这是一个粗略的过程,显示必须做出许多决定。

这将是一个漫长的职位。

  1. 为了避免任何版权问题,我们需要准备原创作品,因此,这是我对橡皮鸭的解释的第一幅草图。第一个看起来像狮子狗...它只是为了获得基本的几何形状。

在此处输入图片说明

  1. 让我们探索一些字体。一些“纯色”字体。该项目需要一个“ cuter”字体,所以圆形字体开始浮现在我的脑海。

在此处输入图片说明

  1. 探索图像字体组合。黑白版本不起作用。应用了一些对字体粗细的更正。

在此处输入图片说明

  1. 鸭子不能平坦。添加一些阴影和带有高光的黑色版本。

在此处输入图片说明

  1. 窃取Scott的蓝色背景构想...哎呀,鸭子在框架外面看。

我也在作弊以填充图像和鸭子之间的空间。

在此处输入图片说明

  1. 把鸭子转过来...(那家伙想要新鲜的东西... Quack这个词有用吗?)

在此处输入图片说明

  1. 双线的地狱,让我们只打一行...

在此处输入图片说明

  1. 探索另一侧的阴影...不,这不起作用...

在此处输入图片说明

  1. 还记得浮动k吗?让我们再探索一次,而不是尝试一些变化...

在此处输入图片说明

我要发布的目的是为了解释,不仅有一个食谱...我在这里发布的每一步都需要进行大量的探索和调查。我阅读了一些有关橡皮鸭的用法的版权文章,探索一些字体,选择一种免费使用的字体,对比度,样式,应用程序...等等。

是的,鸭子可以做得更可爱,或者有其他样式。没有办法取悦所有人,但是这种方法有些运气,更加扎实,没有那么“呆板”。

在此处输入图片说明


为获得更幸福的版本而编辑,并且更乐观地看着天空...好吧,梦想着天空...

在此处输入图片说明


2
很好的答案(比您以前的答案更友好:-P),我真的很喜欢您分享的逐步改进。
Phylyp

3
在原始徽标中,鸭子乐观地望着天空,而您的鸭子则期待着……对我来说,这就像一只悲伤的鸭子。:)
Vityata '18

2
爱嘎嘎。
Tyler S. Loeper '18


2
更幸福的鸭子更新。
拉斐尔

11

请原谅我。我不是无礼的。

该工具针对专业人士

因为它是……不,不是。

我将此文字发布为评论,但它的确很好(但是有点讽刺……我知道)

如果图像很重要,请雇用设计师。如果编程不重要,请聘请面包师来编写代码。

完整的软件产品除具有良好的代码外,还具有许多方面:UX,可用性,图像,感知。因此,如果它是针对专业用户的,则您可能应该聘请专业设计师来使其具有专业外观。

这并不意味着要付出很多钱。这也可以是协作的成果。但是不要害怕要求合作。


正如JohnB所描述的那样,通过使用颜色可以改善暗淡程度,这可能是一个显而易见的问题,但是它也只是轮廓和通用文本,因此实际上需要的不仅仅是颜色。它需要一个真实的设计:抽象,样式,比例,配色方案,印刷选择...


只是一些注意事项:

我知道这听起来很粗鲁。根本不是。我不是程序员,所以我无法判断程序的质量或内在价值,收益,市场。但是,由于问题已经提出来,要求对初始屏幕的图形设计方面以及品牌进行评论,所以我的责任是做到这一点。

我们生活在一个多学科的协作世界中。这是一件了不起的事情。n_n


4
授予UI可能需要大修,这是OSS-欢迎在各个领域做出贡献!
Mathieu Guindon '18

13
就是说...“完成的软件就像在修剪的草坪一样”
Mathieu Guindon

3
“如果它是针对专业用户的,请雇用开发人员以使其具有专业外观。” 我谨对此表示不同意,因为“ Rubberduck” 看起来并不像“专业人士” 那样。我一生中曾经为专业人士明确使用过无数种工具!/软件,当然可以在视觉效果上使用一些输入信息……但是该工具可以胜任工作,因此可以被使用……可爱的水印。
BruceWayne

9
@BruceWayne的确,这可能与两个不同行业认为的“专业”有所不同。在软件开发中,通常工具越“专业”(Nginx,Postgres等),外观(品牌,UI等)
越差

3
@BruceWayne,如果我有一个软件,并且我去Stack Overflow提问,我希望得到有关代码的答案。如果我询问用户体验,我希望UI的观点...如果您要求图形设计...您期望什么观点?
拉斐尔

6

将您的“沉闷”版本与您链接的2018社区广告材料进行比较,我认为很多“沉闷”是由于使用模糊造成的,从而产生了沉闷的印象。我认为感知心理学家实际上可以解释这一点。让我们看看实际上是什么暗沉:我认为通过雾看东西会产生暗淡的印象。

比较图像,当前徽标的鸭嘴模糊,并且字体的对比度要差得多。

尝试给鸭子一个轮廓,例如字体。它提供了强烈的对比。

它还使它与字体相似,从而降低了复杂性,并可能大大增强了专业性。

为了增加专业印象,这将有助于使鸭子在徽标中不那么突出。不居中,也不大。它可以很小,在右侧,而不是在后面,而是在产品名称的上方。另外,请尝试仍然是“有趣”的字体,但只有当前字体的一半有趣。


4

我认为这很乏味,因为它乍一看并没有显示任何可识别的内容。您从该徽标得到的主要信息是:“我们与其他任何事物都一样,没什么特别的。我们可以融合到隐形中,如果您想了解我们的品牌,则需要更仔细地了解”。有些人将其视为“专业”,其他人则将其视为“此项目已禁用”。甚至在您实际上没有时间阅读信件之前,旧的飞溅声就尖叫“ 哇哇鸭!!! ”。然后跟随“ 嘿!它播放一些代码! ”。在我看来,这与我在本段中使用的两种增强功能相比,有更多不同。并问,读到什么会刚被唤醒?Italica在第一部分还是大胆的波纹管呢?

在我开始编程时,(几乎)PC上只有文本界面,但在菜单中突出显示了所有快捷键,以提高可读性-首先是在黑色背景上(在黑白显示器上),然后是黄色或红色在蓝色上,等等类似。并且启动画面至少得到程序名称的大ASCII艺术,并自豪地说“我们就是这个”。后来出现了图形界面,飞溅物充满了颜色,并且即使只有几像素大且几乎没有可用的颜色,也很容易识别图标。菜单中的禁用项目为深灰色,但仍清晰可见。

随着时间的流逝,会出现更大的分辨率,屏幕上更多的颜色和更多的计算能力。但是随着所有这些颜色的出现,程序在灰色主题上逐渐变成了灰色,即使突出显示的项目也比几年前禁用的项目少了一些。它看起来完全一样,适合您的衬衫和袜子的颜色以及其他颜色,但不容易阅读。

它在广告上看起来很棒,所有的反射器都照耀着漂亮的模型,假装使用“高科技专业用品”,因为它不会打扰要引起潜在购买者注意的女演员形象。当您要实际使用它并尝试在菜单中找到某些东西时,情况会更糟。

将这种灰色设计与现实世界中大公司的徽标进行比较。每个大品牌在乍看之下都可以轻松地重新构造,无论是麦当劳,可口可乐,Linux,Windows,阿迪达斯,耐克,还是随便命名。在stackexchange上查看不同部分的图标(在页面标题中或“热网络问题”的右列中-乍一看也可以识别。即使用户图标是彩色的,您也可能在一秒钟内就能识别出您的朋友而无需放大镜和/或读取相关名称。

那么,为什么您的启动画面应该无缝地混入背景中,而不发送可识别的消息,如果您已经知道它,或者它只是某种通用的空间填充物呢?在我看来,飞溅和徽标在公司/产品品牌/身份/识别中起了很大作用。它可以自豪地说“ 我们在这里 ”,也可以默默地低语“ 请不要提及我们,我们无关紧要或无关紧要 ”。

也许这次我太老了,但是我更喜欢可读性而不是每次都“很难读”的可识别性(作为可用性和功能性之后的第二个标记,但是您并不是在询问程序,而是徽标)


3

我认为钝感主要是因为颜色偏灰,并且由于基座的阴影非常暗。

可以尝试的一些事情:

  • 使整体图像更亮并使用有趣/夏季/明亮的颜色会使它看起来更加“令人兴奋”。

  • 减少整个图像中的灰色量也将有所帮助。

  • 不要只写黑色字母,而要考虑灰色(这似乎与我之前的说法相矛盾,但显然必须保持平衡)。

@ JohnB的创作达到什么我所描述的非常好。


2

Mathieu,作为一名编码员和工程师,后来成为企业主,您必须考虑以下几点:

首先,您认为您的市场是(专业开发人员),而您所认为的产品(专业工具)只是基于他人的感知而得出的。

我查看了您的项目/ GitHub,有资格证明您的项目确实是一个专业项目,并且专业的开发人员想使用它,但是我花了18年的时间来积累知识,花了15分钟浏览您的资源。

从以上和您的在线状态来看,您确实是一位非常专业的工程师,但是,您也是专业设计师吗?品牌经理?您可能不这么认为,但是那些职业也是人们度过一生的事情,只需看看@Rafael的惊人破败

作为一名工程师,我们有偏见认为我们可以自己做所有事情,这是一件好事,但是随着业务/项目的发展,您必须放手并委派一些任务,这就是其中之一。

OSS和专有工具的每一个糟糕的品牌/图像都不可避免地是项目所有者,工程师的结果,他们认为他们可以在周末启动Gimp并拿出漂亮的徽标,他们的灵魂接管了他们并且无法放手,然后我们想知道为什么企业主不购买它(我们的工具/ OSS),好吧,企业主不是工程师(在大多数情况下),他们需要评估您的专业水平的是您的现金流,徽标和品牌,正是OSS项目所没有的。

我对您的建议:委托!,聘请@JohnB或@Rafael,或转到此处:https ://99designs.com.au 创建一个“竞赛”,放下$ 350,让品牌工程师做自己的事情,您会爱上新徽标,然后专注于可以更有效地运用技能的任务。


不幸的是,是的,您的新徽标是呆板,通用且难忘的。

为什么在地球上您会把橡皮鸭变成灰色且没有橡胶呢?橡皮鸭是儿童玩具,这是图像的力量,人们期望事物以某种方式存在,否则会感到困惑,不知不觉地逃离了您的产品。

旧的设计实际上是更好的,因为它可以传达信息:如果您正在处理VBA,则可以在5秒钟之内理解它是使编码更容易的工具,颜色鲜艳,并且每个人都喜欢一个笑脸黄色的橡皮鸭游泳时,它会发送“新鲜”,“好玩”和“轻松”的图像。

看到问题了吗?您将旧徽标的所有优点都带走了,现在剩下的单词是通用字体,带有通用轮廓,没有含义,消息或颜色(更糟糕的是,灰色与凹陷相关,这是唯一的颜色不会向我们的大脑发送任何信号,这就是为什么人们会提到“暗淡”的原因。

而且,作为工程师,您正在解决问题,认为您可以“客观地量化”设计过程,您不能,这是一种艺术形式,有“方法”,但是没有任何一种设计方法是建立在力学上的,就像写音乐(与阅读五角星的音乐相反)。

如果我不礼貌,我会道歉,我要努力做到客观,设计/品牌/色彩/心理学是我喜欢阅读/学习的领域,但是当您必须完成工作时,最好聘请专家。


2
您意识到在这里推广这些“竞赛”网站类似于在素食聚会上推广所有牛肉热狗,对吗?比赛什么也做不了,只能剥夺设计师的心。
斯科特,

@Scott,您遗漏了一个要点,那就是:“聘请设计师”,与如何,在何处,与谁无关的机制,被称为“提供示例和价格参考”
Isaac Uribe

1

我认为您可以使徽标设计保持灰度,避免沉闷。灰色设计可受益于更深的深度和鸭图标中的风格化处理。现在,它太褪色,迷失在字体后面。


0

我也很想知道我是否违反了我不知道的任何设计原则:也许我没有看到明显的对比度问题,或者我使用的字体太小了。



关于这一点,我想谈一谈印刷规则。



向右显示的字符线要比垂直线粗。

考虑一下您的K的右下部分。

这(不是)是以您的字体完成的。



水平线要比垂直线细。

不-用您的字体完成。



字体显示的是关于三角形和圆形的提示的规则。

上下显示时,它们会比字体基线更高-更低。

看你的B

上部更高。



关于我所说的全部大写,单词开头的大写字母增加了可读性。

所有上限都会(不一定)这样做。

而且有点朝着喊叫的方向。


By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.