建立一个网页设计过程的6个技巧，提高你的团队的效率

无论你是第一次创业，还是从头开始组建一个新OB欧宝娱乐APP团队，似乎都没有必要强调你的过程;你正在推进项目，每个人都在全力以赴。

现实情况是，这正是让您的流程成为优先事项的时候，因为它将为您和您的团队提供一个工作结构，并在整个公司内提高效率。

Verbal+Visual已经有7年多的历史了，每个月我们都会花时间反思，看看如何改进我们的流程。这不仅可以提高我们的效率和协作技能，还可以过滤掉多余的、冗余的工作，并专注于将关键工作做到最好。

以下是我们的流程，以及我们在多年的经营中是如何发展起来的:

你可能还喜欢:用这6个鲜为人知的技巧来提高你的设计效率

1.做好调查

创建设计过程的第一步是研究。为了帮助你或你的客户达到目标，你必须知道问题是什么。

首先，研究你的客户现有的网站。这里有一些建议让你开始:OB欧宝娱乐APP

• 确定起作用的元素和不起作用的元素
• 识别品牌的声音
• 他们用自己的品牌在说什么?
• 他们的目标是什么?
• 他们的受众是谁?
• 他们希望谁成为他们的潜在客户?
• 执行一个可用性测试弄清楚什么有效，什么无效

2.研究竞争

有时候你会有设计假设和假设，但这通常会帮助你从外部资源中寻找灵感。竞争对手是如何设计功能的?他们的策略是什么?您可以在多个竞争对手中识别的标准最佳实践是什么?

下面是一些你应该尝试回答的问题:

• 谁是你客户的直接竞争对手，他们在做什么?
• 再一次，确定起作用的元素和不起作用的元素。
• 竞争对手是否经常使用类似的元素?如果是这样，我们该如何重塑它，使我们脱颖而出?
• 需要灵感。

3.得到的启发

在你知道问题是什么之后，是时候解决它了，但首先你需要提出自己的想法。下面是我们用来收集灵感的网站聚合器的例子:

• Awwwards.com和Siteinspire.com以漂亮的网站为特色。它们都是了解趋势或获得新想法的绝佳来源。
• Designspiration.com和Behance.com具有鼓舞人心的视觉元素。
• 参观画廊和艺术博物馆。拍下照片，它们可能会给你未来项目的灵感。
• 从你身边的设计中获取灵感。街道标志、广告牌、杂志、自然等等。
• 看看Shopify的收藏电子商务灵感和创意文章．

4.创建一个设计工作室

把你所有的想法集中到一个地方，这样你就可以一次看完。在这个阶段，最重要的是数量，而不是质量。把你所有的想法都说出来，即使是你认为完全疯狂的想法。这在你的脑海中可能看起来很疯狂，但你永远不会知道，直到你在现实生活中看到它。谁知道呢，这个疯狂的想法可能会让这个设计与众不同。

在Verbal+Visual，我们与关键的项目团队成员(无论他们是否是设计师)一起开展名为设计工作室的创意活动。从本质上讲，一群来自不同行业的人聚在一起，把想法带到桌面上来解决问题。这些独特的视角与设计师的孤立视野一样具有开发创新设计的潜力。

我们的设计工作室是这样运作的:

• 讨论有机会的领域。你可能已经做了研究，但你团队中的其他人可能在你把他们拉到设计工作室之前就已经在做不同的项目了。把它们填进去，这样你的团队就能达成一致。
• 明确你的设计目标。这个工作室将专注于什么?头吗?导航吗?主页吗?另外，明确你要设计的平台类型。这将如何影响设计?
• 给上下文。解释你正在设计的环境。例如:为本地杂货店设计一个登陆页面，允许用户在不访问单独的产品页面的情况下将商品添加到购物篮中。
• 发散的。参与者有五分钟的时间尽可能多地提出想法。这些草图将由UI内容(图像、副本、按钮、手风琴、轮播等)的低保真渲染组成。
• 收敛。每个团队成员都有一小段时间来展示他们的设计并证明他们所做的决定是正确的。团队成员提供反馈和问题，以便从他们的同事那里获得进一步的见解。
• 发散的。一旦每个团队成员都为他们的设计辩护，小组将再次分开五分钟，以便绘制草图。然而，这一次的目标将是产生一个单一的设计，它蚕食个人草图的最佳元素。
• 反射。团队将再次聚在一起讨论他们的“最终”设计。在这一点上，模式应该开始出现，并且设计之间应该出现共同的特征。

