如何设计MIP网站的个性化侧边栏?

发布时间: 2018年10月22日

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


那么在MIP网站建设过程冲,如何设计个性化的侧边栏呢?今天,小编就给大家介绍一下。
MIP网站的侧边栏分成两类:


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

伸缩式的侧边栏导航,设计师可在易营宝MIP建站系统的侧导航样式里直接选择,系统根据网站的页面自动生成导航链接。我们提供网格式、列表式、抽屉式、.下拉式等样式,设计师可根据客户需求选择使用。

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


MIP网站的交互式侧边栏按钮通常位于屏幕右侧,中下位置,以符合移动端用户的浏览和点击习惯。
设计师可在易营宝MIP建站系统的编辑页面,添加一个侧边栏控件。

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

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

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


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

侧边栏会悬浮显示在页面的侧边,让客户可以随时随地看到,方便客户点击,既可以提高用户的体验,也可以提高网站的转化。

当前位置: 行业资讯
  • ·行业资讯

    2019年韩国ICT展会现场直击 • 易营宝带您邂逅全球最前沿科

  • ·行业资讯

    2019年Q2中国互联网流量季度分析报告

  • ·行业资讯

    全球建站同行对比--易营宝 VS Wix VS Wordpres

  • ·行业资讯

    智能小程序档案馆--手把手教你成为小程序流量头号玩家(上)

  • ·行业资讯

    [网站建设] 做多语言网站,你不用再高价请翻译了

  • ·行业资讯

    网站优化SEO---营销型网站优化技巧之页面TDK编写

  • ·行业资讯

    易营宝网站建设平台之AMP商城产品页面

  • ·行业资讯

    易营宝网站建设平台之浏览器如何管理字体 2019