30天设计–品牌案例研究

本文概述

• 第1-3天：首先要做好计划！
• 第3天：创建设计概念
• 第四天：设计品牌形象
• 第7-15天：网站设计
• 第15-25天：应用通用设计
• 第25-30天：与品牌同步制作广告
• 永不满足你的要求

与客户合作时要注意几个重要方面, 满足期望和截止日期是其中两个。在每个设计师职业生涯的某个阶段, 都会有一位迫切需要其项目的客户。这些项目可以教人如何按时完成任务, 以及如何疯狂完成任务。

每个设计师在职业生涯中通常会遇到两种类型的项目。我只想要最好的解决方案”……这是每个设计师的梦想。但让我们面对现实吧；实际上, 事情总是更具挑战性。

“我想要一个开箱即用的, 具有创新性和创造性的解决方案-好的UX, 非常好的用户界面……昨天我需要它。”

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

在经历一次小小的恐慌发作后, 你意识到聪明地工作是唯一的方法。

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

无论如何, 总会有这些令人困扰的问题：

• 这样的时间限制值得吗？

• 时间限制会导致不良的设计质量吗？

• 如果我有更多的时间, 我会做得更好吗？

绝对没错！

与任何项目一样, 作为设计师, 我们总是存在着上行, 下行和制约因素, 我们必须找到一种方法, 甚至利用我们的优势来提出创造性的解决方案。

清楚地了解成功完成项目所需完成的任务是关键, 并且在外交上也要让客户知道较短的时间表可能会对总体设计质量产生负面影响。但是, 最后期限的紧迫压力并不能成为没有将最好的技术投入到你的手艺上的借口-用它来推动自己尽可能提供最好的工作。哈佛商学院关于在时间压力下完成的创造性工作的研究得出以下结论：

这项研究表明, 管理人员应采取措施保护员工从事创造性认知处理的时间, 尤其是那些工作需要高度创造力的员工。 […]完全有可能在完全没有时间压力的情况下, 通常不会产生创意, 无论是自我施加还是外部施加。

这些发现表明, 很大的压力可能会对创意工作产生不利影响, 但与此同时, 研究还表明, 对于创意工作而言, 合理的压力水平可能有助于帮助产生更好的设计。

在拥有多个活跃项目的自由职业者工作时, 完成所有任务始终是一个挑战, 但是这是一个很好的机会, 你可以勤奋地安排自己的时间表, 并在有限的时间内为你工作！为你进行远程工作很简单, 但并不容易。将其与可靠的计划结合起来, 你便会拥有成功的秘诀。

第1-3天：首先要做好计划！

第一步是将项目分解为较小的部分, 并计算完成项目的每个阶段将花费多少时间。设定目标可以增加动力和成就。目标达成的科学建议将你的大目标分解为清晰, 明确的行动步骤, 这样做将为你实现目标提供巨大的优势。

关于品牌设计, 一个好的做法是创建设计的多个版本, 以便客户有不同的选择。我个人的喜好是创建徽标设计和主要品牌元素的三个迭代, 例如版式, 调色板, 图像和图标集。首先执行此操作, 将使你可以将概念和视觉创意带入下一步。

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

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

研究

找出有关客户业务的所有信息：

• 他们的业务核心是什么, 主要活动是什么？

• 他们的目标受众是谁, 他们的需求是什么？

• 他们的目标是什么, 使用设计需要解决什么问题？

• 谁是竞争者, 你将如何变得更好？

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

创建一个情绪板

你可以使用情绪板来做的一件事就是创建概念, 这是任何项目的重要组成部分。纵观全局, 将你所有的研究成果放在一张大画布上, 这样你就可以看到应纳入设计的所有元素。有几个免费工具可帮助你轻松创建情绪板。

如果你不喜欢在线工具, 则可以使用Adobe Illustrator很好地创建, 添加和自由移动元素。将其视为拼贴画-不必过多担心细节的位置；你可以自由安排自己喜欢的一切。主要目标是查看颜色, 照片, 图标, 版式等如何在视觉和讲故事中相互配合。

情绪板易于制作, 可帮助你展示自己的想法。

第3天：创建设计概念

创建概念是完成情绪板之后的下一步, 并且是将来所有工作的基础。产生一个概念作为实验模型, 以测试设计功能的可行性。

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

重要的是要意识到这一步骤的重要性, 因为扎实的概念有助于重述引人入胜的故事, 即使在项目的最初阶段也是如此。主要重点应考虑到用户在处理视觉效果时遇到的感受和体验, 而不是视觉效果本身。

Simon Sinek是业内最具影响力的营销顾问之一, 也是励志演讲者, 他在TED上就这一主题做了精彩的演讲。

情绪板可以帮助你创建一些简短的标语, 或者可以将图标和照片样式设置为一个概念。由于可以不受介质限制地快速阅读排版, 因此考虑网络和印刷友好的排版也很重要。这是出色设计的关键要素, 也是通用设计实践所考虑的原则之一。

第四天：设计品牌形象

如果你从一开始就采用错误的方法, 那么品牌建立过程可能会变得乏味且耗时。拥有批准的概念并完成视觉指导文件后, 最好通过创建徽标迭代来入门。这将使你充满信心, 朝着正确的方向前进, 并让你以明智, 省时的方式应对品牌挑战。

制作你的设计构想的小笔和纸草图是至关重要的。如果先进行素描, 然后再进入Illustrator, Sketch等来处理徽标, 则将花费较少的时间。这一步帮助我设计了三个不同的徽标建议, 这些建议都在品牌选择的视觉方向上进行。这花了几天时间才能完成：

徽标设计可能会进行一些其他更改和调整, 但是一旦客户确定徽标并批准了其他元素(例如颜色, 版式, 图标和摄影风格), 就可以使用基本的品牌元素。

