aipage空白版块自由元素设计 好经验 8月18日 主机吧 取消关注 关注 私信

自由元素设计是网站最常见的操作之一,借助自由设计可以实现更灵活丰富的展示效果。以下介绍常见元素操作的使用:

1 空白版块的添加

使用元素设计前必填添加空白版块到页面中,尽管元素可以添加到内置版块里,但并不推荐这样做。响应式内置版块与绝对定位的自由元素搭配时可能因为屏幕的变动导致元素的位置发生偏移。自由元素都采用绝对定位方式,推荐在单独的空白版块里进行设计操作(空白轮播也可以,仅保留背景图的内置轮播)。

aipage空白版块自由元素设计插图

2 元素的边框、背景、圆角、阴影、旋转

常见的元素包括容器、按钮、图片等,样式设置中常见的有边框、圆角、背景等操作,直接设置即可实时看到效果。背景支持渐变背景、图片背景、纯色背景。拖拽旋转按钮即可对元素执行旋转操作(不支持IE等老式浏览器)。

aipage空白版块自由元素设计插图1

aipage空白版块自由元素设计插图2

当圆角等于宽度长度的1半的时候,正方形容器就会变成圆形:

aipage空白版块自由元素设计插图3

阴影样式常用效果之一,通过调整阴影参数能生成不同的效果,可以查看默认阴影示例容器

aipage空白版块自由元素设计插图4

3 元素层级、复制、多选与对齐

默认后添加的元素层级比现有元素层级高,如果想调整层级,选中元素右键进行层级操作。

aipage空白版块自由元素设计插图5

元素右键同样可以进行复制操作,直接复制将在当前版块执行复制。复制到剪贴板则可以将剪贴板中的元素添加到其他版块或者是其他页面。

aipage空白版块自由元素设计插图6

选中单个元素后按住ctrl或者shift键点击其他元素可以执行多选,多选后元素可以进行对齐或者复制等操作,借助对齐能够快速将零散的元素完成对齐设计。

aipage空白版块自由元素设计插图7

4 元素动画

选中元素可以设置元素入场动画,如果将动画执行次数设置为无限循环,动画触发后将一直循环执行,可以搭配延迟时间和动画执行时间来设计不同的效果。

aipage空白版块自由元素设计插图8

原文出处 https://aipage.baidu.com/guide-detail/BQak4GrB

原创文章,作者:奋斗,如若转载,请注明出处:https://blog.ytso.com/tech/aiops/174727.html

(0)
上一篇 2021年10月9日 18:21
下一篇 2021年10月9日 18:22

相关推荐

发表回复

登录后才能评论