30 天设计——品牌案例研究

与客户合作时需要注意几个重要方面——满足期望和截止日期是其中两个。 在每个设计师职业生涯的某个阶段，都会出现一个对他们的项目有紧迫感的客户。 这些项目教授了按时完成任务的艺术以及它可以变得多么疯狂。

每个设计师在其职业生涯中通常会遇到两种类型的项目：“我需要一个与我的项目相对应的以用户为中心的设计，没有严格的截止日期； 我只想要最好的解决方案”……这是每个设计师的梦想。 但让我们面对现实吧； 实际上，事情总是更具挑战性。

“我想要一个开箱即用、创新和创造性的解决方案——好的用户体验、非常好的用户界面……我昨天就需要它。”

那么当您意识到有 30 天的时间来创建徽标并设计主要品牌元素、网站、移动 UI 和社交媒体广告/图形时会发生什么？

在经历了一次小小的恐慌之后，你意识到聪明地工作是唯一的出路。

事先制定计划和思考问题将有助于提高生产力、精度和设计质量。 与任何成功的努力一样，努力工作和长时间工作是实现这一目标的一些强制性条件。

不管怎样，总是有这些令人难以忍受的问题：

• 这样的时间限制值得吗？
• 时间限制会导致设计质量差吗？
• 如果我有更多的时间，我会做得更好吗？

绝对没错！

与任何项目一样，总是存在优点、缺点和限制，作为设计师，我们必须找到一种方法，甚至利用我们的优势来提出创造性的解决方案。

对成功完成项目需要完成的任务有一个清晰的认识是关键，同时也要通过外交方式让客户知道较短的时间表可能会对整体设计质量产生负面影响。 然而，紧迫的最后期限的压力并不能成为你不把最好的工作投入到你的手艺的借口——用它来推动自己尽可能地完成最好的工作。 哈佛商学院对在时间压力下完成的创造性工作进行的一项研究得出了这样的结论：

这项研究表明，管理者应采取措施保护员工进行创造性认知处理的时间，尤其是那些工作需要高度创造力的员工。 […] 在完全没有任何时间压力的情况下，无论是自我强加的还是外部强加的，很有可能不会经常产生创造性的想法。

这些发现表明，很大程度的压力可能不利于创造性工作，但同时，该研究还表明，合理的创造性工作压力可能有助于产生更好的设计。

当您以自由职业者的身份从事多个活动项目时，完成所有事情总是一个挑战，但这是一个很好的机会，可以勤奋地安排您的日程，让您的有限时间为您工作！ 让远程工作为您工作很简单，但并不容易。 将此与可靠的计划相结合，您就拥有了成功的秘诀。

第 1-2 天：首要任务——计划！

第一步是将项目分解成更小的部分，并计算完成项目的每个阶段需要多少时间。 设定目标会增加动力和成就。 实现目标的科学建议将您的大目标分解为清晰、明确的行动步骤——这样做会给您实现目标的努力带来巨大优势。

关于品牌设计，一个好的做法是创建多个版本的设计，以便客户有不同的选择可供选择。 我个人的偏好是创建三个迭代的标志设计和主要品牌元素，如排版、调色板、图像和图标集。 首先这样做可以让您将概念和视觉创意带到下一步。

创建工作流程并遵循它们。

创建工作流程将简化每个项目的工作流程和责任。 以下是我对典型设计项目的常用方法，无论是品牌设计还是用户界面设计：

研究

了解有关您客户业务的所有信息：

• 他们的业务核心是什么，他们的主要活动是什么？
• 谁是他们的目标受众，他们的需求是什么？
• 他们的目标是什么，需要使用设计解决什么问题？
• 谁是竞争对手，你如何才能变得更好？

问卷或设计简介是收集上述信息的最方便和有效的方法之一。

创建情绪板

您可以使用情绪板做的一件事是创建概念——这是任何项目的重要组成部分。 获得更大的图景——把你所有的研究放在一张大画布上，这样你就可以看到所有应该融入设计的元素。 有几种免费工具可以帮助您轻松创建情绪板。

如果您不喜欢在线工具，那么使用 Adob​​e Illustrator 可以很好地创建、添加和自由移动元素。 把它想象成一幅拼贴画——不要太在意细节的定位； 您可以根据自己的喜好自由安排一切。 主要目标是了解颜色、照片、图标、排版等如何在视觉上和讲故事中相互配合。

第 3 天：创建设计概念

创建概念是完成情绪板后的下一步，也是您未来所有工作的基础。 产生一个概念作为实验模型，以测试设计特征的可行性。

