响应式网页设计
简化并跨设备重复利用内容。布局、文本大小、内容、导航和图像等元素可自动调整以适配客户喜欢的设备。
多个设备,一致的 Web 体验。
网页在台式机上显示正常,但在手机上显示却乱糟糟的,这样的情况您遇到过多少次?如果您的网站未针对每一个平台和设备(移动设备或者其他)进行优化,那么您可能就会遇到提供的线上体验不一致且让客户沮丧而丢失客户的风险。毕竟,对手也是虎视眈眈。
响应式网页设计使您能够设计出可轻松适应所有设备的网页。这意味着您的网站可以在所有平台中成功、一致地吸引客户。响应式网页设计可以重新配置布局、文本大小、内容和导航工具,以满足不同屏幕大小和功能的需求。甚至在发布之前,您可以预览和优化其在各种设备中的效果。此外,您还可以跨设备自动调整大小,从而提高内容速度并节省时间。
了解其工作原理
创建流体网格
构建充当内容脚手架的流体网格,将内容工整地融入其中。流体网格可以根据设备屏幕的大小流畅地调整大小。
调整全部内容
利用响应式网页设计,无论将所创作的内容投放在哪个位置,您都无需担心其效果。此功能还可以缩放图片,以确保它们与呈现的内容保持一致,不会出现所展示图片与内容不协调的情况。
在特定设备上预览
您可以选择要在其上面进行预览的设备,我们将会为您显示网页在各种设备(包括平板电脑和智能手机)上的外观。
图像优化
无论创建的是什么样的体验,您都可以根据带宽、屏幕尺寸和 DPI 提供最适合的优化图片大小。
详细了解 Adobe Experience Manager Sites 中的响应式网页设计。
了解移动网页设计
阅读相关文档,了解如何使用媒体查询、自适应图片和流体网格创建一致的 Web 体验。
查看相关功能
响应式网页设计
简化并跨设备重复利用内容,并且布局、文本大小、内容、导航和图像等元素可自动调整以适配客户喜欢的设备。
样式系统
跨组件或页面标准化样式和设计,而无需进行任何后台开发。在预定义的样式列表中,只需在不同的版本之间进行选择,即可即时调整字体、颜色和格式。
立即可用的组件
使用向后兼容的灵活开箱即用组件创建页面,例如面包屑导航、表单、页面导航、搜索预告和搜索,为创作者和开发人员节省时间。