15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > 建站更新|更灵活、更智能的拖拽设计体验!

建站更新|更灵活、更智能的拖拽设计体验!

时间:2023-08-06 10:27:01 | 来源:网站运营

时间:2023-08-06 10:27:01 来源:网站运营

建站更新|更灵活、更智能的拖拽设计体验!:来自上线君的友情提示:2021 年已不足 300 天!

今天,你在为自己的理想继续努力着吗?

今天,上线君又带着新功能来啦~

上周,「上线了sxl.cn」特意整理了 3 个用户案例来展示我们最新的自定义版块。不过也有小伙伴开始犯愁了:使用拖拽式编辑,如果自主设计的功力不够,是不是就没法达到那种效果了?

不用害怕,为了让大家使用到更加智能简单的自主设计体验,我们特地为拖拽式编辑模式推出了版块高度和宽度设定的功能

开放范围:网站编辑器







该功能现已上线,你可以在拖拽模式中调整各个版块的高度、宽度,以及内容的左右对齐、垂直对齐等布局方式。在保持灵活定制的同时,也为大家降低了操作难度。

接下来,上线君以两组直观的 GIF 动图,为大家展示一下这个功能究竟是干什么的。

版块宽度调整:

简单来说,就是大家对于版块内容整体宽度的要求。由于网站需求和审美标准不一致,即便是有拖拽式编辑,大家还是会觉得缺点意思。因此我们针对版块的宽度,做了小、正常、全幅、全屏四种预设布局,供大家自由选择。

对于偏好“两端缩进”的朋友们,版块宽度的部分可以选择“小”或者“正常”,如下图:




**如果你喜欢“满屏体验”的内容布局,**版块宽度的部分可以选择“全幅(默认)”或是全屏,如下图:




来一组 GIF 演示图给大家看看吧!可视化操作就是这么直观!




版块高度调整:

版块高度调整就更好理解啦,也就是各版块之间的边距。讲真,上线君在制作「上线了」2020年度报告时,使用的就是拖拽式编辑模式。当时,上线君就发现版块之间的高度无法调整,这对于有强迫症的小伙伴来说,似乎不是很友好。实际上,我们只是留了一手!这次更是一口气为大家预设了 5 种高度布局。小伙伴们再也不用担心版块之间空隙过大或过小而带来的尴尬啦~因为可以自由调节。

如果网站内容关联性高,排版一般会比较紧凑,以确保访客可以连贯地浏览内容。因此,这时候网站的版块边距建议调整到“最小”。举个栗子:

调整前:间距过宽,布局松散,内容脱离感强。




调整后:间距紧凑,排版合理,内容关联性强。




如果喜欢网站干净清爽,想预留较大的空隙,试试把版块高度调高一些哦!

如此一来,我们的网站排版也有如同公众号排版“内味儿”了。最后来一组 GIF,感受一下版块边距的变化吧!




至于内容位置调整,也是同样的原理,大家可以亲自体验下喔~

欢迎关注我以及公众号上线了(sxl-cn),如果在使用过程中有任何疑问或建议,你可以随时通过公众号后台留言哦!

关键词:设计,体验,更新,灵活

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