中国联通智慧门户类设计

中国联通智慧门户类设计聚合多业务入口与资讯,需在品牌红与信息密度之间平衡:导航清晰、首屏重点可配置、二级页保持与集团规范一致。

China Unicom smart portal: multiple entry points and news—balancing brand red with information density, clear nav, configurable hero, and consistent secondary pages.


设计要点

门户首屏模块可运营替换;列表与详情沿用统一卡片与分割线;重要 CTA 与状态用联通红体系,避免与告警色混淆。

中国联通智慧门户 · 设计思路与信息架构

模块/页面设计要点
门户首页/导航结构顶栏 + 轮播/金刚区 + 信息流,模块间距与标题层级统一,便于多业务并列展示
列表与内容聚合资讯/产品列表采用左图右文或通栏卡片,时间与标签对齐,点击区域足够大以利于触屏与无障碍
组件与规范运营商门户品牌统一;顶栏、轮播、卡片、列表等组件可复用至多子站

1 · 门户首页/导航结构

顶栏 + 轮播/金刚区 + 信息流,模块间距与标题层级统一,便于多业务并列展示。 联通智慧门户-首页与导航

2 · 列表与内容聚合

资讯/产品列表采用左图右文或通栏卡片,时间与标签对齐,点击区域足够大以利于触屏与无障碍。 联通智慧门户-列表与内容 联通智慧门户-列表与内容

清晰地传达、明确并传递信息的反馈、保持整体设计的一致性、当犹豫不决时,使用公认设计方案、增强视觉层次

用户体验设计5大准则

2020