情绪板将有助于设置与您的目标受众和业务目标相对应的早期视觉方向。 该概念将成为您的 UX 方向的基础，因此是顶级设计师使用的 10 个 UX 可交付成果的一部分。

了解这一步的重要性很重要，因为一个可靠的概念有助于复述一个引人入胜的故事，即使在项目的第一阶段也是如此。 主要关注点应该考虑用户在处理视觉效果时遇到的感受和体验，而不是视觉效果本身。

业内最具影响力的营销顾问和励志演讲者之一西蒙·西内克 (Simon Sinek) 就这一主题进行了精彩的 TED 演讲。

情绪板可以帮助您创建一些简短的标语，或者将图标和照片样式设置为概念。 由于无论采用何种媒介，都可以快速阅读排版是一件好事，因此考虑网络和打印友好的排版也很重要。 这是伟大设计的关键要素，也是通用设计实践所遵循的原则之一。

第 4 天：设计品牌视觉效果

如果您从一开始就被错误的方法发现，品牌建设过程可能会变得乏味且耗时。 最好在您获得批准的概念并完成视觉指导文件后，开始创建徽标迭代。 这将使您有信心朝着正确的方向前进，并让您以一种聪明且省时的方式应对品牌挑战。

为您的设计理念制作小笔和纸草图至关重要。 如果您先绘制草图，然后继续使用 Illustrator、Sketch 等工具来处理您的徽标，则需要的时间会更少。 这一步帮助我设计了三个不同的标志方案，它们都在为品牌选择的视觉方向上。 这花了几天时间完成：

标志设计可能会有一些额外的变化和调整，但是一旦客户决定标志并批准其他元素，如颜色、排版、图标和摄影风格，你就完成了基本的品牌元素。

第 7-15 天：网站设计

品牌发展不仅仅包括标识——它几乎涵盖了设计的所有方面，包括网站。 首先开始使用网站可能很有用，因为您可以通过应用视觉规则并查看它们如何协同工作来添加视觉概念。 当您创建的网站最终具有与移动应用程序相似的目标和元素时，尤其如此。

网站地图

站点地图是爬虫或用户可访问的网站页面列表。 它可以是用作网页设计规划工具的文档，也可以是以分层方式展示网站页面的页面。

如果客户已经拥有站点地图，这将有很大帮助，因为它可以让您清楚地查看属于网站的所有页面。 如果您被授予需要站点地图的项目，您将必须与客户合作将其放在一起。

这可能意味着问您的客户几个问题：

• 网站的页数是多少？
• 哪些页面是最重要的？
• 有子页面吗？

这将清楚地描绘网站的结构，并让您对项目的范围有一个很好的了解。

先复制

我发现事先要求客户给我他/她想在网站上包含的所有副本和内容很有用。 最佳实践是围绕副本进行设计，而不是先创建 UI，然后再尝试使副本适合。

复制优先的方法可以为您和开发人员节省大量时间。 如果你反过来，你可能会遇到问题。 虽然有时很有用，但使用虚拟文本会对实际项目产生负面影响，尤其是当设计严重依赖排版并围绕内容进行设计时。 以文案为中心的设计没有缺点，只会有助于推出具有卓越品质的创意作品。

主页设计

按照前面的所有步骤，您已经有了一般的视觉指南、站点地图和副本。 现在您可以继续为网站设计页面。

主页是用户访问网站时首先看到的内容，因此它是最重要的页面。 应用帕累托原则表明，主页占据了 80% 的设计方向（上下文、排版、颜色、可重复元素等），其余页面占 20%。

通过分组和选择主页的部分来开始您的过程是个好主意。 完整的内容和副本通常可以帮助我组织整个页面并查看缺少哪些方面以及可以添加的部分以最大化影响并推动用户购买/使用产品或服务。

要强调服务或产品，请尝试使用突出的号召性用语部分。 它们是一种很好的广告方式，可以吸引用户购买产品、订阅时事通讯、注册等的注意力。

如果技术、目标受众和客户的业务类型允许，添加 GIF 或动画等动画设计可以为整个网站提供子上下文，并强调号召性用语部分。 然而，设计师应该注意不要走得太远，创造出需要大量时间来开发的东西。

第 15-25 天：应用通用设计

正如其开发人员所描述的，通用设计“可用于评估现有设计，指导设计过程，并教育设计师和消费者了解更多可用产品和环境的特征。”

通用设计的概念是处理大型项目时使用的最佳解决方案之一——品牌、网站和移动应用程序的统一概念和集中的视觉方向在时间限制下进行设计时非常有用。

