【摘要】在互联网公司，大多数团队使用头脑风暴来决定一个主题。头脑风暴的想法在这里很重要，但是H5页面设计的原则也是有效的。一般来说，这个表单必须充分利用内容特性和团队优势。本篇文章将讲述Ui设计课堂：详细分析在有无代码的情况下，h5页面设计的原理。

1、在代码中实现

设计人员创建了一个很好的层图，包括PSD文件、PNG剪贴图、适当的文件、MP3音频文件、视频文件等等，并将它们与他们的前端工程师同事打包在一起，由他们专门将它们放在服务器上。在代码编辑方面，元素被合并到我们通常看到的H5 web页面中。前端也是H5的最终执行者。它们对恢复设计非常重要。一个好的前端往往决定了一个作品的最终命运。前端工程师可以说是设计师最好的行业导师。我们必须虚心向他们学习网络编码技术。

整个H5页面将被推到互联网后，代码编辑和测试。有时，前端工程师的工作量远远高于设计，这取决于项目的形式和难度。

2、没有代码实现

没有代码并不意味着你不需要前端工程师，但现在互联网上有很多H5页面生成工具，以网站的形式，命名为第三方平台，由大量的工程师开发，以帮助没有前端资源的设计师。您可以将设计好的数据上传到第三方平台的服务器上，自己编辑发布。这个过程不涉及程序员，可以节省大量的人力成本，而且简单快捷。但缺点是平台功能单一，效果有限。它通常以幻灯片的形式出现。工程师生成的H5页面可以定制。现在市场上有很多这样的平台。

无论是第三方网站设计工具，还是诞生于H5的前端工程师，都需要h5页面设计的原理。与前端工程师的沟通应该从设计开始就开始。尽量避免所有设计都做得好，前端无法实现的尴尬局面。所以设计师和前端工程师之间的沟通是非常重要的。后续将会有更多关于ui设计中各个分类的设计技巧与资讯，可以点击本站的其他文章进行学习。