← 返回项目列表04 / 05
INTERFACE / VISUAL DESIGN
艺术家·官网界面设计
为 AI 绘画产品设计一张从灵感进入创作、再回到作品画廊的首页。
01 / THE CONTEXT
问题从哪里来
AI 绘画产品首页既要建立创作氛围，也要承载工作台、画廊与最近使用内容。若所有模块同等突出，首次进入的用户不容易找到下一步。
核心问题
让视觉叙事与功能入口共享同一画面，同时保持层级清楚、操作路径简短。
设计目标
完成一张能展示产品定位和主要入口的官网首页视觉稿。
02 / THE PROCESS
从判断到方案
页面按“感受产品—开始创作—选择工作模式—浏览作品—回到最近内容”的顺序组织。视觉与功能模块使用不同的密度，控制首屏注意力。
01
首屏建立氛围
以水墨山水和留白作为视觉主线，让产品名称与“开始创作”成为第一眼能识别的内容。
02
把创作入口前置
把主要 CTA 放在品牌区域下方，让对产品有兴趣的访客可以直接进入创作。
03
让功能逐层出现
工作台说明创作模式；画廊展示可能的结果；最近使用帮助已有用户继续之前的创作。
关键设计取舍
01
背景有情绪，组件有秩序
水墨背景负责建立产品气质；半透明面板把功能和作品从背景中分离出来。
02
用尺寸区分入口
开始创作、工作台、画廊和最近使用的视觉权重依次降低，避免页面每一块都要求同等注意力。
03
让作品承担解释
画廊缩略图直接呈现产品能生成的视觉方向，减少抽象功能文案。
03 / THE WORK
界面与产出
04 / THE OUTCOME
做到了什么，仍需验证什么
完成了官网首页的视觉设计稿，包含品牌首屏、创作入口、工作台、画廊与最近使用模块。当前线上官网已有新的页面结构；这里展示的是这版设计稿，尚未呈现用户测试或转化数据。
- 完整长图展示了页面各模块和视觉层级。
- 工作台、画廊与最近使用均在同一设计稿中可见。
- 后续需用响应式原型检验移动端阅读与交互。
复盘 / NEXT STEP
访问艺术家官网 可以结合线上官网，观察新访客能否顺利找到画布创作与画廊入口，再根据任务测试调整入口文案和视觉层级。