Zengjing

by Zengjing 2022-11-03

布局模型:聚合型门户(01)

概述

聚合门户以系统链接+信息聚合展示,一屏的设计尺寸建议 1920*900px,主要类型有以下三种:

  • 地图展示+系统链接型门户
  • 资讯展示+系统链接型门户
  • 定制型聚合门户

地图展示+系统链接型门户

布局
  • 左侧为地图展示,右侧为系统链接,整体内容垂直居中。
骨架图

设计要点
  • 左侧地图展示的部分可根据需求调整占比
  • 右侧系统链接多为图标+系统名称+背景容器,建议采用颜色鲜艳、立体感强的图标结构来展示,图标样式可线形,也可块状,与不同颜色和不同形状的背景容器灵活搭配
  • 背景采用点线面元素或符合业务的合成风景图展示
优劣势分析
优点
  • 地图的加入使界面不再单调,丰富了信息和视觉,可根据不同的系统链接个数,灵活调整占比。系统链接使用颜色鲜艳立体的结构来展示,对比感强烈,通过精彩的视觉,使用户增加产品认知,提升使用兴趣。
缺点
  • 系统链接超过9个时,如果要求一屏展示,则略显拥挤,建议搭配滚动条滚动显示或分页显示。图标颜色过度丰富时略显杂乱,建议相同颜色或相同色系展示。
  • 系统链接少于3个时,地图占比过大,主次混乱,结构不平衡,内容显单调,建议搭配合成风景图一起展示。

系列文章

收获点赞: 0

评论

...