第7-15天：网站设计

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

网站地图

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

如果客户已经有了站点地图, 这将有很大帮助, 因为它可以使你清晰地查看属于该网站的所有页面。如果你获得了需要站点地图的项目, 则必须与客户合作将其放在一起。

这可能意味着向你的客户询问几个问题：

• 网站上的页面数是多少？

• 哪些页面最重要？

• 有子页面吗？

这样可以清晰地描绘出网站的结构, 并让你对项目的范围有所了解。

首先复制

我发现要求客户提前将他/她希望包含在网站上的所有副本和内容提供给我非常有用。最好的做法是围绕副本进行设计, 而不是先创建UI, 然后再尝试使副本合适。

复制优先方法为你和开发人员节省了大量时间。如果你选择其他方法, 则可能会遇到问题。尽管有时有用, 但使用伪文本可能会对真实项目产生负面影响, 尤其是当设计严重依赖于版式且围绕内容进行设计时。以复制为中心的设计没有缺点, 只会帮助推出质量出众的创意作品。

网页设计

通过执行上述所有步骤, 你已经有了常规的视觉准则, 站点地图和副本。现在, 你可以继续设计网站页面。

主页是用户访问网站时首先看到的内容, 因此, 它是最重要的页面。应用帕累托原理表明, 首页占设计方向的80％(上下文, 字体, 颜色, 可重复元素等), 其余页面占20％。

最好通过分组并选择主页部分来开始你的过程。完整的内容和副本通常可以帮助我整理整个页面, 并查看缺少哪些方面以及可以添加哪些部分以最大程度地发挥影响并吸引用户购买/使用产品或服务。

对客户的建议要大胆。说明最后期限暗示某些限制。

要强调服务或产品, 请尝试使用醒目的号召性用语部分。它们是宣传以及吸引用户购买产品, 订阅新闻通讯, 注册等的注意力的绝佳方式。

如果技术, 目标受众和客户的业务类型允许, 则添加诸如GIF或动画之类的动作设计可以使整个网站具有子上下文, 并强调号召性用语部分。但是, 设计人员应注意不要走得太远, 不能创造出需要花费大量时间才能开发的东西。

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

如开发人员所述, 通用设计”可以应用于评估现有设计, 指导设计过程, 并就可用的产品和环境的特性对设计师和消费者进行教育。”

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

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

紧迫的期限和为多个平台设计的缺点是, 你可能没有充分利用要设计的每个平台的全部潜力。在这种情况下, 由于时间限制, 用户群熟悉的简单”防弹”解决方案可能是一个有价值的想法。

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

流程图

网站设计完成, 你对应用程序的UX有了更清晰的了解。

使用户体验创建过程更轻松, 更清晰的方法之一是创建用户流程图。

该流程图说明了页面之间的连接, 并显示了用户将如何与应用程序进行交互。

你可以使用多种方法和工具来创建流程图-通常的做法是制作带有简短标题和说明文字(如有需要)的图形图表。我倾向于使用Sketch或Illustrator, 但是任何允许你创建和移动元素的工具都可以完成此任务。

威尔·利特尔(Will Little)对此做出了很好的解释：

在这里, 工程师和创意人员必须紧密合作, 以决定哪种软件工具可以最好地支持预期的界面以及单击/滑动行为, 直至最后一个选项卡, 工具提示, 灯箱, 图标等。 。

调低调高

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

每个项目都是不同的, 有时需要创建高保真线框。

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

如果可以, 请为你的UX组织一个小型测试。你将需要一个由将来的用户组成的测试组, 以查看线框和UX流是否有意义。测试之后, 你将获得宝贵的见解, 并且可以继续下一步(创建用户界面)。

统一设计

在对UX进行一些调整之后, 你将拥有创建逻辑且定义明确的UI所需的一切, 从而可以将其调整为适应iOS和Android平台的视觉要求。由于iOS有一些非常具体的设计准则, 可能会阻止你进入Apple App Store, 因此你必须了解这些规则, 并仔细检查开发阶段如何实施设计。

你可以在设计UI时遵循准则和规则, 同时为iOS和Android平台创建统一的设计, 同时仍然发挥其最大的优势。

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

至此, 你应该已经设计了标识, 品牌元素, 网站和移动应用程序。尽管你在25天之内完成了全部设计, 但尚需时日, 因为尚需考虑进一步的步骤-为社交网络和印刷品制作广告。在这里, 你一开始创建的概念将为你提供很大的帮助。

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

• 利用鲜明的鲜艳色彩。

• 向快乐和活跃的人展示有助于增强图形的动态感。

• 人们的动作, 活动和兴奋总是引人注目, 并有助于整体传递感觉。

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

你的结果应与项目的整体视觉方向一致。

永不满足你的要求

有时, 任何人都可能低估一个项目可以完成的工作量和工作量, 这就是为什么计划每个步骤在项目开始时至关重要的原因。将目标和切合实际的目标分成小部分, 对于按时交付可靠的工作至关重要。

本杰明·富兰克林(Benjamin Franklin)最清楚地说：”如果没有做好准备, 那么你就准备失败。”

在任何时候, 都要做好准备, 也不要从交付所需的时间上低估工作的可能性。尽管客户可能有最后期限, 但是你应该具有可以帮助你确定项目是否可行甚至一开始就值得考虑的技能。但是, 请不要以此为借口, 不要承担个人挑战, 这最终可以帮助你成为一个更熟练的时代设计师和经理。

• • •

在srcmini设计博客上进一步阅读：

• UI设计最佳做法和常见错误
• 空状态-用户体验最被忽视的方面
• 简单是关键–探索最小的Web设计
• 移动接口的启发式原理
• 为可读性而设计– Web排版指南