设计工作室是获得新视角和新想法的好方法。在整个设计过程中根据需要经常使用它，它们不必局限于开始。

5.构建线框图和原型

在我们的设计工作室之后，我们进入了线框图的过程。这个过程综合了我们的研究和从设计工作室产生的想法，并将其放入第一个有凝聚力的视觉格式:线框图和原型。

我们通过信息架构，研究和内容来构建线框图，以设计一个只坚持布局的布局。没有图像，只有一个字体、导航、徽标和内容框被适当地定位。

这个区域是你的可用性测试从当前的网站，以及你所有的研究，开始发挥作用。我们通常首先从桌面布局开始OB欧宝娱乐APP，但我们从一开始就考虑移动设备，并不断在与移动设备相关的设计中寻找漏洞。现在手机的浏览量要高于桌面，所以在设计时一定要考虑到手机。

当我们在整个线框图过程中进行时，我们使用这些线框图来创建可点击的原型。有几个原型设计工具但我们的团队更喜欢在InVisioob欧宝娱乐app下载地址n中工作。这个过程的这一部分是非常非常重要的，在几个不同的方面。首先，花时间正确地构建线框图意味着你将更加确定你的用户体验将运行良好，并且你将在设计和开发过程中节省无数时间。这里有一些简单的技巧来正确地执行线框图部分:

• 设计要考虑发展。找出开发团队将使用的响应式框架(如Twitter Bootstrap)，为该框架购买Photoshop或Sketch模板，并基于该网格进行设计。这将为开发团队节省无数的时间。
• 原型和执行可用性测试。这也是至关重要的，因为它确保了你所设计的东西实际上是可用的。查看我们的帖子可用性测试了解更多。
• 设计感动地。这应该是显而易见的，但要确保你的设计适合每个屏幕(手机、平板电脑、笔记本电脑和大型桌面电脑)。这四个方面都非常重要，你需要让视觉设计师(如果是其他人的话)和开发团队参与关键环节，以确保一切看起来都很正常。

你可能还喜欢:测试你的网页和手机设计的5个最佳原型工具

6.使用强大的视觉设计元素进行润色

如果你正在阅读这篇文章，你可能对视觉设计过程有很强的掌握。一旦我们对线框图有了强烈的感觉，我们考虑的视觉设计要点是:

• 让它成为一种经历。你所创造的内容应该能够真正取悦用户。考虑如何使用动画、UI设计、视频、动画和其他独特的内容以及微妙的体验功能来真正取悦客户，同时还要考虑SEO和加载时间。这是当今数字设计挑战的一部分，也是每个设计师必须解决的问题。
• 坚持品牌。保持核心结构和设计框架。这包括标题和正文副本，以及一致的视觉结构。使您的开发团队能够轻松地接受您所做的工作，并将其转换为实时站点。
• 制作动画和视频。制作简短的动画或视频，向开发团队展示网站应该如何运作，可以节省几个小时的来回工作。它将允许开发团队构建和视觉设计师真正控制网站应该给人的感觉。

在关闭

创建一个一致的设计过程将解放你的时间，让你更有创造力。在多次使用这个过程之后，你也会开始看到结果的一致性。

效率将会提高，你将能够自由地思考，因为以前困难的任务只是成为过程的一部分。每个人的过程都是不同的，所以把它作为一个框架，让它成为你自己的。毕竟，这将使您能够与客户分享您的流程，并使他们能够独特地识别您。

你们团队的设计过程是怎样的?请在下面的评论区告诉我们!

你可能还喜欢:为什么黑客日对设计师有好处