Skip to content

界面调整:工具栏分布优化 #2249

Description

@bhikkhu-kosalla-china

目前,工具栏的设计需要一些优化思路

带有右上角数字角标的图标的右侧尽量不安排其他同类元素,否则会遮挡

比如:这两个元素,手推车会有数字,因此在侧边工具集里面使用比较好;相比之下淘宝的手推车位置比较合理
Image

Image

比如:通知的数字会遮挡旁边的搜索图标,相比之下github的排布更加合理
Image

Image

工具分布建议依照“全局”和“本页”两个分类来进行分布

侧边工具栏,由于只有打开具体文章才会显示,因此侧边工具栏应该把全局性工具剔除

Image

减少不必要的遮挡

Image

段落工具栏,由于段号在最左侧,右侧有足够空间,建议用右侧横向展开,同时文字简化为图标和文字

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions