PROJ.001
校园传播数据故事
围绕校园媒体传播路径的可视化叙事项目，从数据整理到交互表达形成完整闭环。
2026
✧ PERSONAL BILINGUAL PORTFOLIO ✧ CREATIVE SPACE
你好。我是 LJ。
我是一名网络与新媒体专业学生，关注数据叙事、交互设计与前端表达，尝试把清晰结构与视觉感受连接起来。
CURRENT SIGNAL
|
[ 01 ] QUICK ACCESS
模块化入口
首页提供两张快速导航卡片，引导访客先看代表性项目，再了解最近的学习记录与思考脉络。
[ 02 ] PROJECT ARCHIVE
项目索引
以列表优先的方式呈现项目，兼顾工业感秩序和内容可读性。点击任意条目可展开项目详情。
PROJ.002
LJ 个人网站系统
以中英双语和“信号站”视觉语言为核心，探索个人品牌与前端实现的一体化表达。
2026
PROJ.003
交互影像观察实验
结合视频剪辑与界面实验，研究动态画面如何影响信息节奏与用户注意力。
2025
PROJ.001
校园传播数据故事
该项目从校园传播案例入手，将采集到的数据转化为一套可视化叙事页面，帮助读者快速识别传播链路、节点转折和受众行为模式。
[ 03 ] LEARNING JOURNAL
日志与思考
日志页用于沉淀课程复盘、设计观察和开发笔记，后续可以继续接入 Markdown 内容管理。
2026.04.28
如何把“工业感”转化为网页语言
从网格、留白、材质对比和字体层级出发，记录这次个人网站视觉系统的拆解过程。
READ ARTICLE2026.04.16
课程项目中的数据叙事方法
梳理数据清洗、结构搭建、页面导览和交互提示在故事表达中的不同角色。
READ ARTICLE2026.03.30
前端练习中的视觉与语义平衡
记录我在页面实现时如何同时处理结构可读性、响应式布局和风格一致性。
READ ARTICLE[ 04 ] PROFILE / SPEC
关于我
这里是个人叙事与能力说明的汇总页面，用“规格参数表”的方式呈现技能与联系方式。
我目前是网络与新媒体专业大三学生，持续关注设计、技术与内容表达之间的连接方式。相比单一媒介输出，我更在意信息如何被组织、传递和理解。
我的学习路径从视觉设计延伸到网页实现，也逐渐进入数据整理、交互逻辑和项目结构搭建。希望在未来继续向产品体验、数字叙事与前端方向深入。
><Analytics / Data Storytelling
><Frontend Development
><UI / UX Exploration
><Videography / Motion Narrative
Skill Parameters
| Major | 网络与新媒体 / Network and New Media |
|---|---|
| Focus | 数据叙事、交互表达、网页前端 |
| Tools | Figma, HTML, CSS, JavaScript, Premiere, Photoshop |
| Working Style | 结构先行、视觉克制、持续迭代 |
Contact Signal
lj@example.com| Location | China / Available for remote collaboration |
|---|---|
| Links | GitHub / Behance / Xiaohongshu |
| Status | Open to internship and academic collaboration |
[ 05 ] GUESTBOOK / SIGNAL LOG
Guestbook
Leave a short signal in the log. Messages load with pagination after verification.
[ 06 ] MEMORY CORE / LAB
Memory Core
Nodes drift from the edge toward the core. Click to clear them before they converge. 45 seconds on the clock.
Score 0
Time 45s
Combo 0
Game over