该产物原型图是本人在抉择进修产物司理相关常识后绘制的之一个产物原型图，旨在熟悉产物原型图建造要领和建造流程、以及进修行业优秀产物的设计理念和改造说明。该原型图建造和交互说明存在较多的疏漏，虚心接待列位产物大牛品评指正。

原型图建造信息

抖音APP版本：11.2.0

APP运行平台：iPhone8 IOS 13.4.1

原型图设计软件：Axure RP 8

软件运行平台：macOS 10.15.5

原型图页面尺寸：375*667

抖音APP产物布局图

抖音APP从产物设计上来看主要分为6大模块，别离是登录、首页、存眷、宣布视频、动静打点、我 共计6个模块，每个模块对应差异的内容，从页面层级上来绘制抖音APP的产物布局图简朴如下：

产物原型图大抵也是凭据上述产物布局图绘制，该原型图主要展示抖音APP主要成果页面及交互流程，细节页面和交互未做具体绘制。

抖音APP原型图建造 登录

首页

存眷

宣布

动静

我

总结 原型图绘制小我私家履历总结

对付产物新手来说，初期摹仿绘制产物原型图时，多利用Axure软件的帮助线和页面截图来帮助绘制，可快速定位元件位置和巨细，能更快完成元件的绘制和位置摆放，对付新手来说较量友好；将图片巨细修改成与原型图页面巨细一致的尺寸，通过X轴和Y轴帮助线快速绘制元件。

需要反复利用的元件可能页面，通过建设母版可极大提高原型图绘制速度，若需要修改同一页面元件的样式，直接修改母版样式即可。

绘制好的原型图多利用组合成果，以防备对页面拖动时改变页面元件的机关；同时，在绘制进程中，只管对具有整体性的元件荟萃配置组合，利便元件拖动时不改变元件机关。

对付产物新手来说，在配置元件颜色时，只管利用颜色提取东西，可保持元件颜色的精确性。

可通过导入外部元件库的 *** 来晋升原型图绘制效率，对付常用的元件可自行整理成一套元件库利用。

对付抖音APP的一些思考

产物整体页面简捷直观，可操纵和不行操纵区域均通过明明的颜色来举办区分，且整体页面气势气魄都回收比拟度很高的颜色来举办视觉上的区分，譬喻登录页面中可操纵按钮和不行操纵按钮利用赤色和灰色举办区分，极大提高了用户利用体验。

对付同一页面中差异的展示菜单，均利用差异的文字颜色或是颜色条来举办区分。譬喻导航菜单当前页面菜单利用白色字体加底部白色导航条举办区分；但在颜色比拟上尚有优化空间，且页面颜色运用较为缭乱，颜色统一性运用有优化空间，譬喻差异页面的导航条颜色可做归一化处理惩罚。

整体交互逻辑较量简捷直观，对付用户友好性较高。但部门页面存在反复环境，可做页面归一化处理惩罚，譬喻“动静”页面中的“粉丝”列表和“我”页面中的粉丝列表两个页面存在反复，且今朝页面不是同一个，可做页面归一化处理惩罚。

以上是作为产物新人对付抖音APP原型图的绘制和小我私家一些履历总结，仅代表小我私家概念，接待产物前辈品评指正。