网站内容与功能设计(一个完整的APP项目介绍及步骤案例分享(组图))

　　网站内容与功能设计(一个完整的APP项目介绍及步骤案例分享(组图))

　　一个完整的APP项目介绍包括项目背景、产品需求分析、竞品分析、产品功能框架、产品原型和可视化界面展示。

　　APP项目介绍步骤

　　案例：手机APP项目安卓客户端设计尺寸：720*1280px

　　一、项目介绍

　　（介绍项目背景和产品功能定位）

　　P网（powex）是一个以数字资产为核心业务的交易平台。为保证用户交易的便捷性，基于平台网站建立全新的手持终端APP，确保用户不受时间和空间的影响。最新市场动态，实时在线交易；行业资讯和媒体报道，为用户提供最新的新闻资讯，让用户及时了解市场行情。

　　二、产品要求

　　（说明产品要求，指导设计方向和思路）

　　基于网站的内容搭建全新的数字交易手机APP

　　1、确定产品功能：明确APP产品功能模块，体现“数字交易”核心业务

　　2、用户分析：识别目标用户，划分用户群

　　3、场景设计：明确用户使用场景

　　三、竞品分析（略）

　　（分析同类竞品的功能、用户群体、优劣势；借鉴同类优品，去废存最好，输出竞品分析报告。）

　　本案例主要基于网站完成移动端设计，不涉及详细的竞品分析报告

　　四、产品框架

　　（展示产品功能框架图，Xmind或MMP绘制）

　　确定APP的主要功能模块，实现核心业务功能，明确划分个人中心层次，消除复杂性。

　　产品框架图 MMP

　　五、产品原型

　　（产品低保真原型，指导视觉设计开发流程）

　　输出产品低保真原型，确定交互和实现流程。

　　接口原型RP

　　六、视觉展示

　　（视觉设计规范包括颜色、字体、图标和界面风格等；遵循IOS\Android\iPad设计规范和适配）

　　颜色

　　确定产品的色调，定义APP的主辅色。

　　颜色

　　字体

　　(黑体&思源黑常规)

　　主题文本 34-32px #333333

　　身体 28-26px #666666 #999999

　　提示文本 24-18px #f06338

　　图标

　　图标

　　界面（页）

　　尺寸规格

　　尺寸

　　第1页：货币交易

　　货币交易

　　第2页：场外交易中心

　　场外交易中心

　　第3页：个人中心

　　个人中心

　　第4页：其他

　　其他

　　作为设计师，他必须在整个项目过程中不断与需求方和开发团队进行沟通。项目完成后，他可以有效输出完整的作品介绍；同时，他可以梳理项目过程中遇到的问题和困难，并能相互推论。, 学习每个项目的经验和教训。