feat: 新增作品和动态详情页
✨ Work 详情页 (/work/[slug]): - Hero 大图 + 渐变遮罩 - 项目概述、挑战、解决方案 - 项目截图画廊 - 右侧信息卡片（客户、年份、周期、服务） - 访问项目按钮 - 相关项目推荐 - 返回列表按钮 - 完整中英文内容 ✨ News 详情页 (/news/[slug]): - Hero 大图 + 渐变遮罩 - 分类标签 + 日期 + 阅读时间 + 作者 - 文章正文（多段落 + 引用 + 图片） - 分享按钮（Twitter、LinkedIn、复制链接） - 相关文章推荐 - 返回列表按钮 - 完整中英文内容 🔧 列表页更新: - work.vue → work/index.vue - news.vue → news/index.vue - 卡片链接改为 NuxtLink 到详情页 🌍 国际化: - 6 个作品详情（中文 + 英文） - 6 篇文章详情（中文 + 英文） Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
陈春
+126
-1
@@ -308,7 +308,65 @@
|
||||
"branding": "品牌设计",
|
||||
"development": "程序开发"
|
||||
},
|
||||
"cta": "查看项目"
|
||||
"cta": "查看项目",
|
||||
"backToList": "返回作品列表",
|
||||
"detail": {
|
||||
"overview": "项目概述",
|
||||
"challenge": "项目挑战",
|
||||
"solution": "解决方案",
|
||||
"gallery": "项目展示",
|
||||
"projectInfo": "项目信息",
|
||||
"client": "客户",
|
||||
"year": "年份",
|
||||
"duration": "周期",
|
||||
"services": "服务内容",
|
||||
"visitProject": "访问项目",
|
||||
"relatedProjects": "相关项目",
|
||||
"items": {
|
||||
"forma-digital": {
|
||||
"overview": "Forma Digital 是一个现代化的电商平台，致力于为用户提供无缝的购物体验。我们重新设计了整个用户界面，采用极简主义设计风格，突出产品展示，提升转化率。",
|
||||
"challenge": "客户需要一个既能展示高端产品，又能提供流畅购物体验的平台。原有的网站加载缓慢，用户体验差，转化率低下。",
|
||||
"solution": "我们采用了 React + Next.js 技术栈，实现了服务端渲染和静态生成，大幅提升加载速度。同时重新设计了产品展示页面，采用沉浸式大图展示，配合流畅的动画过渡。",
|
||||
"client": "Forma Digital Inc.",
|
||||
"duration": "3 个月"
|
||||
},
|
||||
"one-step": {
|
||||
"overview": "One Step 是一款专注于健康习惯养成的健身应用。我们为其打造了完整的品牌视觉识别系统，包括 Logo 设计、UI 界面和营销物料。",
|
||||
"challenge": "在竞争激烈的健身应用市场中，如何通过品牌设计脱颖而出，建立独特的品牌认知。",
|
||||
"solution": "我们以「一步一个脚印」为核心理念，设计了简洁有力的品牌标识。采用渐变色彩和圆润的图形语言，传达健康、积极、向上的品牌调性。",
|
||||
"client": "One Step Fitness",
|
||||
"duration": "2 个月"
|
||||
},
|
||||
"nero-vision": {
|
||||
"overview": "Nero Vision 是一个面向创意专业人士的作品集管理平台，帮助设计师和艺术家展示和管理他们的创作。",
|
||||
"challenge": "创意人士需要一个既能完美展示作品，又能方便管理的平台。现有解决方案要么太复杂，要么展示效果不佳。",
|
||||
"solution": "我们采用 Vue.js + Node.js 全栈开发，设计了直观的拖拽式作品管理界面，配合精美的展示模板，让创意人士轻松打造个人品牌。",
|
||||
"client": "Nero Studio",
|
||||
"duration": "4 个月"
|
||||
},
|
||||
"bold-moves": {
|
||||
"overview": "Bold Moves 是一个展示创新建筑设计的交互式网站，通过 3D 可视化技术，让用户身临其境地体验建筑之美。",
|
||||
"challenge": "如何将复杂的建筑设计以直观、吸引人的方式展示给普通用户，同时保持专业性。",
|
||||
"solution": "我们使用 Three.js 实现了高质量的 3D 渲染，配合流畅的交互设计，用户可以从任意角度欣赏建筑细节。同时加入了光影效果和材质展示，提升视觉冲击力。",
|
||||
"client": "Bold Moves Architecture",
|
||||
"duration": "5 个月"
|
||||
},
|
||||
"echo-labs": {
|
||||
"overview": "Echo Labs 是一家 AI 领域的科技创业公司，我们为其打造了完整的品牌视觉识别系统和企业官网。",
|
||||
"challenge": "AI 领域的品牌需要既体现科技感，又要有人文温度，避免过于冷冰冰的技术感。",
|
||||
"solution": "我们以「回声」为概念，设计了富有动感的品牌标识。采用深色主题配合渐变色彩，营造科技感的同时，通过圆润的图形语言增添亲和力。",
|
||||
"client": "Echo Labs AI",
|
||||
"duration": "3 个月"
|
||||
},
|
||||
"flux-api": {
|
||||
"overview": "Flux API 是一个可扩展的 REST API 服务平台，提供全面的文档和开发者工具，帮助开发者快速集成。",
|
||||
"challenge": "API 文档和开发者体验是技术产品的核心竞争力，如何让复杂的 API 变得易于理解和使用。",
|
||||
"solution": "我们设计了交互式 API 文档，支持在线测试和代码生成。同时提供了多语言 SDK 和详细的教程，大幅降低开发者的学习成本。",
|
||||
"client": "Flux Technologies",
|
||||
"duration": "6 个月"
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
"studio": {
|
||||
"title": "关于工作室",
|
||||
@@ -360,11 +418,78 @@
|
||||
"title": "新闻动态",
|
||||
"description": "获取我们的最新见解、项目更新和行业趋势。",
|
||||
"readMore": "阅读更多",
|
||||
"backToList": "返回文章列表",
|
||||
"categories": {
|
||||
"all": "全部文章",
|
||||
"insights": "行业洞察",
|
||||
"projects": "项目动态",
|
||||
"announcements": "公告通知"
|
||||
},
|
||||
"detail": {
|
||||
"shareArticle": "分享文章",
|
||||
"relatedArticles": "相关文章",
|
||||
"items": {
|
||||
"design-trends-2026": {
|
||||
"content": "2026 年，设计行业正在经历一场深刻的变革。从极简主义的回归到大胆排版的兴起，从 3D 元素的普及到 AI 辅助设计的成熟，这些趋势正在重新定义数字体验的边界。作为设计从业者，我们需要紧跟这些变化，才能为客户创造更具竞争力的作品。",
|
||||
"section1Title": "极简主义的回归",
|
||||
"section1Content": "在信息过载的时代，用户越来越渴望简洁、清晰的界面。2026 年的极简主义不再是简单的「少即是多」，而是通过精心的信息架构和视觉层次，在有限的空间内传达更多价值。留白不再是空白，而是一种有意为之的设计语言。",
|
||||
"quote": "好的设计不是添加更多，而是去除不必要的。在 2026 年，这一点比以往任何时候都更加重要。",
|
||||
"section2Title": "大胆排版与动态文字",
|
||||
"section2Content": "排版正在从配角变成主角。大尺寸、高对比度的字体设计正在成为品牌表达的重要手段。动态文字效果的普及，让排版不再是静态的装饰，而是能够与用户互动的活元素。",
|
||||
"section3Title": "AI 辅助设计的成熟",
|
||||
"section3Content": "AI 工具正在从「替代设计师」转向「增强设计师」。智能布局建议、自动化配色方案、实时设计反馈等功能，让设计师能够专注于创意和策略，而非重复性的执行工作。"
|
||||
},
|
||||
"forma-digital-launch": {
|
||||
"content": "经过三个月的精心打造，我们很高兴地宣布 Forma Digital 电商平台正式上线！这个项目是我们团队迄今为止最具挑战性的作品之一，也是我们技术实力和设计能力的集中体现。",
|
||||
"section1Title": "项目背景",
|
||||
"section1Content": "Forma Digital 是一家专注于高端家居用品的电商品牌。他们需要一个能够完美展示产品质感、提供流畅购物体验的平台。原有的网站存在加载缓慢、移动端体验差、转化率低等问题。",
|
||||
"quote": "北极新一团队不仅理解我们的需求，更超越了我们的期望。新平台上线后，我们的转化率提升了 45%。",
|
||||
"section2Title": "技术亮点",
|
||||
"section2Content": "我们采用了 React + Next.js 技术栈，实现了服务端渲染和静态生成。通过图片懒加载、代码分割、CDN 加速等技术手段，将首屏加载时间从 4.5 秒降低到 1.2 秒。",
|
||||
"section3Title": "成果展示",
|
||||
"section3Content": "新平台上线后，用户停留时间增加了 60%，跳出率降低了 35%，转化率提升了 45%。客户对新平台的设计和性能都非常满意。"
|
||||
},
|
||||
"studio-expansion": {
|
||||
"content": "随着业务的持续增长和客户需求的不断增加，我们很高兴地宣布 ArcticNewOne 工作室正式扩展！我们将增加新的团队成员，拓展服务能力，为客户提供更优质的数字化解决方案。",
|
||||
"section1Title": "团队扩展",
|
||||
"section1Content": "我们将新增 5 名资深设计师和 3 名高级开发工程师，覆盖前端、后端、UI/UX 等多个领域。这些新成员都拥有丰富的行业经验，曾服务于多家知名企业。",
|
||||
"quote": "人才是我们最宝贵的资产。通过扩展团队，我们能够承接更多项目，同时保持一贯的高品质交付。",
|
||||
"section2Title": "服务升级",
|
||||
"section2Content": "除了现有的网页设计、品牌设计、程序开发等服务，我们还将新增数据可视化、AI 应用开发、AR/VR 体验设计等前沿服务。",
|
||||
"section3Title": "展望未来",
|
||||
"section3Content": "我们计划在未来一年内完成 50+ 项目，服务 30+ 新客户。同时，我们将继续深耕技术创新，探索更多可能性，为客户创造更大价值。"
|
||||
},
|
||||
"ux-research-methods": {
|
||||
"content": "用户体验研究是设计决策的基础。在 2026 年，随着技术的发展和用户行为的变化，UX 研究方法也在不断演进。本文将介绍几种最有效的现代 UX 研究方法。",
|
||||
"section1Title": "远程用户测试",
|
||||
"section1Content": "远程用户测试已经成为 UX 研究的主流方法。通过专业的远程测试平台，我们可以在短时间内招募到全球各地的测试用户，获取更广泛的反馈。",
|
||||
"quote": "远程测试不仅降低了成本，更重要的是让我们能够接触到更真实的用户场景。",
|
||||
"section2Title": "行为数据分析",
|
||||
"section2Content": "通过热力图、滚动深度、点击流等行为数据，我们可以客观地了解用户如何与产品互动。这些数据弥补了传统访谈和问卷的不足，提供了更真实的用户行为洞察。",
|
||||
"section3Title": "AI 辅助分析",
|
||||
"section3Content": "AI 工具正在帮助我们更高效地分析用户反馈。情感分析、主题聚类、趋势预测等功能，让我们能够从海量数据中快速提取有价值的洞察。"
|
||||
},
|
||||
"bold-moves-case-study": {
|
||||
"content": "Bold Moves 是一个展示创新建筑设计的交互式网站项目。本文将深入介绍这个项目的设计思路、技术实现和最终成果。",
|
||||
"section1Title": "设计理念",
|
||||
"section1Content": "Bold Moves 希望通过数字方式展示建筑设计的魅力。我们决定采用 3D 可视化技术，让用户能够从任意角度欣赏建筑细节，获得沉浸式的体验。",
|
||||
"quote": "我们想要的不只是一个展示网站，而是一个能够让用户「走进」建筑的数字空间。",
|
||||
"section2Title": "技术挑战",
|
||||
"section2Content": "高质量的 3D 渲染需要强大的计算能力，而网页端的性能有限。我们通过模型优化、LOD 技术、WebGL 渲染等手段，在保证视觉质量的同时，实现了流畅的交互体验。",
|
||||
"section3Title": "最终成果",
|
||||
"section3Content": "项目上线后获得了广泛好评，赢得了多个设计奖项。用户平均停留时间超过 5 分钟，远高于行业平均水平。"
|
||||
},
|
||||
"new-tools-integration": {
|
||||
"content": "为了更好地服务客户，我们不断扩充和完善我们的工具箱。最近，我们新增了多款实用工具，涵盖设计、开发、协作等多个领域。",
|
||||
"section1Title": "设计工具升级",
|
||||
"section1Content": "我们引入了最新的设计协作平台，支持实时多人编辑、版本管理、设计系统集成等功能。设计师和开发者可以在同一个平台上无缝协作。",
|
||||
"quote": "工欲善其事，必先利其器。好的工具能够大幅提升团队效率。",
|
||||
"section2Title": "开发工具增强",
|
||||
"section2Content": "新增了自动化测试框架、性能监控工具、代码质量检查等开发工具。这些工具帮助我们在开发过程中及时发现和解决问题，保证代码质量。",
|
||||
"section3Title": "协作工具优化",
|
||||
"section3Content": "我们升级了项目管理平台，新增了看板视图、时间追踪、资源分配等功能。项目经理可以更直观地掌控项目进度，团队成员可以更高效地协作。"
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
"auth": {
|
||||
|
||||
Reference in New Issue
Block a user