网页缺乏创意，从设计到开发如何实现创新设计？

　　如何实现对网页的创新设计?找对方法很重要。在实际工作中，不仅要衡量界面设计与交互效果，同时还要兼顾开发资源、实现难度以及产品架构本身考虑。对此，我们需要先了解一下开发实现的概念，之后再研究如何进行创新设计。

　　一. 开发者的痛点与解决方案

　　在进行网页的创意设计时不考虑开发能否实现，这是不现实而且没有意义的。静态界面开发或简易的切换效果并不难。而代码层的图形变化效果、仿物理效果(例如反弹、律动、重力等效果)、3D交互效果相对会复杂许多。

　　那么如何解决呢?

　　大多数网页的交互动效都是基于Javascript或CSS进行实现，部分动画元素可以通过第三方软件或在线生成CSS、Svga、lottie文件。首先要保证设计出的动效是可行的，剩下的便是提供动效关键词方便开发查找相关资源。大部分的特殊物理效果或特殊动效，可以用第三方库或代码资源来解决。

　　二、网页创意开发策略

　　考虑到创新开发的背景情况不一致，以下从两方面介绍一些创新研发的策略。

　　1、传统网页改版

　　①清楚改版需求的背景与痛点，挖掘价值找到设计发力点。

　　②设计新版架构，确认范围层细节(功能型：功能规格支持，信息型：内容需求)。

　　③保障产品气质与视觉风格的契合，然后根据图片、文字、视频等内容的占比，考虑布局。

　　④对网页高保真进行评审，确认页面设计。对交互创新方案探讨，提出交互细节。

　　⑤进行交互创新内容的对齐，使创新方案能够开发实现，确保效果。

　　⑥最后进行成果验收，确保是否符合标准，进行交互创新内容的调试和其他测试。

　 2、敏捷开发策略

　　● 理解：明确建站目的、需求背景、梳理业务或用户需求。

　　● 定义：基于对此次建站需求与背景深度理解，定义产品设计目标，挖掘价值点。

　　● 发散：让参与者们集思广益，发散思考，将不同的点子记录下来，形成自己的方案。

　　● 决策：产品经理、设计师、开发人员等将各自的方案进行展示说明，选出最佳方案，之后再进行优化和细节完善。

　　● 原型：将方案框架进行原型绘制或demo产出，然后经过初步评审后再次优化复盘。

　　● 验证：先通过内部自测优化，再根据产品类型考虑是否进行可用性测试验证。之后再进行下一步的优化完善。