登入

创建一个网站

188金宝搏官方app下载安卓PageCloud徽标
网页设计

了解PageCloud的188金宝搏官方app下载安卓列

罗宾甘地,2020年11月28日

找到适合所有网络设计需求的网站建设者可能会棘手。您将跨越平台,为设计灵活性,移动兼容性和建筑体验提供不同的自由和局限性。例如:提供响应式网站建设的平台很可能具有重大的设计限制。

但你有幸!188金宝搏官方app下载安卓最近引入的专栏,为您带来了响应网站建设的结构和自由形式编辑的灵活性。现在您可以在一个平台上满足您的所有设计需求!

什么是列?

专栏将帮助您创建高性能,美丽的网站,而不会涉及开发人员或学习如何代码的斗争。

我们创建了列,以便您可以选择具有全部设计灵活性或结构响应式网页设计。列在您的部分中的容器是您可以添加和安排内容的部分。Flexbox技术和CSS网格为列提供安排,对齐和构建内容的能力,以调整不同屏幕的大小和回流。

列使得设计的移动网站比以往任何时候都更容易。您的列将自动重新格式化为移动视图,您可以在移动编辑器中重新排列和编辑您的内容(更多以下讨论)。

专栏基础知识

您可以在您的中添加最多3列(最少1)部分,您可以轻松调整编辑菜单中每列之间的宽度和间距。

了解有关使用部分的更多信息

以下是列的四个示例,包括一个带有1列(顶部,左)的部分,一个带有3列的等宽度(顶部,右)的部分,一个有2列的等宽度(底部,左)和一个部分2列调整为具有不同的宽度(底部,右):

每个列都可以支持背景颜色或图像。您还可以应用额外的设计元素,如圆角和圆角下降阴影效果。

列提供两种类型的布局:手动和自动。这些布局有不同的建筑物经验和设计福利,我们将探索下面。

手动列

使用手动列进行终极视觉编辑体验。内容可以覆盖,重叠,堆叠和放置,但您认为合适。这包括文本,图像,视频,按钮,图标等。

以下是您可以使用我们的手动布局实现的令人惊叹的布局和对象布置的一些例子:

您可以在您的网站上使用这些模板,或选188金宝搏怎么样择我们的118金宝搏抽水 。左上方:奥斯陆, 右上:象牙, 左下方:北方,右下方:nuvo.

使用您的对齐按钮编辑菜单进一步设计控制。柱子中的对象可以定位在中心,顶部,底部,左或右侧,以进行精确放置。

如果您喜欢拥有最大的设计自由,请手动布局适合您。简单,灵活,精确:PageCloud的视觉编辑是秒到无。188金宝搏官方app下载安卓

自动列

我们鼓励使用自动列,因为此功能将通过为您组织您的内容来加速您的工作流程,并帮助您创建调整为适合不同屏幕的大小的漂亮网站。

自动布局比手动布局更具结构,这意味着您的内容将以允许其响应的方式在您的栏中组织。

在我们潜入自动列的功能之前,这里有一些网站布局的示例是使用自动列创建的网站布局:

您可以在您的网站上使用这些模板,或选188金宝搏怎么样择我们的118金宝搏抽水 。左上方:柯达, 右上:哈斯, 左下方:Vigneto.,右下方:业务(此预测的部分在应用程序中提供!在我们的业务收藏中找到它)

现在让我们来看看汽车列中提供的一些功能,帮助您开发布局并在保持响应的同时安排您的内容。

内容对齐

在编辑菜单中使用对齐控件,您可以快速更改列中所有内容的对齐。只需单击一下,您的内容都将与左侧,右,顶部,中心或底部或底部或栏或栏,从而节省您单独移动每个对象的麻烦。

在这里,我们可以看到每个列的左下角,中心和右侧的内容:

此功能允许您快速更改列中内容的布局,同时保持其响应的能力,其能力自动回流到移动视图中。

内容安排

将新对象(文本框,图像等)添加到列时,它将组织并与列中的其他对象组织。此功能可确保您的物体完美对齐,因此您不必担心单个定位。

上面的GIF显示了如何将对象拖动到首选定位,或者在编辑菜单中使用控件轻松重新排列对象。您可以向上或向下移动对象,或者将其跳转到一组对象的顶部或底部。无论哪种方式,您的对象将始终符合列中的其他内容。

设计师提示:你可以使用我们的汽车团体选择多个对象(如图标,按钮或文本框),以应用垂直或水平方向,以及在所有对象之间的相同间距如下所示:

了解有关分组对象的更多信息

填充

想想填充作为你的专栏的边缘。设置填充为内容创建边框,并有助于强调您的列背景颜色或图像。您可以使用滑块或直接进入值,调整编辑菜单中的填充的大小。

此GIF演示您的填充调整会立即转换所有内容。填充是创建使用空间的良好平衡设计的有用工具。

间距

以下空间功能是在列中排列在列中的对象之间创建一致的空间,是一个有用的功能。间距可以帮助创建视觉上令人愉悦的平衡设计。您可以在编辑菜单中输入特定量的空间,或将箭头拖动到该功能的更具视觉方法,如下所示:

列和移动编辑

在创建移动网站时,使用列变得特别有用。具有在移动屏幕上正确运作的网站是网络设计的关键部分,我们使这一过程比以往任何时候都更容易!

您的列将自动堆栈以创建移动布局,您可以调整移动编辑器中的内容。

笔记:在移动编辑器中将对象从一列移动到另一个列将更改桌面视图。

手动列您将允许您在移动编辑器中保持自由形式编辑。您将在桌面视图中具有相同的WYSIWYG编辑自由。

设置为Auto的列将自动重新组织您的内容以适合您的手机视图,保存您必须两次工作。

在这里,我们可以将自动列回流进入移动布局:

在左侧我们有桌面视图中的列,我们可以看到如何列出堆栈以创建移动布局。简单有效!

使用列设计更多

我们创建了列以帮助您设计更快,轻松地创建移动网站,并有能力选择您希望如何构建您的网站。使用PageCloud携带更多设计,并将您的网站带到下一个级别。188金宝搏官方app下载安卓

开始你的免费试用今天并了解列如何帮助您更新为Web Designer。

查看我们的博客关于在PageCloud上设计网站的更多文章,以及到处都是网络设计师的基本提示和技巧。188金宝搏官方app下载安卓

写道

罗宾甘地

毫不费力地组装您的网站,无需代码。

开始免费14天试用,无需信用卡。

享受读书?

加入我们的每月通讯,为SEO,Web设计等有用的提示!