潍坊UI培训
达内潍坊中心

18300268127

热门课程

平面设计之树形结构

  • 时间:2017-10-16
  • 发布:潍坊UI培训
  • 来源:互联网

    树形结构

    树形结构就是将层级信息分类到一颗倒置的树的树枝上,展示起来就像是流程图(类似家谱) .

    几个世纪前,文职人员就开始使用一种有效的文件与文件夹整理方式:找到档案柜-选择抽屉-打开抽屉-选取文件夹-抽取文档.Ios树形结构就是借鉴了这种整理方式的隐喻,将庞大的信息内容分类到类别,子类别、子子类别、子子子类别……中去,整理好层层嵌套的信息内容.

    Iphone「设置」的导航模式就是树形结构的典型案例:

    潍坊UI培训

    潍坊UI培训:目前我们最常见的树形结构例子就是表格视图,如上图.这也是简单的列表,点击列表项目可以深入到下一层中去.当然还有更加图形化的方式可以展示树形列表,如下图「支付宝」首页,用图标的方式来展示它的众多功能:

    潍坊UI培训

    无论何种形式,树形导航模式都有类似的优点:占用很少的界面空间,操作简单.

    树形结构优缺点

    【优点】

    非常适用于管理大量的分类项目

    组织方式垂直简单,易于操作理解

    占用很少的界面空间

    【缺点】

    主功能只用在最顶层页面才会被显示出来.且若页面层级较多,无法直接返回最顶层页面

    次级页面内容需要用户主动挖掘,不直接不显性.用户往往只对核心内容有印象

更多潍坊UI培训相关资讯,请扫描下方二维码

潍坊UI培训

上一篇:平面设计的标签栏
下一篇:如何获取设计灵感?

零基础可以学习UI设计吗

网页设计的背景创建

用户设计界面原则(四)

用户设计界面原则(三)

选择城市和中心
贵州省

广西省

海南省

达内教育

有位老师想和您聊一聊