页面设计处理方法、设备及存储介质技术

本申请提供一种页面设计处理方法、设备及存储介质，该方法包括：终端设备在显示屏显示页面设计的操作界面，操作界面至少包括用于显示待优化页面的第一区域，以及用于提交页面设计需求的第二区域；通过获取用户在第二区域提交的对待优化页面的第一优化设计数据，从第一优化设计数据确定可直接调控的第二优化设计数据；基于第二优化设计数据，在操作界面的第一区域实时调整待优化页面的页面效果。其中待优化页面可以是线上真实页面。上述方案为产品设计师提供了参与页面设计的工具化产品，产品设计师可实时调控页面、查看效果，可提升产品设计师的平台使用体验。由于不必提交给页面开发人员，大大缩短了页面设计与优化的研发周期。期。期。

【技术实现步骤摘要】
页面设计处理方法、设备及存储介质


[0001]本申请涉及计算机
，尤其涉及一种页面设计处理方法、设备及存储介质。

技术介绍

[0002]前端界面设计主要包括对网站界面、应用程序(App)界面等的设计，在进行界面设计时，不仅需要考虑视觉和信息的匹配性，还应注意相关视觉元素的布局等。一个好的界面设计，能够提高用户的使用率，因此前端界面设计是非常重要的。
[0003]目前，前端界面研发流程主要是：产品设计师(product designer，PD)提出具体的需求和目标，界面设计师根据需求和目标进行相应的界面设计，界面设计包括素材的选择与布局等，生成设计草稿，随后再由代码工程师基于设计草稿和界面需求，进行代码层开发。
[0004]上述研发流程中，产品设计师向界面设计师和代码工程师提出多种业务需求，并不直接参与界面设计，期间往往需要多轮沟通与确认，研发周期比较长。

技术实现思路

