什么是整体网页设计?
在最简单的解释中 - 我们将在此之后深入挖掘 - 整体网页设计是一个思考项目所有部分,理解和解释它们如何连接的过程。如果视觉效果不佳,那么好的内容就会崩溃。同样,如果它不是高度可用的话,世界上最好看的网站也不会做任何事情。这些是整体网页设计在出现问题之前解决的问题。以下是Design Shack Gallery中的示例,它是如何工作的(并且可以为您工作)。
整体设计哲学
归根结底,整体网页设计是一个过程。每个设计/开发团队的步骤和规划可能会略有不同,但它们确实有很多共性。从设计师的角度来看,设计,技术,性能和业务影响是主要考虑因素。其他阶段,如计划和研究通常由其他人进行,但如果您是一个人的商店,您也可以履行这些职责。这些元素还可以进一步分解为其他程序步骤:内容和消息传递,UI设计,UX设计,可视化设计,开发,测试,培训和反馈。
根据计划项目的人员,所有这些步骤可能会有所不同。帮助您确保完全理解整体网页设计背后的理念的最佳清单之一来自Webdesigner Depot。这篇文章包括在你做任何事之前要问的六个问题:
在网页设计和开发中,通常可以立即看到因果关系。事情发生得很快,你所做的一切都会影响你的用户,你自己,你拥有的任何员工,你的股东,以及一些你甚至可能不会考虑的人。无论是好是坏,它都会影响你的一生。
规划与研究
在网页设计项目的规划和研究阶段,您应该做三件大事:
确定项目的目标
定义项目的范围
设计阶段通常是网站设计项目中最有趣的部分(无论如何,对于广告素材而言)。这时线框,内容和视觉效果都开始融合在一起。
这部分过程中的任务包括:
绘制站点地图和线框图(基于项目范围)
创建和收集所有内容 - 照片,文本,视频,动画等。
制作视觉元素,包括从情绪板到项目的实际调色板
使用高效的信息架构开发强大的布局和层次结构
技术与性能
整体网页设计
确保将SEO策略纳入设计。网站设计的最大功能(和限制)之一可能与技术有关。您设计的网站是否真的有效?它是否对所有用户有效且易于理解?
从网站速度到可能合并并集成以实现目标的工具列出太多技术问题。需要注意的是:他们需要为网站所有者(以他们理解的方式收集正确的数据)和用户(网站必须快速且易于使用)工作。在性能方面,还有技术方面的考虑因素还有一个 - 搜索。大多数网站流量的固定部分由于搜索而被定向到网站。确保将SEO策略纳入设计。 (将图像上传到内容管理系统这么简单的事情与搜索有关,所以在你走得太远之前要做好计划。)您可以根据各个项目的范围来权衡要使用的工具,要安装的CMS以及要提供的插件的优缺点。但要知道技术和性能并非一刀切的解决方案。
业务影响
一个好的整体网站策略着眼于设计和功能如何帮助公司实现业务目标。 (这可能就是为什么网站首先是整体战略的一部分。)网站设计将如何影响业务?它是为了帮助人们找到信息并了解公司吗?它是为销售还是电子商务而制作的?这也是其他考虑因素发生的地方:谁将在客户端使用该网站(或维护它)?什么反馈,投资回报或分析数据表明项目正在运作或成功?您可能希望从一开始就了解答案。您可能会为电子商务设计设计一个完全不同的界面,而不是纯粹信息化的网站。您可以根据总体目标以不同方式将设计与其他品牌渠道联系起来。
但最重要的是反馈圈。当用户与网站设计进行交互时,他们会在每次点击时告诉您一些事情。您可以使用该信息来确保用户执行所需的操作并与“正确”的内容进行交互。您还可以使用此信息进行必要的调整。 (这是您通过使设计更容易使用而返回给用户的反馈。)但不要忘记忠诚的用户。这是Webdesigner Depot文章的好建议:问题是,这些小改动可以完全抛弃现有用户,特别是如果你没有向他们展示他们最喜欢的功能所在的位置。如果您的用户每天都在使用您的网站或应用,那么请务必考虑您所做的更改将如何影响他们的日常生活。
结论
因此,当从整体上接近网站设计项目时,您实际上是在同时考虑所有这些事情。前一步和后续步骤以及目标和范围应始终是对话的一部分。关于设计的一切都是相互关联的。理解这是制作一个美丽网站的根本原因。
整体设计哲学
归根结底,整体网页设计是一个过程。每个设计/开发团队的步骤和规划可能会略有不同,但它们确实有很多共性。从设计师的角度来看,设计,技术,性能和业务影响是主要考虑因素。其他阶段,如计划和研究通常由其他人进行,但如果您是一个人的商店,您也可以履行这些职责。这些元素还可以进一步分解为其他程序步骤:内容和消息传递,UI设计,UX设计,可视化设计,开发,测试,培训和反馈。
根据计划项目的人员,所有这些步骤可能会有所不同。帮助您确保完全理解整体网页设计背后的理念的最佳清单之一来自Webdesigner Depot。这篇文章包括在你做任何事之前要问的六个问题:
在网页设计和开发中,通常可以立即看到因果关系。事情发生得很快,你所做的一切都会影响你的用户,你自己,你拥有的任何员工,你的股东,以及一些你甚至可能不会考虑的人。无论是好是坏,它都会影响你的一生。
规划与研究
在网页设计项目的规划和研究阶段,您应该做三件大事:
确定项目的目标
定义项目的范围
定义项目的受众或用户角色
这些元素将决定项目如何融合在一起,并应成为未来其他一切的基础。如果项目不符合项目目标或属于范围,则应重新评估。设计阶段通常是网站设计项目中最有趣的部分(无论如何,对于广告素材而言)。这时线框,内容和视觉效果都开始融合在一起。
这部分过程中的任务包括:
绘制站点地图和线框图(基于项目范围)
创建和收集所有内容 - 照片,文本,视频,动画等。
制作视觉元素,包括从情绪板到项目的实际调色板
使用高效的信息架构开发强大的布局和层次结构
技术与性能
整体网页设计
确保将SEO策略纳入设计。网站设计的最大功能(和限制)之一可能与技术有关。您设计的网站是否真的有效?它是否对所有用户有效且易于理解?
从网站速度到可能合并并集成以实现目标的工具列出太多技术问题。需要注意的是:他们需要为网站所有者(以他们理解的方式收集正确的数据)和用户(网站必须快速且易于使用)工作。在性能方面,还有技术方面的考虑因素还有一个 - 搜索。大多数网站流量的固定部分由于搜索而被定向到网站。确保将SEO策略纳入设计。 (将图像上传到内容管理系统这么简单的事情与搜索有关,所以在你走得太远之前要做好计划。)您可以根据各个项目的范围来权衡要使用的工具,要安装的CMS以及要提供的插件的优缺点。但要知道技术和性能并非一刀切的解决方案。
业务影响
一个好的整体网站策略着眼于设计和功能如何帮助公司实现业务目标。 (这可能就是为什么网站首先是整体战略的一部分。)网站设计将如何影响业务?它是为了帮助人们找到信息并了解公司吗?它是为销售还是电子商务而制作的?这也是其他考虑因素发生的地方:谁将在客户端使用该网站(或维护它)?什么反馈,投资回报或分析数据表明项目正在运作或成功?您可能希望从一开始就了解答案。您可能会为电子商务设计设计一个完全不同的界面,而不是纯粹信息化的网站。您可以根据总体目标以不同方式将设计与其他品牌渠道联系起来。
但最重要的是反馈圈。当用户与网站设计进行交互时,他们会在每次点击时告诉您一些事情。您可以使用该信息来确保用户执行所需的操作并与“正确”的内容进行交互。您还可以使用此信息进行必要的调整。 (这是您通过使设计更容易使用而返回给用户的反馈。)但不要忘记忠诚的用户。这是Webdesigner Depot文章的好建议:问题是,这些小改动可以完全抛弃现有用户,特别是如果你没有向他们展示他们最喜欢的功能所在的位置。如果您的用户每天都在使用您的网站或应用,那么请务必考虑您所做的更改将如何影响他们的日常生活。
结论
因此,当从整体上接近网站设计项目时,您实际上是在同时考虑所有这些事情。前一步和后续步骤以及目标和范围应始终是对话的一部分。关于设计的一切都是相互关联的。理解这是制作一个美丽网站的根本原因。