新网站的图形设计流程 – 客户指南

平面设计可能是网站项目中最令人兴奋的步骤之一。这是您第一次真正看到新网站的地方。这也是所有先前的元素(标语和副本、线框、品牌和其他组件)在视觉元素(如样式、颜色、图像、摄影、排版和其他设计元素)的支持下汇集在一起​​的地方。您的 Web 开发人员可能会将网站外观的静态屏幕或图像称为“设计样稿”布局。您可以将它们视为网站的“屏幕截图”。通常它们以 JPEG 或 PNG 文件格式提供给您。一些公司可能有在线协作工具,允许您查看设计样稿和各种修订,以及提供插入评论和反馈的空间。您的 Web 开发人员引导您完成设计是一种正常做法。这是您了解他们的基本原理和论据、表达您的意见和提出问题的绝佳机会。就像线框一样,设计样稿通常从单个页面(通常是主页)开始,以确定设计方向,然后关注网站的其余部分,遵循线框和站点地图。您不需要审查网站的每个页面的设计。不可避免地会有相似的页面,因此重点应该放在独特的页面上。虽然设计工作通常很吸引人且令人兴奋,但没有什么比与网站开发人员在设计上产生分歧更令人沮丧的了。经验丰富的网站设计师会同意,这通常是网站项目中发生最多分歧的领域。虽然您可能对网站的设计有很好的想法,但请记住,您聘请了一位专家来创建成功的网站设计。相信他们的判断,当一切都失败时,要求独立审查。另一个常见问题是避免纠结于细节。这也可能导致严重的生产力和时间损失,可能花费更多金钱。每当您不确定时,请对您的网站开发人员表示信任。毕竟,您聘请他们是因为他们的专业知识。我们经常被问到“你们会提供多少设计样稿?”有些组织甚至坚持说:“我们希望看到(同一页面的)三到五个版本。

有关构建成功商业网站的更多提示

大多数客户并不完全理解线框图以及它们的重要性。线框图在行业中也存在一些争议。许多成功的网站开发公司完全跳过了这一步,因为他们认为这既耗时又不必要。我相信线框图对于网站的正确流程和整体成功至关重要。所以,让我们深入了解一下这个非常有用的工具。

什么是线框?

线框是一种视觉指南,代表网站页面的骨架框架。它显示了各种元素的位置和布局,包括内容和导航,以及交互和功能元素。网站线框也称为页面示意图或屏幕蓝图,有时也称为原型。线框通常不包括实际设计和排版,通常以黑白形式准备。它们专注于网站的内容和信息流,而不是其外观。线框是设计过程的重要组成部分,因为它们使我们能够专注于用户体验和功能,而不会受到视觉设计的干扰。它们使我们能够决定显示哪些信息,哪些信息更重要或优先,网站将如何交互,信息将如何流动,最后,展示各种场景如何发挥作用,甚至创建交互式环境。您甚至在看到第一个设计综合图(或“样稿”)之前就可以看到所有这些并首次体验您的新网站。与设计样稿相比,线框可以更轻松地进行更改和修改。它们提供了一个环境,可以在设计阶段之前审查和讨论概念,并在设计阶段之前做出重大更改。随着项目的进展,设计稿会变得更好,迭代次数也会减少。

问候!我们是 WhatsApp 号码数据服务的领先供应商。简而言之,我们提供多种类型的 WhatsApp 号码数据服务。它可能是您的 WhatsApp 号码数据 自动化系统。它可用于计划行程和支付账单。通常需要拥有某人的 WhatsApp 号码数据服务才能找到、确认或联系他们。

在网页设计中使用线框

构建线框图的方法有很多种。一些机构在纸上创建低保真度(细节较少)的草图,这些草图制作起来既快又容易。对于一些较简单的网站来说,这可能就足够了。对于更复杂的网站,例如社交网络或具有大量交互性的网站,高保真度、详细且有时具有事件交互性的线框图是首选。这些类型的线框图通常用于记录网站项目,因为它们包含的细节级别更接近网站用户的体验和最终设计,因此需要更长的时间来创建。开发团队以后还可以在设计实施和编程期间使用此类交互式线框图作为参考,以了解用户按下某个按钮或采取某个操作时会发生什么。

审查线框的技巧

在查看线框时,请记住它们只是示意图。不要以为页面的视觉设计只是您所看到内容的彩色版本。让您的 Web 开发人员向您介绍线框并解释屏幕上的所有内容。他们应该能够为所有元素提供理由,说明它们被放置在何处的原因以及为什么这种布局和流程是最佳的。线框通常从单个页面(通常是主页)开始,以确定方向,然后根据站点地图关注网站的其余部分。请注意,从技术上讲,您不需要为网站的每个页面制作线框,只需为那些独特或与其他页面不同的页面制作线框即可。

WhatsApp 号码数据 (1)

线框、可用性和用户体验

线框图的最终目标是在设计过程的早期发现并避免潜在的可用性陷阱。大多数网站都存在可用性问题。这些问题中的大多数会阻止用户再次访问,并可能导致不愉快甚至令人沮丧的用户体验。通过设计高保真、交互式线框图并在项目早期检查可用性和用户体验问题,可以轻松避免此类问题。著名的网络可用性顾问和作家 Steve Krug 提供了一个非常简单的可用性测试:“别让我思考。”人们不喜欢思考事物的工作原理。Steve 的另一个测试是“别浪费我的时间。”花费过多时间搜索信息令人沮丧。大多数人会继续前进。如果您的网站使用不直观,信息难以找到,您和您的网络开发人员应该重新开始。

请下载我们下面的免费电子书

”这不是一个好主意。原因如下。此时,你的网站开发人员应该已经完成​​了所有工作(市场调研、访谈、品牌推广、文案撰写、线框图、可用 生命科学社交媒体 101 [2023 年更新] 性评估等),以便制作出一份出色的设计样稿。你应该集中所有精力制作出符合你目标的最佳设计。如果你遵循严格的设计流程,那么你们已经达成一致的视觉表现应该只有一个——只有一个,不能更多。

按照同样的逻辑,所有其他替代版本都会更差

你可能会认为,通过查看多个设计,你就可以从多个来源获得一些想法。实际上,你将创建一个“弗兰肯斯坦”网站,让你的网站设计师在这个过程中抓狂。同样,你的网站开发人员不应该强加最大修订次数。许多公司都这样做。我认为这是错误的做法。假设您最多进行了三次修改,但设计仍然不符合要求。您是否需要为另一次修改付费?努力了解有效网页设计的要素。这将使您能够向网页开发人员提供有价值且客观的反馈,而不是主观地依赖设计的美学品质。此外,不要忘记针对您创建的角色测试设计,并根据“不要让我思考”原则检查您的设计。

网站的另一个考虑因素是响应式和自适应设计

如果您想充分利用新网站,您应该了解移动支持如何影响网站的设计。最后,您应该知道平面设计师拥有他们用于创建这些设计的源文件。它们 BJ 领先 通常是 PSD 文件 (Adobe Photoshop™),这是平面设计师常用的矢量格式。矢量意味着它允许根据需要修改(更改、移动、添加或删除)内容。如果您以后想与其他网页开发人员一起对网站进行重大设计更改,您可以请求这些文件作为您的档案。

发表评论

您的电子邮箱地址不会被公开。 必填项已用 * 标注