如何通过Web前端设计期末作业，展示网页设计的挑战与显著成果？

踏入前端的迷宫：期末作业的起点

当我拿到那张简洁却又沉甸甸的任务书时心里既激动又有些忐忑。毕竟这份期末作业不只是一次课业考核，更像是一次自我突破的机会。它要求我们用纯HTML、 CSS和少量JavaScript，完成一个完整的网站——从首页到多级页面从排版布局到交互细节，都必须亲手实现。

试试水。 在这个项目中， 我不仅想把技术学以致用，更想让作品讲述一个故事，让用户在浏览时感受到那份温度与情感。于是 我把整个过程拆分成几个可视化的小目标：市场调研、概念构思、技术选型、编码实现、测试优化和到头来呈现。

一、 市场调研：了解用户，让需求成为指北针

定位目标受众

我深信... 先从“谁在看”开始。我把目标人群定义为18到30岁的互联网青少年，他们对视觉冲击敏感，却又渴望内容的真实性与互动性。于是我收集了同龄人的社交媒体使用习惯、常访问的网站风格以及对页面加载速度的容忍度。

竞争对手剖析

• 分析了三家同行网站：他们在导航布局上多采用固定顶部；配色方案往往采用深蓝+白色；交互动画多以淡入淡出为主。
• 发现大多数网站缺乏“情绪化”的元素——比如动态背景或渐变文字，让人觉得过于商业化。
• 我决定在此基础上注入个人特色，用柔和渐变与微动画营造轻松愉悦的氛围。

二、 概念构思：用心绘制蓝图

内容架构规划

佛系。 我先画了信息架构图：首页-关于我们-产品展示-案例分享-联系反馈

每个页面都对应一个主题色，并且在视觉层次上保持统一，但又能突出重点。为了让用户体验更连贯，我设定了面包屑导航和侧边固定栏，让跳转更顺畅。