重复元素的必要性本身就是一个挑战。 当您遇到技术要求时会发生这种情况。 响应式网站和移动平台具有完全不同的理念和规则集，因此，如果处理不当，可能会成为问题。 尽管如此，创建可跨多个平台使用的元素是任何项目成功的支柱之一——在这种特殊情况下，如果没有明确设定品牌方向的统一设计，就不可能涵盖如此多的平台/设备发展。

紧迫的期限和针对多个平台进行设计的不利之处在于，您可能没有充分利用所设计的每个平台的全部潜力。 在这种情况下，由于时间限制，用户群熟悉的简单“防弹”解决方案可能是一个有价值的想法。

例如：在多个页面上重新应用一个想法并为每台设备改造它。 这些模式本质上是相似的，这对您有利。 它可能是您显示基本信息或邀请用户购买产品的方式。 在这种情况下，即使搜索栏不相同，也可能相似。

流程图

网站设计已经完成，您对应用程序的用户体验有了更清晰的认识。

使用户体验创建过程更容易和更清晰的方法之一是创建用户流程图。

您可以使用多种方法和工具来创建流程图——通常的做法是制作带有短标题的图表，如果需要，还可以添加说明文本。 使用 Sketch 或 Illustrator 是我的偏好，但任何允许您创建和移动元素的工具都适合此任务。

Will Little对此给出了很好的解释：

这是工程师和创意人员必须密切合作的地方，以决定哪种软件工具可以最好地支持预期的界面和点击/滑动行为，直至每个最后一个选项卡、工具提示、灯箱、图标等…… .

让它变低，让它变高

发现应用程序的主要目的将有助于定义用户体验。 这可能是帮助用户购买产品，或者可能帮助他们使用产品——用户体验需要适应这种情况。 在纸上创建的低保真线框，然后在 Sketch 或 Photoshop 中提高保真度，可以大大简化该过程。

在这种情况下，低保真线框就足够了，因为应用程序很简单，只需要遵循网站的视觉细节。

如果可以的话，为你的用户体验组织一个小测试。 您将需要一个由未来用户组成的测试组，以查看线框图和 UX 流程是否有意义。 测试后，您将获得宝贵的见解，您可以继续下一步（创建用户界面）。

统一设计

在对 UX 进行一些调整后，您就拥有了创建逻辑和定义明确的 UI 所需的一切，使您能够根据 iOS 和 Android 平台的视觉要求进行调整。 由于 iOS 有一些非常具体的设计指南可能会阻止您进入 Apple App Store，因此您必须了解这些规则并仔细检查您的设计在开发阶段是如何实施的。

在设计 UI 时遵循指南和规则，您可以为 iOS 和 Android 平台创建统一的设计，同时仍然发挥它们的最大优势。

第 25-30 天：制作与品牌同步的广告

至此，您应该已经设计了标识、品牌元素、网站和移动应用程序。 尽管您在 25 天内完成了所有设计，但现在庆祝还为时过早，因为还有一步需要考虑——为社交网络和印刷品制作广告。 这就是您一开始创建的概念将有很大帮助的地方。

在设计广告和社交媒体材料时遵循这些提示将大大提高视觉效果的质量、参与度和整体创意：

• 使用醒目的鲜艳明亮的颜色。
• 显示快乐和活跃的人有助于您的图形的动态和感受。
• 人们的运动、活动和兴奋总是引人注目，有助于整体传递的感觉。

所有这些规则都将帮助您为广告创建出色的图形。 如果合适，请使用您在整个网站、品牌和应用程序中使用的调色板、版式和其他视觉效果。 这将帮助您在设计中保持一致，并在时间限制下工作时对您有利。

永远不要承诺你不能满足的最后期限

有时，任何人都可能低估一个项目所能付出的努力和工作量——这就是为什么在项目开始时计划每一步都至关重要的原因。 分成小部分的目标和现实目标对于按时交付扎实的工作至关重要。

本杰明富兰克林说得最好： “如果没有做好准备，你就是在准备失败。”

在任何时候，都不要不做好准备，也不要不预见到你低估了完成工作所需时间的可能性。 尽管客户可能有最后期限，但您应该首先具备帮助您确定项目是否可行甚至值得考虑的技能。 但是，不要让这成为你不接受个人挑战的借口，这最终可以帮助你成为更有技巧的设计师和时间管理者。

• • •

进一步阅读 Toptal 设计博客：

• UI 设计最佳实践和常见错误
• 空状态——用户体验中最容易被忽视的方面
• 简单是关键——探索最小的网页设计
• 移动界面的启发式原则
• 可读性设计——网页排版指南