[0005]本申请实施例提供一种页面设计处理方法、设备及存储介质，可提升设计人员的平台使用体验，大大缩短页面设计与优化的研发周期。
[0006]本申请实施例的第一方面提供一种页面设计处理方法，应用于电子设备，方法包括：
[0007]在所述电子设备的显示屏显示页面设计的操作界面，所述操作界面至少包括用于显示待优化页面的第一区域，以及用于提交页面设计需求的第二区域，所述待优化页面是从数据平台获取已开发的任一页面；
[0008]获取用户在所述第二区域提交的对所述待优化页面的第一优化设计数据；/>[0009]从所述第一优化设计数据中确定可直接调控的第二优化设计数据；
[0010]基于所述第二优化设计数据，在所述第一区域实时调整所述待优化页面。
[0011]本申请第一方面的一个可选实施例中，所述第一优化设计数据包括以下至少一项：对所述待优化页面的页面组件的样式设计数据，内容设计数据，行为设计数据，业务定制设计数据。
[0012]本申请第一方面的一个可选实施例中，所述获取用户在所述第二区域提交的对所述待优化页面的第一优化设计数据，包括：
[0013]响应于针对所述第一区域的所述待优化页面的任一页面组件的选中操作，在所述第二区域显示所述页面组件的可配置项；其中，所述可配置项包括所述页面组件的样式，内容，行为，业务定制的至少一项；
[0014]响应于针对所述第二区域所述页面组件的可配置项的配置操作，获取所述第一优化设计数据。
[0015]本申请第一方面的一个可选实施例中，所述第二优化设计数据包括以下至少一
项：对所述待优化页面的页面组件的样式设计数据，内容设计数据；
[0016]所述基于所述第二优化设计数据，在所述第一区域实时调整所述待优化页面，包括：
[0017]基于所述第二优化设计数据中对页面组件的样式设计数据，在所述第一区域实时调整所述待优化页面中所述页面组件的显示样式；和/或
[0018]基于所述第二优化设计数据中对页面组件的内容设计数据，在所述第一区域实时调整所述待优化页面中所述页面组件的显示内容。
[0019]本申请第一方面的一个可选实施例中，所述操作界面还包括第三区域，所述第三区域显示用户对所述待优化页面的页面组件的优化设计记录；
[0020]所述优化设计记录包括待优化的页面组件在所述待优化页面的位置信息和/或索引信息。
[0021]本申请第一方面的一个可选实施例中，所述第三区域包括可供用户选择的所述优化设计记录的显示模式，所述显示模式包括位置模式和列表模式；
[0022]所述位置模式用于显示待优化的页面组件在所述待优化页面的位置，所述列表模式用于显示待优化的页面组件的索引。
[0023]本申请第一方面的一个可选实施例中，所述方法还包括：
[0024]从所述第一设计优化数据中获取第三优化设计数据，所述第三优化设计数据包括以下至少一项：对页面组件的行为设计数据，业务定制设计数据；
[0025]向页面设计服务器发送所述第三优化设计数据，以便所述页面设计服务器将所述第三优化设计数据推送至页面开发人员的设备。
[0026]本申请实施例的第二方面提供一种页面设计处理方法，应用于电子设备，所述电子设备的显示屏显示页面设计的操作界面，所述电子设备包括第一处理单元和第二处理单元，所述方法包括：
[0027]所述第一处理单元通过所述第二处理单元向页面设计服务器发送页面获取请求；
[0028]所述第二处理单元接收来自所述页面设计服务器的页面获取响应，所述页面获取响应包括待优化页面的第一地址信息以及页面调控脚本的第二地址信息；
[0029]所述第二处理单元基于所述第一地址信息获取所述待优化页面，在所述操作界面的第一区域加载显示所述待优化页面；
[0030]所述第二处理单元基于所述第二地址信息获取所述页面调控脚本，所述页面调控脚本用于识别所述待优化页面的页面设计数据。
[0031]本申请第二方面的一个可选实施例中，所述第一处理单元通过所述第二处理单元向页面设计服务器发送页面获取请求之前，所述方法还包括：
[0032]所述第一处理单元在所述操作界面上加载用于提交页面设计需求的第二区域。
[0033]本申请第二方面的一个可选实施例中，所述方法还包括：
[0034]响应于针对所述待优化页面的任一页面组件的选中操作，所述第二处理单元基于所述页面调控脚本，获取所述页面组件当前的第一设计数据；
[0035]所述第二处理单元向所述第一处理单元发送所述第一设计数据；
[0036]所述第一处理单元在所述操作界面的第二区域显示所述第一设计数据。
[0037]本申请第二方面的一个可选实施例中，所述方法还包括：
[0038]响应于针对所述第一设计数据的编辑操作，所述第一处理单元获取所述页面组件最新的第二设计数据；
[0039]所述第一处理单元向所述第二处理单元发送所述第二设计数据，所述第二设计数据包括对所述页面组件的样式设计数据和/或内容设计数据；
[0040]所述第二处理单元基于所述第二设计数据，实时调整所述待优化页面中所述页面组件的显示样式和/或显示内容。
[0041]本申请第二方面的一个可选实施例中，所述第一处理单元通过所述第二处理单元向页面设计服务器发送页面获取请求之前，所述方法还包括：
[0042]所述第一处理单元在所述操作界面上加载第三区域，所述第三区域显示用户对所述待优化页面的页面组件的优化设计记录，所述优化设计记录包括待优化的页面组件在所述待优化页面的位置信息和/或索引信息。
[0043]本申请实施例的第三方面提供一种页面设计处理装置，包括：
[0044]显示模块，用于显示页面设计的操作界面，所述操作界面至少包括用于显示待优化页面的第一区域，以及用于提交页面设计需求的第二区域，所述待优化页面是从数据平台获取已开发的任一页面；
[0045]获取模块，用于获取用户本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面设计处理方法，应用于电子设备，其特征在于，包括：在所述电子设备的显示屏显示页面设计的操作界面，所述操作界面至少包括用于显示待优化页面的第一区域，以及用于提交页面设计需求的第二区域，所述待优化页面是从数据平台获取已开发的任一页面；获取用户在所述第二区域提交的对所述待优化页面的第一优化设计数据；从所述第一优化设计数据中确定可直接调控的第二优化设计数据；基于所述第二优化设计数据，在所述第一区域实时调整所述待优化页面。2.根据权利要求1所述的方法，其特征在于，所述第一优化设计数据包括以下至少一项：对所述待优化页面的页面组件的样式设计数据，内容设计数据，行为设计数据，业务定制设计数据。3.根据权利要求1所述的方法，其特征在于，所述获取用户在所述第二区域提交的对所述待优化页面的第一优化设计数据，包括：响应于针对所述第一区域的所述待优化页面的任一页面组件的选中操作，在所述第二区域显示所述页面组件的可配置项；其中，所述可配置项包括所述页面组件的样式，内容，行为，业务定制的至少一项；响应于针对所述第二区域所述页面组件的可配置项的配置操作，获取所述第一优化设计数据。4.根据权利要求1所述的方法，其特征在于，所述第二优化设计数据包括以下至少一项：对所述待优化页面的页面组件的样式设计数据，内容设计数据；所述基于所述第二优化设计数据，在所述第一区域实时调整所述待优化页面，包括：基于所述第二优化设计数据中对页面组件的样式设计数据，在所述第一区域实时调整所述待优化页面中所述页面组件的显示样式；和/或基于所述第二优化设计数据中对页面组件的内容设计数据，在所述第一区域实时调整所述待优化页面中所述页面组件的显示内容。5.根据权利要求1至4任一项所述的方法，其特征在于，所述操作界面还包括第三区域，所述第三区域显示用户对所述待优化页面的页面组件的优化设计记录；所述优化设计记录包括待优化的页面组件在所述待优化页面的位置信息和/或索引信息。6.根据权利要求5所述的方法，其特征在于，所述第三区域包括可供用户选择的所述优化设计记录的显示模式，所述显示模式包括位置模式和列表模式；所述位置模式用于显示待优化的页面组件在所述待优化页面的位置，所述列表模式用于显示待优化的页面组件的索引。7.根据权利要求1至4任一项所述的方法，其特征在于，所述方法还包括：从所述第一设计优化数据中获取第三优化设计数据，所述第三优化设计数据包括以下至少一项：对页面组件的行为设计数据，业务定制设计数据；向页面设计服务器发送所述第三优化设计数据，以便所述页面设计服务器将所述第三优化设计数据推送至页面开发人员的设备。8.一种页面设计处理方法，应用于电子设备，其特征在于...

【专利技术属性】
技术研发人员：邱煜，郭启织，
申请(专利权)人：阿里巴巴中国有限公司，
类型：发明
国别省市：