换个心情
作品方向
从一次迎新到长期校园信息，都可以被清楚整理
围绕不同使用人群、时间与资料规模，探索页面内容的组织方式。
基础能力
独立视觉、手机优先、内容整理、公开访问、二维码分享与多端适配
交互实验
搜索、地图、表单、预约、消息提醒、数据统计与管理界面原型
迎新、学生会、社团和长期信息页是四类作品方向，用来展示不同栏目与功能的组合方式。
内容模块展示
一张网页，可以装下信息、流程、工具与长期服务
下面展示的是可拆分、删减和重新组合的页面模块，不对应真实学校资料。A内容模块
信息入口
重要通知与常用入口
把最常使用、最容易错过的信息放在前面，入口可以连接网页、地图、电话、二维码或报名表。
重要提醒
查看流程
缴费、宿舍和报到安排以录取通知书及学校官方渠道为准。
QUICK ACCESS
常用内容，可以按使用场景集中
入口数量、名称、顺序和跳转方式可以随页面场景变化。B内容模块
行动安排
流程、阶段任务与时间表
适合迎新报到、社团招新、活动筹备等有明确步骤和时间节点的页面。
ARRIVAL ROADMAP
报到当天，一条线走完
现场安排可能变化，先找学院迎新点再行动。ACTION BOARD
按阶段查看，不被信息淹没
每项任务都可以说明“做什么”“为什么”和“去哪里办理”。FIRST WEEK
第一周怎么过，先有一张时间表
这里演示日期、阶段、活动安排和提醒的组织方式。C内容模块
服务工具
服务目录、筛选与互动清单
既能集中展示校园服务，也能加入筛选、清单、进度保存等真正可操作的功能。
STUDENT SERVICE DIRECTORY
真正容易找不到的入口，集中放在这里
学校地图、迎新系统、报修、资助、校医院、教务和紧急联系人，都能集中到对应使用场景。按钮、电话、二维码、地图与办事说明均可集中呈现。
MY CHECKLIST
清单可以勾选，进度可以保存
示例数据只保存在当前设备的浏览器里，不上传个人信息。D内容模块
答疑保障
安全提醒与常见问答
把重要边界、风险提示和高频问题提前说明，减少重复咨询。
STAY SAFE
比少带一件东西更重要的，是别踩这些坑
遇到收费、拉群和陌生链接，先停一下，再回到官方渠道核验。COMMON QUESTIONS
常见问题，可以展开查看
这里演示常见问题、答案与官方入口的集中呈现方式。完整页面作品
三种页面形态，点击即可浏览完整作品
从信息单页到综合功能原型，展示不同内容规模与互动程度。
查看说明
三个页面均使用虚构资料，用于展示信息结构、视觉效果与前端交互。
前端学习交流
聊聊你的页面想法