APP侧边栏设计

所属分类:UI/UX
侧边栏设计,几点心得:页面占比不要超过2/3,用户信息的头像不要过大,会挤压下面内容的空间感,或者可以使用过渡处理整张图片。最多使用2列,超过2列,特别是到4列会导致信息没有层次,并且容易引导视觉县横向流动,不利于让用户抓住重点信息。
dribbble.com
colleenyin采集到APP侧边栏设计

侧边栏背景图的选择是亮点,可使用用户的本人上传,也可以用系统推荐,图片空间大,表现形式更丰...

androidniceties.tumblr.com
colleenyin采集到APP侧边栏设计

配色高饱和度,标题分级,分级标题去除icon的介入,信息重要性更明确,无用户信息,适用对客...

dribbble.com
colleenyin采集到APP侧边栏设计

反例-信息流式页签列表设计,左滑删除,右滑加心,不太适合在侧边栏表现,内容较多,需全屏展示

cdn.pttrns.com
colleenyin采集到APP侧边栏设计

左右式设计,适用拖入脱出式,设置类+单一功能式,例如音乐播放类App

dribbble.com
colleenyin采集到APP侧边栏设计

单列式设计,且支持二次弹出切换,左侧位置占比1/4,此种弹出适用用户信息需要进行分类的实用...

fondcool.com
colleenyin采集到APP侧边栏设计

反例-搜索意图不明显,搜索我的内容还是全站的内容。无需放置搜索按钮

dribbble.com
colleenyin采集到APP侧边栏设计

社交型侧边栏设计,用户的社交关联信息突出,新消息通知突出。设置,退出等信息较为次要

dribbble.com
colleenyin采集到APP侧边栏设计

两列式,包含用户与退出,适用扁平化大色块设计,内容较少时突出每个模块的点击便捷性,客户粘性...

woofeng.cn
colleenyin采集到APP侧边栏设计

炫彩型侧边弹出设计,适用炫彩型按钮引导折叠与打开。全站均可运用,提升页面关联性与快捷推荐的...

1

dribbble.com
colleenyin采集到APP侧边栏设计

一列式,包含用户昵称,退出,可占屏幕1/3到2/3之间的空间,抽屉式弹出按钮居于右上角或区...