H5 - 主题文创获奖作品展示: H5 - 主题文创获奖作品展示 2020 主题文创优秀获奖作品展演色彩：活力鲜明的色调，突出创意感。风格：扁平化设计风格。

# H5 - 主题文创获奖作品展示

2020 主题文创优秀获奖作品展演

### 色彩：

活力鲜明的色调，突出创意感。

### 风格：

扁平化设计风格。

### 逻辑：

**Loading 数字加载，以 “文” “化” “创” “意” 四字滚动 GIF 图作为 loading 动画**。

**Loading 加载结束进入首页。**

**H5 首页由 H5 标题、选项卡与落款组成。**

- 首页页面标题为：主题文创获奖作品展示，标题文字需设计。
- 首页标题下设计交互选项卡，每个选项卡由对应图标及文字组成，选项卡共分为 3 个单元，分别是：平面作品、视频作品、标语作品。用户点击单个选项卡，即进入单元作品展示页面。
- 首页底部设计落款，出品：XXXXXXXX，创制：有安米互动。

**H5 子页面—各单元作品展示页面设计：**

- 平面作品展示页面：

1. **入口页** 页面标题设计为 **【主题文创获奖平面作品展示】**，标题下方设计作品等级选项卡，共分为 4 个等级单元：**一等奖、二等奖、三等奖、优秀奖；** 用户点击单个等级单元选项卡，即进入该单元作品展示页面。页面左上角设计 **【返回】** 按钮，点击即返回至 **H5 首页**。

2. **详情页** 页面标题设计为： **【主题文创获奖平面作品展示】**，标题下方设计作品展示栏，展示栏内最上方根据各个等级单元设计 **“X 等奖”** 小标题，展示栏内放置单幅完整作品图片（该等级单元内），作品下方标注作品信息（作品标题+作者）。用户通过左右滑动切换作品，浏览该等级单元内更多作品。页面左上角设计 **【返回】** 按钮，点击即返回至 **入口页**。

3. 平面作品高清素材包详见压缩文件“主题文创获奖作品”

- 视频作品展示页面：

1. **入口页**页面标题设计为：**【主题文创获奖平面作品展示】**，标题下方设计作品等级选项卡，共分为 4 个等级单元：：**一等奖、二等奖、三等奖、优秀奖；** 用户点击单个等级单元选项卡，即进入该单元作品展示页面。页面左上角设计【返回】按钮，点击即返回至 **H5 首页**。

2. **详情页**页面标题设计为：**【主题文创获奖平面作品展示】**，标题下方设计作品展示栏，展示栏内最上方根据各个等级单元设计 **“X 等奖”** 小标题，展示栏内放置单个视频作品（该等级单元内），作品下方标注作品信息（作品标题+作者）。用户可点击单个视频播放，并通过左右滑动切换视频，浏览该等级单元内更多视频。页面左上角设计 **【返回】** 按钮，点击即返回至 **入口页**。

3. 视频作品高清素材包详见压缩文件“主题文创获奖作品”

- 标语作品展示页面：
  1. 标语作品展示页面以长图文形式展示，长图标题为：**【主题文创获奖平面作品展示】**
  2. 长图内容主要为获得创意奖与优秀奖的主题文创获奖标语作品信息展示，内容详见压缩文件 **“主题文创获奖作品”-“文字口号最终”-“标语作品表格”。**
  3. 页面左上角设计【返回】按钮，点击即返回至 **H5 首页**。

九条米法/H5 - 主题文创获奖作品展示

简介

发行版

贡献者

近期动态

九条米法/H5 - 主题文创获奖作品展示 .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

九条米法/H5 - 主题文创获奖作品展示