1 主页
图1主页
主页主要包括饺子榜主榜(中间表格)、JZ增长栏(左上方曲线图)、JZ比例栏(左下方饼图)和广告栏(右侧轮播图)。
主榜
主榜位于主页的中间。上方的“JZ总额”为饺子榜统计的全部JZ的实时总额。主榜包括排名、姓名、JZ总额和折合票数四个字段,并按JZ总额倒序排列。折合票数为JZ总额按3.3元每票折算。主榜两侧的色块为该行成员所在队伍的队色。
点击主榜下方的左边四个按钮,可分别查看各排名段的JZ信息。主榜只显示排名前66的应援会JZ总额,如果您想查看更多应援会的JZ信息,请点击表格对应行。点击表格下方的“更多”按钮,网站将跳转到成员列表页。
图2 主榜
JZ增长栏
JZ增长栏位于主页的左上方,用于显示全团JZ总额和三个分团的JZ总额的增长曲线。把鼠标滑入图内,将显示一个十字光标和当期的JZ总额。如果您想查看队伍或者成员的JZ增长曲线,请点击右上角的“更多”按钮,网站将跳转到JZ增长页面。
图3 JZ增长栏
JZ比例栏
JZ比例栏位于主页的左下方,用于显示各分团/队伍的JZ占分团/队伍的比例。把鼠标滑入饼图的不同部分,将显示该部分的JZ总额和所占比例。如果您想查看更多JZ分布的饼图,请点击右上角的“更多”按钮,网站将跳转到JZ比例页。
图4 JZ比例栏
ad栏
ad栏位于主页的右侧,用于显示饺子榜承接的ad业务,采用轮播图的变换形式。点击图片,将跳转到指定的外部链接。需要说明的是,饺子榜只承接与SNH48 GROUP总选相关的ad。
图5 ad栏
另外,首页还包括顶部和底部两个导航栏(当然,其他页面也有这两栏),用于显示一些通用信息。点击“深色主题”或者“浅色主题”按钮,可切换网页的颜色主题。点击主标题“SNH48-饺子榜”跳回主页。点击“关于我们”跳转到饺子榜简介页。底部栏还给出几个相关的外部链接和网站的备案信息。
图6浅色主题
图1主页
主页主要包括饺子榜主榜(中间表格)、JZ增长栏(左上方曲线图)、JZ比例栏(左下方饼图)和广告栏(右侧轮播图)。
主榜
主榜位于主页的中间。上方的“JZ总额”为饺子榜统计的全部JZ的实时总额。主榜包括排名、姓名、JZ总额和折合票数四个字段,并按JZ总额倒序排列。折合票数为JZ总额按3.3元每票折算。主榜两侧的色块为该行成员所在队伍的队色。
点击主榜下方的左边四个按钮,可分别查看各排名段的JZ信息。主榜只显示排名前66的应援会JZ总额,如果您想查看更多应援会的JZ信息,请点击表格对应行。点击表格下方的“更多”按钮,网站将跳转到成员列表页。
图2 主榜
JZ增长栏
JZ增长栏位于主页的左上方,用于显示全团JZ总额和三个分团的JZ总额的增长曲线。把鼠标滑入图内,将显示一个十字光标和当期的JZ总额。如果您想查看队伍或者成员的JZ增长曲线,请点击右上角的“更多”按钮,网站将跳转到JZ增长页面。
图3 JZ增长栏
JZ比例栏
JZ比例栏位于主页的左下方,用于显示各分团/队伍的JZ占分团/队伍的比例。把鼠标滑入饼图的不同部分,将显示该部分的JZ总额和所占比例。如果您想查看更多JZ分布的饼图,请点击右上角的“更多”按钮,网站将跳转到JZ比例页。
图4 JZ比例栏
ad栏
ad栏位于主页的右侧,用于显示饺子榜承接的ad业务,采用轮播图的变换形式。点击图片,将跳转到指定的外部链接。需要说明的是,饺子榜只承接与SNH48 GROUP总选相关的ad。
图5 ad栏
另外,首页还包括顶部和底部两个导航栏(当然,其他页面也有这两栏),用于显示一些通用信息。点击“深色主题”或者“浅色主题”按钮,可切换网页的颜色主题。点击主标题“SNH48-饺子榜”跳回主页。点击“关于我们”跳转到饺子榜简介页。底部栏还给出几个相关的外部链接和网站的备案信息。
图6浅色主题