集团
简介 / 文化 / 核心能力
建立整体认识企业官网 / 信息架构与视觉设计
07 / CASE STUDY大唐微科集团官网的信息组织与视觉设计
这个官网没有现成原型，我负责导航栏目、首页模块顺序与视觉设计。集团介绍、业务、资讯和招聘各有入口，首页先提供概览，再进入具体内容。
- 设计重点
- 业务分组 / 阅读层级 / 页面规则
- 设计范围
- 首页与内页 / 31 张页面
01 / INFORMATION ARCHITECTURE
四类内容，先明确栏目关系。
大唐微科集团
产业
核心业务 / 商业体系
说明实际做什么资讯
新闻 / 媒体 / 社会活动
延续企业动态人才
招聘 / 学院 / 职业发展
提供进一步联系栏目先区分内容类型，内页再用标题、面包屑和内容栏宽保持阅读顺序。导航与首页模块的安排都是我的设计范围。
首页编辑 / 从概览进入内容
首页先讲全貌，内页再展开。
- 集团介绍
公司简介先建立背景，文化与核心能力放到相应栏目中继续阅读。
- 企业动态
标题与时间用于快速浏览，完整文章留给资讯内页。
- 核心业务
业务分类提供入口，详细内容不用挤进首页的一张卡片。
02
产业表达
从集团介绍，进入具体业务。
业务分类先清楚，内容再展开。
业务内页沿用相同的栏目框架，标明当前分类。长内容通过图片、分段和小标题组织，避免页面之间的阅读方式反复变化。
集团、业务和资讯，分别回答不同问题。
这是一家什么样的集团？
简介、文化与核心能力建立整体认识，信息在集团层级集中说明，避免每条业务重复一段企业介绍。
具体提供哪些业务？
产业分类先给出框架，再进入对应详情。分类名称、流程和说明各有位置，长内容可以继续向下阅读。
最近有哪些动态？
新闻、媒体和活动承担持续更新。列表用于浏览主题，正文页保留标题、时间和完整内容。
资讯按主题呈现，
正文专注阅读。
03 / CONTENT DESIGN
列表负责选择
用标题、时间与缩略图帮助判断内容；进入详情后，把标题与正文放回阅读中心。
长文保持节奏段落间距、图片宽度与局部标题沿用统一规则，方便持续阅读。
从首页摘要，到完整正文。
首页 / 摘要
以有限篇幅交代集团概况、产业入口和最新动态。进入下一层的入口应与当前内容靠近。
栏目 / 目录统一标题、缩略图和次级信息，方便比较内容，不为每一条消息重复一套装饰。
正文 / 阅读文章信息完整，图片和文字沿同一阅读宽度展开。正文中减少不相关的入口，让阅读不被打断。
作品索引 / 31
首页、业务与资讯页面
首页、核心业务和企业动态，完整目录包含集团、产业与人才页面。
首页按集团、产业与资讯建立认识顺序。
业务页先明确分类，再展开具体说明。
资讯页面沿用稳定的标题、摘要与正文层级。