【介绍】

Responsive Site Designer应用的定位是提供网站的高端差异化设计，但用户第一眼看上去会觉得这款应用比较简洁，而功能项上则不然，其覆盖到了网站设计的一整套过程，并且更加完善的CSS规则定义框架，能够让用户在短时间内获取最佳的网页设计方案，而且还有一个作用就是实现网站内容的替换。

Responsive Site Designer特色

1、自定义断点

为什么你的设计能力应该停在1024px？在任何像素宽度享受自定义断点的自由。设计和开发巨大或小巧的屏幕。在您认为合适的地方使用它们，以创建最佳的响应体验。

2、查看任何尺寸的设备

使用“设备视图可以跨各种类型的屏幕预览您的创建。这有助于您测试内容在特定设备上的显示方式，并确定是否需要进行调整。热门设备已预先加载，如iPad，iPhone，Kindle，Galaxy等等。将列表修改为您选择的设备，或输入自定义宽度和高度值。使用切换器将方向从纵向模式更改为横向模式！

3、排版

通过直观的编辑控件有效沟通。将完美的字体与美丽的色彩和增强功能相结合。

4、现场检查员

出色的Site Inspector为您提供页面内容的详细概述。搜索术语以深入查看元素级别，并查看CSS标记。

5、设计工具

完美的无代码CSS设计控件集合以及我们的标志性CSS可视化Web开发工作流程。

6、CSS网格编辑器

CSS网格编辑器是所有布局黑客和（大多数）不便的最终答案。定义为用于放置元素的二维系统，它是第一种真正将内容与布局配置分开的布局方法。

Responsive Site Designer功能

一、统治你的内容：

填充白色画布从未如此简单。

1、组件

使用组件库可以省去重复的设计工作，并缩短生产时间。保存并重复使用其他项目中的项目。

2、符号

将导航栏，页脚，注册表单等转换为符号，您可以通过一次编辑在整个网站上进行更改。

3、元素

用HTML5提供的所有内容填充空白画布。拖入原始元素并根据需要设置其样式。

4、检验员

检查器为您提供了页面内容的详尽概述。搜索术语以深入到元素级别，然后查看CSS标记。

5、自定义代码

在或页面的任何位置使用javascript和CSS样式表。全屏欣赏我们的代码编辑器对话框。

二、适合您的内容：

使您的项目对任何设备或浏览器负责。

1、CSS网格

通过调整列和行并跨元素来创建无缝布局，使设计栩栩如生。不见不散。

2、弹性盒

轻按按钮即可对齐，堆叠或重新排序元素。这是一种非凡的工具，应该成为任何响应式设计工具包的一部分。

3、自定义断点

在任何像素宽度下均可享受自定义断点的自由。让您的内容决定所需的位置，并完全控制任何屏幕设备。

4、设备视图

轻松预览各种现代设备。您可以将任何屏幕尺寸添加到设备列表中。您还可以在任何浏览器上快速预览。

5、后备能力

针对最广泛的浏览器支持进行设计，并针对支持最新和最强大的CSS属性的浏览器进行增强。

三、免代码设计流程：

选择，单击，指向，选择和滚动以创建世界之外的网站和页面。使用无代码的CSS控件，您可以专注于设计，而我们会处理代码。

1、创建可重用的CSS类

与基于CSS的类系统一起使用，可以同时在多个元素之间进行样式更改。

2、版式

可以访问完整的Google字体库。编辑印刷参数，例如行高，字距调整，跟踪，权重等等。

3、CSS过滤器和混合模式

跳过照片编辑工具，直接在页面画布上工作。应用独特的混合模式和效果，例如重叠，柔和的光线或乘法以创建自己的品牌形象。

4、颜色

使用选择器或滚轮选择任何颜色，创建调色板并在项目中共享它们。

四、导出您的内容：

直接发布到网络上，或交出干净的代码。

1、发布

将您的网站置于网上从未如此简单。发布到世界一流的托管堆栈，该堆栈可以处理您向其抛出的所有流量，并始终通过HTTPS连接进行保护。

2、导出清洁代码

导出干净，语义和W3C兼容的代码。一次单击即可从硬盘驱动器获取HTML和CSS，JavaScript，图像和其他资源。

导出干净的，符合语义且符合W3C的代码

3、提升您的SEO

为SEO或插件添加元数据和其他头（或尾）代码。还要激活结构化数据工作流程，以为Google和其他搜索引擎标记您的内容。

提升您的SEO添加结构数据

4、在CodePen中查看

熟练的用户会喜欢将元素的标记导出到CodePen的功能。这样，您可以将其与CMS或其他地方一起使用，而无需进行完整的导出。

看了这么多，你下载了Responsive Site Designer(网站设计软件)吗？想要下载最新软件就来软件爱好者好玩的游戏、简单易懂的软件教程、令人耳目一新的游戏玩法这里统统都有，更多精彩不容错过！