移动端的个性化侧边栏
×

       易营宝信息科技(北京)有限公司致力于满足企业国内外市场拓展需求,为企业提供更专业的网络营销以及大数据分析和软件外包服务。提供先进的移动互联网营销工具及移动应用的开发和研究。

关 闭

侧边栏是目前网站设计中很流行的一种导航或交互方式,它简化布局的功能很强大,一般是浮动在页面的左侧或右侧,起着跳转链接或一键联系的功能。

那么在移动端,如何设计个性化的侧边栏呢?今天,小编就给大家介绍一下。

移动端的侧边栏分成两类:

一类是伸缩式的网站导航,起到页面跳转的作用。

伸缩式的侧边栏导航,设计师可在易营宝移动网站模板里直接使用,我们提供网格式、列表式、抽屉式、下拉式等多种样式,设计师可根据客户需求选择使用。

另一类是悬浮的交互式侧边栏按钮

移动端的交互式侧边栏按钮通常位于屏幕右侧,中下位置,以符合移动端用户的浏览和点击习惯。

设计师可在易营宝移动网站的编辑页面,添加一个返回顶部控件,在控件属性的基本设置里选择浮动。

在“单项设置”属性里,修改文本、icon、链接和颜色等。可改成电话、QQ、短信、邮件等。下图是我们改成电话的举例:

这样,一个悬浮的一键电话按钮就设计完成了。如果需要添加多个悬浮按钮,可以在单项设置里点击“新增”按钮,在新的按钮属性里设置显示文本、icon、链接等。

重复上述步骤,可设置多个按钮。由于受移动终端设备屏幕大小限制,建议按钮不要超过3个,以免影响客户体验。

按钮添加完成后,可以在icon属性里修改icon的颜色;在设计属性里,设置按钮的边框、阴影等样式,让你的侧边栏按钮更加美观。

做好的交互式侧边栏按钮,如本页面右侧所示,大家可点击体验一下。

更多易营宝功能,欢迎大家在PC端登录易营宝官网www.eyingbao.com操作体验。

(推荐使用谷歌浏览器,体验更佳)

分享()   阅读()   赞(0)     举报

Powered By 易营宝®