设计视觉系统化，拒绝野路子

戊齐食用油

如果您想订阅本博客内容，每天自动发到您的邮箱中，请点这里









F是一个连接全球数十亿人的社交工具。 面对这一视觉系统，设计师遇到了前所未有的挑战



虽然每个工具都能很好地履行其预期的功能，但它们并没有提供令人满意的整体经验。设计的UI模式，使用颜色和图像每个产品都是不同的。整体看起来不仅过时，而且与F的这些专业人士在个人生活中使用也脱离联系。



我们希望制作出一致，令人满意的用户体验，值得我们的商业产品为和人们喜欢。我们还希望通过改进他们所依赖的工具来展示我们对这些业务的承诺。



一个系统，很多经验


我知道这个项目将是一个团队的努力，但我是被吓倒的。到目前为止，我为“模拟人生”设计了UI，并为SFMOMA创建了一个广泛的风格指南，但这些项目只有一个观众和一个产品。创建一个连贯的视觉系统，跨越不同客户群体的多个广告工具，包括数百万小企业，大品牌和代理机构以及我们的营销，是一个完全不同的挑战规模，比任何都更加复杂，曾经做过 每个产品不仅具有不同的外观和感觉，而且这些产品中有150位设计师; 该系统必须为所有这些工作。



我不知道系统会是什么样子，但我知道这不是太规范。它必须是可扩展的和灵活的，随着我们的成长而发展的能力。在潜入视觉效果之前，我需要了解我们希望人们如何体验我们的产品。我开始与我们的设计领导团队合作来定义我们的属性。如何想要体验感受？我们想出了一个范围不同的情况下，像描述的人，专业，值得信赖，和友好的。







利益相关方


接下来，我对所有F的商业产品以及我们的消费者插图和颜色进行了审核。我展示了我们不同的团队，整体体验如何脱节。然后，我为不同的团队提供了研讨会，使用点投票和贴纸写作来快速识别我们认为成功的设计。



一旦我们达成了一个基本方向的协议 - 我们称之为“抽象几何风格” - 我们经历了许多轮次的改进。我们现在有一个明确的方向，但是我们仍然需要一种共同的方式来了解如何将其应用于系统将重塑的所有不同的产品。







把它们捆绑在一起



我回头看整个系统。当我重新审视了我们为了定义品牌属性而进行的练习时，我发现他们可以应用我们旨在汇集的不同体验。这只是一个根据观众和产品在频谱上调整每个属性的强度的问题。



例如，我们希望P E是一种主要由广告代理商的专业人士使用的广告界面，可以感受到更为先进的功能。另一方面，使用P的人大多是中小企业，所以产品应该更简单，更平易近人。



颜色也一样。一个用户可能需要它是值得信赖和平静的，而另一个用户需要它来感觉友好。我研究了色彩系统，并尝试将其映射到我们为F业务开发的维度。通过在项目影响的所有经验中应用这样的维度，我开始看到我们如何以一致和系统的方式解决所有的用户。



这并不意味着很容易。开发可以在所有消费者和商业产品上工作的调色板 - 将它们放在一起而不消除有意义的差异 - 是我们面临的最大挑战之一。满足它需要多个团队之间的大量协作。



我们使用音调来加强F品牌，并在消费者和商业插图中创造更多的一致性。在总体方案中，我们为不同的商业产品使用不同的配色方案，以创造出表面之间的明显区别，帮助人们保持领导。















保持人性


颜色只是我们努力制作商业工具的一部分，这些商业工具带来不同的经验，同时保持适当的区别。如果我们的商业工具 - 即使是进的 - 都感觉到非人性化，他们不会像F的一部分。



我们需要我们的新视觉系统，简单而通用，足以使感情上与世界各地使用我们的工具的人的广泛联系。我在我们的视觉系统中编写了代表人物的指南，包括许多不同的肤色和发型，以表示多样性。







人物也不得不反映各种各样的工作场所（例如代理与餐馆）。消费者的数字应该像日常人一样，从不僵硬或机器人。在所有产品中，人们应该习惯于讲故事或传达一个信息 - 从不随机放置在作品中。每个例子需要清楚地说明它们与我们的产品有关。







我学到的五件事



从项目开始就越远，其最大的教训就越明显。其中一些具体针对F的独特规模，但我希望其他人对任何人构建视觉系统的各种经验 - 或领先的综合设计项目是有用的。





与团队合作，尽早界定明确的目标。这个项目有很多模糊性和依赖性。在研究阶段，我们与所有的业务设计团队进行了密集的工作会议。我们获得的见解帮助我们制定了明确的指导原则。





负责。一旦这些原则得到确定，不要超越民主。漫长的情绪充沛的辩论可以导致一个设计，把每个人的想法混在一起，缺乏强烈的个性。





与移动目标保持联系。我们的许多业务产品在这项工作正在发展的同时被重新命名。在正确的时间与这些团队的正确的利益相关者进行沟通，有助于我们影响他们的工作。它也帮助我们更好地了解他们的设计需求。





教育，教育，教育。很多我最重要的工作重点是建立对系统的更广泛的了解以及为什么它是重要的。我们通过不同的设计团队通过广泛的事件和问答来早日传播系统。





保持参与 无论系统的连贯性和灵活性如何，相信它将需要持续的主动维护。为了帮助保持我们所有的移动部件的轨道，我一直在参与，不仅仅是作为答案的来源，而且作为听众。向设计团队询问他们的挑战使我们能够实施一些改进，使设计人员更容易将其工作融入系统。









蓝蓝设计()是一家专注而深入的界面设计，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计、界面设计、界面设计、包装设计、图标定制、用户体验 、交互设计、建设、平面设计服务




充分的数据显示监测及可视化UI 设计可以带动很多人就业，从而带动经济的发展。北京兰亭妙微（蓝蓝设计）是一家专注而卓越的UI界面设计公司,以良好的服务为众多优秀企业提供卓越的UI咨询、竞品分析、交互设计、UI界面设计、大数据可视化设计、嵌入式软件界面设计开发、图标icon设计、大型网站设计、用户体验设计、软件开发....是一家从用户研究、交互设计及优化咨询、软件和网站设计、界面开发实施全方位提供解决方案的创新型设计公司。http://www.lanlanwork.com