岱山网站建设:响应式Web设计工作流程中的6个关键设计步骤

2019.07.24 mf_web

79

响应时代已经改变了我们作为设计师和用户的心态,并且也以相同的方式改变了网页设计工作流程,以提高效率。

95%的网页设计工作流程如下:首先,规划; 第二,线框图和原型; 第三,设计和开发,前端和后端开发人员展示他们的技能; 最后,内容填写。

发生了什么变化?

设计变化

不幸的是,这个网页设计工作流程不再适用。为什么?因为有越来越多的新设备。不再有台式机,平板电脑和智能手机的标准尺寸; Android仅拥有超过24,000台设备。一个网站应该可以在各种设备上使用,从特斯拉汽车的屏幕,到目前为止大多数人都无法提供给智能手表或健身追踪器。

内容优先:现代网页设计工作流程

根据断点显示或隐藏某些内容是没有意义的,仅仅因为终端不可用。现在正在谈论什么:内容首先,因为它最终决定了概念和设计。在最佳响应式网页设计中,应事先澄清,存在哪些内容以及以后应该集成哪些内容。一个有意义的响应式设计工作流程序列应如下所示:

1.内容设置

第一步是创建现有内容,类似于线框。但是,这并不意味着您必须制作最终的线框。应该如何以及在何处放置图像,PDF和文本等内容?

2.内容创作

现在是响应式网页设计工作流程中最重要和最具决定性的一点。核心目标是让用户“更多地了解我们的超高端产品”。制定精确的内容计划是值得的,因为它可以防止以后重新编写所有文件并最终节省成本。

设计阶段

3.内容测试

然后是内容测试。内容是否适用于所有设备,还是需要进行调整和修改?这是大多数Web项目设计工作流程的完成地点。没有内容重做的重新启动很少有效。近年来发生了很多变化,包括阅读行为和习惯。

4.微调

现在对内容进行“微调”,例如,可以在情绪板上完成。内容应如何运作?是否应传输任何图像值?是否应该考虑企业形象?

5.原型设计

只有现在才能继续进行原型设计。并非每个设计师都在前端工作,设计师和前端开发人员之间的密切合作在敏捷项目时代变得越来越重要。快速原型设计工具可以避免不良意外。

原型

6.设备测试

有一些很好的模拟器可以在不同的浏览器或设备上进行测试,但是如果你想确保没有任何风险,你应该直接在设备上进行测试。例如,它可以找出直接的“设备错误”。特斯拉的测试将在一段时间内仍然无法使用。

结论

很明显,好的内容很昂贵,但它们会有所回报。必须为用户提供他们想要的信息。为什么好的内容昂贵?必须先对其进行研究,整理,编写,纠正,计划,存储和管理,然后才能发布。但是,先决条件是网站设计工作流程在网站开发过程中无法完成,但应首先完成。

寒枫总监

来电咨询

18868949445

微信咨询

寒枫总监

TOP