使用功能强大的 HTML 和免编码 Web 设计软件,制作更出色的网站和应用程序。

网页和应用程序需要整洁、优雅且实用的设计来吸引用户,因为他们通常时间有限。利用功能强大、直观的 Web 设计软件和应用程序创造工具,更快地完成从形成概念到产品发布的过程。一流的协作和实时预览工具缩短了审阅周期,同时您还可利用资源生成功能更轻松地进行交付。超越技术方面的障碍,专注于创作。

使用功能强大的 HTML 和免编码 Web 设计软件,制作更出色的网站和应用程序。

从响应式网站到优雅的应用程序设计,Adobe Creative Cloud 能够满足您的各项需求。

全面掌握所有细节的 Web 设计软件。

利用高级编码工具和实时预览选项更快、更精准地构建网站。高效地从规划、线框过渡到完成的网站。

Adobe Dreamweaver

Adobe Dreamweaver 
设计和开发现代化响应式网站。
立即试用 ›

可靠的网站编码和设计。

采用 HTML、CSS、JavaScript 等语言高效编码。利用编码快捷方式、多行编辑、错误检查和实时预览更快速地工作。

选择计划 ›

可靠的网站编码和设计。

凭借强大的功能,Dreamweaver 成为理想的编码应用程序。

规划
规划网站的功能和元素。确定必要的页面,以文件夹结构组织您的资源。

样式
使用 CSS 定义网站的样式元素。创建类,并选择其中采用的字体、样式、颜色和布局。

构建
利用高级编码工具构建网站的组成页面。开发动态元素和脚本来提升您的内容。

测试、调整和发布

在不同屏幕上预览您的设计,获取协作者的反馈。调整您的设计并将其发布到托管服务器,或将导出的资源转交给另一团队。

代码提示和工具提示
在输入代码时获得编码建议,加快工作进度,并通过工具提示了解工具用途和目的。自动加入结束标签,节省键盘输入时间。

编码快捷键
使用缩写文本和键盘快捷键,执行自动创建嵌套结构、Lorem ipsum(随机假文)文本等操作。利用实时错误检查和提示加快错误更正速度。

响应式 Web 设计
提高搜索引擎排名,保持更加一致的设计。利用响应式设计工具,在一开始便定义好适合不同屏幕尺寸的页面布局。

适用于任何人的原型、网站和应用程序设计工具。

生成网站和应用程序的交互式原型。创造用户体验,并在桌面和移动设备上实时预览。从概念到原型从未如此轻松。

Adobe XD

Adobe XD 
设计和分享用户体验并为其创建原型。立即试用 ›


直观的应用程序和网站设计软件。

直观的应用程序和网站设计软件。

由 UX/UI 设计师为同行打造的用户体验高效工具包,可让您专注于创造。

选择计划 ›

利用 Adobe XD 简化您的设计。

选择画板

利用适用于常见屏幕尺寸的提前制作的画板以及适用于常见网页的模板,节省您的时间。

定义样式

挑选色板、字体和图形元素,让您的项目独具一格。

设计和连接

设计单个页面,并在不同元素之间拖动箭头,从功能层面连接各页面。

协作、预览和导出

通过分享项目的实时预览来开展协作并获取反馈。实时进行改动,并将完成的设计和资源导出,提供给开发团队。

JPEG 导出

导出 JPEG 格式的资源和画板。您可以使用可调节的质量设置创建小型文件,这样更便于分享。

热点提示

加亮设计中的交互式元素,对测试人员提供原型测试的指导。列出针对重要区域的重点反馈。

原型视频

快速创建原型的实施操作情况视频。通过易于理解的视频演示分享用户体验。

对比 Web 设计软件和工具。

不同的应用程序适用于不同的目标。为您的项目寻找出色的应用程序。

Adobe Dreamweaver

Dreamweaver

Adobe XD

XD

直观设计


完成网站创建


手动编码


Web 布局


自动编码


线框导出


响应式页面设计


上传到 Web 主机


了解如何使用 Creative Cloud 中的工具进行 Web 设计,做到事半功倍。

Creative Cloud 纳入了功能强大的设计和图像编辑应用程序,是创建网页和应用程序的理想工具包。利用初学者和专家教程探索所有功能。

对您的应用程序或网站进行布局和设计

对您的应用程序或网站进行布局和设计。
首先利用低保真设计定义网站或应用程序的结构。然后再进行调整,生成高保真原型。

了解详细信息 ›

在手机上制作自然的视频

在手机上制作自然的视频。
构建适合在各种尺寸的屏幕中展示的单个网页。了解如何创建断点并定义如何调整元素大小,以适应不同的屏幕。

了解详细信息 ›

利用 UI 套件更快地生成原型。

利用 UI 套件更快地生成原型。

下载并使用 UI 套件,更快地开始设计用户体验。在您的原型中加入经过调整、可重复使用的元素,让它更加丰满。

了解详细信息 ›

通过适用于 Windows、macOS、Android 和 iOS 的 Web 设计软件构建引人入胜的网站。

Creative Cloud 包含的应用程序可帮助您的网站脱颖而出。从图片编辑和图形设计到图形化的 Web 设计和编码,这一组集成工具为您提供所需的一切。利用全面的创意解决方案加快分享、协作和交付速度。我们为个人和企业提供富有吸引力的会员资格选项,并为学生和教育工作者提供折扣价格,在这里,每个人都能找到适合自己的计划。查找适合您的计划。

个人

个人
获取整套创意应用程序和服务。
了解详细信息 ›

学生和教师

学生和教师
学生和教师购买 Creative Cloud 可节省超过 60% 的费用。
了解详细信息 ›

企业

企业
业界领先的创意应用程序,可简化许可证管理和部署。
了解详细信息 ›

企业

Adobe Stock
找到适合您的下一个创意项目的图像。第一个月可获取 10 张免费图像。
了解详细信息 ›